From d5771a3d5c65eabf8e9eb71e31e0f340e8848edc Mon Sep 17 00:00:00 2001
From: Bryan Van Deusen <bryan.vandeusen@fabledsword.com>
Date: Wed, 1 Apr 2026 20:39:21 -0400
Subject: [PATCH] fix: remove view max-width constraints; widen graph panel
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Drop max-width from .knowledge-root so the graph panel can use the full
  viewport width without hitting a cap
- Drop max-width from .chat-page (message bubbles are already self-constraining)
- Increase normal graph panel width 420px → 500px
- Increase expanded width to min(960px, 60vw) so it scales with the viewport
  and updates minichat right-offset to match

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/views/ChatView.vue      |  3 ---
 frontend/src/views/KnowledgeView.vue | 11 ++++-------
 2 files changed, 4 insertions(+), 10 deletions(-)

diff --git a/frontend/src/views/ChatView.vue b/frontend/src/views/ChatView.vue
index 53fff93..33d92b2 100644
--- a/frontend/src/views/ChatView.vue
+++ b/frontend/src/views/ChatView.vue
@@ -1034,9 +1034,6 @@ onUnmounted(() => {
   display: flex;
   height: 100%;
   overflow: hidden;
-  max-width: 1600px;
-  width: 100%;
-  margin: 0 auto;
 }
 
 .chat-sidebar {
diff --git a/frontend/src/views/KnowledgeView.vue b/frontend/src/views/KnowledgeView.vue
index adfee40..34b32b9 100644
--- a/frontend/src/views/KnowledgeView.vue
+++ b/frontend/src/views/KnowledgeView.vue
@@ -545,9 +545,6 @@ onUnmounted(() => {
   flex-direction: column;
   height: calc(100vh - var(--header-height, 56px));
   overflow: hidden;
-  max-width: 1600px;
-  width: 100%;
-  margin: 0 auto;
 }
 
 /* ── Today bar ───────────────────────────────────────────── */
@@ -890,7 +887,7 @@ onUnmounted(() => {
 
 /* ── Graph panel ─────────────────────────────────────────── */
 .graph-panel {
-  width: 420px;
+  width: 500px;
   flex-shrink: 0;
   border-left: 1px solid var(--color-border, rgba(255,255,255,0.06));
   display: flex;
@@ -899,7 +896,7 @@ onUnmounted(() => {
   transition: width 0.2s ease;
 }
 .graph-panel.expanded {
-  width: 700px;
+  width: min(960px, 60vw);
 }
 .graph-panel-header {
   display: flex;
@@ -947,11 +944,11 @@ onUnmounted(() => {
   transition: box-shadow 0.2s;
 }
 .knowledge-root.graph-open .minichat {
-  right: 420px;
+  right: 500px;
   transition: right 0.2s ease;
 }
 .knowledge-root.graph-open.graph-expanded .minichat {
-  right: 700px;
+  right: min(960px, 60vw);
 }
 .minichat-messages {
   max-height: 360px;