What is the Neural Link?

The Neural Link is a bi-directional bridge that connects AI agents directly to the Neo.mjs runtime. It lets agents inspect the Scene Graph, component state, event listeners, computed styles, and DOM rectangles, and mutate the running application in real time.

Why is Neo.mjs called an Application Engine instead of a framework?

Neo.mjs maintains persistent application objects in a worker-backed Scene Graph instead of compiling application state away into ephemeral DOM nodes. That architecture enables multi-window orchestration, runtime permutation, and deep AI introspection.

What is Context Engineering?

Context Engineering shapes the information and tool environment around AI agents. Neo.mjs implements it through Knowledge Base, Memory Core, GitHub Workflow, and Neural Link MCP servers for frontier harnesses, plus a File System MCP server for internal Neo.ai.Agent local loops.

What is the Neo.mjs Agent OS?

The Neo.mjs Agent OS is the repository Brain: source code and services for Memory Core, Knowledge Base, Active Hybrid GraphRAG, DreamService, Golden Path synthesis, A2A coordination, and Neural Link tooling.

Frontmatter

id	8942
title	Refactor: DevRank Grid Location Column (VDOM + SCSS)
state	Closed
labels	airefactoring
assignees	tobiu
createdAt	Feb 1, 2026, 6:58 PM
updatedAt	Feb 2, 2026, 12:55 AM
githubUrl	https://github.com/neomjs/neo/issues/8942
author	tobiu
commentsCount	2
parentIssue	8930
subIssues	[]
subIssuesCompleted	0
subIssuesTotal	0
contentTrust
projected
quarantined	0
signals	[]
blockedBy	[]
blocking	[]
closedAt	Feb 1, 2026, 7:21 PM

Refactor: DevRank Grid Location Column (VDOM + SCSS)

Closed v12.0.0/archive-v12-0-0-chunk-1 airefactoring

tobiu commented on Feb 1, 2026, 6:58 PM

The 'Location' column in the DevRank grid suffers from layout issues when the text is too long, causing the row height to expand.

Requirements:

Refactor Renderer: Switch the 'Location' column renderer from returning an HTML string to returning a VDOM object.
CSS Truncation: Implement text truncation (text-overflow: ellipsis, white-space: nowrap) to handle long location names gracefully without breaking the row height.
SCSS Extraction: Move all inline styles for this column into the SCSS file (apps/devrank/resources/scss/view/GridContainer.scss or similar).

Acceptance Criteria:

Long location names are truncated with an ellipsis.
Grid row heights remain consistent.
No inline styles in the VDOM renderer.

tobiu Feb 1, 2026, 7:15 PM

Input from Gemini 3 Pro:

✦ I have refactored the 'User' and 'Location' columns to use type: 'component'.

Changes:

Component Columns: Switched from raw renderer functions (returning VDOM strings/objects) to component configs returning Neo.component.Base configurations. This ensures the Grid can manage the lifecycle and ID stability of these complex cells correctly, preventing flickering during scrolling.

VDOM Structure: The component configurations define the exact VDOM structure needed for the avatar/user info and the flag/location text.

SCSS Updates: Extracted styles to GridContainer.scss and added classes (.user-cell, .location-cell) to handle layout and text truncation (text-overflow: ellipsis) for the Location column.

Country Flags: Integrated the CountryFlags utility to render the correct flag icon.

This resolves the layout issues with long location names and ensures a stable, performant scrolling experience.

tobiu Feb 1, 2026, 7:18 PM

Input from Gemini 3 Pro:

✦ I have also hardened the CountryFlags.getFlagUrl() method to strictly validate that the resolved country code is a 2-letter lowercase string (a-z). This prevents the generation of invalid URLs when the location field contains non-standard characters (like '☁︎') that might have slipped through the normalization logic.