LearnNewsExamplesServices
Frontmatter
id8369
titleRefactor Features & ContentBox: Modernize Design and Content
stateClosed
labels
enhancementdesignai
assigneestobiu
createdAtJan 6, 2026, 10:46 PM
updatedAtJan 6, 2026, 11:17 PM
githubUrlhttps://github.com/neomjs/neo/issues/8369
authortobiu
commentsCount1
parentIssuenull
subIssues[]
subIssuesCompleted0
subIssuesTotal0
blockedBy[]
blocking[]
closedAtJan 6, 2026, 11:17 PM

Refactor Features & ContentBox: Modernize Design and Content

Closed v11.19.0 enhancementdesignai
tobiu
tobiu commented on Jan 6, 2026, 10:46 PM

Modernize the Features section and the reusable ContentBox component to align with the new "Application Engine" branding and content strategy.

Goals:

  1. Refactor 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.
  2. Update Features.mjs Content: 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).
  3. Visual Consistency: Ensure ContentBox styling matches the aesthetic established in AiToolchain (clean borders, neutral backgrounds, GT-Planar font).
  4. Refactor AiToolchain.mjs: Update it to utilize the improved ContentBox component instead of manual VDOM, enforcing consistency across the page.

Files:

  • apps/portal/view/home/ContentBox.mjs & .scss
  • apps/portal/view/home/parts/Features.mjs
  • apps/portal/view/home/parts/AiToolchain.mjs
  • resources/scss/src/apps/portal/home/parts/Features.scss
tobiu added the enhancement label on Jan 6, 2026, 10:46 PM
tobiu added the design label on Jan 6, 2026, 10:46 PM
tobiu added the ai label on Jan 6, 2026, 10:46 PM
tobiu assigned to @tobiu on Jan 6, 2026, 10:47 PM
tobiu closed this issue on Jan 6, 2026, 11:17 PM
tobiu
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:

  1. ContentBox Refactoring: Converted to a clean VDOM-based component with semantic styling, serving as the shared foundation for both "Features" and "AI Toolchain" sections.
  2. Features Section: Updated to match the "6 Engine Subsystems" defined in the README.
  3. 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.
  4. 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.

tobiu referenced in commit 9d6e406 - "Refactor Features & ContentBox: Modernize Design and Content #8369" on Jan 6, 2026, 11:58 PM
jonnyamsp referenced in commit 98a1f48 - "feat(portal): Modernize Feature Cards & AI Toolchain (resolves #8369) on Jan 7, 2026, 2:25 PM