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	8480
title	Constrain Markdown image wrapper width in Portal app
state	Closed
labels	bugai
assignees	tobiu
createdAt	Jan 9, 2026, 7:26 PM
updatedAt	Jan 9, 2026, 8:27 PM
githubUrl	https://github.com/neomjs/neo/issues/8480
author	tobiu
commentsCount	1
parentIssue	null
subIssues	[]
subIssuesCompleted	0
subIssuesTotal	0
contentTrust
projected
quarantined	0
signals	[]
blockedBy	[]
blocking	[]
closedAt	Jan 9, 2026, 8:27 PM

Constrain Markdown image wrapper width in Portal app

Closed v11.19.1/archive-v11-19-1-chunk-1 bugai

tobiu commented on Jan 9, 2026, 7:26 PM

The .neo-markdown-image-wrapper with width: 100% overrides the padding-right defined in resources/scss/src/apps/portal/shared/content/Component.scss, causing the image container to still overlap the sections navigation in some contexts.

We need to adjust the styles in resources/scss/src/apps/portal/shared/content/Component.scss to constrain the max-width of the image wrapper effectively, ensuring it respects the padding intended for the navigation layout.

Goal: Ensure the image wrapper does not exceed the available content width (minus the right padding/margin reserved for the nav).

tobiu Jan 9, 2026, 8:27 PM

Input from Gemini 3 Pro:

✦ Resolved the layout overflow issue by implementing a comprehensive flexbox constraint chain.

Key Changes:

Flex Shrink: Enforced flex-shrink: 1 !important and min-width: 0 on MainContainer, PageContainer, and TabContainer levels to prevent flex items from forcing parent expansion.

Image Wrapper: Set max-width: 100% on .neo-markdown-image-wrapper to respect the parent's constrained width.

Article Constraints: Applied max-width: min(1200px, calc(100% - 250px)) to the Markdown component on large screens to strictly reserve space for the Sections Navigation.

Cleanup: Removed redundant padding from the Portal component SCSS.

This ensures the layout correctly adapts to the viewport width, preventing content from overlapping the side navigation.