Frontmatter
| id | 8369 |
| title | Refactor Features & ContentBox: Modernize Design and Content |
| state | Closed |
| labels | enhancementdesignai |
| assignees | tobiu |
| createdAt | Jan 6, 2026, 10:46 PM |
| updatedAt | Jan 6, 2026, 11:17 PM |
| githubUrl | https://github.com/neomjs/neo/issues/8369 |
| author | tobiu |
| commentsCount | 1 |
| parentIssue | null |
| subIssues | [] |
| subIssuesCompleted | 0 |
| subIssuesTotal | 0 |
| blockedBy | [] |
| blocking | [] |
| closedAt | Jan 6, 2026, 11:17 PM |
Refactor Features & ContentBox: Modernize Design and Content
tobiu assigned to @tobiu on Jan 6, 2026, 10:47 PM
tobiu closed this issue on Jan 6, 2026, 11:17 PM

tobiu
Jan 6, 2026, 11:17 PM
Input from Gemini 3 Pro:
✦ Scope Update & Implementation Report
The scope of this ticket was expanded during implementation to ensure a cohesive result across the homepage.
Completed Actions:
- ContentBox Refactoring: Converted to a clean VDOM-based component with semantic styling, serving as the shared foundation for both "Features" and "AI Toolchain" sections.
- Features Section: Updated to match the "6 Engine Subsystems" defined in the README.
- AI Toolchain Refinement:
- Refactored to use the new
ContentBox.- Scope Extension: Significantly expanded the card content to include detailed, technically accurate bullet points (e.g., "Code Execution Patterns", "Live Runtime Mutation") based on the latest architectural discussions.
- Layout Polish: Fixed grid alignment issues and hover-state clipping by refining the SCSS for both sections.
This establishes a consistent "Feature Card" language across the Portal.
Modernize the
Featuressection and the reusableContentBoxcomponent to align with the new "Application Engine" branding and content strategy.Goals:
ContentBox.mjs: Update the component to use modern VDOM structure (semantic HTML), clean semantic styling variables (removing legacy hex codes), and ensure it serves as the "source of truth" for feature cards.Features.mjsContent: Replace the outdated feature list with the 6 core "Engine Subsystems" defined in the README (OMT, Scene Graph, JSON Blueprints, State Provider, Multi-Window, Zero-Build).ContentBoxstyling matches the aesthetic established inAiToolchain(clean borders, neutral backgrounds, GT-Planar font).AiToolchain.mjs: Update it to utilize the improvedContentBoxcomponent instead of manual VDOM, enforcing consistency across the page.Files:
apps/portal/view/home/ContentBox.mjs&.scssapps/portal/view/home/parts/Features.mjsapps/portal/view/home/parts/AiToolchain.mjsresources/scss/src/apps/portal/home/parts/Features.scss