feat: fix remarks

Author: Lasserich

src/components/Graphs/Graph.module.css

@@ -4,16 +4,21 @@
   border: 1px solid var(--sapList_BorderColor, #ddd);
   border-radius: 16px;
   overflow: hidden;
+  overflow-x: hidden !important;
   background-color: var(--sapBackgroundColor, #fafafa);
   font-family: var(--sapFontFamily);
-  max-width: 1280px;
-  margin: 0 auto;
+  width: 100%;
+  max-width: 100%;
+  box-sizing: border-box;
 }
 
 .graphColumn {
   flex: 1;
   display: flex;
   flex-direction: column;
+  overflow-x: hidden !important;
+  width: 100%;
+  max-width: 100%;
 }
 
 .graphHeader {
@@ -68,7 +73,19 @@
 :global([data-theme='dark'] .react-flow__controls-button) {
   background: transparent;
   color: #fff;
-  border-color: rgba(255, 255, 255, 0.25);
+}
+
+/* Force ReactFlow to not have horizontal scroll */
+:global(.react-flow) {
+  overflow-x: hidden !important;
+}
+
+:global(.react-flow__pane) {
+  overflow-x: hidden !important;
+}
+
+:global(.react-flow__viewport) {
+  overflow-x: hidden !important;
 }
 
 :global([data-theme='dark'] .react-flow__controls-button:hover) {

src/components/Graphs/Graph.tsx

@@ -95,7 +95,8 @@ const Graph: React.FC = () => {
           nodesConnectable={false}
           elementsSelectable={false}
           zoomOnScroll={true}
-          panOnDrag={true}
+          panOnDrag={false}
+          preventScrolling={true}
         >
           <Controls showInteractive={false} />
           <Background />

src/spaces/mcp/pages/McpPage.module.css

@@ -2,4 +2,5 @@
   max-width: 1280px;
   margin: 0.1em auto -8px auto;
   width: 100%;
+  overflow-x: hidden;
 }

src/spaces/mcp/pages/McpPage.tsx

@@ -107,7 +107,15 @@ export default function McpPage() {
               titleText={t('McpPage.graphTitle')}
               hideTitleText
             >
-              <Graph />
+              <Panel
+                className={styles.panel}
+                headerLevel="H2"
+                headerText="Panel"
+                header={<Title level="H2">{t('McpPage.graphTitle')}</Title>}
+                noAnimation
+              >
+                <Graph />
+              </Panel>
             </ObjectPageSection>
             <ObjectPageSection
               className="cp-page-section-components"