🐛 [Bug]: "+ Knowledge" button misaligned when resizing window

[MattH-ca]

Archon Version

Archon version: (latest main as of Aug 16, 2025, running via Docker)

Bug Severity

🟢 Low - Minor inconvenience

Bug Description

Summary

The “+ Knowledge” button in the Knowledge Base view does not properly relocate when resizing the browser window. It overlaps or floats incorrectly instead of adapting responsively.

Environment

• Archon version: (latest main as of Aug 16, 2025, running via Docker)
• OS: macOS 14.5
• Browser: Chrome 127
• Setup: Running locally at http://localhost:3737

Steps to Reproduce

1. Run Archon normally (Docker setup, local environment).
2. Navigate to the Knowledge Base.
3. Gradually resize the browser window width (e.g., split-screen).
4. Observe the placement of the + Knowledge button in the top-right.

Expected Behavior

The button should remain anchored to the top-right corner of the grid header, maintaining spacing and alignment at different viewport widths.

Actual Behavior

• The button shifts and misaligns when resizing the window.
• In some widths it overlaps with other UI elements, breaking layout consistency.

Screenshots / GIF

• Screenshot 1: Button correctly placed at full width.
• Screenshot 2 & 3: Button misplaced when window is narrower.
• GIF: Demonstrates the button failing to stay in place during resize.

(attachments included above)

Additional Context

• Issue observed consistently in Chrome (Mac).
• May affect other browsers but not tested yet.
• Seems related to CSS flex/grid alignment in the Knowledge Base header.

Steps to Reproduce

1. Run Archon normally (Docker setup, local environment).
2. Navigate to the Knowledge Base.
3. Gradually resize the browser window width (e.g., split-screen).
4. Observe the placement of the + Knowledge button in the top-right.

Expected Behavior

There should be a way to add knowledge regardless of screen size.

Actual Behavior

The button disappears.

Error Details (if any)

Affected Component

🔍 Knowledge Base / RAG

Browser & OS

Chrome 127

Additional Context


Service Status (check all that are working)

• [x] 🖥️ Frontend UI (http://localhost:3737)
• [ ] ⚙️ Main Server (http://localhost:8181)
• [ ] 🔗 MCP Service (localhost:8051)
• [ ] 🤖 Agents Service (http://localhost:8052)
• [ ] 💾 Supabase Database (connected)

[Xasan418]

H

[coleam00]

Thanks for reporting this @MattH-ca!

[leex279]

As the design/ui changed now for this at all => closing this. If you got problems with the new UI as well, feel free to open a new issue.