From 233db4dd565df78c7070ed8e27fa6414e13b23ea Mon Sep 17 00:00:00 2001
From: Stephen Zhou <38493346+hyoban@users.noreply.github.com>
Date: Mon, 17 Aug 2026 15:59:44 +0800
Subject: [PATCH] fix(web): unify New RAG content padding (WTA-2065)

---
 web/features/new-rag/add-source-page.tsx                  | 2 +-
 web/features/new-rag/document-detail-page.tsx             | 2 +-
 web/features/new-rag/documents-page.tsx                   | 2 +-
 web/features/new-rag/knowledge-settings-page.tsx          | 2 +-
 web/features/new-rag/overview/knowledge-overview-page.tsx | 2 +-
 web/features/new-rag/quality/quality-page.tsx             | 2 +-
 web/features/new-rag/retrieval-test-page.tsx              | 2 +-
 web/features/new-rag/sources-page.tsx                     | 2 +-
 8 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/web/features/new-rag/add-source-page.tsx b/web/features/new-rag/add-source-page.tsx
index 0e0c2e23bd1..5083dbc4fc6 100644
--- a/web/features/new-rag/add-source-page.tsx
+++ b/web/features/new-rag/add-source-page.tsx
@@ -1245,7 +1245,7 @@ export function AddSourcePage({
 
   return (
     <>
-      <main className="h-full min-h-0 w-full min-w-0 flex-1 overflow-y-auto px-4 pt-3 pb-6 sm:px-8 sm:pb-8">
+      <main className="h-full min-h-0 w-full min-w-0 flex-1 overflow-y-auto px-6 pt-3 pb-6 sm:pb-8">
         <header>
           <h2 className="system-xl-semibold text-text-primary">
             {t(($) => $['newKnowledge.addSource'])}
diff --git a/web/features/new-rag/document-detail-page.tsx b/web/features/new-rag/document-detail-page.tsx
index 3f7dbf4f638..622f4023f4a 100644
--- a/web/features/new-rag/document-detail-page.tsx
+++ b/web/features/new-rag/document-detail-page.tsx
@@ -264,7 +264,7 @@ export function DocumentDetailPage({
 
   const document = documentQuery.data
   return (
-    <section className="flex min-h-0 flex-1 flex-col px-6 pt-3 pb-5 lg:px-8">
+    <section className="flex min-h-0 flex-1 flex-col px-6 pt-3 pb-5">
       <KnowledgeModelReadinessBanner
         capability="index"
         className="mb-4"
diff --git a/web/features/new-rag/documents-page.tsx b/web/features/new-rag/documents-page.tsx
index d4db666931a..310cd3d5129 100644
--- a/web/features/new-rag/documents-page.tsx
+++ b/web/features/new-rag/documents-page.tsx
@@ -2587,7 +2587,7 @@ export function DocumentsPage({ knowledgeSpaceId }: { knowledgeSpaceId: string }
       <section
         ref={documentsSectionRef}
         className={cn(
-          'relative flex min-h-full w-full flex-col gap-4 px-4 pt-3 sm:px-8',
+          'relative flex min-h-full w-full flex-col gap-4 px-6 pt-3',
           bulkActionsVisible ? 'pb-[calc(7rem+env(safe-area-inset-bottom,0px))]' : 'pb-6',
         )}
         onDragEnter={(event) => {
diff --git a/web/features/new-rag/knowledge-settings-page.tsx b/web/features/new-rag/knowledge-settings-page.tsx
index 62c15505172..53dbc3b71f3 100644
--- a/web/features/new-rag/knowledge-settings-page.tsx
+++ b/web/features/new-rag/knowledge-settings-page.tsx
@@ -217,7 +217,7 @@ export function KnowledgeSettingsPage({ knowledgeSpaceId }: { knowledgeSpaceId:
   }
 
   return (
-    <div className="min-h-full w-full overflow-y-auto px-6 pt-3 pb-6 sm:pr-6 sm:pl-20">
+    <div className="min-h-full w-full overflow-y-auto px-6 pt-3 pb-6">
       <div className="flex flex-col gap-0.5">
         <h1 className="system-xl-semibold text-text-primary">{tSettings(($) => $.title)}</h1>
         <p className="system-xs-regular text-text-tertiary">
diff --git a/web/features/new-rag/overview/knowledge-overview-page.tsx b/web/features/new-rag/overview/knowledge-overview-page.tsx
index aa9ff1bec5c..1464a8bc9e6 100644
--- a/web/features/new-rag/overview/knowledge-overview-page.tsx
+++ b/web/features/new-rag/overview/knowledge-overview-page.tsx
@@ -1939,7 +1939,7 @@ export function KnowledgeOverviewPage({ knowledgeSpaceId }: { knowledgeSpaceId:
 
   return (
     <main className="min-h-0 min-w-0 flex-1 overflow-y-auto bg-components-panel-bg">
-      <div className="mx-auto w-full max-w-332 px-5 pt-3 pb-6 sm:px-8">
+      <div className="mx-auto w-full max-w-332 px-6 pt-3 pb-6">
         <header className="flex flex-wrap items-center justify-between gap-3">
           <h1 className="title-3xl-bold text-text-primary">
             {t(($) => $['newKnowledge.overviewTitle'])}
diff --git a/web/features/new-rag/quality/quality-page.tsx b/web/features/new-rag/quality/quality-page.tsx
index 36d854b5d11..f7344346e12 100644
--- a/web/features/new-rag/quality/quality-page.tsx
+++ b/web/features/new-rag/quality/quality-page.tsx
@@ -437,7 +437,7 @@ export function QualityPage({ knowledgeSpaceId }: { knowledgeSpaceId: string })
     })
 
   return (
-    <main className="relative min-h-full min-w-0 flex-1 px-8 pt-3 pb-20">
+    <main className="relative min-h-full min-w-0 flex-1 px-6 pt-3 pb-20">
       <header>
         <h1 className="system-xl-semibold text-text-primary">
           {t(($) => $['newKnowledge.qualityPage.title'])}
diff --git a/web/features/new-rag/retrieval-test-page.tsx b/web/features/new-rag/retrieval-test-page.tsx
index aeb6a3150fb..20a69fd31ac 100644
--- a/web/features/new-rag/retrieval-test-page.tsx
+++ b/web/features/new-rag/retrieval-test-page.tsx
@@ -1834,7 +1834,7 @@ export function RetrievalTestPage({ knowledgeSpaceId }: { knowledgeSpaceId: stri
   }
 
   return (
-    <main className="flex h-full min-h-0 min-w-0 flex-1 flex-col overflow-hidden rounded-lg bg-components-panel-bg px-5 pt-3 pb-5">
+    <main className="flex h-full min-h-0 min-w-0 flex-1 flex-col overflow-hidden rounded-lg bg-components-panel-bg px-6 pt-3 pb-5">
       <header className="shrink-0">
         <h1 className="title-xl-semi-bold leading-6 text-text-primary">
           {t(($) => $['newKnowledge.retrievalTest.title'])}
diff --git a/web/features/new-rag/sources-page.tsx b/web/features/new-rag/sources-page.tsx
index 4eaef402793..d35c7cde9d5 100644
--- a/web/features/new-rag/sources-page.tsx
+++ b/web/features/new-rag/sources-page.tsx
@@ -1168,7 +1168,7 @@ export function SourcesPage({ knowledgeSpaceId }: { knowledgeSpaceId: string })
   ])
 
   return (
-    <div className="flex min-h-full min-w-0 flex-1 flex-col px-4 pt-3 pb-6 sm:px-8 sm:pb-8">
+    <div className="flex min-h-full min-w-0 flex-1 flex-col px-6 pt-3 pb-6 sm:pb-8">
       <header className="flex items-start justify-between gap-4">
         <div>
           <h2 className="title-xl-semi-bold leading-6 text-text-primary">