From c1ed185b26455b33083549fdbed68b76865deea1 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Sun, 10 May 2026 17:38:04 +0530
Subject: [PATCH 01/59] inital commit for context center

---
 .../src/main/resources/ui/package.json        |   4 +-
 .../application/file-upload/file-upload.tsx   | 230 ++++-
 .../src/components/foundations/dot-icon.tsx   |   7 +-
 .../ui/src/assets/svg/ic-context-center.svg   |   7 +
 .../src/assets/svg/ic-sidebar-collapsible.svg |   5 +
 .../ui/src/assets/svg/spreadsheet-icon.svg    |  12 +
 .../AppRouter/AuthenticatedAppRouter.tsx      |   8 +
 .../ContextCenterRouter.tsx                   | 112 +++
 .../ArticleCard/ArticleCard.component.tsx     |  84 ++
 .../ArticleCard/ArticleCard.interface.ts      |  33 +
 .../ArticleDetailHeader.component.tsx         | 512 ++++++++++
 .../ArticleDetailHeader.interface.ts          |  40 +
 .../ArticleListSection.component.tsx          | 102 ++
 .../ArticleListSection.interface.ts           |  24 +
 .../ContextCenterHeader.component.tsx         |  79 ++
 .../ContextCenterHeader.interface.ts          |  25 +
 .../ContextCenterSidebar.component.tsx        | 144 +++
 .../ContextCenterSidebar.interface.ts         |  37 +
 .../DocumentsView/DocumentsView.component.tsx | 340 +++++++
 .../DocumentsView/DocumentsView.interface.ts  |  38 +
 .../UploadDocumentModal.component.tsx         | 118 +++
 .../UploadDocumentModal.interface.ts          |  18 +
 .../UploadedDocumentCard.component.tsx        |  86 ++
 .../UploadedDocumentCard.interface.ts         |  29 +
 .../UploadedDocumentsSection.component.tsx    |  97 ++
 .../UploadedDocumentsSection.interface.ts     |  22 +
 .../KnowledgeCenterLayout.tsx                 |  19 +-
 .../KnowledgePageDetailComponent.tsx          |  50 +-
 .../KnowledgePageDetailRightPanel.tsx         |   4 +
 .../KnowledgePageListComponent.tsx            | 877 +++++++++---------
 .../KnowledgePagesHierarchy.tsx               |  40 +-
 .../ui/src/constants/LeftSidebar.constants.ts |  91 +-
 .../resources/ui/src/constants/constants.ts   |  10 +
 .../resources/ui/src/enums/sidebar.enum.ts    |   1 +
 .../interface/knowledge-center.interface.ts   |  23 +
 .../ui/src/locale/languages/en-us.json        |   6 +
 .../ContextCenterArchivePage.tsx              |  48 +
 .../ContextCenterArticlesPage.tsx             | 296 ++++++
 .../ContextCenterDashboardPage.tsx            |  77 ++
 .../ContextCenterDocumentsPage.tsx            |  61 ++
 .../ContextCenterIntegrationsPage.tsx         |  48 +
 .../ContextCenterPage.mock.ts                 | 215 +++++
 .../KnowledgeCenterPage.tsx                   |  30 +-
 .../ui/src/utils/KnowledgePageUtils.tsx       |   8 +-
 44 files changed, 3642 insertions(+), 475 deletions(-)
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-context-center.svg
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-sidebar-collapsible.svg
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/assets/svg/spreadsheet-icon.svg
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/AppRouter/ContextCenterRouter/ContextCenterRouter.tsx
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.component.tsx
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.interface.ts
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.interface.ts
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.interface.ts
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.interface.ts
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.component.tsx
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.interface.ts
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.interface.ts
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.interface.ts
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.interface.ts
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.interface.ts
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterPage.mock.ts

diff --git a/openmetadata-ui-core-components/src/main/resources/ui/package.json b/openmetadata-ui-core-components/src/main/resources/ui/package.json
index b398ddfb1d96..669ab219c816 100644
--- a/openmetadata-ui-core-components/src/main/resources/ui/package.json
+++ b/openmetadata-ui-core-components/src/main/resources/ui/package.json
@@ -75,7 +75,9 @@
   "author": "OpenMetadata",
   "license": "Apache-2.0",
   "dependencies": {
-    "@material/material-color-utilities": "^0.3.0"
+    "@material/material-color-utilities": "^0.3.0",
+    "@untitledui/file-icons": "^0.0.9",
+    "motion": "^12.38.0"
   },
   "peerDependencies": {
     "@emotion/react": ">=11.0.0",
diff --git a/openmetadata-ui-core-components/src/main/resources/ui/src/components/application/file-upload/file-upload.tsx b/openmetadata-ui-core-components/src/main/resources/ui/src/components/application/file-upload/file-upload.tsx
index 09462d8a8b5c..4facb4d332e2 100644
--- a/openmetadata-ui-core-components/src/main/resources/ui/src/components/application/file-upload/file-upload.tsx
+++ b/openmetadata-ui-core-components/src/main/resources/ui/src/components/application/file-upload/file-upload.tsx
@@ -15,12 +15,23 @@
  *  Source: https://github.com/untitleduico/react/blob/main/components/application/file-upload/file-upload-base.tsx
  */
 
-import { UploadCloud02 } from '@untitledui/icons';
-import type { DragEvent, ChangeEvent } from 'react';
-import { useId, useRef, useState } from 'react';
 import { Button } from '@/components/base/buttons/button';
+import { ButtonUtility } from '@/components/base/buttons/button-utility';
+import { ProgressBar } from '@/components/base/progress-indicators/progress-indicators';
 import { FeaturedIcon } from '@/components/foundations/featured-icon/featured-icon';
 import { cx } from '@/utils/cx';
+import {
+  CheckCircle,
+  Trash01,
+  UploadCloud02,
+  XCircle,
+} from '@untitledui/icons';
+import type {
+  ChangeEvent,
+  ComponentPropsWithRef,
+  DragEvent,
+} from 'react';
+import { useId, useRef, useState } from 'react';
 
 export const getReadableFileSize = (bytes: number): string => {
   if (bytes === 0) {
@@ -240,3 +251,216 @@ export const FileUploadDropZone = ({
 };
 
 FileUploadDropZone.displayName = 'FileUploadDropZone';
+
+export interface FileListItemProps {
+  name: string;
+  size: number;
+  progress: number;
+  failed?: boolean;
+  className?: string;
+  onDelete?: () => void;
+  onRetry?: () => void;
+}
+
+export const FileListItemProgressBar = ({
+  className,
+  failed,
+  name,
+  onDelete,
+  onRetry,
+  progress,
+  size,
+}: FileListItemProps) => {
+  const isComplete = progress === 100;
+
+  return (
+    <li
+      className={cx(
+        'tw:relative tw:flex tw:gap-3 tw:rounded-xl tw:bg-primary tw:p-4 tw:ring-1 tw:ring-secondary tw:transition-shadow tw:duration-100 tw:ease-linear tw:ring-inset',
+        failed && 'tw:ring-2 tw:ring-error',
+        className
+      )}>
+      <div className="tw:flex tw:size-10 tw:shrink-0 tw:items-center tw:justify-center tw:rounded-lg tw:bg-secondary">
+        <UploadCloud02 className="tw:size-5 tw:text-tertiary" strokeWidth={1.5} />
+      </div>
+
+      <div className="tw:flex tw:min-w-0 tw:flex-1 tw:flex-col tw:items-start">
+        <div className="tw:flex tw:w-full tw:min-w-0 tw:max-w-full tw:flex-1">
+          <div className="tw:min-w-0 tw:flex-1">
+            <p className="tw:truncate tw:text-sm tw:font-medium tw:text-secondary">
+              {name}
+            </p>
+            <div className="tw:mt-0.5 tw:flex tw:items-center tw:gap-2">
+              <p className="tw:truncate tw:whitespace-nowrap tw:text-sm tw:text-tertiary">
+                {getReadableFileSize(size)}
+              </p>
+              <hr className="tw:h-3 tw:w-px tw:rounded-full tw:border-none tw:bg-border-primary" />
+              <div className="tw:flex tw:items-center tw:gap-1">
+                {isComplete && !failed && (
+                  <>
+                    <CheckCircle className="tw:size-4 tw:stroke-[2.5px] tw:text-fg-success-primary" />
+                    <p className="tw:text-sm tw:font-medium tw:text-success-primary">
+                      Complete
+                    </p>
+                  </>
+                )}
+                {!isComplete && !failed && (
+                  <>
+                    <UploadCloud02 className="tw:size-4 tw:stroke-[2.5px] tw:text-fg-quaternary" />
+                    <p className="tw:text-sm tw:font-medium tw:text-quaternary">
+                      Uploading...
+                    </p>
+                  </>
+                )}
+                {failed && (
+                  <>
+                    <XCircle className="tw:size-4 tw:text-fg-error-primary" />
+                    <p className="tw:text-sm tw:font-medium tw:text-error-primary">
+                      Failed
+                    </p>
+                  </>
+                )}
+              </div>
+            </div>
+          </div>
+          <ButtonUtility
+            className="tw:-mr-2 tw:-mt-2 tw:self-start"
+            color="tertiary"
+            icon={Trash01}
+            size="xs"
+            tooltip="Delete"
+            onClick={onDelete}
+          />
+        </div>
+
+        {!failed && (
+          <div className="tw:mt-1 tw:w-full">
+            <ProgressBar
+              labelPosition="right"
+              max={100}
+              min={0}
+              value={progress}
+            />
+          </div>
+        )}
+
+        {failed && (
+          <Button
+            className="tw:mt-1.5"
+            color="link-destructive"
+            size="sm"
+            onClick={onRetry}>
+            Try again
+          </Button>
+        )}
+      </div>
+    </li>
+  );
+};
+
+export const FileListItemProgressFill = ({
+  className,
+  failed,
+  name,
+  onDelete,
+  onRetry,
+  progress,
+  size,
+}: FileListItemProps) => {
+  const isComplete = progress === 100;
+
+  return (
+    <li
+      className={cx(
+        'tw:relative tw:flex tw:gap-3 tw:overflow-hidden tw:rounded-xl tw:bg-primary tw:p-4',
+        className
+      )}>
+      <div
+        aria-valuemax={100}
+        aria-valuemin={0}
+        aria-valuenow={progress}
+        className={cx(
+          'tw:absolute tw:inset-0 tw:size-full tw:bg-secondary tw:transition tw:duration-75 tw:ease-linear',
+          isComplete && 'tw:opacity-0'
+        )}
+        role="progressbar"
+        style={{ transform: `translateX(-${100 - progress}%)` }}
+      />
+      <div
+        className={cx(
+          'tw:absolute tw:inset-0 tw:size-full tw:rounded-[inherit] tw:ring-1 tw:ring-secondary tw:transition tw:duration-100 tw:ease-linear tw:ring-inset',
+          failed && 'tw:ring-2 tw:ring-error'
+        )}
+      />
+      <div className="tw:relative tw:flex tw:size-10 tw:shrink-0 tw:items-center tw:justify-center tw:rounded-lg tw:bg-secondary">
+        <UploadCloud02 className="tw:size-5 tw:text-tertiary" strokeWidth={1.5} />
+      </div>
+
+      <div className="tw:relative tw:flex tw:min-w-0 tw:flex-1">
+        <div className="tw:relative tw:flex tw:min-w-0 tw:flex-1 tw:flex-col tw:items-start">
+          <div className="tw:w-full tw:min-w-0 tw:flex-1">
+            <p className="tw:truncate tw:text-sm tw:font-medium tw:text-secondary">
+              {name}
+            </p>
+            <div className="tw:mt-0.5 tw:flex tw:items-center tw:gap-2">
+              <p className="tw:text-sm tw:text-tertiary">
+                {failed
+                  ? 'Upload failed, please try again'
+                  : getReadableFileSize(size)}
+              </p>
+              {!failed && (
+                <>
+                  <hr className="tw:h-3 tw:w-px tw:rounded-full tw:border-none tw:bg-border-primary" />
+                  <div className="tw:flex tw:items-center tw:gap-1">
+                    {isComplete ? (
+                      <CheckCircle className="tw:size-4 tw:stroke-[2.5px] tw:text-fg-success-primary" />
+                    ) : (
+                      <UploadCloud02 className="tw:size-4 tw:stroke-[2.5px] tw:text-fg-quaternary" />
+                    )}
+                    <p className="tw:text-sm tw:text-tertiary">{progress}%</p>
+                  </div>
+                </>
+              )}
+            </div>
+          </div>
+          {failed && (
+            <Button
+              className="tw:mt-1.5"
+              color="link-destructive"
+              size="sm"
+              onClick={onRetry}>
+              Try again
+            </Button>
+          )}
+        </div>
+        <ButtonUtility
+          className="tw:-mr-2 tw:-mt-2 tw:self-start"
+          color="tertiary"
+          icon={Trash01}
+          size="xs"
+          tooltip="Delete"
+          onClick={onDelete}
+        />
+      </div>
+    </li>
+  );
+};
+
+const FileUploadRoot = (props: ComponentPropsWithRef<'div'>) => (
+  <div
+    {...props}
+    className={cx('tw:flex tw:flex-col tw:gap-4', props.className)}
+  />
+);
+
+const FileUploadList = (props: ComponentPropsWithRef<'ul'>) => (
+  <ul {...props} className={cx('tw:flex tw:flex-col tw:gap-3', props.className)} />
+);
+
+export const FileUpload = {
+  DropZone: FileUploadDropZone,
+  List: FileUploadList,
+  ListItemProgressBar: FileListItemProgressBar,
+  ListItemProgressFill: FileListItemProgressFill,
+  Root: FileUploadRoot,
+};
diff --git a/openmetadata-ui-core-components/src/main/resources/ui/src/components/foundations/dot-icon.tsx b/openmetadata-ui-core-components/src/main/resources/ui/src/components/foundations/dot-icon.tsx
index 11b1b91aeac7..04bf658e5301 100644
--- a/openmetadata-ui-core-components/src/main/resources/ui/src/components/foundations/dot-icon.tsx
+++ b/openmetadata-ui-core-components/src/main/resources/ui/src/components/foundations/dot-icon.tsx
@@ -1,6 +1,11 @@
 import type { HTMLAttributes } from 'react';
 
 const sizes = {
+  xs: {
+    wh: 6,
+    c: 3,
+    r: 2,
+  },
   sm: {
     wh: 8,
     c: 4,
@@ -16,7 +21,7 @@ const sizes = {
 export const Dot = ({
   size = 'md',
   ...props
-}: HTMLAttributes<HTMLOrSVGElement> & { size?: 'sm' | 'md' }) => {
+}: HTMLAttributes<HTMLOrSVGElement> & { size?: 'sm' | 'md' | 'xs' }) => {
   return (
     <svg
       fill="none"
diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-context-center.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-context-center.svg
new file mode 100644
index 000000000000..b1f091e225ce
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-context-center.svg
@@ -0,0 +1,7 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M12 8v4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+  <circle cx="12" cy="15.5" r="0.75" fill="currentColor"/>
+  <path d="M8 10.5c0-2.21 1.79-4 4-4s4 1.79 4 4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
+  <path d="M7 17c1.38.63 2.9 1 4.5 1 1.7 0 3.3-.4 4.72-1.1" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
+</svg>
diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-sidebar-collapsible.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-sidebar-collapsible.svg
new file mode 100644
index 000000000000..7768303c6cdb
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-sidebar-collapsible.svg
@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 7.2093V12.7907C0 17.8419 2.15814 20 7.2093 20H12.7907C17.8419 20 20 17.8419 20 12.7907V7.2093C20 2.15814 17.8419 0 12.7907 0H7.2093C2.15814 0 0 2.14884 0 7.2093ZM18.6047 12.7907C18.6047 17.0791 17.0791 18.6047 12.7907 18.6047H7.2093C2.92093 18.6047 1.39535 17.0791 1.39535 12.7907V7.2093C1.39535 2.92093 2.92093 1.39535 7.2093 1.39535H12.7907C17.0791 1.39535 18.6047 2.92093 18.6047 7.2093V12.7907Z" fill="#717680"/>
+<path d="M12.7907 0C12.4093 0 12.093 0.316278 12.093 0.697674V19.3023C12.093 19.6837 12.4093 20 12.7907 20C13.1721 20 13.4884 19.6837 13.4884 19.3023V0.697674C13.4884 0.316278 13.1814 0 12.7907 0Z" fill="#717680"/>
+<path d="M6.2786 6.92132C6.10186 6.92132 5.92511 6.98643 5.78558 7.12597C5.51581 7.39573 5.51581 7.84225 5.78558 8.11201L7.67395 10.0004L5.78558 11.8888C5.51581 12.1585 5.51581 12.6051 5.78558 12.8748C6.05534 13.1446 6.50186 13.1446 6.77162 12.8748L9.15306 10.4934C9.42282 10.2236 9.42282 9.77713 9.15306 9.50736L6.77162 7.12597C6.64139 6.98643 6.46465 6.92132 6.2786 6.92132Z" fill="#717680"/>
+</svg>
diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/spreadsheet-icon.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/spreadsheet-icon.svg
new file mode 100644
index 000000000000..aae0f99967a1
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/assets/svg/spreadsheet-icon.svg
@@ -0,0 +1,12 @@
+<svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z" fill="#079455"/>
+<path opacity="0.3" d="M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z" fill="white"/>
+<g clip-path="url(#clip0_381_8488)">
+<path d="M12.7998 24.8H27.1998M12.7998 24.8V21.6C12.7998 20.7163 13.5161 20 14.3998 20H17.5998M12.7998 24.8V28C12.7998 28.8837 13.5161 29.6 14.3998 29.6H17.5998M27.1998 24.8V28C27.1998 28.8837 26.4835 29.6 25.5998 29.6H17.5998M27.1998 24.8V21.6C27.1998 20.7163 26.4835 20 25.5998 20H17.5998M17.5998 20V29.6" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_381_8488">
+<rect width="16" height="16" fill="white" transform="translate(12 16)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/AppRouter/AuthenticatedAppRouter.tsx b/openmetadata-ui/src/main/resources/ui/src/components/AppRouter/AuthenticatedAppRouter.tsx
index a04894127331..e60bca505fa9 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/AppRouter/AuthenticatedAppRouter.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/AppRouter/AuthenticatedAppRouter.tsx
@@ -309,6 +309,10 @@ const AddObservabilityPage = withSuspenseFallback(
   )
 );
 
+const ContextCenterRouter = withSuspenseFallback(
+  React.lazy(() => import('./ContextCenterRouter/ContextCenterRouter'))
+);
+
 const KnowledgeCenterPage = withSuspenseFallback(
   React.lazy(
     () => import('../../pages/KnowledgeCenterPage/KnowledgeCenterPage')
@@ -873,6 +877,10 @@ const AuthenticatedAppRouter: FunctionComponent = () => {
         element={<KnowledgeCenterFilterPage />}
         path={ROUTES.KNOWLEDGE_CENTER_FILTER}
       />
+      <Route
+        element={<ContextCenterRouter />}
+        path={`${ROUTES.CONTEXT_CENTER}/*`}
+      />
       <Route element={<Navigate to={ROUTES.NOT_FOUND} />} path="*" />
     </Routes>
   );
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/AppRouter/ContextCenterRouter/ContextCenterRouter.tsx b/openmetadata-ui/src/main/resources/ui/src/components/AppRouter/ContextCenterRouter/ContextCenterRouter.tsx
new file mode 100644
index 000000000000..70bc885921fa
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/AppRouter/ContextCenterRouter/ContextCenterRouter.tsx
@@ -0,0 +1,112 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import React from 'react';
+import { Navigate, Route, Routes } from 'react-router-dom';
+import { ROUTES } from '../../../constants/constants';
+import withSuspenseFallback from '../withSuspenseFallback';
+
+const ContextCenterDashboardPage = withSuspenseFallback(
+  React.lazy(
+    () =>
+      import(
+        '../../../pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage'
+      )
+  )
+);
+
+const ContextCenterArticlesPage = withSuspenseFallback(
+  React.lazy(
+    () =>
+      import(
+        '../../../pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage'
+      )
+  )
+);
+
+const ContextCenterDocumentsPage = withSuspenseFallback(
+  React.lazy(
+    () =>
+      import(
+        '../../../pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage'
+      )
+  )
+);
+
+const ContextCenterIntegrationsPage = withSuspenseFallback(
+  React.lazy(
+    () =>
+      import(
+        '../../../pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage'
+      )
+  )
+);
+
+const ContextCenterArchivePage = withSuspenseFallback(
+  React.lazy(
+    () =>
+      import(
+        '../../../pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage'
+      )
+  )
+);
+
+const ContextCenterRouter = () => {
+  return (
+    <Routes>
+      <Route
+        element={<Navigate replace to={ROUTES.CONTEXT_CENTER_DASHBOARD} />}
+        path="/"
+      />
+      <Route
+        element={<ContextCenterDashboardPage />}
+        path={ROUTES.CONTEXT_CENTER_DASHBOARD.replace(
+          ROUTES.CONTEXT_CENTER,
+          ''
+        )}
+      />
+      {[
+        ROUTES.CONTEXT_CENTER_ARTICLES,
+        ROUTES.CONTEXT_CENTER_ARTICLE_DETAIL,
+        ROUTES.CONTEXT_CENTER_ARTICLE_DETAIL_WITH_TAB,
+        ROUTES.CONTEXT_CENTER_ARTICLE_DETAIL_WITH_SUB_TAB,
+      ].map((route) => (
+        <Route
+          element={<ContextCenterArticlesPage />}
+          key={route}
+          path={route.replace(ROUTES.CONTEXT_CENTER, '')}
+        />
+      ))}
+      <Route
+        element={<ContextCenterDocumentsPage />}
+        path={ROUTES.CONTEXT_CENTER_DOCUMENTS.replace(
+          ROUTES.CONTEXT_CENTER,
+          ''
+        )}
+      />
+      <Route
+        element={<ContextCenterIntegrationsPage />}
+        path={ROUTES.CONTEXT_CENTER_INTEGRATIONS.replace(
+          ROUTES.CONTEXT_CENTER,
+          ''
+        )}
+      />
+      <Route
+        element={<ContextCenterArchivePage />}
+        path={ROUTES.CONTEXT_CENTER_ARCHIVE.replace(ROUTES.CONTEXT_CENTER, '')}
+      />
+    </Routes>
+  );
+};
+
+export default ContextCenterRouter;
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.component.tsx
new file mode 100644
index 000000000000..09aacd82effe
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.component.tsx
@@ -0,0 +1,84 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import { Badge, Card, Typography } from '@openmetadata/ui-core-components';
+import { FC } from 'react';
+import { useTranslation } from 'react-i18next';
+import { getShortRelativeTime } from '../../../utils/date-time/DateTimeUtils';
+import { ArticleCardItem, ArticleCardProps } from './ArticleCard.interface';
+
+const badgeColorMap: Record<
+  NonNullable<ArticleCardItem['badge']>,
+  'error' | 'brand'
+> = {
+  sensitive: 'error',
+  new: 'brand',
+};
+
+const ArticleCard: FC<ArticleCardProps> = ({ article, onClick }) => {
+  const { t } = useTranslation();
+  const { title, description, badge, lastEditedAt, tags = [] } = article;
+
+  return (
+    <Card
+      isClickable
+      className="tw:p-4 tw:flex tw:flex-col tw:gap-2 tw:bg-gray-50 tw:border-none tw:max-w-86"
+      data-testid="article-card"
+      onClick={() => onClick?.(article)}>
+      <div className="tw:flex tw:items-center tw:justify-between tw:w-full tw:mb-3">
+        {badge && (
+          <Badge
+            className="tw:ring-0"
+            color={badgeColorMap[badge]}
+            size="md"
+            type="color">
+            {badge}
+          </Badge>
+        )}
+        {!badge && <span />}
+        {lastEditedAt !== undefined && (
+          <Typography className="tw:text-gray-400" size="text-xs">
+            {t('label.last-updated')} {getShortRelativeTime(lastEditedAt)}
+          </Typography>
+        )}
+      </div>
+
+      <Typography ellipsis weight="bold">
+        {title}
+      </Typography>
+
+      <Typography
+        className="tw:text-gray-500 tw:line-clamp-2 tw:m-0"
+        size="text-xs">
+        {description}
+      </Typography>
+
+      {tags.length > 0 && (
+        <div className="tw:flex tw:flex-wrap tw:gap-1 tw:mt-3">
+          {tags.map((tag) => (
+            <Badge
+              className="tw:bg-gray-200 tw:ring-0"
+              color="gray"
+              key={tag.label}
+              size="md"
+              type="color">
+              {tag.label}
+            </Badge>
+          ))}
+        </div>
+      )}
+    </Card>
+  );
+};
+
+export default ArticleCard;
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.interface.ts
new file mode 100644
index 000000000000..7d6a71aed4d1
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.interface.ts
@@ -0,0 +1,33 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+export type ArticleCardBadge = 'new' | 'sensitive';
+
+export interface ArticleCardTag {
+  label: string;
+}
+
+export interface ArticleCardItem {
+  id: string;
+  title: string;
+  description: string;
+  badge?: ArticleCardBadge;
+  lastEditedAt?: number;
+  tags?: ArticleCardTag[];
+  href?: string;
+}
+
+export interface ArticleCardProps {
+  article: ArticleCardItem;
+  onClick?: (article: ArticleCardItem) => void;
+}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
new file mode 100644
index 000000000000..cce47e76c74e
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
@@ -0,0 +1,512 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import {
+  Badge,
+  ButtonUtility,
+  Card,
+  Dot,
+  Skeleton,
+  Tabs,
+  Tooltip,
+  TooltipTrigger,
+  Typography,
+} from '@openmetadata/ui-core-components';
+import {
+  File06,
+  Globe01,
+  MessageChatSquare,
+  Share07,
+  Star01,
+  Star02,
+  ThumbsDown,
+  ThumbsUp,
+  User03,
+} from '@untitledui/icons';
+import { DeleteType } from 'components/common/DeleteWidget/DeleteWidget.interface';
+import ManageButton from 'components/common/EntityPageInfos/ManageButton/ManageButton';
+import UserPopOverCard from 'components/common/PopOverCard/UserPopOverCard';
+import TabsLabel from 'components/common/TabsLabel/TabsLabel.component';
+import TitleBreadcrumb from 'components/common/TitleBreadcrumb/TitleBreadcrumb.component';
+import { QueryVoteType } from 'components/Database/TableQueries/TableQueries.interface';
+import { ROUTES } from 'constants/constants';
+import { EntityField } from 'constants/Feeds.constants';
+import { EntityType } from 'enums/entity.enum';
+import { useCurrentUserPreferences } from 'hooks/currentUserStore/useCurrentUserStore';
+import { useApplicationStore } from 'hooks/useApplicationStore';
+import { useClipboard } from 'hooks/useClipBoard';
+import {
+  ContentChangeState,
+  RecentlyViewedQuickLinks,
+} from 'interface/knowledge-center.interface';
+import { isEmpty, isUndefined, uniqBy } from 'lodash';
+import { FC, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
+import deleteWidgetClassBase from 'utils/DeleteWidget/DeleteWidgetClassBase';
+import EntityLink from 'utils/EntityLink';
+import { getEntityName } from 'utils/EntityUtils';
+import { updateKnowledgeCenterRecentViewed } from 'utils/KnowledgePageUtils';
+import { ReactComponent as SidebarCollapsible } from '../../../assets/svg/ic-sidebar-collapsible.svg';
+import { ArticleDetailHeaderProps } from './ArticleDetailHeader.interface';
+
+const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
+  knowledgePage,
+  contentChangeState,
+  permissions,
+  tabs,
+  activeTab,
+  isRightPanelOpen,
+  feedCount,
+  onTabChange,
+  onToggleRightPanel,
+  onVoteChange,
+  onFollowChange,
+  onToggleDelete,
+  onSave,
+  onSetThreadLink,
+  fetchKnowledgePageHierarchy,
+}) => {
+  const { t } = useTranslation();
+  const navigate = useNavigate();
+  const { currentUser } = useApplicationStore();
+  const USERId = currentUser?.id ?? '';
+  const [copyTooltip, setCopyTooltip] = useState<string>('');
+  const [isFollowLoading, setIsFollowLoading] = useState(false);
+  const [voteLoading, setVoteLoading] = useState<QueryVoteType | null>(null);
+  const { onCopyToClipBoard } = useClipboard(window.location.href);
+  const {
+    preferences: { recentlyViewedQuickLinks },
+  } = useCurrentUserPreferences();
+  const recentlyViewed =
+    recentlyViewedQuickLinks as unknown as RecentlyViewedQuickLinks['data'];
+
+  const breadcrumbs = useMemo(
+    () => [
+      { name: t('label.context-center'), url: ROUTES.CONTEXT_CENTER },
+      {
+        name: t('label.article-plural'),
+        url: ROUTES.CONTEXT_CENTER_ARTICLES,
+      },
+      {
+        activeTitle: true,
+        name: (knowledgePage?.displayName ?? '') || t('label.untitled'),
+        url: '',
+      },
+    ],
+    [knowledgePage?.displayName, t]
+  );
+
+  const voteStatus = useMemo(() => {
+    if (isUndefined(knowledgePage?.votes)) {
+      return QueryVoteType.unVoted;
+    }
+    const upVoters = knowledgePage?.votes.upVoters ?? [];
+    const downVoters = knowledgePage?.votes.downVoters ?? [];
+    if (upVoters.some((u) => u.id === USERId)) {
+      return QueryVoteType.votedUp;
+    }
+    if (downVoters.some((u) => u.id === USERId)) {
+      return QueryVoteType.votedDown;
+    }
+
+    return QueryVoteType.unVoted;
+  }, [knowledgePage, USERId]);
+
+  const isFollowing = useMemo(
+    () => Boolean(knowledgePage?.followers?.some(({ id }) => id === USERId)),
+    [knowledgePage?.followers, USERId]
+  );
+
+  const editors = useMemo(() => {
+    const list = uniqBy(
+      [...(knowledgePage?.editors ?? []), { name: knowledgePage?.updatedBy }],
+      'name'
+    );
+
+    return list.slice(0, 5);
+  }, [knowledgePage]);
+
+  const domains = knowledgePage?.domains ?? [];
+  const owners = knowledgePage?.owners ?? [];
+  const firstDomain = domains[0];
+  const extraDomains = domains.slice(1);
+
+  const entityName = getEntityName(knowledgePage);
+  const entityType = t('label.article');
+
+  const deleteOptions = [
+    {
+      description: deleteWidgetClassBase.getDeleteMessage(
+        entityName,
+        entityType
+      ),
+      isAllowed: true,
+      title: `${t('label.permanently-delete')} ${entityType} "${entityName}"`,
+      type: DeleteType.HARD_DELETE,
+    },
+  ];
+
+  const afterDeleteAction = (isSoftDelete?: boolean) => {
+    updateKnowledgeCenterRecentViewed(
+      recentlyViewed.filter((page) => page.id !== knowledgePage?.id)
+    );
+    if (isSoftDelete) {
+      onToggleDelete();
+    } else {
+      navigate(ROUTES.CONTEXT_CENTER_ARTICLES);
+    }
+    fetchKnowledgePageHierarchy?.(true);
+  };
+
+  const handleShare = async () => {
+    await onCopyToClipBoard();
+    setCopyTooltip(t('message.copy-to-clipboard'));
+    setTimeout(() => setCopyTooltip(''), 2000);
+  };
+
+  const handleFollowClick = async () => {
+    setIsFollowLoading(true);
+    await onFollowChange();
+    setIsFollowLoading(false);
+  };
+
+  const handleVoteChange = async (type: QueryVoteType) => {
+    const updatedVoteType = voteStatus === type ? QueryVoteType.unVoted : type;
+    setVoteLoading(type);
+    await onVoteChange({ updatedVoteType });
+    setVoteLoading(null);
+  };
+
+  const handleOpenConversation = () => {
+    onSetThreadLink(
+      EntityLink.getEntityLink(
+        EntityType.KNOWLEDGE_PAGE,
+        knowledgePage?.fullyQualifiedName ?? '',
+        EntityField.DESCRIPTION
+      )
+    );
+  };
+
+  const entityStatusBadge = useMemo(() => {
+    if (contentChangeState === ContentChangeState.SAVING) {
+      return (
+        <Badge color="gray" type="pill-color">
+          Publishing
+        </Badge>
+      );
+    }
+    if (contentChangeState === ContentChangeState.SAVED) {
+      return (
+        <Badge color="success" type="pill-color">
+          Published
+        </Badge>
+      );
+    }
+    if (contentChangeState === ContentChangeState.UN_SAVED) {
+      return (
+        <Badge color="gray" type="pill-color">
+          Unsaved
+        </Badge>
+      );
+    }
+
+    return null;
+  }, [contentChangeState]);
+
+  const showSaveButton =
+    Boolean(onSave) &&
+    contentChangeState === ContentChangeState.UN_SAVED &&
+    (permissions.EditAll ||
+      permissions.EditDescription ||
+      permissions.EditDisplayName);
+
+  if (!knowledgePage && !tabs) {
+    return (
+      <div
+        className="tw:flex tw:flex-col tw:gap-3 tw:px-6 tw:py-4"
+        data-testid="article-detail-header-skeleton">
+        <Skeleton height={20} variant="rounded" width={300} />
+        <Card className="tw:mb-0">
+          <div className="tw:flex tw:items-center tw:justify-between tw:mb-3">
+            <Skeleton height={28} variant="rounded" width={250} />
+            <div className="tw:flex tw:items-center tw:gap-2">
+              <Skeleton height={32} variant="rounded" width={80} />
+              <Skeleton height={32} variant="rounded" width={32} />
+              <Skeleton height={32} variant="rounded" width={32} />
+            </div>
+          </div>
+          <Skeleton height={16} variant="rounded" width={180} />
+        </Card>
+      </div>
+    );
+  }
+
+  return (
+    <div
+      className="tw:flex tw:flex-col tw:gap-3 tw:px-6 tw:py-4"
+      data-testid="article-detail-header">
+      <TitleBreadcrumb useCustomArrow titleLinks={breadcrumbs} />
+
+      <Card className="tw:mb-0 tw:p-6 tw:pb-0">
+        {/* Row 1: title + meta + actions */}
+        <div className="tw:flex tw:items-start tw:justify-between tw:mb-6">
+          <div className="tw:flex tw:gap-4 tw:items-stretch tw:p-2">
+            <div className="h:full tw:w-auto tw:shrink-0 tw:bg-gray-100 tw:rounded-xl tw:flex tw:items-center tw:p-2">
+              <File06
+                className="tw:text-gray-500"
+                height={40}
+                style={{ verticalAlign: 'middle', flexShrink: 0 }}
+                width={40}
+              />
+            </div>
+
+            <div className="tw:flex tw:flex-col tw:gap-2 tw:min-w-0">
+              {/* Article name with icon */}
+              <div className="tw:flex tw:items-center tw:gap-2 tw:flex-wrap">
+                <Typography as="h3" className="tw:truncate">
+                  {(knowledgePage?.displayName ?? '') || t('label.untitled')}
+                </Typography>
+                {entityStatusBadge}
+              </div>
+
+              {/* Domain · Owner row */}
+              <div className="tw:flex tw:items-center tw:gap-2 tw:flex-wrap tw:text-sm">
+                {/* Domain */}
+                <div className="tw:flex tw:items-center tw:gap-1.5">
+                  <Globe01
+                    className="tw:h-4 tw:w-4 tw:shrink-0 tw:text-fg-disabled"
+                    size={16}
+                  />
+                  <Typography
+                    className={
+                      firstDomain ? 'tw:text-primary-900' : 'tw:text-gray-400'
+                    }
+                    size="text-sm"
+                    weight="regular">
+                    {firstDomain
+                      ? firstDomain.displayName ?? firstDomain.name
+                      : t('label.add-entity', { entity: t('label.domain') })}
+                  </Typography>
+                  {extraDomains.length > 0 && (
+                    <span className="tw:inline-flex tw:items-center tw:rounded-full tw:bg-gray-100 tw:px-1.5 tw:py-0.5 tw:text-xs tw:font-medium tw:text-gray-600">
+                      +{extraDomains.length}
+                    </span>
+                  )}
+                </div>
+
+                {/* Dot separator */}
+                <Dot className="tw:text-gray-400" size="xs" />
+
+                {/* Owners */}
+                <div className="tw:flex tw:items-center tw:gap-1.5">
+                  <User03
+                    className="tw:h-4 tw:w-4 tw:shrink-0 tw:text-fg-disabled"
+                    size={16}
+                  />
+                  {owners.length > 0 ? (
+                    <div className="tw:flex tw:items-center tw:gap-1">
+                      {owners.slice(0, 2).map((owner) => (
+                        <UserPopOverCard
+                          className="tw:m-0"
+                          key={owner.id}
+                          profileWidth={20}
+                          userName={owner.name ?? ''}
+                        />
+                      ))}
+                      {owners.length > 2 && (
+                        <Typography
+                          className="tw:inline-flex tw:items-center tw:rounded-full tw:bg-gray-100 tw:px-1.5 tw:py-0.5 tw:text-gray-600"
+                          size="text-xs"
+                          weight="medium">
+                          +{owners.length - 2}
+                        </Typography>
+                      )}
+                    </div>
+                  ) : (
+                    <Typography
+                      className="tw:text-gray-400"
+                      size="text-sm"
+                      weight="regular">
+                      {t('label.add-entity', { entity: t('label.owner') })}
+                    </Typography>
+                  )}
+                </div>
+
+                {/* Editors */}
+                {editors.length > 0 && (
+                  <>
+                    <Dot className="tw:text-gray-400" size="xs" />
+                    <div className="tw:flex tw:items-center tw:gap-0.5">
+                      {editors.map((user) => (
+                        <UserPopOverCard
+                          key={user.name}
+                          profileWidth={20}
+                          userName={user.name ?? ''}
+                        />
+                      ))}
+                    </div>
+                  </>
+                )}
+              </div>
+            </div>
+          </div>
+
+          {/* Action buttons */}
+          <div className="tw:flex tw:items-center tw:gap-3 tw:shrink-0">
+            {showSaveButton && (
+              <ButtonUtility color="secondary" size="sm" onClick={onSave}>
+                {t('label.save')}
+              </ButtonUtility>
+            )}
+
+            {/* Up vote */}
+            <Tooltip title={t('label.up-vote')}>
+              <TooltipTrigger>
+                <ButtonUtility
+                  className={
+                    voteStatus === QueryVoteType.votedUp
+                      ? 'tw:text-brand-600'
+                      : undefined
+                  }
+                  color="secondary"
+                  disabled={knowledgePage?.deleted || voteLoading !== null}
+                  icon={<ThumbsUp height={18} width={18} />}
+                  onClick={() => handleVoteChange(QueryVoteType.votedUp)}
+                />
+              </TooltipTrigger>
+            </Tooltip>
+
+            {/* Down vote */}
+            <Tooltip title={t('label.down-vote')}>
+              <TooltipTrigger>
+                <ButtonUtility
+                  className={
+                    voteStatus === QueryVoteType.votedDown
+                      ? 'tw:text-brand-600'
+                      : undefined
+                  }
+                  color="secondary"
+                  disabled={knowledgePage?.deleted || voteLoading !== null}
+                  icon={<ThumbsDown height={18} width={18} />}
+                  onClick={() => handleVoteChange(QueryVoteType.votedDown)}
+                />
+              </TooltipTrigger>
+            </Tooltip>
+
+            <Tooltip title={t('label.conversation')}>
+              <TooltipTrigger>
+                <ButtonUtility
+                  color="secondary"
+                  icon={<MessageChatSquare height={20} width={20} />}
+                  onClick={handleOpenConversation}
+                />
+              </TooltipTrigger>
+            </Tooltip>
+
+            <Tooltip
+              title={isFollowing ? t('label.un-follow') : t('label.follow')}>
+              <TooltipTrigger>
+                <ButtonUtility
+                  color="secondary"
+                  disabled={isFollowLoading || knowledgePage?.deleted}
+                  icon={
+                    isFollowing ? (
+                      <Star02
+                        className="tw:text-brand-600"
+                        height={20}
+                        width={20}
+                      />
+                    ) : (
+                      <Star01 height={20} width={20} />
+                    )
+                  }
+                  onClick={handleFollowClick}
+                />
+              </TooltipTrigger>
+            </Tooltip>
+
+            <Tooltip
+              isOpen={isEmpty(copyTooltip) ? undefined : true}
+              title={isEmpty(copyTooltip) ? t('label.share') : copyTooltip}>
+              <TooltipTrigger>
+                <ButtonUtility
+                  color="secondary"
+                  icon={<Share07 height={20} width={20} />}
+                  onClick={handleShare}
+                />
+              </TooltipTrigger>
+            </Tooltip>
+
+            <ManageButton
+              isRecursiveDelete
+              afterDeleteAction={afterDeleteAction}
+              allowSoftDelete={false}
+              canDelete={permissions.Delete}
+              deleteButtonDescription={t(
+                'message.delete-entity-type-action-description',
+                { entityType }
+              )}
+              deleteOptions={deleteOptions}
+              deleted={knowledgePage?.deleted}
+              entityFQN={knowledgePage?.fullyQualifiedName}
+              entityId={knowledgePage?.id}
+              entityName={knowledgePage?.displayName ?? t('label.untitled')}
+              entityType={EntityType.KNOWLEDGE_CENTER}
+              prepareType={false}
+              successMessage={t('server.entity-deleted-successfully', {
+                entity: entityType,
+              })}
+            />
+          </div>
+        </div>
+
+        {/* Row 2: tab strip + right-panel toggle */}
+        <div className="tw:flex tw:items-center tw:justify-between">
+          <Tabs
+            className="tw:w-auto"
+            selectedKey={activeTab}
+            onSelectionChange={(key) => onTabChange?.(String(key))}>
+            <Tabs.List type="underline">
+              {tabs?.map((tab) => (
+                <Tabs.Item id={String(tab.key)} key={String(tab.key)}>
+                  <TabsLabel
+                    count={tab.key === 'activity_feed' ? feedCount : undefined}
+                    id={String(tab.key)}
+                    isActive={activeTab === String(tab.key)}
+                    name={tab.name}
+                  />
+                </Tabs.Item>
+              ))}
+            </Tabs.List>
+          </Tabs>
+
+          <ButtonUtility
+            className="tw:relative tw:bottom-2.5"
+            color="tertiary"
+            icon={
+              <SidebarCollapsible
+                className={isRightPanelOpen ? undefined : 'tw:rotate-180'}
+                height={18}
+                width={18}
+              />
+            }
+            onClick={onToggleRightPanel}
+          />
+        </div>
+      </Card>
+    </div>
+  );
+};
+
+export default ArticleDetailHeader;
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.interface.ts
new file mode 100644
index 000000000000..b7425a639bde
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.interface.ts
@@ -0,0 +1,40 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import { VotingDataProps } from 'components/Entity/Voting/voting.interface';
+import { OperationPermission } from 'context/PermissionProvider/PermissionProvider.interface';
+import {
+  ArticleTab,
+  ContentChangeState,
+  KnowledgePage,
+} from 'interface/knowledge-center.interface';
+
+export type { ArticleTab };
+
+export interface ArticleDetailHeaderProps {
+  knowledgePage?: KnowledgePage;
+  contentChangeState: ContentChangeState;
+  permissions: OperationPermission;
+  tabs?: ArticleTab[];
+  activeTab?: string;
+  isRightPanelOpen: boolean;
+  feedCount?: number;
+  onTabChange?: (key: string) => void;
+  onToggleRightPanel: () => void;
+  onVoteChange: (type: VotingDataProps) => Promise<void>;
+  onFollowChange: () => Promise<void>;
+  onToggleDelete: () => void;
+  onSave?: () => void;
+  onSetThreadLink: (link: string) => void;
+  fetchKnowledgePageHierarchy?: (forceRefresh?: boolean) => Promise<void>;
+}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
new file mode 100644
index 000000000000..4cba1923b375
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
@@ -0,0 +1,102 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import {
+  Button,
+  Card,
+  Skeleton,
+  Typography,
+} from '@openmetadata/ui-core-components';
+import { ArrowUpRight, File06 } from '@untitledui/icons';
+import { FC } from 'react';
+import { useTranslation } from 'react-i18next';
+import ArticleCard from '../ArticleCard/ArticleCard.component';
+import { ArticleCardItem } from '../ArticleCard/ArticleCard.interface';
+import { ArticleListSectionProps } from './ArticleListSection.interface';
+
+const ArticleCardSkeleton: FC = () => (
+  <div className="tw:flex tw:flex-col tw:gap-3 tw:p-4 tw:rounded-xl tw:border tw:border-[var(--color-border-primary)]">
+    <div className="tw:flex tw:justify-between tw:gap-4">
+      <Skeleton height="20px" variant="rounded" width="64px" />
+      <Skeleton height="16px" variant="rounded" width="96px" />
+    </div>
+    <Skeleton height="16px" variant="rounded" width="75%" />
+    <Skeleton height="12px" variant="rounded" width="100%" />
+    <Skeleton height="12px" variant="rounded" width="83%" />
+    <div className="tw:flex tw:gap-1">
+      <Skeleton height="20px" variant="rounded" width="56px" />
+      <Skeleton height="20px" variant="rounded" width="40px" />
+    </div>
+  </div>
+);
+
+const ArticleListSection: FC<ArticleListSectionProps> = ({
+  title,
+  subtitle,
+  articles,
+  viewAllHref,
+  onViewAll,
+  onArticleClick,
+  isLoading = false,
+}) => {
+  const { t } = useTranslation();
+
+  return (
+    <Card
+      className="tw:p-6 tw:overflow-y-scroll tw:h-[calc(50vh-80px)]"
+      data-testid="article-list-section">
+      <div className="tw:flex tw:items-center tw:justify-between tw:pb-5">
+        <div className="tw:flex tw:items-center tw:gap-3">
+          <div className="tw:p-3 tw:rounded-lg tw:bg-gray-blue-50">
+            <File06 className="tw:text-grey-600" height={20} width={20} />
+          </div>
+          <div className="tw:flex tw:flex-col">
+            <Typography size="text-md" weight="bold">
+              {title}
+            </Typography>
+            {subtitle && (
+              <Typography className="tw:text-grey-500" size="text-xs">
+                {subtitle}
+              </Typography>
+            )}
+          </div>
+        </div>
+
+        {(viewAllHref || onViewAll) && (
+          <Button
+            color="link-color"
+            iconTrailing={<ArrowUpRight className="tw:w-4 tw:h-4" />}
+            onClick={onViewAll}>
+            {t('label.view-all')} {t('label.article-plural')}
+          </Button>
+        )}
+      </div>
+
+      <div className="tw:grid tw:grid-cols-3 tw:gap-4">
+        {isLoading
+          ? Array.from({ length: 6 }).map((_, idx) => (
+              <ArticleCardSkeleton key={idx} />
+            ))
+          : articles.map((article: ArticleCardItem) => (
+              <ArticleCard
+                article={article}
+                key={article.id}
+                onClick={onArticleClick}
+              />
+            ))}
+      </div>
+    </Card>
+  );
+};
+
+export default ArticleListSection;
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.interface.ts
new file mode 100644
index 000000000000..5eea9747b58b
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.interface.ts
@@ -0,0 +1,24 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import { ArticleCardItem } from '../ArticleCard/ArticleCard.interface';
+
+export interface ArticleListSectionProps {
+  title: string;
+  subtitle?: string;
+  articles: ArticleCardItem[];
+  viewAllHref?: string;
+  onViewAll?: () => void;
+  onArticleClick?: (article: ArticleCardItem) => void;
+  isLoading?: boolean;
+}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx
new file mode 100644
index 000000000000..d7654f9272c7
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx
@@ -0,0 +1,79 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import { Button, Card, Typography } from '@openmetadata/ui-core-components';
+import { Plus, UploadCloud02 } from '@untitledui/icons';
+import { FC } from 'react';
+import { useTranslation } from 'react-i18next';
+import TitleBreadcrumb from '../../common/TitleBreadcrumb/TitleBreadcrumb.component';
+import { ContextCenterHeaderProps } from './ContextCenterHeader.interface';
+
+const ContextCenterHeader: FC<ContextCenterHeaderProps> = ({
+  breadcrumbs,
+  title,
+  subtitle,
+  onCreateArticle,
+  onUploadFile,
+  actionsSlot,
+}) => {
+  const { t } = useTranslation();
+
+  const defaultActions = (
+    <div className="tw:flex tw:items-center tw:gap-3 tw:shrink-0">
+      {onCreateArticle && (
+        <Button
+          color="secondary"
+          iconLeading={Plus}
+          size="sm"
+          onClick={onCreateArticle}>
+          {t('label.create-entity', { entity: t('label.article') })}
+        </Button>
+      )}
+      {onUploadFile && (
+        <Button
+          color="primary"
+          iconLeading={UploadCloud02}
+          size="sm"
+          onClick={onUploadFile}>
+          {t('label.upload-file', { defaultValue: 'Upload File' })}
+        </Button>
+      )}
+    </div>
+  );
+
+  return (
+    <div
+      className="tw:flex tw:flex-col tw:gap-3 tw:px-6 tw:py-4"
+      data-testid="context-center-header">
+      <TitleBreadcrumb useCustomArrow titleLinks={breadcrumbs} />
+
+      <Card className="tw:mb-5 tw:p-5">
+        <div className="tw:flex tw:items-center tw:justify-between">
+          <div>
+            <div className="tw:mb-0.5 tw:flex tw:items-center tw:gap-2">
+              <Typography as="h3">{title}</Typography>
+            </div>
+            {subtitle && (
+              <Typography className="tw:text-gray-700" size="text-xs">
+                {subtitle}
+              </Typography>
+            )}
+          </div>
+          {actionsSlot ?? defaultActions}
+        </div>
+      </Card>
+    </div>
+  );
+};
+
+export default ContextCenterHeader;
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.interface.ts
new file mode 100644
index 000000000000..197d33907633
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.interface.ts
@@ -0,0 +1,25 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import React from 'react';
+import { TitleLink } from '../../common/TitleBreadcrumb/TitleBreadcrumb.interface';
+
+export interface ContextCenterHeaderProps {
+  breadcrumbs: TitleLink[];
+  title: string;
+  subtitle?: string;
+  onCreateArticle?: () => void;
+  onUploadFile?: () => void;
+  /** Replaces the default action buttons with a custom slot */
+  actionsSlot?: React.ReactNode;
+}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.component.tsx
new file mode 100644
index 000000000000..9bb756a32d9e
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.component.tsx
@@ -0,0 +1,144 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import { Menu01 } from '@untitledui/icons';
+import { FC } from 'react';
+import {
+  ContextCenterNavItem,
+  ContextCenterNavSection,
+  ContextCenterSidebarProps,
+} from './ContextCenterSidebar.interface';
+
+// ─── Nav Item ─────────────────────────────────────────────────────────────────
+
+interface NavItemProps {
+  item: ContextCenterNavItem;
+  isActive: boolean;
+  onItemClick?: (key: string) => void;
+}
+
+const NavItem: FC<NavItemProps> = ({ item, isActive, onItemClick }) => {
+  const { key, label, icon: Icon, count } = item;
+
+  return (
+    <button
+      className={[
+        'tw:w-full tw:flex tw:items-center tw:justify-between tw:gap-3 tw:px-3 tw:py-2.5 tw:rounded-lg tw:text-left tw:transition-colors tw:duration-100 tw:cursor-pointer tw:border-0',
+        isActive
+          ? 'tw:bg-[var(--color-bg-brand-secondary)] tw:text-[var(--color-text-brand)]'
+          : 'tw:bg-transparent tw:text-[var(--color-text-secondary)] tw:hover:bg-[var(--color-bg-secondary)] tw:hover:text-[var(--color-text-primary)]',
+      ].join(' ')}
+      data-testid={`context-center-nav-${key}`}
+      type="button"
+      onClick={() => {
+        item.onClick?.();
+        onItemClick?.(key);
+      }}>
+      <span className="tw:flex tw:items-center tw:gap-3 tw:min-w-0">
+        <Icon
+          className={[
+            'tw:w-5 tw:h-5 tw:flex-shrink-0',
+            isActive
+              ? 'tw:text-[var(--color-text-brand)]'
+              : 'tw:text-[var(--color-text-tertiary)]',
+          ].join(' ')}
+          strokeWidth={1.5}
+        />
+        <span className="tw:text-sm tw:font-medium tw:truncate">{label}</span>
+      </span>
+
+      {count !== undefined && (
+        <span
+          className={[
+            'tw:flex-shrink-0 tw:min-w-[24px] tw:h-6 tw:px-1.5 tw:rounded-full tw:text-xs tw:font-medium tw:flex tw:items-center tw:justify-center tw:border',
+            isActive
+              ? 'tw:bg-[var(--color-bg-brand-secondary)] tw:text-[var(--color-text-brand)] tw:border-[var(--color-border-brand)]'
+              : 'tw:bg-transparent tw:text-[var(--color-text-tertiary)] tw:border-[var(--color-border-primary)]',
+          ].join(' ')}>
+          {count}
+        </span>
+      )}
+    </button>
+  );
+};
+
+// ─── Nav Section ──────────────────────────────────────────────────────────────
+
+interface NavSectionProps {
+  section: ContextCenterNavSection;
+  activeKey?: string;
+  onItemClick?: (key: string) => void;
+}
+
+const NavSection: FC<NavSectionProps> = ({
+  section,
+  activeKey,
+  onItemClick,
+}) => (
+  <div
+    className="tw:flex tw:flex-col tw:gap-0.5"
+    data-testid={`context-center-section-${section.sectionKey}`}>
+    {section.sectionLabel && (
+      <p className="tw:text-xs tw:font-medium tw:text-[var(--color-text-tertiary)] tw:uppercase tw:tracking-wider tw:px-3 tw:py-1 tw:m-0">
+        {section.sectionLabel}
+      </p>
+    )}
+    {section.items.map((item) => (
+      <NavItem
+        isActive={activeKey === item.key}
+        item={item}
+        key={item.key}
+        onItemClick={onItemClick}
+      />
+    ))}
+  </div>
+);
+
+// ─── Sidebar ──────────────────────────────────────────────────────────────────
+
+const ContextCenterSidebar: FC<ContextCenterSidebarProps> = ({
+  title,
+  activeKey,
+  sections,
+  onItemClick,
+}) => (
+  <aside
+    className="tw:w-64 tw:flex-shrink-0 tw:flex tw:flex-col tw:gap-4 tw:p-4 tw:bg-[var(--color-bg-primary)] tw:border-r tw:border-[var(--color-border-primary)] tw:h-full tw:overflow-y-auto"
+    data-testid="context-center-sidebar">
+    <div className="tw:flex tw:items-center tw:justify-between tw:px-1">
+      <h2 className="tw:text-lg tw:font-bold tw:text-[var(--color-text-primary)] tw:m-0">
+        {title}
+      </h2>
+      <button
+        className="tw:p-1 tw:rounded-md tw:text-[var(--color-text-tertiary)] tw:hover:text-[var(--color-text-primary)] tw:hover:bg-[var(--color-bg-secondary)] tw:border-0 tw:bg-transparent tw:cursor-pointer"
+        data-testid="context-center-sidebar-menu"
+        type="button">
+        <Menu01 className="tw:w-5 tw:h-5" />
+      </button>
+    </div>
+
+    <div className="tw:flex tw:flex-col tw:gap-5">
+      {sections.map((section) => (
+        <div key={section.sectionKey}>
+          <NavSection
+            activeKey={activeKey}
+            section={section}
+            onItemClick={onItemClick}
+          />
+        </div>
+      ))}
+    </div>
+  </aside>
+);
+
+export default ContextCenterSidebar;
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.interface.ts
new file mode 100644
index 000000000000..ac75cba25367
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.interface.ts
@@ -0,0 +1,37 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import type { ComponentType, SVGAttributes } from 'react';
+
+export type IconComponent = ComponentType<SVGAttributes<SVGElement> & { size?: number; strokeWidth?: number }>;
+
+export interface ContextCenterNavItem {
+  key: string;
+  label: string;
+  icon: IconComponent;
+  count?: number;
+  onClick?: () => void;
+}
+
+export interface ContextCenterNavSection {
+  sectionKey: string;
+  sectionLabel?: string;
+  items: ContextCenterNavItem[];
+}
+
+export interface ContextCenterSidebarProps {
+  title: string;
+  activeKey?: string;
+  sections: ContextCenterNavSection[];
+  onItemClick?: (key: string) => void;
+}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
new file mode 100644
index 000000000000..0712ed0811bd
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
@@ -0,0 +1,340 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import {
+  ButtonUtility,
+  Card,
+  Dropdown,
+  Typography,
+} from '@openmetadata/ui-core-components';
+import {
+  ChevronDown,
+  ChevronRight,
+  Download01,
+  Folder,
+  Move,
+  Share07,
+  Trash01,
+} from '@untitledui/icons';
+import ErrorPlaceHolder from 'components/common/ErrorWithPlaceholder/ErrorPlaceHolder';
+import { ERROR_PLACEHOLDER_TYPE } from 'enums/common.enum';
+import { FC, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import {
+  DocFile,
+  DocFileType,
+  DocFolder,
+  DocumentsViewProps,
+} from './DocumentsView.interface';
+
+// ─── File type badge ──────────────────────────────────────────────────────────
+
+const FILE_TYPE_STYLES: Record<
+  DocFileType,
+  { label: string; bg: string; text: string }
+> = {
+  csv: { bg: 'tw:bg-green-100', label: 'CSV', text: 'tw:text-green-700' },
+  doc: { bg: 'tw:bg-blue-100', label: 'DOC', text: 'tw:text-blue-700' },
+  image: { bg: 'tw:bg-gray-100', label: 'IMG', text: 'tw:text-gray-600' },
+  other: { bg: 'tw:bg-gray-100', label: 'FILE', text: 'tw:text-gray-600' },
+  pdf: { bg: 'tw:bg-red-100', label: 'PDF', text: 'tw:text-red-700' },
+  xlsx: { bg: 'tw:bg-green-100', label: 'XLSX', text: 'tw:text-green-700' },
+};
+
+const FileTypeBadge: FC<{ fileType: DocFileType }> = ({ fileType }) => {
+  const { bg, label, text } = FILE_TYPE_STYLES[fileType];
+
+  return (
+    <span
+      className={`tw:inline-flex tw:items-center tw:justify-center tw:w-10 tw:h-10 tw:rounded-lg tw:text-xs tw:font-bold tw:shrink-0 ${bg} ${text}`}>
+      {label}
+    </span>
+  );
+};
+
+// ─── Actions dropdown ─────────────────────────────────────────────────────────
+
+interface FileActionsProps {
+  file: DocFile;
+  onDownload?: (file: DocFile) => void;
+  onMoveToFolder?: (file: DocFile) => void;
+  onShareFile?: (file: DocFile) => void;
+  onDeleteFile?: (file: DocFile) => void;
+}
+
+const FileActions: FC<FileActionsProps> = ({
+  file,
+  onDeleteFile,
+  onDownload,
+  onMoveToFolder,
+  onShareFile,
+}) => {
+  const { t } = useTranslation();
+
+  return (
+    <Dropdown.Root>
+      <Dropdown.DotsButton className="tw:flex tw:p-1 tw:rotate-z-90" />
+      <Dropdown.Popover>
+        <Dropdown.Menu
+          onAction={(key) => {
+            if (key === 'move') {
+              onMoveToFolder?.(file);
+            } else if (key === 'share') {
+              onShareFile?.(file);
+            } else if (key === 'delete') {
+              onDeleteFile?.(file);
+            }
+          }}>
+          <Dropdown.Item
+            icon={Move}
+            id="move"
+            label={t('label.move-to-folder', {
+              defaultValue: 'Move to folder',
+            })}
+          />
+          <Dropdown.Item
+            icon={Share07}
+            id="share"
+            label={t('label.share-file', { defaultValue: 'Share File' })}
+          />
+          <Dropdown.Item icon={Trash01} id="delete" label={t('label.delete')} />
+        </Dropdown.Menu>
+      </Dropdown.Popover>
+    </Dropdown.Root>
+  );
+};
+
+// ─── File row ─────────────────────────────────────────────────────────────────
+
+interface FileRowProps {
+  file: DocFile;
+  onDownload?: (file: DocFile) => void;
+  onMoveToFolder?: (file: DocFile) => void;
+  onShareFile?: (file: DocFile) => void;
+  onDeleteFile?: (file: DocFile) => void;
+}
+
+const FileRow: FC<FileRowProps> = ({
+  file,
+  onDeleteFile,
+  onDownload,
+  onMoveToFolder,
+  onShareFile,
+}) => (
+  <div
+    className="tw:flex tw:items-center tw:gap-4 tw:px-4 tw:py-3 tw:border-b tw:border-secondary"
+    data-testid={`document-row-${file.id}`}>
+    <FileTypeBadge fileType={file.fileType} />
+
+    <div className="tw:flex tw:min-w-0 tw:flex-1 tw:flex-col">
+      <Typography className="tw:truncate" size="text-sm" weight="medium">
+        {file.name}
+      </Typography>
+      <div className="tw:flex tw:items-center tw:gap-1">
+        <Typography className="tw:text-gray-500" size="text-xs">
+          {file.sizeLabel}
+        </Typography>
+        <span className="tw:text-gray-500 tw:leading-none tw:select-none">
+          &middot;
+        </span>
+        <Typography className="tw:text-gray-500" size="text-xs">
+          {file.uploadedBy}
+        </Typography>
+        <span className="tw:text-gray-500 tw:leading-none tw:select-none">
+          &middot;
+        </span>
+        <Typography className="tw:text-gray-500" size="text-xs">
+          {file.uploadedAt}
+        </Typography>
+      </div>
+    </div>
+
+    <div className="tw:flex tw:items-center tw:gap-2 tw:shrink-0">
+      <ButtonUtility
+        color="secondary"
+        icon={
+          <Download01 className="tw:text-gray-500" height={18} width={18} />
+        }
+        onClick={() => onDownload?.(file)}
+      />
+      <FileActions
+        file={file}
+        onDeleteFile={onDeleteFile}
+        onDownload={onDownload}
+        onMoveToFolder={onMoveToFolder}
+        onShareFile={onShareFile}
+      />
+    </div>
+  </div>
+);
+
+// ─── Folder tree item ─────────────────────────────────────────────────────────
+
+interface FolderTreeItemProps {
+  folder: DocFolder;
+  isSelected: boolean;
+  selectedFileId: string | null;
+  onSelectFolder: (folderId: string) => void;
+  onSelectFile: (file: DocFile) => void;
+}
+
+const FolderTreeItem: FC<FolderTreeItemProps> = ({
+  folder,
+  isSelected,
+  onSelectFile,
+  onSelectFolder,
+  selectedFileId,
+}) => {
+  const [isOpen, setIsOpen] = useState(isSelected);
+
+  const toggleOpen = () => {
+    setIsOpen((prev) => !prev);
+    onSelectFolder(folder.id);
+  };
+
+  return (
+    <div>
+      <button
+        className="tw:w-full tw:flex tw:items-center tw:gap-2 tw:px-3 tw:py-2 tw:rounded-lg tw:border-0 tw:bg-transparent tw:cursor-pointer tw:text-left tw:text-[var(--color-text-secondary)] tw:hover:bg-[var(--color-bg-secondary)] tw:transition-colors tw:duration-100"
+        type="button"
+        onClick={toggleOpen}>
+        {isOpen ? (
+          <ChevronDown className="tw:w-4 tw:h-4 tw:shrink-0" strokeWidth={2} />
+        ) : (
+          <ChevronRight className="tw:w-4 tw:h-4 tw:shrink-0" strokeWidth={2} />
+        )}
+        <Folder
+          className={
+            isOpen
+              ? 'tw:w-4 tw:h-4 tw:shrink-0 tw:text-[var(--color-text-brand)]'
+              : 'tw:w-4 tw:h-4 tw:shrink-0 tw:text-[var(--color-text-tertiary)]'
+          }
+          strokeWidth={1.75}
+        />
+        <Typography
+          className="tw:truncate tw:text-[var(--color-text-primary)]"
+          size="text-sm"
+          weight="medium">
+          {folder.name}
+        </Typography>
+      </button>
+
+      {isOpen && (
+        <div className="tw:ml-6 tw:mt-0.5 tw:flex tw:flex-col tw:gap-0.5">
+          {folder.files.map((file) => (
+            <button
+              className={[
+                'tw:w-full tw:flex tw:items-center tw:gap-2 tw:px-3 tw:py-1.5 tw:rounded-md tw:border-0 tw:bg-transparent tw:cursor-pointer tw:text-left tw:transition-colors tw:duration-100',
+                selectedFileId === file.id
+                  ? 'tw:bg-[var(--color-bg-brand-secondary)] tw:text-[var(--color-text-brand)]'
+                  : 'tw:text-[var(--color-text-secondary)] tw:hover:bg-[var(--color-bg-secondary)]',
+              ].join(' ')}
+              key={file.id}
+              type="button"
+              onClick={() => onSelectFile(file)}>
+              <FileTypeBadge fileType={file.fileType} />
+              <Typography
+                className="tw:truncate"
+                size="text-xs"
+                weight="medium">
+                {file.name}
+              </Typography>
+            </button>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+};
+
+// ─── Main component ───────────────────────────────────────────────────────────
+
+const DocumentsView: FC<DocumentsViewProps> = ({
+  folders,
+  onDeleteFile,
+  onDownload,
+  onMoveToFolder,
+  onShareFile,
+}) => {
+  const { t } = useTranslation();
+  const [selectedFolderId, setSelectedFolderId] = useState<string>(
+    folders[0]?.id ?? ''
+  );
+  const [selectedFileId, setSelectedFileId] = useState<string | null>(null);
+
+  const visibleFiles: DocFile[] = selectedFolderId
+    ? folders.find((f) => f.id === selectedFolderId)?.files ?? []
+    : folders.flatMap((f) => f.files);
+
+  return (
+    <Card
+      className="tw:flex tw:h-full tw:overflow-hidden"
+      data-testid="documents-view">
+      {/* Left: folder tree */}
+      {/* <aside className="tw:w-72 tw:shrink-0 tw:border-r tw:border-[var(--color-border-primary)] tw:p-3 tw:flex tw:flex-col tw:gap-1 tw:overflow-y-auto">
+        <div className="tw:flex tw:items-center tw:gap-2 tw:px-3 tw:py-2 tw:mb-1">
+          <Folder
+            className="tw:w-5 tw:h-5 tw:text-[var(--color-text-tertiary)]"
+            strokeWidth={1.75}
+          />
+          <Typography
+            className="tw:text-[var(--color-text-primary)]"
+            size="text-sm"
+            weight="semibold">
+            {t('label.folder', { defaultValue: 'Folder' })}
+          </Typography>
+          <Typography
+            className="tw:text-[var(--color-text-tertiary)] tw:ml-1"
+            size="text-xs">
+            {t('message.group-documents-by-folder', {
+              defaultValue: 'Group documents by folder',
+            })}
+          </Typography>
+        </div>
+
+        {folders.map((folder) => (
+          <FolderTreeItem
+            folder={folder}
+            isSelected={selectedFolderId === folder.id}
+            key={folder.id}
+            selectedFileId={selectedFileId}
+            onSelectFile={(file) => setSelectedFileId(file.id)}
+            onSelectFolder={setSelectedFolderId}
+          />
+        ))}
+      </aside> */}
+
+      {/* Right: file list */}
+      <div className="tw:flex tw:flex-1 tw:flex-col tw:overflow-y-auto">
+        {visibleFiles.length === 0 ? (
+          <div className="tw:flex tw:flex-1 tw:items-center tw:justify-center tw:p-12">
+            <ErrorPlaceHolder type={ERROR_PLACEHOLDER_TYPE.NO_DATA} />
+          </div>
+        ) : (
+          visibleFiles.map((file) => (
+            <FileRow
+              file={file}
+              key={file.id}
+              onDeleteFile={onDeleteFile}
+              onDownload={onDownload}
+              onMoveToFolder={onMoveToFolder}
+              onShareFile={onShareFile}
+            />
+          ))
+        )}
+      </div>
+    </Card>
+  );
+};
+
+export default DocumentsView;
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.interface.ts
new file mode 100644
index 000000000000..c2d57b074ab4
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.interface.ts
@@ -0,0 +1,38 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+export type DocFileType = 'pdf' | 'xlsx' | 'csv' | 'doc' | 'image' | 'other';
+
+export interface DocFile {
+  id: string;
+  name: string;
+  fileType: DocFileType;
+  sizeLabel: string;
+  uploadedBy: string;
+  uploadedAt: string;
+  folderId?: string;
+}
+
+export interface DocFolder {
+  id: string;
+  name: string;
+  files: DocFile[];
+}
+
+export interface DocumentsViewProps {
+  folders: DocFolder[];
+  onDownload?: (file: DocFile) => void;
+  onMoveToFolder?: (file: DocFile) => void;
+  onShareFile?: (file: DocFile) => void;
+  onDeleteFile?: (file: DocFile) => void;
+}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
new file mode 100644
index 000000000000..3c20f94ddf40
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
@@ -0,0 +1,118 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import {
+  Button,
+  Dialog,
+  FileUpload,
+  FileUploadDropZone,
+  Modal,
+  ModalOverlay,
+} from '@openmetadata/ui-core-components';
+import { FC, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { UploadDocumentModalProps } from './UploadDocumentModal.interface';
+
+interface QueuedFile {
+  id: string;
+  file: File;
+}
+
+const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
+  isOpen,
+  onClose,
+  onUpload,
+}) => {
+  const { t } = useTranslation();
+  const [queuedFiles, setQueuedFiles] = useState<QueuedFile[]>([]);
+
+  const handleDropFiles = (files: FileList) => {
+    const newEntries: QueuedFile[] = Array.from(files).map((file) => ({
+      file,
+      id: `${file.name}-${file.size}-${Date.now()}`,
+    }));
+
+    setQueuedFiles((prev) => [...prev, ...newEntries]);
+    onUpload?.(files);
+  };
+
+  const handleRemove = (id: string) => {
+    setQueuedFiles((prev) => prev.filter((f) => f.id !== id));
+  };
+
+  const handleClose = () => {
+    setQueuedFiles([]);
+    onClose();
+  };
+
+  return (
+    <ModalOverlay
+      isDismissable
+      isOpen={isOpen}
+      onOpenChange={(open) => !open && handleClose()}>
+      <Modal>
+        <Dialog
+          showCloseButton
+          title={t('label.upload-document-plural')}
+          width={500}
+          onClose={handleClose}>
+          <Dialog.Content className="tw:pb-6">
+            <FileUpload.Root>
+              <FileUploadDropZone
+                allowsMultiple
+                clickToUploadLabel={t('label.click-to-upload', {
+                  defaultValue: 'Click to upload',
+                })}
+                hint={t('message.upload-document-hint')}
+                maxSize={25 * 1024 * 1024}
+                orDragAndDropLabel={t('message.or-drag-and-drop', {
+                  defaultValue: 'or drag and drop',
+                })}
+                onDropFiles={handleDropFiles}
+              />
+
+              {queuedFiles.length > 0 && (
+                <FileUpload.List className="tw:max-h-60 tw:overflow-y-auto">
+                  {queuedFiles.map(({ id, file }) => (
+                    <FileUpload.ListItemProgressBar
+                      key={id}
+                      name={file.name}
+                      progress={100}
+                      size={file.size}
+                      onDelete={() => handleRemove(id)}
+                    />
+                  ))}
+                </FileUpload.List>
+              )}
+            </FileUpload.Root>
+
+            <div className="tw:flex tw:justify-end tw:gap-3">
+              <Button color="secondary" size="sm" onClick={handleClose}>
+                {t('label.cancel')}
+              </Button>
+              <Button
+                color="primary"
+                isDisabled={queuedFiles.length === 0}
+                size="sm"
+                onClick={handleClose}>
+                {t('label.attach-file-plural')}
+              </Button>
+            </div>
+          </Dialog.Content>
+        </Dialog>
+      </Modal>
+    </ModalOverlay>
+  );
+};
+
+export default UploadDocumentModal;
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.interface.ts
new file mode 100644
index 000000000000..936310bfb6e4
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.interface.ts
@@ -0,0 +1,18 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+export interface UploadDocumentModalProps {
+  isOpen: boolean;
+  onClose: () => void;
+  onUpload?: (files: FileList) => void;
+}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx
new file mode 100644
index 000000000000..6389d3d4af10
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx
@@ -0,0 +1,86 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import { Card, Typography } from '@openmetadata/ui-core-components';
+import { FC } from 'react';
+import { useTranslation } from 'react-i18next';
+import { ReactComponent as FileIcon } from '../../../assets/svg/spreadsheet-icon.svg';
+import {
+  DocumentFileType,
+  UploadedDocumentCardProps,
+  UploadedDocumentItem,
+} from './UploadedDocumentCard.interface';
+const FILE_TYPE_STYLES: Record<
+  DocumentFileType,
+  { label: string; labelBg: string; labelText: string }
+> = {
+  doc: {
+    label: 'DOC',
+    labelBg: 'tw:bg-blue-600',
+    labelText: 'tw:text-white',
+  },
+  pdf: {
+    label: 'PDF',
+    labelBg: 'tw:bg-red-600',
+    labelText: 'tw:text-white',
+  },
+  xls: {
+    label: 'XLS',
+    labelBg: 'tw:bg-green-600',
+    labelText: 'tw:text-white',
+  },
+  image: {
+    label: 'IMG',
+    labelBg: 'tw:bg-gray-400',
+    labelText: 'tw:text-white',
+  },
+  other: {
+    label: 'FILE',
+    labelBg: 'tw:bg-gray-500',
+    labelText: 'tw:text-white',
+  },
+};
+
+const UploadedDocumentCard: FC<UploadedDocumentCardProps> = ({
+  document,
+  onClick,
+}) => {
+  const { t } = useTranslation();
+  const { name, fileType, sizeLabel, status } = document;
+
+  return (
+    <Card
+      className="tw:flex tw:flex-col tw:gap-3 tw:max-w-42"
+      data-testid="uploaded-document-card"
+      onClick={() => onClick?.(document as UploadedDocumentItem)}>
+      <div className="tw:flex tw:items-center tw:justify-center tw:h-15 tw:bg-gray-50">
+        <FileIcon height={32} width={32} />
+      </div>
+
+      <div className="tw:flex tw:flex-col tw:p-3">
+        <Typography
+          className="tw:m-0 tw:truncate"
+          size="text-xs"
+          title={name}
+          weight="medium">
+          {name}
+        </Typography>
+        <Typography className="tw:text-gray-400" size="text-xs">
+          {sizeLabel}
+        </Typography>
+      </div>
+    </Card>
+  );
+};
+
+export default UploadedDocumentCard;
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.interface.ts
new file mode 100644
index 000000000000..b016506a13ee
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.interface.ts
@@ -0,0 +1,29 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+export type DocumentFileType = 'doc' | 'pdf' | 'xls' | 'image' | 'other';
+
+export type DocumentProcessingStatus = 'processed' | 'analyzing' | 'failed';
+
+export interface UploadedDocumentItem {
+  id: string;
+  name: string;
+  fileType: DocumentFileType;
+  sizeLabel: string;
+  status: DocumentProcessingStatus;
+}
+
+export interface UploadedDocumentCardProps {
+  document: UploadedDocumentItem;
+  onClick?: (document: UploadedDocumentItem) => void;
+}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
new file mode 100644
index 000000000000..12b6cfab6d24
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
@@ -0,0 +1,97 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import {
+  Button,
+  Card,
+  Skeleton,
+  Typography,
+} from '@openmetadata/ui-core-components';
+import { ArrowUpRight, Upload01 } from '@untitledui/icons';
+import { FC } from 'react';
+import { useTranslation } from 'react-i18next';
+import UploadedDocumentCard from '../UploadedDocumentCard/UploadedDocumentCard.component';
+import { UploadedDocumentItem } from '../UploadedDocumentCard/UploadedDocumentCard.interface';
+import { UploadedDocumentsSectionProps } from './UploadedDocumentsSection.interface';
+
+const DocumentCardSkeleton: FC = () => (
+  <div className="tw:flex tw:flex-col tw:gap-3 tw:rounded-xl tw:border tw:border-[var(--color-border-primary)] tw:p-3">
+    <Skeleton height="120px" variant="rectangular" width="100%" />
+    <div className="tw:flex tw:flex-col tw:gap-1">
+      <Skeleton height="12px" variant="rounded" width="75%" />
+      <div className="tw:flex tw:justify-between">
+        <Skeleton height="12px" variant="rounded" width="40px" />
+        <Skeleton height="12px" variant="rounded" width="64px" />
+      </div>
+    </div>
+  </div>
+);
+
+const UploadedDocumentsSection: FC<UploadedDocumentsSectionProps> = ({
+  documents,
+  viewAllHref,
+  onViewAll,
+  onDocumentClick,
+  isLoading = false,
+}) => {
+  const { t } = useTranslation();
+
+  return (
+    <Card
+      className="tw:p-6 tw:h-[calc(50vh-80px)] tw:overflow-y-scroll"
+      data-testid="uploaded-documents-section">
+      <div className="tw:flex tw:items-center tw:justify-between tw:pb-5">
+        <div className="tw:flex tw:items-center tw:gap-3">
+          <div className="tw:p-3 tw:rounded-lg tw:bg-gray-blue-50">
+            <Upload01 className="tw:text-grey-600" height={20} width={20} />
+          </div>
+          <div className="tw:flex tw:flex-col">
+            <Typography size="text-md" weight="bold">
+              {t('label.uploaded-document-plural')}
+            </Typography>
+            <Typography className="tw:text-grey-500" size="text-xs">
+              {t('message.manual-upload-agent-context', {
+                defaultValue: 'Manual uploads for specific agent context',
+              })}
+            </Typography>
+          </div>
+        </div>
+
+        {(viewAllHref || onViewAll) && (
+          <Button
+            color="link-color"
+            iconTrailing={<ArrowUpRight className="tw:w-4 tw:h-4" />}
+            onClick={onViewAll}>
+            {t('label.view-all')}
+          </Button>
+        )}
+      </div>
+
+      <div className="tw:grid tw:grid-cols-6 tw:gap-4">
+        {isLoading
+          ? Array.from({ length: 8 }).map((_, idx) => (
+              <DocumentCardSkeleton key={idx} />
+            ))
+          : documents.map((doc: UploadedDocumentItem) => (
+              <UploadedDocumentCard
+                document={doc}
+                key={doc.id}
+                onClick={onDocumentClick}
+              />
+            ))}
+      </div>
+    </Card>
+  );
+};
+
+export default UploadedDocumentsSection;
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.interface.ts
new file mode 100644
index 000000000000..06e65ff349ce
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.interface.ts
@@ -0,0 +1,22 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import { UploadedDocumentItem } from '../UploadedDocumentCard/UploadedDocumentCard.interface';
+
+export interface UploadedDocumentsSectionProps {
+  documents: UploadedDocumentItem[];
+  viewAllHref?: string;
+  onViewAll?: () => void;
+  onDocumentClick?: (document: UploadedDocumentItem) => void;
+  isLoading?: boolean;
+}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/KnowledgeCenterLayout.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/KnowledgeCenterLayout.tsx
index 39de7c069252..a8bb0576ba01 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/KnowledgeCenterLayout.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/KnowledgeCenterLayout.tsx
@@ -27,8 +27,9 @@ interface KnowledgeCenterLayoutProps {
   className?: string;
   leftSidebarTitle?: React.ReactNode;
   rightSidebarTitle?: string;
-  leftSidebarExtra?: React.ReactNode; // Pass Antd Card extra to the left sidebar card
-  rightSidebarExtra?: React.ReactNode; // Pass Antd Card extra to the right sidebar card
+  leftSidebarExtra?: React.ReactNode;
+  rightSidebarExtra?: React.ReactNode;
+  centerNoPadding?: boolean;
 }
 
 const KnowledgeCenterLayout: FC<KnowledgeCenterLayoutProps> = ({
@@ -41,13 +42,17 @@ const KnowledgeCenterLayout: FC<KnowledgeCenterLayoutProps> = ({
   rightSidebarTitle,
   leftSidebarExtra,
   rightSidebarExtra,
+  centerNoPadding = false,
 }) => {
   const { i18n } = useTranslation();
-  const isLeftPanelCollapsed = false;
+  const isLeftPanelCollapsed = !leftSidebar;
   const isRightPanelCollapsed = !rightSidebar;
 
   return (
-    <div dir={i18n.dir()} id="knowledge-center-layout-container">
+    <div
+      className="tw:px-6 tw:pb-4"
+      dir={i18n.dir()}
+      id="knowledge-center-layout-container">
       <DocumentTitle title={pageTitle} />
       <ReflexContainer
         className={classNames('knowledge-center-layout', className)}
@@ -95,7 +100,11 @@ const KnowledgeCenterLayout: FC<KnowledgeCenterLayoutProps> = ({
           data-testid="center-panel"
           flex={isRightPanelCollapsed ? 0.8 : 0.6}
           minSize={700}>
-          <Card className="reflex-card center-reflex-card">{children}</Card>
+          <Card
+            bodyStyle={centerNoPadding ? { padding: 0 } : undefined}
+            className="reflex-card center-reflex-card">
+            {children}
+          </Card>
         </ReflexElement>
 
         <ReflexSplitter
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent.tsx
index e4befd8c86de..508e81e9363e 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent.tsx
@@ -10,7 +10,6 @@
  *  See the License for the specific language governing permissions and
  *  limitations under the License.
  */
-import { Tabs } from 'antd';
 import { AxiosError } from 'axios';
 import { compare } from 'fast-json-patch';
 import { cloneDeep, debounce, isEqual, isNil, isUndefined } from 'lodash';
@@ -99,11 +98,17 @@ import KnowledgePageDetailSkeleton from './KnowledgePageDetailSkeleton';
 interface KnowledgePageDetailComponentProps {
   onPageChange: (page: Partial<KnowledgeCenterPageProps>) => void;
   fetchKnowledgePageHierarchy?: (forceRefresh?: boolean) => Promise<void>;
+  isRightPanelOpen?: boolean;
+  onToggleRightPanel?: () => void;
+  getArticlePath?: (fqn: string, tab?: string) => string;
 }
 
 const KnowledgePageDetailComponent: FC<KnowledgePageDetailComponentProps> = ({
   onPageChange,
   fetchKnowledgePageHierarchy,
+  isRightPanelOpen = true,
+  onToggleRightPanel,
+  getArticlePath,
 }) => {
   const { t } = i18n;
   const { hash } = useCustomLocation();
@@ -526,7 +531,11 @@ const KnowledgePageDetailComponent: FC<KnowledgePageDetailComponentProps> = ({
 
   const handleTabChange = (activeKey: string) => {
     if (activeKey !== activeTab) {
-      navigate(getKnowledgePagePath(fqn, activeKey));
+      navigate(
+        getArticlePath
+          ? getArticlePath(fqn, activeKey)
+          : getKnowledgePagePath(fqn, activeKey)
+      );
       setActiveTab(activeKey);
     }
   };
@@ -546,6 +555,7 @@ const KnowledgePageDetailComponent: FC<KnowledgePageDetailComponentProps> = ({
   const tabs = useMemo(() => {
     const items = [
       {
+        name: String(t('label.content')),
         label: <div data-testid="overview">{String(t('label.content'))}</div>,
         key: EntityTabs.OVERVIEW,
         children: (
@@ -574,6 +584,7 @@ const KnowledgePageDetailComponent: FC<KnowledgePageDetailComponentProps> = ({
         ),
       },
       {
+        name: String(t('label.activity-feed-and-task-plural')),
         label: (
           <TabsLabel
             count={feedCount.totalCount}
@@ -685,9 +696,18 @@ const KnowledgePageDetailComponent: FC<KnowledgePageDetailComponentProps> = ({
     };
   }, [isContentUnsaved, location.pathname]);
 
+  const activeTabContent = useMemo(
+    () => tabs?.find((t) => t?.key === activeTab)?.children ?? null,
+    [tabs, activeTab]
+  );
+
   const pageConfig = useMemo(() => {
     let rightPanel = null;
-    if (activeTab !== EntityTabs.ACTIVITY_FEED && knowledgePage) {
+    if (
+      isRightPanelOpen &&
+      activeTab !== EntityTabs.ACTIVITY_FEED &&
+      knowledgePage
+    ) {
       rightPanel = (
         <GenericProvider
           data={knowledgePage}
@@ -707,19 +727,34 @@ const KnowledgePageDetailComponent: FC<KnowledgePageDetailComponentProps> = ({
     }
 
     return {
+      activeTab,
       data: knowledgePage,
+      handlers: {
+        contentChangeState,
+        onFollowChange: handleFollowChange,
+        onSave: handleSave,
+        onSetThreadLink: setThreadLink,
+        onToggleDelete: handleToggleDelete,
+        onVoteChange: handleVoteChange,
+      },
       header: <div className="m-b-box rounded-12">{getHeaderElement()}</div>,
+      isRightPanelOpen,
+      onTabChange: handleTabChange,
+      onToggleRightPanel,
       rightPanel,
+      tabs,
       title: (knowledgePage?.displayName ?? '') || t('label.untitled'),
-      activeTab,
     };
   }, [
     knowledgePage,
     isLoading,
+    isRightPanelOpen,
+    onToggleRightPanel,
     permissions,
     contentChangeState,
     activeTab,
     tags,
+    tabs,
     getHeaderElement,
   ]);
 
@@ -749,12 +784,7 @@ const KnowledgePageDetailComponent: FC<KnowledgePageDetailComponentProps> = ({
 
   return (
     <>
-      <Tabs
-        activeKey={activeTab}
-        className="entity-details-page-tabs"
-        items={tabs}
-        onChange={handleTabChange}
-      />
+      {activeTabContent}
       {threadLink ? (
         <ActivityThreadPanel
           createThread={createThread}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailRightPanel/KnowledgePageDetailRightPanel.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailRightPanel/KnowledgePageDetailRightPanel.tsx
index 83c4fe7a1217..5fec856a6499 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailRightPanel/KnowledgePageDetailRightPanel.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailRightPanel/KnowledgePageDetailRightPanel.tsx
@@ -57,6 +57,10 @@ const KnowledgePageDetailRightPanel: FC<KnowledgePageDetailRightPanelProps> = ({
     permissions: genericPermissions,
   } = useGenericContext<KnowledgePage>();
 
+  if (!entityRules) {
+    return <KnowledgePageDetailRightPanelSkeleton />;
+  }
+
   const handleDataProductsSave = useCallback(
     async (selectedDataProducts: DataProduct[]) => {
       try {
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageListComponent/KnowledgePageListComponent.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageListComponent/KnowledgePageListComponent.tsx
index cf37d43ad331..66bc6a6261da 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageListComponent/KnowledgePageListComponent.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageListComponent/KnowledgePageListComponent.tsx
@@ -24,7 +24,7 @@ import {
 import { AxiosError } from 'axios';
 import cryptoRandomString from 'crypto-random-string-with-promisify-polyfill';
 import { isEmpty, map, uniqBy, uniqueId } from 'lodash';
-import {
+import React, {
   forwardRef,
   RefObject,
   useCallback,
@@ -35,6 +35,16 @@ import {
 } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
+import {
+  followKnowledgePage,
+  getListKnowledgePages,
+  postKnowledgePage,
+  unFollowKnowledgePage,
+  updateKnowledgePageVote,
+} from 'rest/knowledgeCenterAPI';
+import { Transi18next } from 'utils/i18next/LocalUtil';
+import { getKnowledgePagePath } from 'utils/KnowledgePageUtils';
+import { showErrorToast } from 'utils/ToastUtils';
 import { ReactComponent as AddPlaceHolderIcon } from '../../../assets/svg/add-placeholder.svg';
 import ErrorPlaceHolder from '../../../components/common/ErrorWithPlaceholder/ErrorPlaceHolder';
 import Loader from '../../../components/common/Loader/Loader';
@@ -59,16 +69,6 @@ import {
   KnowledgePage,
   PageType,
 } from '../../../interface/knowledge-center.interface';
-import {
-  followKnowledgePage,
-  getListKnowledgePages,
-  postKnowledgePage,
-  unFollowKnowledgePage,
-  updateKnowledgePageVote,
-} from '../../../rest/knowledgeCenterAPI';
-import { Transi18next } from '../../../utils/i18next/LocalUtil';
-import { getKnowledgePagePath } from '../../../utils/KnowledgePageUtils';
-import { showErrorToast } from '../../../utils/ToastUtils';
 import KnowledgeCard from '../KnowledgeCard/KnowledgeCard';
 import KnowledgePageListRightPanel from '../KnowledgePageListRightPanel/KnowledgePageListRightPanel';
 import {
@@ -80,451 +80,476 @@ import './knowledge-page-list.less';
 interface KnowledgePageListComponentProps {
   onPageChange: (page: Partial<KnowledgeCenterPageProps>) => void;
   permissions: OperationPermission;
+  hideAddButton?: boolean;
+  rightPanelSlot?: React.ReactNode;
+  getPagePath?: (fqn: string) => string;
 }
 
 const KnowledgePageListComponent = forwardRef<
   KnowledgeCenterPageRef,
   KnowledgePageListComponentProps
->(({ onPageChange, permissions }, ref) => {
-  const { currentUser, theme } = useApplicationStore();
-  const { t } = useTranslation();
-  const navigate = useNavigate();
-  const USERId = currentUser?.id ?? '';
-  const [elementRef, isInView] = useElementInView({});
-  const [isLoading, setIsLoading] = useState<boolean>(true);
-  const [isLoadingMore, setIsLoadingMore] = useState<boolean>(false);
-  const [knowledgePages, setKnowledgePages] = useState<KnowledgePage[]>([]);
-  const [paging, setPaging] = useState<Paging>({ total: 0 });
-  const [isCreatingNewPage, setIsCreatingNewPage] = useState<boolean>(false);
-  const [showAddLinkModal, setShowAddLinkModal] = useState<boolean>(false);
-  const { getResourceLimit } = useLimitStore();
-
-  const [refreshBookMarkWidget, setRefreshBookMarkWidget] =
-    useState<boolean>(false);
-  const [refreshTagsCategory, setRefreshTagsCategory] =
-    useState<boolean>(false);
-
-  const handleRefreshBookMarkWidget = (value: boolean) =>
-    setRefreshBookMarkWidget(value);
-
-  const handleRefreshTagsCategory = (value: boolean) =>
-    setRefreshTagsCategory(value);
-
-  const fetchKnowledgePages = async (after?: string) => {
-    if (after) {
-      setIsLoadingMore(true);
-    } else {
-      setIsLoading(true);
-    }
-    try {
-      const { data, paging: pagingObj } = await getListKnowledgePages({
-        fields: getKnowledgePageFields(),
-        after,
-        limit: PAGE_SIZE_MEDIUM,
-      });
-      setKnowledgePages((prev) =>
-        uniqBy(after ? [...prev, ...data] : data, 'id')
-      );
-      setPaging(pagingObj);
-    } catch (error) {
-      showErrorToast(error as AxiosError);
-    } finally {
-      setIsLoading(false);
-      setIsLoadingMore(false);
-    }
-  };
-
-  const addArticleKnowledgePage = async () => {
-    try {
-      setIsCreatingNewPage(true);
-      const instanceName = `${PageType.ARTICLE}_${cryptoRandomString({
-        length: 8,
-        type: 'alphanumeric',
-      })}`;
-
-      const data: CreateKnowledgePage = {
-        name: instanceName,
-        displayName: '',
-        description: '',
-        pageType: PageType.ARTICLE,
-        page: {
-          publicationDate: new Date(),
-          relatedArticles: [],
-        },
-        owners: [
-          {
-            type: 'user',
-            id: USERId,
-          },
-        ],
-      };
-      const response = await postKnowledgePage(data);
-      getResourceLimit('knowledgeCenter', true, true);
-      navigate({
-        pathname: getKnowledgePagePath(response.fullyQualifiedName),
-        hash: CREATE_PAGE_HASH,
-      });
-    } catch (error) {
-      showErrorToast(error as AxiosError);
-    } finally {
-      setIsCreatingNewPage(false);
-    }
-  };
-  const addQuickLinkKnowledgePage = async (
-    formData: QuickLinkFormModalFormData
+>(
+  (
+    {
+      onPageChange,
+      permissions,
+      hideAddButton = false,
+      rightPanelSlot,
+      getPagePath,
+    },
+    ref
   ) => {
-    try {
-      const tags = [
-        ...(formData.tags ?? []),
-        ...(formData.glossaryTerms ?? []),
-      ];
-
-      const data: CreateKnowledgePage = {
-        name: `${PageType.QUICK_LINK}_${cryptoRandomString({
+    const { currentUser, theme } = useApplicationStore();
+    const { t } = useTranslation();
+    const navigate = useNavigate();
+    const USERId = currentUser?.id ?? '';
+    const [elementRef, isInView] = useElementInView({});
+    const [isLoading, setIsLoading] = useState<boolean>(true);
+    const [isLoadingMore, setIsLoadingMore] = useState<boolean>(false);
+    const [knowledgePages, setKnowledgePages] = useState<KnowledgePage[]>([]);
+    const [paging, setPaging] = useState<Paging>({ total: 0 });
+    const [isCreatingNewPage, setIsCreatingNewPage] = useState<boolean>(false);
+    const [showAddLinkModal, setShowAddLinkModal] = useState<boolean>(false);
+    const { getResourceLimit } = useLimitStore();
+
+    const [refreshBookMarkWidget, setRefreshBookMarkWidget] =
+      useState<boolean>(false);
+    const [refreshTagsCategory, setRefreshTagsCategory] =
+      useState<boolean>(false);
+
+    const handleRefreshBookMarkWidget = (value: boolean) =>
+      setRefreshBookMarkWidget(value);
+
+    const handleRefreshTagsCategory = (value: boolean) =>
+      setRefreshTagsCategory(value);
+
+    const fetchKnowledgePages = async (after?: string) => {
+      if (after) {
+        setIsLoadingMore(true);
+      } else {
+        setIsLoading(true);
+      }
+      try {
+        const { data, paging: pagingObj } = await getListKnowledgePages({
+          fields: getKnowledgePageFields(),
+          after,
+          limit: PAGE_SIZE_MEDIUM,
+        });
+        setKnowledgePages((prev) =>
+          uniqBy(after ? [...prev, ...data] : data, 'id')
+        );
+        setPaging(pagingObj);
+      } catch (error) {
+        showErrorToast(error as AxiosError);
+      } finally {
+        setIsLoading(false);
+        setIsLoadingMore(false);
+      }
+    };
+
+    const addArticleKnowledgePage = async () => {
+      try {
+        setIsCreatingNewPage(true);
+        const instanceName = `${PageType.ARTICLE}_${cryptoRandomString({
           length: 8,
           type: 'alphanumeric',
-        })}`,
-        displayName: formData.displayName ?? '',
-        description: formData.description,
-        pageType: PageType.QUICK_LINK,
-        page: {
-          url: formData.url,
-        },
-        owners: [
-          {
-            type: 'user',
-            id: USERId,
+        })}`;
+
+        const data: CreateKnowledgePage = {
+          name: instanceName,
+          displayName: '',
+          description: '',
+          pageType: PageType.ARTICLE,
+          page: {
+            publicationDate: new Date(),
+            relatedArticles: [],
           },
-        ],
-        tags,
-        relatedEntities: formData?.relatedEntities,
-      };
-      const response = await postKnowledgePage(data);
-      setKnowledgePages((prevPages) => [response, ...prevPages]);
-      setRefreshTagsCategory(true);
-    } catch (error) {
-      showErrorToast(error as AxiosError);
-    }
-  };
-
-  const updateVoteHandler = async (data: VotingDataProps, id: string) => {
-    try {
-      const { entity } = await updateKnowledgePageVote(id, data);
-
+          owners: [
+            {
+              type: 'user',
+              id: USERId,
+            },
+          ],
+        };
+        const response = await postKnowledgePage(data);
+        getResourceLimit('knowledgeCenter', true, true);
+        navigate({
+          pathname: (getPagePath ?? getKnowledgePagePath)(
+            response.fullyQualifiedName
+          ),
+          hash: CREATE_PAGE_HASH,
+        });
+      } catch (error) {
+        showErrorToast(error as AxiosError);
+      } finally {
+        setIsCreatingNewPage(false);
+      }
+    };
+    const addQuickLinkKnowledgePage = async (
+      formData: QuickLinkFormModalFormData
+    ) => {
+      try {
+        const tags = [
+          ...(formData.tags ?? []),
+          ...(formData.glossaryTerms ?? []),
+        ];
+
+        const data: CreateKnowledgePage = {
+          name: `${PageType.QUICK_LINK}_${cryptoRandomString({
+            length: 8,
+            type: 'alphanumeric',
+          })}`,
+          displayName: formData.displayName ?? '',
+          description: formData.description,
+          pageType: PageType.QUICK_LINK,
+          page: {
+            url: formData.url,
+          },
+          owners: [
+            {
+              type: 'user',
+              id: USERId,
+            },
+          ],
+          tags,
+          relatedEntities: formData?.relatedEntities,
+        };
+        const response = await postKnowledgePage(data);
+        setKnowledgePages((prevPages) => [response, ...prevPages]);
+        setRefreshTagsCategory(true);
+      } catch (error) {
+        showErrorToast(error as AxiosError);
+      }
+    };
+
+    const updateVoteHandler = async (data: VotingDataProps, id: string) => {
+      try {
+        const { entity } = await updateKnowledgePageVote(id, data);
+
+        setKnowledgePages((prevPages) =>
+          map(prevPages, (page) => {
+            if (page.id === entity.id) {
+              return { ...page, votes: entity.votes };
+            }
+
+            return page;
+          })
+        );
+      } catch (error) {
+        showErrorToast(error as AxiosError);
+      }
+    };
+
+    const followKnowledgePageHandler = async (knowledgePageId: string) => {
+      try {
+        const res = await followKnowledgePage(knowledgePageId, USERId);
+        const { newValue } = res.changeDescription.fieldsAdded[0];
+        setKnowledgePages((prevPages) =>
+          map(prevPages, (page) => {
+            if (page.id === knowledgePageId) {
+              return {
+                ...page,
+                followers: [...(page?.followers ?? []), ...newValue],
+              };
+            }
+
+            return page;
+          })
+        );
+        setRefreshBookMarkWidget(true);
+      } catch (error) {
+        showErrorToast(error as AxiosError);
+      }
+    };
+
+    const unFollowKnowledgePageHandler = async (knowledgePageId: string) => {
+      try {
+        const res = await unFollowKnowledgePage(knowledgePageId, USERId);
+        const { oldValue } = res.changeDescription.fieldsDeleted[0];
+
+        setKnowledgePages((prevPages) =>
+          map(prevPages, (page) => {
+            if (page.id === knowledgePageId) {
+              return {
+                ...page,
+                followers: (page?.followers ?? []).filter(
+                  (follower) => follower.id !== oldValue[0].id
+                ),
+              };
+            }
+
+            return page;
+          })
+        );
+        setRefreshBookMarkWidget(true);
+      } catch (error) {
+        showErrorToast(error as AxiosError);
+      }
+    };
+
+    const handleDelete = (id: string | string[]) => {
       setKnowledgePages((prevPages) =>
-        map(prevPages, (page) => {
-          if (page.id === entity.id) {
-            return { ...page, votes: entity.votes };
+        prevPages.filter((page) => {
+          if (Array.isArray(id)) {
+            return !id.includes(page.id);
           }
 
-          return page;
+          return page.id !== id;
         })
       );
-    } catch (error) {
-      showErrorToast(error as AxiosError);
-    }
-  };
+    };
 
-  const followKnowledgePageHandler = async (knowledgePageId: string) => {
-    try {
-      const res = await followKnowledgePage(knowledgePageId, USERId);
-      const { newValue } = res.changeDescription.fieldsAdded[0];
-      setKnowledgePages((prevPages) =>
-        map(prevPages, (page) => {
-          if (page.id === knowledgePageId) {
-            return {
-              ...page,
-              followers: [...(page?.followers ?? []), ...newValue],
-            };
-          }
-
-          return page;
-        })
-      );
-      setRefreshBookMarkWidget(true);
-    } catch (error) {
-      showErrorToast(error as AxiosError);
-    }
-  };
+    const hasViewPermission = useMemo(
+      () => permissions.ViewAll || permissions.ViewBasic,
+      [permissions]
+    );
 
-  const unFollowKnowledgePageHandler = async (knowledgePageId: string) => {
-    try {
-      const res = await unFollowKnowledgePage(knowledgePageId, USERId);
-      const { oldValue } = res.changeDescription.fieldsDeleted[0];
+    useEffect(() => {
+      if (hasViewPermission) {
+        fetchKnowledgePages();
+      } else {
+        setIsLoading(false);
+      }
+    }, [hasViewPermission]);
+
+    /**
+     * Handle infinite scrolling
+     */
+    useEffect(() => {
+      const after = paging.after;
+      if (isInView && after && !isLoadingMore && hasViewPermission) {
+        fetchKnowledgePages(after);
+      }
+    }, [isInView, paging, isLoadingMore, hasViewPermission]);
+
+    const items: MenuProps['items'] = [
+      {
+        label: t('label.article'),
+        key: PageType.ARTICLE,
+        onClick: addArticleKnowledgePage,
+      },
+      {
+        label: t('label.quick-link'),
+        key: PageType.QUICK_LINK,
+        onClick: () => setShowAddLinkModal(true),
+      },
+    ];
+
+    const getRightPanelElement = useCallback(
+      () =>
+        rightPanelSlot !== undefined ? (
+          rightPanelSlot
+        ) : (
+          <KnowledgePageListRightPanel
+            permissions={permissions}
+            refreshBookMarkWidget={refreshBookMarkWidget}
+            refreshTagsCategory={refreshTagsCategory}
+            onAdd={() => setShowAddLinkModal(true)}
+            onRefreshBookMarkWidget={handleRefreshBookMarkWidget}
+            onRefreshTagsCategory={handleRefreshTagsCategory}
+          />
+        ),
+      [permissions, refreshBookMarkWidget, refreshTagsCategory, rightPanelSlot]
+    );
 
-      setKnowledgePages((prevPages) =>
-        map(prevPages, (page) => {
-          if (page.id === knowledgePageId) {
-            return {
-              ...page,
-              followers: (page?.followers ?? []).filter(
-                (follower) => follower.id !== oldValue[0].id
-              ),
-            };
-          }
+    const addQuickLinkModalElement = useMemo(
+      () =>
+        showAddLinkModal && (
+          <QuickLinkFormModal
+            isOpen={showAddLinkModal}
+            // this is for add quick link as we are not passing any data
+            permissions={
+              {
+                EditAll: true,
+                EditDisplayName: true,
+                EditDescription: true,
+                EditTags: true,
+              } as OperationPermission
+            }
+            onCancel={() => setShowAddLinkModal(false)}
+            onSave={(data) => {
+              addQuickLinkKnowledgePage(data);
+              setShowAddLinkModal(false);
+            }}
+          />
+        ),
+      [showAddLinkModal]
+    );
 
-          return page;
-        })
+    useEffect(() => {
+      onPageChange({
+        title: t('label.knowledge-center'),
+        rightPanel: getRightPanelElement(),
+        data: undefined,
+        header: null,
+      });
+    }, [permissions, refreshBookMarkWidget, refreshTagsCategory]);
+
+    useImperativeHandle(ref, () => ({
+      onPageDelete: handleDelete,
+      addKnowledgePage: (knowledgePage: KnowledgePage) =>
+        setKnowledgePages((prevPages) => [knowledgePage, ...prevPages]),
+    }));
+
+    if (isLoading || isCreatingNewPage) {
+      return (
+        <Row data-testid="knowledge-page-listing" gutter={[0, 56]}>
+          {Array.from({ length: 4 }).map(() => (
+            <Col className="knowledge-card-col" key={uniqueId()} span={24}>
+              <Row gutter={[16, 16]}>
+                <Col span={24}>
+                  <Space>
+                    <Skeleton avatar paragraph={{ rows: 1 }} title={false} />
+                    <Skeleton
+                      paragraph={{ rows: 1, width: 150 }}
+                      title={false}
+                    />
+                  </Space>
+                </Col>
+                <Col span={24}>
+                  <Skeleton
+                    active
+                    className="m-b-sm"
+                    paragraph={{ rows: 1 }}
+                    title={false}
+                  />
+                  <Skeleton active paragraph={{ rows: 2 }} title={false} />
+                </Col>
+                <Col span={24}>
+                  <Space>
+                    <Skeleton
+                      active
+                      paragraph={{ rows: 1, width: 100 }}
+                      title={false}
+                    />
+                    <Skeleton
+                      active
+                      paragraph={{ rows: 1, width: 100 }}
+                      title={false}
+                    />
+                    <Skeleton
+                      active
+                      paragraph={{ rows: 1, width: 100 }}
+                      title={false}
+                    />
+                  </Space>
+                </Col>
+              </Row>
+            </Col>
+          ))}
+        </Row>
       );
-      setRefreshBookMarkWidget(true);
-    } catch (error) {
-      showErrorToast(error as AxiosError);
     }
-  };
-
-  const handleDelete = (id: string | string[]) => {
-    setKnowledgePages((prevPages) =>
-      prevPages.filter((page) => {
-        if (Array.isArray(id)) {
-          return !id.includes(page.id);
-        }
 
-        return page.id !== id;
-      })
-    );
-  };
-
-  const hasViewPermission = useMemo(
-    () => permissions.ViewAll || permissions.ViewBasic,
-    [permissions]
-  );
-
-  useEffect(() => {
-    if (hasViewPermission) {
-      fetchKnowledgePages();
-    } else {
-      setIsLoading(false);
-    }
-  }, [hasViewPermission]);
-
-  /**
-   * Handle infinite scrolling
-   */
-  useEffect(() => {
-    const after = paging.after;
-    if (isInView && after && !isLoadingMore && hasViewPermission) {
-      fetchKnowledgePages(after);
+    if (!hasViewPermission) {
+      return (
+        <ErrorPlaceHolder
+          className="border-none"
+          permissionValue={t('label.view-entity', {
+            entity: t('label.knowledge-article-plural'),
+          })}
+          type={ERROR_PLACEHOLDER_TYPE.PERMISSION}
+        />
+      );
     }
-  }, [isInView, paging, isLoadingMore, hasViewPermission]);
 
-  const items: MenuProps['items'] = [
-    {
-      label: t('label.article'),
-      key: PageType.ARTICLE,
-      onClick: addArticleKnowledgePage,
-    },
-    {
-      label: t('label.quick-link'),
-      key: PageType.QUICK_LINK,
-      onClick: () => setShowAddLinkModal(true),
-    },
-  ];
-
-  const getRightPanelElement = useCallback(
-    () => (
-      <KnowledgePageListRightPanel
-        permissions={permissions}
-        refreshBookMarkWidget={refreshBookMarkWidget}
-        refreshTagsCategory={refreshTagsCategory}
-        onAdd={() => setShowAddLinkModal(true)}
-        onRefreshBookMarkWidget={handleRefreshBookMarkWidget}
-        onRefreshTagsCategory={handleRefreshTagsCategory}
-      />
-    ),
-    [permissions, refreshBookMarkWidget, refreshTagsCategory]
-  );
-
-  const addQuickLinkModalElement = useMemo(
-    () =>
-      showAddLinkModal && (
-        <QuickLinkFormModal
-          isOpen={showAddLinkModal}
-          // this is for add quick link as we are not passing any data
-          permissions={
-            {
-              EditAll: true,
-              EditDisplayName: true,
-              EditDescription: true,
-              EditTags: true,
-            } as OperationPermission
+    if (!isLoading && isEmpty(knowledgePages)) {
+      return (
+        <ErrorPlaceHolder
+          className="border-none"
+          icon={
+            <AddPlaceHolderIcon
+              data-testid="no-data-image"
+              height={SIZE.LARGE}
+              width={SIZE.LARGE}
+            />
           }
-          onCancel={() => setShowAddLinkModal(false)}
-          onSave={(data) => {
-            addQuickLinkKnowledgePage(data);
-            setShowAddLinkModal(false);
-          }}
-        />
-      ),
-    [showAddLinkModal]
-  );
-
-  useEffect(() => {
-    onPageChange({
-      title: t('label.knowledge-center'),
-      rightPanel: getRightPanelElement(),
-      data: undefined,
-      header: null,
-    });
-  }, [permissions, refreshBookMarkWidget, refreshTagsCategory]);
-
-  useImperativeHandle(ref, () => ({
-    onPageDelete: handleDelete,
-    addKnowledgePage: (knowledgePage: KnowledgePage) =>
-      setKnowledgePages((prevPages) => [knowledgePage, ...prevPages]),
-  }));
-
-  if (isLoading || isCreatingNewPage) {
-    return (
-      <Row data-testid="knowledge-page-listing" gutter={[0, 56]}>
-        {Array.from({ length: 4 }).map(() => (
-          <Col className="knowledge-card-col" key={uniqueId()} span={24}>
-            <Row gutter={[16, 16]}>
-              <Col span={24}>
-                <Space>
-                  <Skeleton avatar paragraph={{ rows: 1 }} title={false} />
-                  <Skeleton paragraph={{ rows: 1, width: 150 }} title={false} />
-                </Space>
-              </Col>
-              <Col span={24}>
-                <Skeleton
-                  active
-                  className="m-b-sm"
-                  paragraph={{ rows: 1 }}
-                  title={false}
-                />
-                <Skeleton active paragraph={{ rows: 2 }} title={false} />
-              </Col>
-              <Col span={24}>
-                <Space>
-                  <Skeleton
-                    active
-                    paragraph={{ rows: 1, width: 100 }}
-                    title={false}
-                  />
-                  <Skeleton
-                    active
-                    paragraph={{ rows: 1, width: 100 }}
-                    title={false}
+          type={ERROR_PLACEHOLDER_TYPE.CUSTOM}>
+          <div
+            className="bg-white h-full flex-center"
+            data-testid="create-error-placeholder-create">
+            <Space
+              align="center"
+              className="w-full"
+              direction="vertical"
+              size={10}>
+              <div className="text-center text-sm font-normal">
+                <Typography.Paragraph>
+                  {t('message.adding-new-entity-is-easy-just-give-it-a-spin', {
+                    entity: t('label.knowledge-page'),
+                  })}
+                </Typography.Paragraph>
+
+                <Typography.Paragraph>
+                  <Transi18next
+                    i18nKey="message.refer-to-our-doc"
+                    renderElement={
+                      <a
+                        href={KNOWLEDGE_CENTER_DOC_LINK}
+                        rel="noreferrer"
+                        style={{ color: theme.primaryColor }}
+                        target="_blank"
+                      />
+                    }
+                    values={{
+                      doc: t('label.doc-plural-lowercase'),
+                    }}
                   />
-                  <Skeleton
-                    active
-                    paragraph={{ rows: 1, width: 100 }}
-                    title={false}
-                  />
-                </Space>
-              </Col>
-            </Row>
-          </Col>
-        ))}
-      </Row>
-    );
-  }
-
-  if (!hasViewPermission) {
-    return (
-      <ErrorPlaceHolder
-        className="border-none"
-        permissionValue={t('label.view-entity', {
-          entity: t('label.knowledge-article-plural'),
-        })}
-        type={ERROR_PLACEHOLDER_TYPE.PERMISSION}
-      />
-    );
-  }
+                </Typography.Paragraph>
+
+                {permissions.Create && !hideAddButton && (
+                  <LimitWrapper resource="knowledgeCenter">
+                    <Dropdown menu={{ items }} trigger={['click']}>
+                      <Button
+                        ghost
+                        className="p-x-lg"
+                        data-testid="add-knowledge-page-btn"
+                        type="primary">
+                        <PlusOutlined />
+                        {t('label.add')}
+                      </Button>
+                    </Dropdown>
+                  </LimitWrapper>
+                )}
+              </div>
+            </Space>
+          </div>
+          {addQuickLinkModalElement}
+        </ErrorPlaceHolder>
+      );
+    }
 
-  if (!isLoading && isEmpty(knowledgePages)) {
     return (
-      <ErrorPlaceHolder
-        className="border-none"
-        icon={
-          <AddPlaceHolderIcon
-            data-testid="no-data-image"
-            height={SIZE.LARGE}
-            width={SIZE.LARGE}
-          />
-        }
-        type={ERROR_PLACEHOLDER_TYPE.CUSTOM}>
+      <>
+        <Row data-testid="knowledge-page-listing" gutter={[0, 16]}>
+          {map(knowledgePages, (knowledgePage) => (
+            <Col
+              className="knowledge-card-col"
+              key={knowledgePage.id}
+              span={24}>
+              <KnowledgeCard
+                knowledgeItem={knowledgePage}
+                onDelete={handleDelete}
+                onFollow={followKnowledgePageHandler}
+                onRefreshTagsCategory={handleRefreshTagsCategory}
+                onUnFollow={unFollowKnowledgePageHandler}
+                onUpdateVote={updateVoteHandler}
+              />
+            </Col>
+          ))}
+        </Row>
+        {isLoadingMore ? <Loader /> : null}
         <div
-          className="bg-white h-full flex-center"
-          data-testid="create-error-placeholder-create">
-          <Space
-            align="center"
-            className="w-full"
-            direction="vertical"
-            size={10}>
-            <div className="text-center text-sm font-normal">
-              <Typography.Paragraph>
-                {t('message.adding-new-entity-is-easy-just-give-it-a-spin', {
-                  entity: t('label.knowledge-page'),
-                })}
-              </Typography.Paragraph>
-
-              <Typography.Paragraph>
-                <Transi18next
-                  i18nKey="message.refer-to-our-doc"
-                  renderElement={
-                    <a
-                      href={KNOWLEDGE_CENTER_DOC_LINK}
-                      rel="noreferrer"
-                      style={{ color: theme.primaryColor }}
-                      target="_blank"
-                    />
-                  }
-                  values={{
-                    doc: t('label.doc-plural-lowercase'),
-                  }}
-                />
-              </Typography.Paragraph>
-
-              {permissions.Create && (
-                <LimitWrapper resource="knowledgeCenter">
-                  <Dropdown menu={{ items }} trigger={['click']}>
-                    <Button
-                      ghost
-                      className="p-x-lg"
-                      data-testid="add-knowledge-page-btn"
-                      type="primary">
-                      <PlusOutlined />
-                      {t('label.add')}
-                    </Button>
-                  </Dropdown>
-                </LimitWrapper>
-              )}
-            </div>
-          </Space>
-        </div>
+          className="w-full"
+          data-testid="observer-element"
+          id="observer-element"
+          ref={elementRef as RefObject<HTMLDivElement>}
+          style={{ height: '2px' }}
+        />
         {addQuickLinkModalElement}
-      </ErrorPlaceHolder>
+      </>
     );
   }
-
-  return (
-    <>
-      <Row data-testid="knowledge-page-listing" gutter={[0, 16]}>
-        {map(knowledgePages, (knowledgePage) => (
-          <Col className="knowledge-card-col" key={knowledgePage.id} span={24}>
-            <KnowledgeCard
-              knowledgeItem={knowledgePage}
-              onDelete={handleDelete}
-              onFollow={followKnowledgePageHandler}
-              onRefreshTagsCategory={handleRefreshTagsCategory}
-              onUnFollow={unFollowKnowledgePageHandler}
-              onUpdateVote={updateVoteHandler}
-            />
-          </Col>
-        ))}
-      </Row>
-      {isLoadingMore ? <Loader /> : null}
-      <div
-        className="w-full"
-        data-testid="observer-element"
-        id="observer-element"
-        ref={elementRef as RefObject<HTMLDivElement>}
-        style={{ height: '2px' }}
-      />
-      {addQuickLinkModalElement}
-    </>
-  );
-});
+);
 
 export default KnowledgePageListComponent;
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.tsx
index fcacd0db52e8..6a9c9fb5faa6 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.tsx
@@ -103,6 +103,9 @@ interface KnowledgePagesHierarchyProps {
   isPageHeaderAvailable: boolean;
   activeKey?: DirectoryTreeProps['activeKey'];
   activePage?: KnowledgePage;
+  hideAddPageButton?: boolean;
+  getPagePath?: (fqn: string) => string;
+  homeRoute?: string;
   onPageDelete?: (id: string | string[]) => void;
   onLoading?: (isLoading: boolean) => void;
 }
@@ -115,6 +118,9 @@ const KnowledgePagesHierarchy = forwardRef<
     {
       activeKey,
       activePage,
+      hideAddPageButton,
+      getPagePath,
+      homeRoute,
       onPageDelete,
       onLoading,
       permissions,
@@ -351,12 +357,12 @@ const KnowledgePagesHierarchy = forwardRef<
             )
           );
 
-        // if the deleted page is the active page or parent of active page, navigate to knowledge center
+        // if the deleted page is the active page or parent of active page, navigate home
         if (
           activeKey === deletedPageData.fullyQualifiedName ||
           isActivePageParent
         ) {
-          navigate(ROUTES.KNOWLEDGE_CENTER);
+          navigate(homeRoute ?? ROUTES.KNOWLEDGE_CENTER);
         }
       },
       [knowledgePageHierarchy, onPageDelete, activeKey, activePage]
@@ -432,7 +438,9 @@ const KnowledgePagesHierarchy = forwardRef<
 
           // push to the newly created page
           navigate({
-            pathname: getKnowledgePagePath(response.fullyQualifiedName),
+            pathname: getPagePath
+              ? getPagePath(response.fullyQualifiedName)
+              : getKnowledgePagePath(response.fullyQualifiedName),
           });
         } catch (error) {
           showErrorToast(error as AxiosError);
@@ -453,7 +461,11 @@ const KnowledgePagesHierarchy = forwardRef<
             data-testid={`page-node-${node.title}`}>
             <Link
               className="anchor-no-underline"
-              to={getKnowledgePagePath(nodeKey)}>
+              to={
+                getPagePath
+                  ? getPagePath(nodeKey)
+                  : getKnowledgePagePath(nodeKey)
+              }>
               <div
                 className={classNames(
                   'knowledge-hierarchy-page-title-wrapper',
@@ -487,15 +499,17 @@ const KnowledgePagesHierarchy = forwardRef<
                   width={12}
                 />
               </Button>
-              <Button
-                className="knowledge-hierarchy-action-btn-item"
-                data-testid={`${node.title}-add-page-btn`}
-                disabled={!permissions.Create}
-                title="Quickly add a page inside"
-                type="text"
-                onClick={() => handleAddPage(node)}>
-                <PlusOutlined className="text-grey-muted" />
-              </Button>
+              {!hideAddPageButton && (
+                <Button
+                  className="knowledge-hierarchy-action-btn-item"
+                  data-testid={`${node.title}-add-page-btn`}
+                  disabled={!permissions.Create}
+                  title="Quickly add a page inside"
+                  type="text"
+                  onClick={() => handleAddPage(node)}>
+                  <PlusOutlined className="text-grey-muted" />
+                </Button>
+              )}
             </div>
           </div>
         );
diff --git a/openmetadata-ui/src/main/resources/ui/src/constants/LeftSidebar.constants.ts b/openmetadata-ui/src/main/resources/ui/src/constants/LeftSidebar.constants.ts
index 6053a9d04aa3..0f1d0f59f6e2 100644
--- a/openmetadata-ui/src/main/resources/ui/src/constants/LeftSidebar.constants.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/constants/LeftSidebar.constants.ts
@@ -11,7 +11,13 @@
  *  limitations under the License.
  */
 
-import { Cube01 } from '@untitledui/icons';
+import {
+  Archive,
+  BookOpen01,
+  Cube01,
+  LayoutGrid01,
+  Share07,
+} from '@untitledui/icons';
 import { ReactComponent as GovernIcon } from '../assets/svg/bank.svg';
 import { ReactComponent as ClassificationIcon } from '../assets/svg/classification.svg';
 import { ReactComponent as DataQualityRulesIcon } from '../assets/svg/data-observability/data-quality-rules.svg';
@@ -40,18 +46,43 @@ import { DataInsightTabs } from '../interface/data-insight.interface';
 import { createIconWithStroke } from '../utils/IconUtils';
 import { PLACEHOLDER_ROUTE_TAB, ROUTES } from './constants';
 
-const DataProductIcon = createIconWithStroke(
-  Cube01 as React.ComponentType<{
-    size?: number;
-    strokeWidth?: number;
-    style?: React.CSSProperties;
-  }>,
-  1.2
+type UntitledIconType = React.ComponentType<{
+  size?: number;
+  strokeWidth?: number;
+  style?: React.CSSProperties;
+}>;
+
+const DataProductIcon = createIconWithStroke(Cube01 as UntitledIconType, 1.2);
+
+const ContextCenterDashboardIcon = createIconWithStroke(
+  LayoutGrid01 as UntitledIconType,
+  1.5
+);
+const ContextCenterArticlesIcon = createIconWithStroke(
+  BookOpen01 as UntitledIconType,
+  1.5
+);
+const ContextCenterDocumentsIcon = createIconWithStroke(
+  Cube01 as UntitledIconType,
+  1.5
+);
+const ContextCenterIntegrationsIcon = createIconWithStroke(
+  Share07 as UntitledIconType,
+  1.5
+);
+const ContextCenterArchiveIcon = createIconWithStroke(
+  Archive as UntitledIconType,
+  1.5
 );
 
 export const SIDEBAR_NESTED_KEYS = {
   [ROUTES.OBSERVABILITY_ALERTS]: ROUTES.OBSERVABILITY_ALERTS,
   [ROUTES.ONTOLOGY_EXPLORER]: ROUTES.ONTOLOGY_EXPLORER,
+  [ROUTES.CONTEXT_CENTER_DASHBOARD]: ROUTES.CONTEXT_CENTER,
+  [ROUTES.CONTEXT_CENTER_ARTICLES]: ROUTES.CONTEXT_CENTER,
+  [ROUTES.CONTEXT_CENTER_DOCUMENTS]: ROUTES.CONTEXT_CENTER,
+  [ROUTES.CONTEXT_CENTER_INTEGRATIONS]: ROUTES.CONTEXT_CENTER,
+  [ROUTES.CONTEXT_CENTER_ARCHIVE]: ROUTES.CONTEXT_CENTER,
 };
 
 export const SIDEBAR_LIST: Array<LeftSidebarItem> = [
@@ -203,11 +234,47 @@ export const SIDEBAR_LIST: Array<LeftSidebarItem> = [
     ],
   },
   {
-    key: ROUTES.KNOWLEDGE_CENTER,
-    title: 'label.knowledge-center',
-    redirect_url: ROUTES.KNOWLEDGE_CENTER,
+    key: ROUTES.CONTEXT_CENTER,
+    title: 'label.context-center',
     icon: KnowledgeCenterIcon,
-    dataTestId: `app-bar-item-${SidebarItem.KNOWLEDGE_CENTER}`,
+    dataTestId: `app-bar-item-${SidebarItem.CONTEXT_CENTER}`,
+    children: [
+      {
+        key: ROUTES.CONTEXT_CENTER_DASHBOARD,
+        title: 'label.dashboard',
+        redirect_url: ROUTES.CONTEXT_CENTER_DASHBOARD,
+        icon: ContextCenterDashboardIcon,
+        dataTestId: `app-bar-item-context-center-dashboard`,
+      },
+      {
+        key: ROUTES.CONTEXT_CENTER_ARTICLES,
+        title: 'label.article-plural',
+        redirect_url: ROUTES.CONTEXT_CENTER_ARTICLES,
+        icon: ContextCenterArticlesIcon,
+        dataTestId: `app-bar-item-context-center-articles`,
+      },
+      {
+        key: ROUTES.CONTEXT_CENTER_DOCUMENTS,
+        title: 'label.document-plural',
+        redirect_url: ROUTES.CONTEXT_CENTER_DOCUMENTS,
+        icon: ContextCenterDocumentsIcon,
+        dataTestId: `app-bar-item-context-center-documents`,
+      },
+      {
+        key: ROUTES.CONTEXT_CENTER_INTEGRATIONS,
+        title: 'label.integration-plural',
+        redirect_url: ROUTES.CONTEXT_CENTER_INTEGRATIONS,
+        icon: ContextCenterIntegrationsIcon,
+        dataTestId: `app-bar-item-context-center-integrations`,
+      },
+      {
+        key: ROUTES.CONTEXT_CENTER_ARCHIVE,
+        title: 'label.archive',
+        redirect_url: ROUTES.CONTEXT_CENTER_ARCHIVE,
+        icon: ContextCenterArchiveIcon,
+        dataTestId: `app-bar-item-context-center-archive`,
+      },
+    ],
   },
 ];
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/constants/constants.ts b/openmetadata-ui/src/main/resources/ui/src/constants/constants.ts
index 2b759dee46cf..aa77df35394e 100644
--- a/openmetadata-ui/src/main/resources/ui/src/constants/constants.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/constants/constants.ts
@@ -160,6 +160,16 @@ export const ROUTES = {
   KNOWLEDGE_PAGE_WITH_SUB_TAB: `/knowledge-center/${PLACEHOLDER_ROUTE_FQN}/${PLACEHOLDER_ROUTE_TAB}/${PLACEHOLDER_ROUTE_SUB_TAB}`,
   KNOWLEDGE_PAGE_VERSION: `/knowledge-center/${PLACEHOLDER_ROUTE_FQN}/versions/${PLACEHOLDER_ROUTE_VERSION}`,
   KNOWLEDGE_CENTER_FILTER: '/knowledge-center-filter',
+  CONTEXT_CENTER: '/context-center',
+  CONTEXT_CENTER_WITH_TAB: `/context-center/${PLACEHOLDER_ROUTE_TAB}`,
+  CONTEXT_CENTER_DASHBOARD: '/context-center/dashboard',
+  CONTEXT_CENTER_ARTICLES: '/context-center/articles',
+  CONTEXT_CENTER_ARTICLE_DETAIL: `/context-center/articles/${PLACEHOLDER_ROUTE_FQN}`,
+  CONTEXT_CENTER_ARTICLE_DETAIL_WITH_TAB: `/context-center/articles/${PLACEHOLDER_ROUTE_FQN}/${PLACEHOLDER_ROUTE_TAB}`,
+  CONTEXT_CENTER_ARTICLE_DETAIL_WITH_SUB_TAB: `/context-center/articles/${PLACEHOLDER_ROUTE_FQN}/${PLACEHOLDER_ROUTE_TAB}/${PLACEHOLDER_ROUTE_SUB_TAB}`,
+  CONTEXT_CENTER_DOCUMENTS: '/context-center/documents',
+  CONTEXT_CENTER_INTEGRATIONS: '/context-center/integrations',
+  CONTEXT_CENTER_ARCHIVE: '/context-center/archive',
   SETTINGS_WITH_CATEGORY: `/settings/${PLACEHOLDER_SETTING_CATEGORY}`,
   SETTINGS_WITH_CATEGORY_FQN: `/settings/${PLACEHOLDER_SETTING_CATEGORY}/${PLACEHOLDER_ROUTE_FQN}`,
   SETTINGS_WITH_TAB: `/settings/${PLACEHOLDER_SETTING_CATEGORY}/${PLACEHOLDER_ROUTE_TAB}`,
diff --git a/openmetadata-ui/src/main/resources/ui/src/enums/sidebar.enum.ts b/openmetadata-ui/src/main/resources/ui/src/enums/sidebar.enum.ts
index fd2d508a85fc..95d4613c7bbf 100644
--- a/openmetadata-ui/src/main/resources/ui/src/enums/sidebar.enum.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/enums/sidebar.enum.ts
@@ -35,5 +35,6 @@ export enum SidebarItem {
   LINEAGE = 'lineage',
   COLUMN_BULK_OPERATIONS = 'column-bulk-operations',
   KNOWLEDGE_CENTER = 'knowledge-center',
+  CONTEXT_CENTER = 'context-center',
   WORKFLOWS = 'workflows',
 }
diff --git a/openmetadata-ui/src/main/resources/ui/src/interface/knowledge-center.interface.ts b/openmetadata-ui/src/main/resources/ui/src/interface/knowledge-center.interface.ts
index 0baccd1fd910..1b183d396d92 100644
--- a/openmetadata-ui/src/main/resources/ui/src/interface/knowledge-center.interface.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/interface/knowledge-center.interface.ts
@@ -10,6 +10,8 @@
  *  See the License for the specific language governing permissions and
  *  limitations under the License.
  */
+import { VotingDataProps } from 'components/Entity/Voting/voting.interface';
+import React, { ReactNode } from 'react';
 import { EntityStatus } from '../generated/entity/data/glossaryTerm';
 import { ChangeDescription, EntityReference } from '../generated/entity/type';
 import { TagLabel } from '../generated/type/tagLabel';
@@ -108,12 +110,33 @@ export interface MovedEntity {
   sourceNodeParent?: PageHierarchy;
 }
 
+export interface KnowledgeCenterPageHandlers {
+  onFollowChange: () => Promise<void>;
+  onVoteChange: (data: VotingDataProps) => Promise<void>;
+  onSetThreadLink: (link: string) => void;
+  onToggleDelete: () => void;
+  onSave?: () => void;
+  contentChangeState: ContentChangeState;
+}
+
+export interface ArticleTab {
+  key: string | number;
+  name: string;
+  label: ReactNode;
+  children?: ReactNode;
+}
+
 export interface KnowledgeCenterPageProps {
   title: string;
   rightPanel: React.ReactNode;
   header: React.ReactNode;
   data?: KnowledgePage;
   activeTab?: string;
+  tabs?: ArticleTab[];
+  onTabChange?: (key: string) => void;
+  isRightPanelOpen?: boolean;
+  onToggleRightPanel?: () => void;
+  handlers?: KnowledgeCenterPageHandlers;
 }
 
 export interface KnowledgeCenterPageRef {
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
index 638f850de99a..ee379286d03f 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
@@ -156,6 +156,7 @@
     "approved-entity": "Approved {{entity}}",
     "approver-plural": "Approvers",
     "april": "April",
+    "archive": "Archive",
     "archived": "Archived",
     "argument-plural": "Arguments",
     "arrow-symbol": "→",
@@ -180,6 +181,7 @@
     "assume-role-arn": "Role Arn for Assume Role",
     "assume-role-session-name": "Role Session Name for Assume Role",
     "assume-role-source-identity": "Source Identity for Assume Role",
+    "attach-file-plural": "Attach Files",
     "attention": "Attention",
     "audience": "Audience",
     "audio": "Audio",
@@ -409,6 +411,7 @@
     "content": "Content",
     "content-name": "Content Name",
     "context": "Context",
+    "context-center": "Context Center",
     "contract": "Contract",
     "contract-detail-plural": "Contract Details",
     "contract-execution-history": "Contract Execution History",
@@ -2283,8 +2286,10 @@
     "upload": "Upload",
     "upload-cover-image": "Upload cover image",
     "upload-csv-uppercase-file": "Upload CSV file",
+    "upload-document-plural": "Upload Documents",
     "upload-image": "Upload Image",
     "upload-lowercase": "upload",
+    "uploaded-document-plural": "Uploaded Documents",
     "uploading": "uploading",
     "uploading-file": "Uploading file",
     "upstream": "Upstream",
@@ -3336,6 +3341,7 @@
     "update-profiler-settings": "Update profiler setting.",
     "update-tag-message": "Request to update tags for",
     "updating-existing-not-possible-can-add-new-values": "Updating existing values is not possible, only the addition of new values is allowed.",
+    "upload-document-hint": "SVG, PNG, JPG or GIF, PNG, JPG (max. 800x400px)",
     "upload-file": "Upload File",
     "upload-file-description": "Upload contract files to this asset.",
     "upload-file-to-validate": "Upload a file to validate",
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx
new file mode 100644
index 000000000000..5b841aed1f23
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx
@@ -0,0 +1,48 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import { FC } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
+import ContextCenterHeader from '../../../components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
+import { ROUTES } from '../../../constants/constants';
+
+const ContextCenterArchivePage: FC = () => {
+  const { t } = useTranslation();
+  const navigate = useNavigate();
+
+  return (
+    <div
+      className="tw:flex tw:flex-col tw:w-full tw:bg-[var(--color-bg-secondary)]"
+      data-testid="context-center-archive-page">
+      <ContextCenterHeader
+        breadcrumbs={[
+          { name: t('label.context-center'), url: ROUTES.CONTEXT_CENTER },
+          {
+            activeTitle: true,
+            name: t('label.archive'),
+            url: '',
+          },
+        ]}
+        subtitle={t('message.context-center-archive-subtitle', {
+          defaultValue: 'View archived articles and documents',
+        })}
+        title={t('label.archive')}
+        onCreateArticle={() => navigate(ROUTES.CONTEXT_CENTER_ARTICLES)}
+        onUploadFile={() => undefined}
+      />
+    </div>
+  );
+};
+
+export default ContextCenterArchivePage;
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
new file mode 100644
index 000000000000..a1dd7574b827
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
@@ -0,0 +1,296 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import { DownOutlined } from '@ant-design/icons';
+import { Button, Dropdown } from 'antd';
+import { AxiosError } from 'axios';
+import { withActivityFeed } from 'components/AppRouter/withActivityFeed';
+import ArticleDetailHeader from 'components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component';
+import ContextCenterHeader from 'components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
+import KnowledgeCenterLayout from 'components/KnowledgeCenter/KnowledgeCenterLayout/KnowledgeCenterLayout';
+import KnowledgePageDetailComponent from 'components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent';
+import KnowledgePageListComponent from 'components/KnowledgeCenter/KnowledgePageListComponent/KnowledgePageListComponent';
+import KnowledgePagesHierarchy from 'components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy';
+import {
+    QuickLinkFormModal,
+    QuickLinkFormModalFormData
+} from 'components/KnowledgeCenter/QuickLinkFormModal/QuickLinkFormModal';
+import { CREATE_PAGE_HASH } from 'constants/constants';
+import { useLimitStore } from 'context/LimitsProvider/useLimitsStore';
+import { usePermissionProvider } from 'context/PermissionProvider/PermissionProvider';
+import {
+    OperationPermission,
+    ResourceEntity
+} from 'context/PermissionProvider/PermissionProvider.interface';
+import cryptoRandomString from 'crypto-random-string-with-promisify-polyfill';
+import { EntityTabs } from 'enums/entity.enum';
+import LimitWrapper from 'hoc/LimitWrapper';
+import { useApplicationStore } from 'hooks/useApplicationStore';
+import { useFqn } from 'hooks/useFqn';
+import {
+    ContentChangeState,
+    CreateKnowledgePage,
+    KnowledgeCenterPageProps,
+    KnowledgeCenterPageRef,
+    KnowledgePagesHierarchyRef,
+    PageType
+} from 'interface/knowledge-center.interface';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
+import { postKnowledgePage } from 'rest/knowledgeCenterAPI';
+import { getContextCenterArticlePath } from 'utils/KnowledgePageUtils';
+import { DEFAULT_ENTITY_PERMISSION } from 'utils/PermissionsUtils';
+import { showErrorToast } from 'utils/ToastUtils';
+import { ROUTES } from '../../../constants/constants';
+
+const ContextCenterArticlesPage = () => {
+  const { t } = useTranslation();
+  const navigate = useNavigate();
+  const { fqn } = useFqn();
+  const { currentUser } = useApplicationStore();
+  const USERId = currentUser?.id ?? '';
+  const { getResourcePermission } = usePermissionProvider();
+  const { getResourceLimit } = useLimitStore();
+  const knowledgeCenterPageRef = useRef<KnowledgeCenterPageRef>(null);
+  const knowledgePagesHierarchyRef = useRef<KnowledgePagesHierarchyRef>(null);
+
+  const [permissions, setPermissions] = useState<OperationPermission>(
+    DEFAULT_ENTITY_PERMISSION
+  );
+  const [page, setPage] = useState<KnowledgeCenterPageProps>({
+    data: undefined,
+    header: null,
+    rightPanel: null,
+    title: '',
+  });
+  const [isRightPanelOpen, setIsRightPanelOpen] = useState(true);
+  const [showAddLinkModal, setShowAddLinkModal] = useState(false);
+
+  const handlePageChange = useCallback(
+    (incoming: Partial<KnowledgeCenterPageProps>) => {
+      setPage((prev) => ({ ...prev, ...incoming }));
+    },
+    []
+  );
+
+  const handleToggleRightPanel = useCallback(
+    () => setIsRightPanelOpen((prev) => !prev),
+    []
+  );
+
+  const fetchPermission = async () => {
+    try {
+      const response = await getResourcePermission(
+        ResourceEntity.KNOWLEDGE_PAGE as unknown as ResourceEntity
+      );
+      setPermissions(response);
+    } catch (error) {
+      showErrorToast(error as AxiosError);
+    }
+  };
+
+  const addArticleKnowledgePage = async () => {
+    try {
+      const data: CreateKnowledgePage = {
+        description: '',
+        displayName: '',
+        name: `${PageType.ARTICLE}_${cryptoRandomString({
+          length: 8,
+          type: 'alphanumeric',
+        })}`,
+        owners: [{ id: USERId, type: 'user' }],
+        page: { publicationDate: new Date(), relatedArticles: [] },
+        pageType: PageType.ARTICLE,
+      };
+      const response = await postKnowledgePage(data);
+      getResourceLimit('knowledgeCenter', true, true);
+      navigate({
+        hash: CREATE_PAGE_HASH,
+        pathname: getContextCenterArticlePath(response.fullyQualifiedName),
+      });
+    } catch (error) {
+      showErrorToast(error as AxiosError);
+    }
+  };
+
+  const addQuickLinkKnowledgePage = async (
+    formData: QuickLinkFormModalFormData
+  ) => {
+    try {
+      const tags = [
+        ...(formData.tags ?? []),
+        ...(formData.glossaryTerms ?? []),
+      ];
+      const data: CreateKnowledgePage = {
+        description: formData.description,
+        displayName: formData.displayName ?? '',
+        name: `${PageType.QUICK_LINK}_${cryptoRandomString({
+          length: 8,
+          type: 'alphanumeric',
+        })}`,
+        owners: [{ id: USERId, type: 'user' }],
+        page: { url: formData.url },
+        pageType: PageType.QUICK_LINK,
+        relatedEntities: formData?.relatedEntities,
+        tags,
+      };
+      const response = await postKnowledgePage(data);
+      knowledgeCenterPageRef.current?.addKnowledgePage(response);
+    } catch (error) {
+      showErrorToast(error as AxiosError);
+    }
+  };
+
+  useEffect(() => {
+    fetchPermission();
+  }, []);
+
+  const header = fqn ? (
+    <ArticleDetailHeader
+      activeTab={page.activeTab}
+      contentChangeState={
+        page.handlers?.contentChangeState ?? ContentChangeState.SAVED
+      }
+      fetchKnowledgePageHierarchy={
+        knowledgePagesHierarchyRef.current?.fetchKnowledgePageHierarchy
+      }
+      isRightPanelOpen={isRightPanelOpen}
+      knowledgePage={page.data}
+      permissions={permissions}
+      tabs={page.tabs}
+      onFollowChange={page.handlers?.onFollowChange ?? (async () => undefined)}
+      onSave={page.handlers?.onSave}
+      onSetThreadLink={page.handlers?.onSetThreadLink ?? (() => undefined)}
+      onTabChange={page.onTabChange}
+      onToggleDelete={page.handlers?.onToggleDelete ?? (() => undefined)}
+      onToggleRightPanel={handleToggleRightPanel}
+      onVoteChange={page.handlers?.onVoteChange ?? (async () => undefined)}
+    />
+  ) : (
+    <ContextCenterHeader
+      actionsSlot={
+        permissions.Create && (
+          <LimitWrapper resource="knowledgeCenter">
+            <Dropdown
+              menu={{
+                items: [
+                  {
+                    key: PageType.ARTICLE,
+                    label: t('label.article'),
+                    onClick: addArticleKnowledgePage,
+                  },
+                  {
+                    key: PageType.QUICK_LINK,
+                    label: t('label.quick-link'),
+                    onClick: () => setShowAddLinkModal(true),
+                  },
+                ],
+              }}
+              trigger={['click']}>
+              <Button data-testid="create-knowledge-page-btn" type="primary">
+                {t('label.create')}
+                <DownOutlined />
+              </Button>
+            </Dropdown>
+          </LimitWrapper>
+        )
+      }
+      breadcrumbs={[
+        { name: t('label.context-center'), url: ROUTES.CONTEXT_CENTER },
+        { activeTitle: true, name: t('label.article-plural'), url: '' },
+      ]}
+      subtitle={t('message.internal-knowledge-base-agent-training', {
+        defaultValue: 'Internal knowledge base for agent training',
+      })}
+      title={t('label.article-plural')}
+    />
+  );
+
+  return (
+    <div
+      className="tw:flex tw:flex-col tw:w-full tw:h-full tw:px-6 pb-4"
+      data-testid="context-center-articles-page">
+      {header}
+
+      <KnowledgeCenterLayout
+        centerNoPadding={
+          Boolean(fqn) && page.activeTab === EntityTabs.ACTIVITY_FEED
+        }
+        className={fqn ? 'knowledge-details-page' : undefined}
+        leftSidebar={
+          fqn && page.activeTab === EntityTabs.ACTIVITY_FEED ? null : (
+            <KnowledgePagesHierarchy
+              hideAddPageButton
+              activeKey={fqn}
+              activePage={page.data}
+              getPagePath={getContextCenterArticlePath}
+              homeRoute={ROUTES.CONTEXT_CENTER_ARTICLES}
+              isPageHeaderAvailable={Boolean(fqn)}
+              permissions={permissions}
+              ref={knowledgePagesHierarchyRef}
+              onPageDelete={knowledgeCenterPageRef.current?.onPageDelete}
+            />
+          )
+        }
+        pageTitle={page.title || t('label.article-plural')}
+        rightSidebar={
+          fqn && page.activeTab === EntityTabs.ACTIVITY_FEED
+            ? null
+            : isRightPanelOpen
+              ? page.rightPanel
+              : null
+        }>
+        {fqn ? (
+          <KnowledgePageDetailComponent
+            fetchKnowledgePageHierarchy={
+              knowledgePagesHierarchyRef.current?.fetchKnowledgePageHierarchy
+            }
+            getArticlePath={getContextCenterArticlePath}
+            isRightPanelOpen={isRightPanelOpen}
+            onPageChange={handlePageChange}
+            onToggleRightPanel={handleToggleRightPanel}
+          />
+        ) : (
+          <KnowledgePageListComponent
+            hideAddButton
+            getPagePath={getContextCenterArticlePath}
+            permissions={permissions}
+            ref={knowledgeCenterPageRef}
+            rightPanelSlot={null}
+            onPageChange={handlePageChange}
+          />
+        )}
+      </KnowledgeCenterLayout>
+
+      <QuickLinkFormModal
+        isOpen={showAddLinkModal}
+        permissions={
+          {
+            EditAll: true,
+            EditDescription: true,
+            EditDisplayName: true,
+            EditTags: true,
+          } as OperationPermission
+        }
+        onCancel={() => setShowAddLinkModal(false)}
+        onSave={(data) => {
+          addQuickLinkKnowledgePage(data);
+          setShowAddLinkModal(false);
+        }}
+      />
+    </div>
+  );
+};
+
+export default withActivityFeed(ContextCenterArticlesPage);
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
new file mode 100644
index 000000000000..471327a5a48b
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
@@ -0,0 +1,77 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import { FC, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
+import ArticleListSection from '../../../components/ContextCenter/ArticleListSection/ArticleListSection.component';
+import ContextCenterHeader from '../../../components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
+import UploadDocumentModal from '../../../components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component';
+import UploadedDocumentsSection from '../../../components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component';
+import { ROUTES } from '../../../constants/constants';
+import {
+  MOCK_ARTICLES,
+  MOCK_DOCUMENTS,
+} from '../ContextCenterPage.mock';
+
+const ContextCenterDashboardPage: FC = () => {
+  const { t } = useTranslation();
+  const navigate = useNavigate();
+  const [isUploadModalOpen, setIsUploadModalOpen] = useState(false);
+
+  return (
+    <div
+      className="tw:flex tw:flex-col tw:w-full tw:bg-[var(--color-bg-secondary)]"
+      data-testid="context-center-dashboard-page">
+      <ContextCenterHeader
+        breadcrumbs={[
+          { name: t('label.context-center'), url: ROUTES.CONTEXT_CENTER },
+          {
+            activeTitle: true,
+            name: t('label.dashboard'),
+            url: '',
+          },
+        ]}
+        subtitle={t('message.context-center-dashboard-subtitle', {
+          defaultValue: 'Overview of your knowledge base and document library',
+        })}
+        title={t('label.dashboard')}
+        onCreateArticle={() => navigate(ROUTES.CONTEXT_CENTER_ARTICLES)}
+        onUploadFile={() => setIsUploadModalOpen(true)}
+      />
+
+      <div className="tw:flex tw:flex-col tw:gap-6 tw:p-6">
+        <ArticleListSection
+          articles={MOCK_ARTICLES}
+          subtitle={t('message.internal-knowledge-base-agent-training', {
+            defaultValue: 'Internal knowledge base for agent training',
+          })}
+          title={t('label.article-amp-quick-link-plural')}
+          onViewAll={() => navigate(ROUTES.CONTEXT_CENTER_ARTICLES)}
+        />
+
+        <UploadedDocumentsSection
+          documents={MOCK_DOCUMENTS}
+          onViewAll={() => navigate(ROUTES.CONTEXT_CENTER_DOCUMENTS)}
+        />
+      </div>
+
+      <UploadDocumentModal
+        isOpen={isUploadModalOpen}
+        onClose={() => setIsUploadModalOpen(false)}
+      />
+    </div>
+  );
+};
+
+export default ContextCenterDashboardPage;
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
new file mode 100644
index 000000000000..6fecb26a8a0b
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
@@ -0,0 +1,61 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import { FC, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
+import ContextCenterHeader from '../../../components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
+import DocumentsView from '../../../components/ContextCenter/DocumentsView/DocumentsView.component';
+import UploadDocumentModal from '../../../components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component';
+import { ROUTES } from '../../../constants/constants';
+import { MOCK_FOLDERS } from '../ContextCenterPage.mock';
+
+const ContextCenterDocumentsPage: FC = () => {
+  const { t } = useTranslation();
+  const navigate = useNavigate();
+  const [isUploadModalOpen, setIsUploadModalOpen] = useState(false);
+
+  return (
+    <div
+      className="tw:flex tw:flex-col tw:w-full tw:h-full tw:bg-[var(--color-bg-secondary)]"
+      data-testid="context-center-documents-page">
+      <ContextCenterHeader
+        breadcrumbs={[
+          { name: t('label.context-center'), url: ROUTES.CONTEXT_CENTER },
+          {
+            activeTitle: true,
+            name: t('label.document-plural'),
+            url: '',
+          },
+        ]}
+        subtitle={t('message.context-center-documents-subtitle', {
+          defaultValue: 'Manage and organize your uploaded documents',
+        })}
+        title={t('label.document-plural')}
+        onCreateArticle={() => navigate(ROUTES.CONTEXT_CENTER_ARTICLES)}
+        onUploadFile={() => setIsUploadModalOpen(true)}
+      />
+
+      <div className="tw:p-6 tw:flex-1 tw:overflow-hidden">
+        <DocumentsView folders={MOCK_FOLDERS} />
+      </div>
+
+      <UploadDocumentModal
+        isOpen={isUploadModalOpen}
+        onClose={() => setIsUploadModalOpen(false)}
+      />
+    </div>
+  );
+};
+
+export default ContextCenterDocumentsPage;
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx
new file mode 100644
index 000000000000..22bc335aff63
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx
@@ -0,0 +1,48 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import { FC } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
+import ContextCenterHeader from '../../../components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
+import { ROUTES } from '../../../constants/constants';
+
+const ContextCenterIntegrationsPage: FC = () => {
+  const { t } = useTranslation();
+  const navigate = useNavigate();
+
+  return (
+    <div
+      className="tw:flex tw:flex-col tw:w-full tw:bg-[var(--color-bg-secondary)]"
+      data-testid="context-center-integrations-page">
+      <ContextCenterHeader
+        breadcrumbs={[
+          { name: t('label.context-center'), url: ROUTES.CONTEXT_CENTER },
+          {
+            activeTitle: true,
+            name: t('label.integration-plural'),
+            url: '',
+          },
+        ]}
+        subtitle={t('message.context-center-integrations-subtitle', {
+          defaultValue: 'Connect and manage external integrations',
+        })}
+        title={t('label.integration-plural')}
+        onCreateArticle={() => navigate(ROUTES.CONTEXT_CENTER_ARTICLES)}
+        onUploadFile={() => undefined}
+      />
+    </div>
+  );
+};
+
+export default ContextCenterIntegrationsPage;
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterPage.mock.ts b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterPage.mock.ts
new file mode 100644
index 000000000000..6f0d635f159f
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterPage.mock.ts
@@ -0,0 +1,215 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import { ArticleCardItem } from '../../components/ContextCenter/ArticleCard/ArticleCard.interface';
+import { DocFolder } from '../../components/ContextCenter/DocumentsView/DocumentsView.interface';
+import { UploadedDocumentItem } from '../../components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.interface';
+
+export const MOCK_ARTICLES: ArticleCardItem[] = [
+  {
+    badge: 'sensitive',
+    description:
+      'Detailed guidelines for regulatory compliance across EMEA and...',
+    id: '1',
+    lastEditedAt: Date.now() - 7200000,
+    tags: [{ label: 'Compliance' }, { label: 'Legal' }],
+    title: 'Q3 Compliance Protocols v4',
+  },
+  {
+    badge: 'new',
+    description:
+      'Developer quick-start guide for integrating the Context API into...',
+    id: '2',
+    lastEditedAt: Date.now() - 18000000,
+    tags: [{ label: 'DevDocs' }, { label: 'Tech' }],
+    title: 'Internal API Documentation',
+  },
+  {
+    badge: 'new',
+    description:
+      'Developer quick-start guide for integrating Context API into...',
+    id: '3',
+    lastEditedAt: Date.now() - 18000000,
+    tags: [{ label: 'DevDocs' }, { label: 'Tech' }],
+    title: 'Internal API Documentation',
+  },
+  {
+    badge: 'sensitive',
+    description:
+      'Detailed guidelines for regulatory compliance across EMEA and...',
+    id: '4',
+    lastEditedAt: Date.now() - 7200000,
+    tags: [{ label: 'Compliance' }, { label: 'Legal' }],
+    title: 'Q3 Compliance Protocols v4',
+  },
+  {
+    badge: 'sensitive',
+    description:
+      'Detailed guidelines for regulatory compliance across EMEA and...',
+    id: '5',
+    lastEditedAt: Date.now() - 7200000,
+    tags: [{ label: 'Compliance' }, { label: 'Legal' }],
+    title: 'Q3 Compliance Protocols v4',
+  },
+  {
+    badge: 'sensitive',
+    description:
+      'Detailed guidelines for regulatory compliance across EMEA and...',
+    id: '6',
+    lastEditedAt: Date.now() - 7200000,
+    tags: [{ label: 'Compliance' }, { label: 'Legal' }],
+    title: 'Q3 Compliance Protocols v4',
+  },
+];
+
+export const MOCK_FOLDERS: DocFolder[] = [
+  {
+    files: [
+      {
+        fileType: 'pdf',
+        id: 'f1-1',
+        name: 'Q4_Revenue_Report.pdf',
+        sizeLabel: '2.4 MB',
+        uploadedAt: '4 hours ago',
+        uploadedBy: 'Phoenix Baker',
+      },
+      {
+        fileType: 'xlsx',
+        id: 'f1-2',
+        name: 'Annual_Budget_2025.xlsx',
+        sizeLabel: '1.8 MB',
+        uploadedAt: '1 day ago',
+        uploadedBy: 'Olivia Rhye',
+      },
+    ],
+    id: 'f1',
+    name: 'Financial Reports',
+  },
+  {
+    files: [
+      {
+        fileType: 'xlsx',
+        id: 'f2-1',
+        name: 'Customer_Data_Export.xlsx',
+        sizeLabel: '5.2 MB',
+        uploadedAt: '2 days ago',
+        uploadedBy: 'Lana Steiner',
+      },
+      {
+        fileType: 'csv',
+        id: 'f2-2',
+        name: 'Sales_Schema_v2.csv',
+        sizeLabel: '340 KB',
+        uploadedAt: '8 hours ago',
+        uploadedBy: 'Demi Wilkinson',
+      },
+    ],
+    id: 'f2',
+    name: 'Data Exports',
+  },
+  {
+    files: [
+      {
+        fileType: 'pdf',
+        id: 'f3-1',
+        name: 'GDPR_Compliance_Audit.pdf',
+        sizeLabel: '3.1 MB',
+        uploadedAt: '3 days ago',
+        uploadedBy: 'Candice Wu',
+      },
+      {
+        fileType: 'pdf',
+        id: 'f3-2',
+        name: 'SOC2_Report_2024.pdf',
+        sizeLabel: '8.7 MB',
+        uploadedAt: '1 day ago',
+        uploadedBy: 'Olivia Rhye',
+      },
+    ],
+    id: 'f3',
+    name: 'Compliance',
+  },
+  {
+    files: [
+      {
+        fileType: 'xlsx',
+        id: 'f4-1',
+        name: 'Employee_Records.xlsx',
+        sizeLabel: '12 MB',
+        uploadedAt: 'Just now',
+        uploadedBy: 'Phoenix Baker',
+      },
+    ],
+    id: 'f4',
+    name: 'Training Materials',
+  },
+];
+
+export const MOCK_DOCUMENTS: UploadedDocumentItem[] = [
+  {
+    fileType: 'doc',
+    id: 'd1',
+    name: 'Annual_Report_2023...',
+    sizeLabel: '4.2 MB',
+    status: 'processed',
+  },
+  {
+    fileType: 'pdf',
+    id: 'd2',
+    name: 'Product_Pricing_Final...',
+    sizeLabel: '128 KB',
+    status: 'processed',
+  },
+  {
+    fileType: 'image',
+    id: 'd3',
+    name: 'Office_Layout_Mocku...',
+    sizeLabel: '2.1 MB',
+    status: 'processed',
+  },
+  {
+    fileType: 'xls',
+    id: 'd4',
+    name: 'Marketing_Overview_...',
+    sizeLabel: '18.5 MB',
+    status: 'analyzing',
+  },
+  {
+    fileType: 'doc',
+    id: 'd5',
+    name: 'Annual_Report_2023...',
+    sizeLabel: '4.2 MB',
+    status: 'processed',
+  },
+  {
+    fileType: 'pdf',
+    id: 'd6',
+    name: 'Product_Pricing_Final...',
+    sizeLabel: '128 KB',
+    status: 'processed',
+  },
+  {
+    fileType: 'image',
+    id: 'd7',
+    name: 'Office_Layout_Mocku...',
+    sizeLabel: '2.1 MB',
+    status: 'processed',
+  },
+  {
+    fileType: 'xls',
+    id: 'd8',
+    name: 'Marketing_Overview_...',
+    sizeLabel: '18.5 MB',
+    status: 'analyzing',
+  },
+];
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/KnowledgeCenterPage/KnowledgeCenterPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/KnowledgeCenterPage/KnowledgeCenterPage.tsx
index 4a82d383197b..e4366f4c5d5a 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/KnowledgeCenterPage/KnowledgeCenterPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/KnowledgeCenterPage/KnowledgeCenterPage.tsx
@@ -11,7 +11,7 @@
  *  limitations under the License.
  */
 import { DownOutlined } from '@ant-design/icons';
-import { Button, Dropdown, MenuProps, Space } from 'antd';
+import { Button, Dropdown, MenuProps, Space, Tabs, TabsProps } from 'antd';
 import { AxiosError } from 'axios';
 import classNames from 'classnames';
 import cryptoRandomString from 'crypto-random-string-with-promisify-polyfill';
@@ -258,6 +258,32 @@ const KnowledgeCenterPage = () => {
     fetchPermission();
   }, []);
 
+  const centerContent = useMemo(() => {
+    if (version) {
+      return renderVersionPage();
+    }
+    if (page.tabs && fqn) {
+      return (
+        <Tabs
+          activeKey={page.activeTab}
+          className="entity-details-page-tabs"
+          items={page.tabs as unknown as TabsProps['items']}
+          onChange={page.onTabChange}
+        />
+      );
+    }
+
+    return renderDetailOrListPage();
+  }, [
+    version,
+    page.tabs,
+    page.activeTab,
+    page.onTabChange,
+    fqn,
+    renderVersionPage,
+    renderDetailOrListPage,
+  ]);
+
   return (
     <PageLayoutV1 pageTitle={t('label.knowledge-center')}>
       {page.header}
@@ -277,7 +303,7 @@ const KnowledgeCenterPage = () => {
         leftSidebarTitle={leftSidebarTitle}
         pageTitle={page.title}
         rightSidebar={page.rightPanel}>
-        {version ? renderVersionPage() : renderDetailOrListPage()}
+        {centerContent}
       </KnowledgeCenterLayout>
       {addQuickLinkModalElement}
     </PageLayoutV1>
diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/KnowledgePageUtils.tsx b/openmetadata-ui/src/main/resources/ui/src/utils/KnowledgePageUtils.tsx
index 87e7f3f748d2..26809b4db90e 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/KnowledgePageUtils.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/KnowledgePageUtils.tsx
@@ -121,10 +121,12 @@ export const getKnowledgePagePath = (
   tab?: string,
   subTab = 'all'
 ) => {
-  let path = tab ? ROUTES.KNOWLEDGE_PAGE_WITH_TAB : ROUTES.KNOWLEDGE_PAGE;
+  let path = tab
+    ? ROUTES.CONTEXT_CENTER_ARTICLE_DETAIL_WITH_TAB
+    : ROUTES.CONTEXT_CENTER_ARTICLE_DETAIL;
 
   if (tab === EntityTabs.ACTIVITY_FEED) {
-    path = ROUTES.KNOWLEDGE_PAGE_WITH_SUB_TAB;
+    path = ROUTES.CONTEXT_CENTER_ARTICLE_DETAIL_WITH_SUB_TAB;
     path = path.replace(PLACEHOLDER_ROUTE_SUB_TAB, subTab);
   }
 
@@ -137,6 +139,8 @@ export const getKnowledgePagePath = (
   return path;
 };
 
+export const getContextCenterArticlePath = getKnowledgePagePath;
+
 export const getKnowledgeVersionsPath = (
   knowledgePageName: string,
   version: string

From 88016937725f11c74001e34297b01fcb6ccf0895 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Sun, 10 May 2026 18:25:52 +0530
Subject: [PATCH 02/59] import fixes

---
 .../ArticleDetailHeader.component.tsx         | 40 +++++------
 .../DocumentsView/DocumentsView.component.tsx |  4 +-
 .../KnowledgePageListComponent.tsx            | 20 +++---
 .../ContextCenterArticlesPage.tsx             | 70 +++++++++----------
 .../src/main/resources/ui/yarn.lock           | 39 ++++++++++-
 5 files changed, 103 insertions(+), 70 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
index cce47e76c74e..20cae3289c89 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
@@ -33,31 +33,31 @@ import {
   ThumbsUp,
   User03,
 } from '@untitledui/icons';
-import { DeleteType } from 'components/common/DeleteWidget/DeleteWidget.interface';
-import ManageButton from 'components/common/EntityPageInfos/ManageButton/ManageButton';
-import UserPopOverCard from 'components/common/PopOverCard/UserPopOverCard';
-import TabsLabel from 'components/common/TabsLabel/TabsLabel.component';
-import TitleBreadcrumb from 'components/common/TitleBreadcrumb/TitleBreadcrumb.component';
-import { QueryVoteType } from 'components/Database/TableQueries/TableQueries.interface';
-import { ROUTES } from 'constants/constants';
-import { EntityField } from 'constants/Feeds.constants';
-import { EntityType } from 'enums/entity.enum';
-import { useCurrentUserPreferences } from 'hooks/currentUserStore/useCurrentUserStore';
-import { useApplicationStore } from 'hooks/useApplicationStore';
-import { useClipboard } from 'hooks/useClipBoard';
-import {
-  ContentChangeState,
-  RecentlyViewedQuickLinks,
-} from 'interface/knowledge-center.interface';
 import { isEmpty, isUndefined, uniqBy } from 'lodash';
 import { FC, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
-import deleteWidgetClassBase from 'utils/DeleteWidget/DeleteWidgetClassBase';
-import EntityLink from 'utils/EntityLink';
-import { getEntityName } from 'utils/EntityUtils';
-import { updateKnowledgeCenterRecentViewed } from 'utils/KnowledgePageUtils';
 import { ReactComponent as SidebarCollapsible } from '../../../assets/svg/ic-sidebar-collapsible.svg';
+import { DeleteType } from '../../../components/common/DeleteWidget/DeleteWidget.interface';
+import ManageButton from '../../../components/common/EntityPageInfos/ManageButton/ManageButton';
+import UserPopOverCard from '../../../components/common/PopOverCard/UserPopOverCard';
+import TabsLabel from '../../../components/common/TabsLabel/TabsLabel.component';
+import TitleBreadcrumb from '../../../components/common/TitleBreadcrumb/TitleBreadcrumb.component';
+import { QueryVoteType } from '../../../components/Database/TableQueries/TableQueries.interface';
+import { ROUTES } from '../../../constants/constants';
+import { EntityField } from '../../../constants/Feeds.constants';
+import { EntityType } from '../../../enums/entity.enum';
+import { useCurrentUserPreferences } from '../../../hooks/currentUserStore/useCurrentUserStore';
+import { useApplicationStore } from '../../../hooks/useApplicationStore';
+import { useClipboard } from '../../../hooks/useClipBoard';
+import {
+  ContentChangeState,
+  RecentlyViewedQuickLinks,
+} from '../../../interface/knowledge-center.interface';
+import deleteWidgetClassBase from '../../../utils/DeleteWidget/DeleteWidgetClassBase';
+import EntityLink from '../../../utils/EntityLink';
+import { getEntityName } from '../../../utils/EntityUtils';
+import { updateKnowledgeCenterRecentViewed } from '../../../utils/KnowledgePageUtils';
 import { ArticleDetailHeaderProps } from './ArticleDetailHeader.interface';
 
 const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
index 0712ed0811bd..4c9574bec831 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
@@ -26,10 +26,10 @@ import {
   Share07,
   Trash01,
 } from '@untitledui/icons';
-import ErrorPlaceHolder from 'components/common/ErrorWithPlaceholder/ErrorPlaceHolder';
-import { ERROR_PLACEHOLDER_TYPE } from 'enums/common.enum';
 import { FC, useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import ErrorPlaceHolder from '../../../components/common/ErrorWithPlaceholder/ErrorPlaceHolder';
+import { ERROR_PLACEHOLDER_TYPE } from '../../../enums/common.enum';
 import {
   DocFile,
   DocFileType,
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageListComponent/KnowledgePageListComponent.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageListComponent/KnowledgePageListComponent.tsx
index 66bc6a6261da..6c9b484d8243 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageListComponent/KnowledgePageListComponent.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageListComponent/KnowledgePageListComponent.tsx
@@ -35,16 +35,6 @@ import React, {
 } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
-import {
-  followKnowledgePage,
-  getListKnowledgePages,
-  postKnowledgePage,
-  unFollowKnowledgePage,
-  updateKnowledgePageVote,
-} from 'rest/knowledgeCenterAPI';
-import { Transi18next } from 'utils/i18next/LocalUtil';
-import { getKnowledgePagePath } from 'utils/KnowledgePageUtils';
-import { showErrorToast } from 'utils/ToastUtils';
 import { ReactComponent as AddPlaceHolderIcon } from '../../../assets/svg/add-placeholder.svg';
 import ErrorPlaceHolder from '../../../components/common/ErrorWithPlaceholder/ErrorPlaceHolder';
 import Loader from '../../../components/common/Loader/Loader';
@@ -69,6 +59,16 @@ import {
   KnowledgePage,
   PageType,
 } from '../../../interface/knowledge-center.interface';
+import {
+  followKnowledgePage,
+  getListKnowledgePages,
+  postKnowledgePage,
+  unFollowKnowledgePage,
+  updateKnowledgePageVote,
+} from '../../../rest/knowledgeCenterAPI';
+import { Transi18next } from '../../../utils/i18next/LocalUtil';
+import { getKnowledgePagePath } from '../../../utils/KnowledgePageUtils';
+import { showErrorToast } from '../../../utils/ToastUtils';
 import KnowledgeCard from '../KnowledgeCard/KnowledgeCard';
 import KnowledgePageListRightPanel from '../KnowledgePageListRightPanel/KnowledgePageListRightPanel';
 import {
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
index a1dd7574b827..571d9fc6c20e 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
@@ -14,45 +14,45 @@
 import { DownOutlined } from '@ant-design/icons';
 import { Button, Dropdown } from 'antd';
 import { AxiosError } from 'axios';
-import { withActivityFeed } from 'components/AppRouter/withActivityFeed';
-import ArticleDetailHeader from 'components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component';
-import ContextCenterHeader from 'components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
-import KnowledgeCenterLayout from 'components/KnowledgeCenter/KnowledgeCenterLayout/KnowledgeCenterLayout';
-import KnowledgePageDetailComponent from 'components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent';
-import KnowledgePageListComponent from 'components/KnowledgeCenter/KnowledgePageListComponent/KnowledgePageListComponent';
-import KnowledgePagesHierarchy from 'components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy';
-import {
-    QuickLinkFormModal,
-    QuickLinkFormModalFormData
-} from 'components/KnowledgeCenter/QuickLinkFormModal/QuickLinkFormModal';
 import { CREATE_PAGE_HASH } from 'constants/constants';
-import { useLimitStore } from 'context/LimitsProvider/useLimitsStore';
-import { usePermissionProvider } from 'context/PermissionProvider/PermissionProvider';
-import {
-    OperationPermission,
-    ResourceEntity
-} from 'context/PermissionProvider/PermissionProvider.interface';
 import cryptoRandomString from 'crypto-random-string-with-promisify-polyfill';
-import { EntityTabs } from 'enums/entity.enum';
-import LimitWrapper from 'hoc/LimitWrapper';
-import { useApplicationStore } from 'hooks/useApplicationStore';
-import { useFqn } from 'hooks/useFqn';
-import {
-    ContentChangeState,
-    CreateKnowledgePage,
-    KnowledgeCenterPageProps,
-    KnowledgeCenterPageRef,
-    KnowledgePagesHierarchyRef,
-    PageType
-} from 'interface/knowledge-center.interface';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
-import { postKnowledgePage } from 'rest/knowledgeCenterAPI';
-import { getContextCenterArticlePath } from 'utils/KnowledgePageUtils';
-import { DEFAULT_ENTITY_PERMISSION } from 'utils/PermissionsUtils';
-import { showErrorToast } from 'utils/ToastUtils';
+import { withActivityFeed } from '../../../components/AppRouter/withActivityFeed';
+import ArticleDetailHeader from '../../../components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component';
+import ContextCenterHeader from '../../../components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
+import KnowledgeCenterLayout from '../../../components/KnowledgeCenter/KnowledgeCenterLayout/KnowledgeCenterLayout';
+import KnowledgePageDetailComponent from '../../../components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent';
+import KnowledgePageListComponent from '../../../components/KnowledgeCenter/KnowledgePageListComponent/KnowledgePageListComponent';
+import KnowledgePagesHierarchy from '../../../components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy';
+import {
+  QuickLinkFormModal,
+  QuickLinkFormModalFormData,
+} from '../../../components/KnowledgeCenter/QuickLinkFormModal/QuickLinkFormModal';
 import { ROUTES } from '../../../constants/constants';
+import { useLimitStore } from '../../../context/LimitsProvider/useLimitsStore';
+import { usePermissionProvider } from '../../../context/PermissionProvider/PermissionProvider';
+import {
+  OperationPermission,
+  ResourceEntity,
+} from '../../../context/PermissionProvider/PermissionProvider.interface';
+import { EntityTabs } from '../../../enums/entity.enum';
+import LimitWrapper from '../../../hoc/LimitWrapper';
+import { useApplicationStore } from '../../../hooks/useApplicationStore';
+import { useFqn } from '../../../hooks/useFqn';
+import {
+  ContentChangeState,
+  CreateKnowledgePage,
+  KnowledgeCenterPageProps,
+  KnowledgeCenterPageRef,
+  KnowledgePagesHierarchyRef,
+  PageType,
+} from '../../../interface/knowledge-center.interface';
+import { postKnowledgePage } from '../../../rest/knowledgeCenterAPI';
+import { getContextCenterArticlePath } from '../../../utils/KnowledgePageUtils';
+import { DEFAULT_ENTITY_PERMISSION } from '../../../utils/PermissionsUtils';
+import { showErrorToast } from '../../../utils/ToastUtils';
 
 const ContextCenterArticlesPage = () => {
   const { t } = useTranslation();
@@ -248,8 +248,8 @@ const ContextCenterArticlesPage = () => {
           fqn && page.activeTab === EntityTabs.ACTIVITY_FEED
             ? null
             : isRightPanelOpen
-              ? page.rightPanel
-              : null
+            ? page.rightPanel
+            : null
         }>
         {fqn ? (
           <KnowledgePageDetailComponent
diff --git a/openmetadata-ui/src/main/resources/ui/yarn.lock b/openmetadata-ui/src/main/resources/ui/yarn.lock
index 480e680fe3a4..5ff7d9b532f5 100644
--- a/openmetadata-ui/src/main/resources/ui/yarn.lock
+++ b/openmetadata-ui/src/main/resources/ui/yarn.lock
@@ -2375,9 +2375,8 @@
     compare-versions "^4.1.2"
 
 "@openmetadata/ui-core-components@link:../../../../../openmetadata-ui-core-components/src/main/resources/ui":
-  version "1.0.0"
-  dependencies:
-    "@material/material-color-utilities" "^0.3.0"
+  version "0.0.0"
+  uid ""
 
 "@peculiar/asn1-schema@^2.3.13", "@peculiar/asn1-schema@^2.3.8":
   version "2.6.0"
@@ -4548,6 +4547,11 @@
     "@typescript-eslint/types" "8.59.0"
     eslint-visitor-keys "^5.0.0"
 
+"@untitledui/file-icons@^0.0.9":
+  version "0.0.9"
+  resolved "https://registry.yarnpkg.com/@untitledui/file-icons/-/file-icons-0.0.9.tgz#5f2d25bde9bcdecb4efff00a775009caf14a4ce5"
+  integrity sha512-wz3btNnSSv2hTujgyxEFL21oyjPtGTj3osU8ZEMe8nwdlmLQEILLe96NMg9b1ciiOC5UOWNDeYIt7IfxEM6qtg==
+
 "@untitledui/icons@^0.0.21":
   version "0.0.21"
   resolved "https://registry.yarnpkg.com/@untitledui/icons/-/icons-0.0.21.tgz#ad4e4c001e4f9506649f1a003d0d6fa96765d88b"
@@ -7221,6 +7225,15 @@ fraction.js@^5.3.4:
   resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-5.3.4.tgz#8c0fcc6a9908262df4ed197427bdeef563e0699a"
   integrity sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==
 
+framer-motion@^12.38.0:
+  version "12.38.0"
+  resolved "https://registry.yarnpkg.com/framer-motion/-/framer-motion-12.38.0.tgz#cf28e072a95942881ca4e33fd33be41192fd146b"
+  integrity sha512-rFYkY/pigbcswl1XQSb7q424kSTQ8q6eAC+YUsSKooHQYuLdzdHjrt6uxUC+PRAO++q5IS7+TamgIw1AphxR+g==
+  dependencies:
+    motion-dom "^12.38.0"
+    motion-utils "^12.36.0"
+    tslib "^2.4.0"
+
 fs-constants@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/fs-constants/-/fs-constants-1.0.0.tgz#6be0de9be998ce16af8afc24497b9ee9b7ccd9ad"
@@ -9286,6 +9299,26 @@ moment@^2.24.0, moment@^2.29.2, moment@^2.30.1:
   resolved "https://registry.yarnpkg.com/moment/-/moment-2.30.1.tgz#f8c91c07b7a786e30c59926df530b4eac96974ae"
   integrity sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==
 
+motion-dom@^12.38.0:
+  version "12.38.0"
+  resolved "https://registry.yarnpkg.com/motion-dom/-/motion-dom-12.38.0.tgz#9ef3253ea0fb28b6757588327073848d940e9aab"
+  integrity sha512-pdkHLD8QYRp8VfiNLb8xIBJis1byQ9gPT3Jnh2jqfFtAsWUA3dEepDlsWe/xMpO8McV+VdpKVcp+E+TGJEtOoA==
+  dependencies:
+    motion-utils "^12.36.0"
+
+motion-utils@^12.36.0:
+  version "12.36.0"
+  resolved "https://registry.yarnpkg.com/motion-utils/-/motion-utils-12.36.0.tgz#cff2df2a28c3fe53a3de7e0103ba7f73ff7d77a7"
+  integrity sha512-eHWisygbiwVvf6PZ1vhaHCLamvkSbPIeAYxWUuL3a2PD/TROgE7FvfHWTIH4vMl798QLfMw15nRqIaRDXTlYRg==
+
+motion@^12.38.0:
+  version "12.38.0"
+  resolved "https://registry.yarnpkg.com/motion/-/motion-12.38.0.tgz#851fb591f98ed98815e223c09a0de13614ea4155"
+  integrity sha512-uYfXzeHlgThchzwz5Te47dlv5JOUC7OB4rjJ/7XTUgtBZD8CchMN8qEJ4ZVsUmTyYA44zjV0fBwsiktRuFnn+w==
+  dependencies:
+    framer-motion "^12.38.0"
+    tslib "^2.4.0"
+
 ms@^2.1.3:
   version "2.1.3"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"

From 023fcdb504ad3c70254f1eaf0e6501cf2d95c285 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Mon, 11 May 2026 14:32:18 +0530
Subject: [PATCH 03/59] fixed UI issues

---
 .../ArticleDetailHeader.component.tsx         | 101 ++++++++++++------
 .../ContextCenterHeader.component.tsx         |   2 +-
 .../KnowledgeCenterLayout.tsx                 |   2 +-
 .../ui/src/locale/languages/en-us.json        |   1 +
 .../ContextCenterArchivePage.tsx              |   2 +-
 .../ContextCenterDashboardPage.tsx            |   9 +-
 .../ContextCenterDocumentsPage.tsx            |   4 +-
 .../ContextCenterIntegrationsPage.tsx         |   2 +-
 8 files changed, 76 insertions(+), 47 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
index 20cae3289c89..4873e769836a 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
@@ -12,7 +12,7 @@
  */
 
 import {
-  Badge,
+  Button,
   ButtonUtility,
   Card,
   Dot,
@@ -27,17 +27,22 @@ import {
   Globe01,
   MessageChatSquare,
   Share07,
-  Star01,
-  Star02,
   ThumbsDown,
   ThumbsUp,
   User03,
 } from '@untitledui/icons';
+import Loader from 'components/common/Loader/Loader';
+import { EntityStatusBadge } from 'components/Entity/EntityStatusBadge/EntityStatusBadge.component';
+import { EntityStatus } from 'generated/governance/workflows/elements/nodes/automatedTask/setGlossaryTermStatusTask';
 import { isEmpty, isUndefined, uniqBy } from 'lodash';
 import { FC, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
+import { ReactComponent as IconSaved } from '../../../assets/svg/ic-saved.svg';
 import { ReactComponent as SidebarCollapsible } from '../../../assets/svg/ic-sidebar-collapsible.svg';
+import { ReactComponent as StarFilledIcon } from '../../../assets/svg/ic-star-filled.svg';
+import { ReactComponent as StarIcon } from '../../../assets/svg/ic-star.svg';
+import { ReactComponent as IconUnSaved } from '../../../assets/svg/ic-unsaved.svg';
 import { DeleteType } from '../../../components/common/DeleteWidget/DeleteWidget.interface';
 import ManageButton from '../../../components/common/EntityPageInfos/ManageButton/ManageButton';
 import UserPopOverCard from '../../../components/common/PopOverCard/UserPopOverCard';
@@ -199,29 +204,42 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
   };
 
   const entityStatusBadge = useMemo(() => {
-    if (contentChangeState === ContentChangeState.SAVING) {
-      return (
-        <Badge color="gray" type="pill-color">
-          Publishing
-        </Badge>
-      );
+    const shouldShowStatus = true;
+    const entityStatus = knowledgePage?.entityStatus;
+
+    if (
+      !shouldShowStatus ||
+      !entityStatus ||
+      entityStatus === EntityStatus.Unprocessed
+    ) {
+      return null;
     }
+
+    return <EntityStatusBadge showDivider={false} status={entityStatus} />;
+  }, [knowledgePage?.entityStatus]);
+
+  const contentChangeIcon = useMemo(() => {
     if (contentChangeState === ContentChangeState.SAVED) {
       return (
-        <Badge color="success" type="pill-color">
-          Published
-        </Badge>
+        <div className="tw:flex tw:items-center tw:gap-2">
+          <IconSaved />{' '}
+          <Typography className="tw:text-green-600" weight="medium">
+            {t('label.saved')}
+          </Typography>
+        </div>
       );
-    }
-    if (contentChangeState === ContentChangeState.UN_SAVED) {
+    } else if (contentChangeState === ContentChangeState.SAVING) {
+      return <Loader />;
+    } else if (contentChangeState === ContentChangeState.UN_SAVED) {
       return (
-        <Badge color="gray" type="pill-color">
-          Unsaved
-        </Badge>
+        <div className="tw:flex tw:items-center tw:gap-2">
+          <IconUnSaved />{' '}
+          <Typography weight="medium">{t('label.unsaved')}</Typography>
+        </div>
       );
+    } else {
+      return null;
     }
-
-    return null;
   }, [contentChangeState]);
 
   const showSaveButton =
@@ -254,7 +272,7 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
 
   return (
     <div
-      className="tw:flex tw:flex-col tw:gap-3 tw:px-6 tw:py-4"
+      className="tw:flex tw:flex-col tw:gap-3 tw:mb-5"
       data-testid="article-detail-header">
       <TitleBreadcrumb useCustomArrow titleLinks={breadcrumbs} />
 
@@ -364,10 +382,12 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
 
           {/* Action buttons */}
           <div className="tw:flex tw:items-center tw:gap-3 tw:shrink-0">
+            {contentChangeIcon}
+
             {showSaveButton && (
-              <ButtonUtility color="secondary" size="sm" onClick={onSave}>
+              <Button color="primary" size="sm" onClick={onSave}>
                 {t('label.save')}
-              </ButtonUtility>
+              </Button>
             )}
 
             {/* Up vote */}
@@ -381,7 +401,17 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
                   }
                   color="secondary"
                   disabled={knowledgePage?.deleted || voteLoading !== null}
-                  icon={<ThumbsUp height={18} width={18} />}
+                  icon={
+                    <ThumbsUp
+                      className={
+                        voteStatus === QueryVoteType.votedUp
+                          ? 'tw:fill-blue-500 tw:stroke-white'
+                          : 'tw:fill-none'
+                      }
+                      height={18}
+                      width={18}
+                    />
+                  }
                   onClick={() => handleVoteChange(QueryVoteType.votedUp)}
                 />
               </TooltipTrigger>
@@ -398,7 +428,17 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
                   }
                   color="secondary"
                   disabled={knowledgePage?.deleted || voteLoading !== null}
-                  icon={<ThumbsDown height={18} width={18} />}
+                  icon={
+                    <ThumbsDown
+                      className={
+                        voteStatus === QueryVoteType.votedDown
+                          ? 'tw:fill-blue-500 tw:stroke-white'
+                          : 'tw:fill-none'
+                      }
+                      height={18}
+                      width={18}
+                    />
+                  }
                   onClick={() => handleVoteChange(QueryVoteType.votedDown)}
                 />
               </TooltipTrigger>
@@ -418,19 +458,10 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
               title={isFollowing ? t('label.un-follow') : t('label.follow')}>
               <TooltipTrigger>
                 <ButtonUtility
+                  className={isFollowing ? 'tw:text-brand-600' : undefined}
                   color="secondary"
                   disabled={isFollowLoading || knowledgePage?.deleted}
-                  icon={
-                    isFollowing ? (
-                      <Star02
-                        className="tw:text-brand-600"
-                        height={20}
-                        width={20}
-                      />
-                    ) : (
-                      <Star01 height={20} width={20} />
-                    )
-                  }
+                  icon={isFollowing ? StarFilledIcon : StarIcon}
                   onClick={handleFollowClick}
                 />
               </TooltipTrigger>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx
index d7654f9272c7..2ac2e0b2a669 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx
@@ -53,7 +53,7 @@ const ContextCenterHeader: FC<ContextCenterHeaderProps> = ({
 
   return (
     <div
-      className="tw:flex tw:flex-col tw:gap-3 tw:px-6 tw:py-4"
+      className="tw:flex tw:flex-col tw:gap-3"
       data-testid="context-center-header">
       <TitleBreadcrumb useCustomArrow titleLinks={breadcrumbs} />
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/KnowledgeCenterLayout.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/KnowledgeCenterLayout.tsx
index a8bb0576ba01..34491b3179bb 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/KnowledgeCenterLayout.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/KnowledgeCenterLayout.tsx
@@ -50,7 +50,7 @@ const KnowledgeCenterLayout: FC<KnowledgeCenterLayoutProps> = ({
 
   return (
     <div
-      className="tw:px-6 tw:pb-4"
+      className="tw:pb-4"
       dir={i18n.dir()}
       id="knowledge-center-layout-container">
       <DocumentTitle title={pageTitle} />
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
index ee379286d03f..f81185dc3822 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
@@ -2270,6 +2270,7 @@
     "unlimited": "Unlimited",
     "unpause": "UnPause",
     "unprocessed": "Unprocessed",
+    "unsaved": "Unsaved",
     "untitled": "Untitled",
     "up-vote": "Up Vote",
     "update": "Update",
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx
index 5b841aed1f23..7d9bc2fc3c0f 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx
@@ -23,7 +23,7 @@ const ContextCenterArchivePage: FC = () => {
 
   return (
     <div
-      className="tw:flex tw:flex-col tw:w-full tw:bg-[var(--color-bg-secondary)]"
+      className="tw:flex tw:flex-col tw:w-full tw:bg-secondary tw:px-5"
       data-testid="context-center-archive-page">
       <ContextCenterHeader
         breadcrumbs={[
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
index 471327a5a48b..955cfbee4ef3 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
@@ -19,10 +19,7 @@ import ContextCenterHeader from '../../../components/ContextCenter/ContextCenter
 import UploadDocumentModal from '../../../components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component';
 import UploadedDocumentsSection from '../../../components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component';
 import { ROUTES } from '../../../constants/constants';
-import {
-  MOCK_ARTICLES,
-  MOCK_DOCUMENTS,
-} from '../ContextCenterPage.mock';
+import { MOCK_ARTICLES, MOCK_DOCUMENTS } from '../ContextCenterPage.mock';
 
 const ContextCenterDashboardPage: FC = () => {
   const { t } = useTranslation();
@@ -31,7 +28,7 @@ const ContextCenterDashboardPage: FC = () => {
 
   return (
     <div
-      className="tw:flex tw:flex-col tw:w-full tw:bg-[var(--color-bg-secondary)]"
+      className="tw:flex tw:flex-col tw:w-full tw:bg-secondary tw:px-5"
       data-testid="context-center-dashboard-page">
       <ContextCenterHeader
         breadcrumbs={[
@@ -50,7 +47,7 @@ const ContextCenterDashboardPage: FC = () => {
         onUploadFile={() => setIsUploadModalOpen(true)}
       />
 
-      <div className="tw:flex tw:flex-col tw:gap-6 tw:p-6">
+      <div className="tw:flex tw:flex-col tw:gap-6">
         <ArticleListSection
           articles={MOCK_ARTICLES}
           subtitle={t('message.internal-knowledge-base-agent-training', {
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
index 6fecb26a8a0b..156bb731e8f8 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
@@ -27,7 +27,7 @@ const ContextCenterDocumentsPage: FC = () => {
 
   return (
     <div
-      className="tw:flex tw:flex-col tw:w-full tw:h-full tw:bg-[var(--color-bg-secondary)]"
+      className="tw:flex tw:flex-col tw:w-full tw:h-full tw:bg-secondary tw:px-5"
       data-testid="context-center-documents-page">
       <ContextCenterHeader
         breadcrumbs={[
@@ -46,7 +46,7 @@ const ContextCenterDocumentsPage: FC = () => {
         onUploadFile={() => setIsUploadModalOpen(true)}
       />
 
-      <div className="tw:p-6 tw:flex-1 tw:overflow-hidden">
+      <div className="tw:flex-1 tw:overflow-hidden">
         <DocumentsView folders={MOCK_FOLDERS} />
       </div>
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx
index 22bc335aff63..8e7f0317ba71 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx
@@ -23,7 +23,7 @@ const ContextCenterIntegrationsPage: FC = () => {
 
   return (
     <div
-      className="tw:flex tw:flex-col tw:w-full tw:bg-[var(--color-bg-secondary)]"
+      className="tw:flex tw:flex-col tw:w-full tw:bg-secondary tw:px-5"
       data-testid="context-center-integrations-page">
       <ContextCenterHeader
         breadcrumbs={[

From 58872abae3f41e03b40b1a650571d4e0d89ceca4 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Mon, 11 May 2026 17:22:53 +0530
Subject: [PATCH 04/59] integrate upload api and fixed ui bugs

---
 .../ui/src/assets/svg/ic-folder-new.svg       |   3 +
 .../ui/src/assets/svg/ic-grid-new.svg         |   6 +
 .../ui/src/assets/svg/ic-integration.svg      |   5 +
 .../ArticleCard/ArticleCard.component.tsx     |  12 +-
 .../ArticleDetailHeader.component.tsx         |  28 ++--
 .../ArticleListSection.component.tsx          |  62 ++++++---
 .../ArticleListSection.interface.ts           |   1 +
 .../UploadDocumentModal.component.tsx         |  82 +++++++++--
 .../UploadDocumentModal.interface.ts          |   5 +-
 .../UploadedDocumentsSection.component.tsx    |  39 ++++--
 .../KnowledgeCenterLayout.tsx                 |   2 +-
 .../ui/src/constants/LeftSidebar.constants.ts |  32 ++---
 .../ContextCenterArticlesPage.tsx             |  44 ++----
 .../ContextCenterDashboardPage.tsx            |  91 ++++++++++--
 .../ContextCenterDocumentsPage.tsx            |  15 +-
 .../main/resources/ui/src/rest/assetAPI.ts    |  54 ++++++++
 .../ui/src/rest/knowledgeCenterAPI.ts         |  11 +-
 .../ui/src/utils/ContextCenterUtils.ts        | 131 ++++++++++++++++++
 18 files changed, 499 insertions(+), 124 deletions(-)
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-folder-new.svg
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-grid-new.svg
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-integration.svg
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/rest/assetAPI.ts
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.ts

diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-folder-new.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-folder-new.svg
new file mode 100644
index 000000000000..ee02cc48642c
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-folder-new.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.00002 11.6667L6.25002 9.25008C6.38591 8.9802 6.59262 8.75233 6.84803 8.59087C7.10344 8.4294 7.39794 8.34041 7.70002 8.33341H16.6667M16.6667 8.33341C16.9213 8.33297 17.1726 8.39086 17.4014 8.50265C17.6301 8.61444 17.8302 8.77715 17.9863 8.9783C18.1424 9.17945 18.2504 9.41369 18.3018 9.66304C18.3533 9.91239 18.347 10.1702 18.2834 10.4167L17 15.4167C16.9072 15.7764 16.6969 16.0947 16.4025 16.3212C16.108 16.5476 15.7464 16.6693 15.375 16.6667H3.33335C2.89133 16.6667 2.4674 16.4912 2.15484 16.1786C1.84228 15.866 1.66669 15.4421 1.66669 15.0001V4.16675C1.66669 3.72472 1.84228 3.3008 2.15484 2.98824C2.4674 2.67567 2.89133 2.50008 3.33335 2.50008H6.58335C6.86209 2.49735 7.13706 2.56457 7.3831 2.6956C7.62914 2.82662 7.83839 3.01727 7.99169 3.25008L8.66669 4.25008C8.81844 4.48052 9.02504 4.66968 9.26794 4.80058C9.51083 4.93148 9.78243 5.00003 10.0584 5.00008H15C15.442 5.00008 15.866 5.17567 16.1785 5.48824C16.4911 5.8008 16.6667 6.22472 16.6667 6.66675V8.33341Z" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-grid-new.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-grid-new.svg
new file mode 100644
index 000000000000..3187ed56465b
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-grid-new.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.5 2.5H3.33333C2.8731 2.5 2.5 2.8731 2.5 3.33333V9.16667C2.5 9.6269 2.8731 10 3.33333 10H7.5C7.96024 10 8.33333 9.6269 8.33333 9.16667V3.33333C8.33333 2.8731 7.96024 2.5 7.5 2.5Z" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.6667 2.5H12.5C12.0398 2.5 11.6667 2.8731 11.6667 3.33333V5.83333C11.6667 6.29357 12.0398 6.66667 12.5 6.66667H16.6667C17.1269 6.66667 17.5 6.29357 17.5 5.83333V3.33333C17.5 2.8731 17.1269 2.5 16.6667 2.5Z" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.6667 10H12.5C12.0398 10 11.6667 10.3731 11.6667 10.8333V16.6667C11.6667 17.1269 12.0398 17.5 12.5 17.5H16.6667C17.1269 17.5 17.5 17.1269 17.5 16.6667V10.8333C17.5 10.3731 17.1269 10 16.6667 10Z" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.5 13.333H3.33333C2.8731 13.333 2.5 13.7061 2.5 14.1663V16.6663C2.5 17.1266 2.8731 17.4997 3.33333 17.4997H7.5C7.96024 17.4997 8.33333 17.1266 8.33333 16.6663V14.1663C8.33333 13.7061 7.96024 13.333 7.5 13.333Z" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-integration.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-integration.svg
new file mode 100644
index 000000000000..32525dfe93da
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-integration.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.50002 14.1663H5.83335C4.72828 14.1663 3.66848 13.7274 2.88708 12.946C2.10567 12.1646 1.66669 11.1047 1.66669 9.99967C1.66669 8.89461 2.10567 7.8348 2.88708 7.0534C3.66848 6.27199 4.72828 5.83301 5.83335 5.83301H7.50002" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.5 5.83301H14.1667C15.2717 5.83301 16.3315 6.27199 17.1129 7.0534C17.8943 7.8348 18.3333 8.89461 18.3333 9.99967C18.3333 11.1047 17.8943 12.1646 17.1129 12.946C16.3315 13.7274 15.2717 14.1663 14.1667 14.1663H12.5" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.66669 10H13.3334" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.component.tsx
index 09aacd82effe..50f8d5281b90 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.component.tsx
@@ -12,8 +12,10 @@
  */
 
 import { Badge, Card, Typography } from '@openmetadata/ui-core-components';
+import RichTextEditorPreviewerV1 from 'components/common/RichTextEditor/RichTextEditorPreviewerV1';
 import { FC } from 'react';
 import { useTranslation } from 'react-i18next';
+import { getFrontEndFormat } from 'utils/FeedUtils';
 import { getShortRelativeTime } from '../../../utils/date-time/DateTimeUtils';
 import { ArticleCardItem, ArticleCardProps } from './ArticleCard.interface';
 
@@ -57,11 +59,11 @@ const ArticleCard: FC<ArticleCardProps> = ({ article, onClick }) => {
         {title}
       </Typography>
 
-      <Typography
-        className="tw:text-gray-500 tw:line-clamp-2 tw:m-0"
-        size="text-xs">
-        {description}
-      </Typography>
+      <RichTextEditorPreviewerV1
+        showReadMoreBtn
+        className="max-two-lines tw:text-gray-500 tw:text-xs"
+        markdown={getFrontEndFormat(description)}
+      />
 
       {tags.length > 0 && (
         <div className="tw:flex tw:flex-wrap tw:gap-1 tw:mt-3">
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
index 4873e769836a..cb418137e0f3 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
@@ -51,7 +51,7 @@ import TitleBreadcrumb from '../../../components/common/TitleBreadcrumb/TitleBre
 import { QueryVoteType } from '../../../components/Database/TableQueries/TableQueries.interface';
 import { ROUTES } from '../../../constants/constants';
 import { EntityField } from '../../../constants/Feeds.constants';
-import { EntityType } from '../../../enums/entity.enum';
+import { EntityTabs, EntityType } from '../../../enums/entity.enum';
 import { useCurrentUserPreferences } from '../../../hooks/currentUserStore/useCurrentUserStore';
 import { useApplicationStore } from '../../../hooks/useApplicationStore';
 import { useClipboard } from '../../../hooks/useClipBoard';
@@ -522,18 +522,20 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
             </Tabs.List>
           </Tabs>
 
-          <ButtonUtility
-            className="tw:relative tw:bottom-2.5"
-            color="tertiary"
-            icon={
-              <SidebarCollapsible
-                className={isRightPanelOpen ? undefined : 'tw:rotate-180'}
-                height={18}
-                width={18}
-              />
-            }
-            onClick={onToggleRightPanel}
-          />
+          {activeTab !== EntityTabs.ACTIVITY_FEED && (
+            <ButtonUtility
+              className="tw:relative tw:bottom-2.5"
+              color="tertiary"
+              icon={
+                <SidebarCollapsible
+                  className={isRightPanelOpen ? undefined : 'tw:rotate-180'}
+                  height={18}
+                  width={18}
+                />
+              }
+              onClick={onToggleRightPanel}
+            />
+          )}
         </div>
       </Card>
     </div>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
index 4cba1923b375..fee507442900 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
@@ -18,14 +18,18 @@ import {
   Typography,
 } from '@openmetadata/ui-core-components';
 import { ArrowUpRight, File06 } from '@untitledui/icons';
-import { FC } from 'react';
+import ErrorPlaceHolder from 'components/common/ErrorWithPlaceholder/ErrorPlaceHolder';
+import { ERROR_PLACEHOLDER_TYPE } from 'enums/common.enum';
+import { FC, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
+import { getKnowledgePagePath } from 'utils/KnowledgePageUtils';
 import ArticleCard from '../ArticleCard/ArticleCard.component';
 import { ArticleCardItem } from '../ArticleCard/ArticleCard.interface';
 import { ArticleListSectionProps } from './ArticleListSection.interface';
 
 const ArticleCardSkeleton: FC = () => (
-  <div className="tw:flex tw:flex-col tw:gap-3 tw:p-4 tw:rounded-xl tw:border tw:border-[var(--color-border-primary)]">
+  <Card className="tw:flex tw:flex-col tw:gap-3 tw:p-4">
     <div className="tw:flex tw:justify-between tw:gap-4">
       <Skeleton height="20px" variant="rounded" width="64px" />
       <Skeleton height="16px" variant="rounded" width="96px" />
@@ -37,7 +41,7 @@ const ArticleCardSkeleton: FC = () => (
       <Skeleton height="20px" variant="rounded" width="56px" />
       <Skeleton height="20px" variant="rounded" width="40px" />
     </div>
-  </div>
+  </Card>
 );
 
 const ArticleListSection: FC<ArticleListSectionProps> = ({
@@ -45,11 +49,30 @@ const ArticleListSection: FC<ArticleListSectionProps> = ({
   subtitle,
   articles,
   viewAllHref,
+  getPagePath,
   onViewAll,
   onArticleClick,
   isLoading = false,
 }) => {
   const { t } = useTranslation();
+  const navigate = useNavigate();
+
+  const handleArticleClick = useCallback(
+    (article: ArticleCardItem) => {
+      if (onArticleClick) {
+        onArticleClick(article);
+
+        return;
+      }
+
+      const path = getPagePath
+        ? getPagePath(article.id)
+        : getKnowledgePagePath(article.id);
+
+      navigate(path);
+    },
+    [onArticleClick, getPagePath, navigate]
+  );
 
   return (
     <Card
@@ -82,19 +105,26 @@ const ArticleListSection: FC<ArticleListSectionProps> = ({
         )}
       </div>
 
-      <div className="tw:grid tw:grid-cols-3 tw:gap-4">
-        {isLoading
-          ? Array.from({ length: 6 }).map((_, idx) => (
-              <ArticleCardSkeleton key={idx} />
-            ))
-          : articles.map((article: ArticleCardItem) => (
-              <ArticleCard
-                article={article}
-                key={article.id}
-                onClick={onArticleClick}
-              />
-            ))}
-      </div>
+      {articles.length > 0 || isLoading ? (
+        <div className="tw:grid tw:grid-cols-[repeat(auto-fill,320px)]  tw:gap-4">
+          {isLoading
+            ? Array.from({ length: 6 }).map((_, idx) => (
+                <ArticleCardSkeleton key={idx} />
+              ))
+            : articles.map((article: ArticleCardItem) => (
+                <ArticleCard
+                  article={article}
+                  key={article.id}
+                  onClick={handleArticleClick}
+                />
+              ))}
+        </div>
+      ) : (
+        <ErrorPlaceHolder
+          className="tw:border-0 tw:h-auto"
+          type={ERROR_PLACEHOLDER_TYPE.NO_DATA}
+        />
+      )}
     </Card>
   );
 };
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.interface.ts
index 5eea9747b58b..31ba02bedba8 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.interface.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.interface.ts
@@ -18,6 +18,7 @@ export interface ArticleListSectionProps {
   subtitle?: string;
   articles: ArticleCardItem[];
   viewAllHref?: string;
+  getPagePath?: (fqn: string) => string;
   onViewAll?: () => void;
   onArticleClick?: (article: ArticleCardItem) => void;
   isLoading?: boolean;
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
index 3c20f94ddf40..1271a1913f83 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
@@ -19,31 +19,41 @@ import {
   Modal,
   ModalOverlay,
 } from '@openmetadata/ui-core-components';
+import { Asset } from 'generated/attachments/asset';
 import { FC, useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import { uploadAsset } from 'rest/assetAPI';
+import { showErrorToast } from 'utils/ToastUtils';
 import { UploadDocumentModalProps } from './UploadDocumentModal.interface';
 
+type UploadStatus = 'pending' | 'uploading' | 'done' | 'error';
+
 interface QueuedFile {
   id: string;
   file: File;
+  progress: number;
+  status: UploadStatus;
 }
 
 const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
   isOpen,
+  entityLink,
   onClose,
-  onUpload,
+  onUploaded,
 }) => {
   const { t } = useTranslation();
   const [queuedFiles, setQueuedFiles] = useState<QueuedFile[]>([]);
+  const [isUploading, setIsUploading] = useState(false);
 
   const handleDropFiles = (files: FileList) => {
     const newEntries: QueuedFile[] = Array.from(files).map((file) => ({
       file,
       id: `${file.name}-${file.size}-${Date.now()}`,
+      progress: 0,
+      status: 'pending' as UploadStatus,
     }));
 
     setQueuedFiles((prev) => [...prev, ...newEntries]);
-    onUpload?.(files);
   };
 
   const handleRemove = (id: string) => {
@@ -55,6 +65,50 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
     onClose();
   };
 
+  const handleAttach = async () => {
+    const pending = queuedFiles.filter((f) => f.status === 'pending');
+
+    if (pending.length === 0) {
+      return;
+    }
+
+    setIsUploading(true);
+    const uploaded: Asset[] = [];
+
+    for (const entry of pending) {
+      setQueuedFiles((prev) =>
+        prev.map((f) =>
+          f.id === entry.id ? { ...f, progress: 0, status: 'uploading' } : f
+        )
+      );
+
+      try {
+        const asset = await uploadAsset(entry.file, entityLink);
+        uploaded.push(asset);
+        setQueuedFiles((prev) =>
+          prev.map((f) =>
+            f.id === entry.id ? { ...f, progress: 100, status: 'done' } : f
+          )
+        );
+      } catch (err) {
+        showErrorToast(err as Error);
+        setQueuedFiles((prev) =>
+          prev.map((f) =>
+            f.id === entry.id ? { ...f, status: 'error' } : f
+          )
+        );
+      }
+    }
+
+    setIsUploading(false);
+
+    if (uploaded.length > 0) {
+      onUploaded?.(uploaded);
+    }
+
+    handleClose();
+  };
+
   return (
     <ModalOverlay
       isDismissable
@@ -83,13 +137,17 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
 
               {queuedFiles.length > 0 && (
                 <FileUpload.List className="tw:max-h-60 tw:overflow-y-auto">
-                  {queuedFiles.map(({ id, file }) => (
+                  {queuedFiles.map(({ id, file, progress, status }) => (
                     <FileUpload.ListItemProgressBar
                       key={id}
                       name={file.name}
-                      progress={100}
+                      progress={status === 'done' ? 100 : progress}
                       size={file.size}
-                      onDelete={() => handleRemove(id)}
+                      onDelete={
+                        status !== 'uploading'
+                          ? () => handleRemove(id)
+                          : undefined
+                      }
                     />
                   ))}
                 </FileUpload.List>
@@ -97,14 +155,22 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
             </FileUpload.Root>
 
             <div className="tw:flex tw:justify-end tw:gap-3">
-              <Button color="secondary" size="sm" onClick={handleClose}>
+              <Button
+                color="secondary"
+                isDisabled={isUploading}
+                size="sm"
+                onClick={handleClose}>
                 {t('label.cancel')}
               </Button>
               <Button
                 color="primary"
-                isDisabled={queuedFiles.length === 0}
+                isDisabled={
+                  queuedFiles.filter((f) => f.status === 'pending').length ===
+                    0 || isUploading
+                }
+                isLoading={isUploading}
                 size="sm"
-                onClick={handleClose}>
+                onClick={handleAttach}>
                 {t('label.attach-file-plural')}
               </Button>
             </div>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.interface.ts
index 936310bfb6e4..338057ef6d41 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.interface.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.interface.ts
@@ -11,8 +11,11 @@
  *  limitations under the License.
  */
 
+import { Asset } from '../../../generated/attachments/asset';
+
 export interface UploadDocumentModalProps {
   isOpen: boolean;
+  entityLink: string;
   onClose: () => void;
-  onUpload?: (files: FileList) => void;
+  onUploaded?: (assets: Asset[]) => void;
 }
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
index 12b6cfab6d24..265481f46704 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
@@ -18,6 +18,8 @@ import {
   Typography,
 } from '@openmetadata/ui-core-components';
 import { ArrowUpRight, Upload01 } from '@untitledui/icons';
+import ErrorPlaceHolder from 'components/common/ErrorWithPlaceholder/ErrorPlaceHolder';
+import { ERROR_PLACEHOLDER_TYPE } from 'enums/common.enum';
 import { FC } from 'react';
 import { useTranslation } from 'react-i18next';
 import UploadedDocumentCard from '../UploadedDocumentCard/UploadedDocumentCard.component';
@@ -25,7 +27,7 @@ import { UploadedDocumentItem } from '../UploadedDocumentCard/UploadedDocumentCa
 import { UploadedDocumentsSectionProps } from './UploadedDocumentsSection.interface';
 
 const DocumentCardSkeleton: FC = () => (
-  <div className="tw:flex tw:flex-col tw:gap-3 tw:rounded-xl tw:border tw:border-[var(--color-border-primary)] tw:p-3">
+  <Card className="tw:flex tw:flex-col tw:gap-3 tw:p-3">
     <Skeleton height="120px" variant="rectangular" width="100%" />
     <div className="tw:flex tw:flex-col tw:gap-1">
       <Skeleton height="12px" variant="rounded" width="75%" />
@@ -34,7 +36,7 @@ const DocumentCardSkeleton: FC = () => (
         <Skeleton height="12px" variant="rounded" width="64px" />
       </div>
     </div>
-  </div>
+  </Card>
 );
 
 const UploadedDocumentsSection: FC<UploadedDocumentsSectionProps> = ({
@@ -77,19 +79,26 @@ const UploadedDocumentsSection: FC<UploadedDocumentsSectionProps> = ({
         )}
       </div>
 
-      <div className="tw:grid tw:grid-cols-6 tw:gap-4">
-        {isLoading
-          ? Array.from({ length: 8 }).map((_, idx) => (
-              <DocumentCardSkeleton key={idx} />
-            ))
-          : documents.map((doc: UploadedDocumentItem) => (
-              <UploadedDocumentCard
-                document={doc}
-                key={doc.id}
-                onClick={onDocumentClick}
-              />
-            ))}
-      </div>
+      {documents.length > 0 || isLoading ? (
+        <div className="tw:grid tw:grid-cols-[repeat(auto-fill,168px)] tw:gap-4">
+          {isLoading
+            ? Array.from({ length: 8 }).map((_, idx) => (
+                <DocumentCardSkeleton key={idx} />
+              ))
+            : documents.map((doc: UploadedDocumentItem) => (
+                <UploadedDocumentCard
+                  document={doc}
+                  key={doc.id}
+                  onClick={onDocumentClick}
+                />
+              ))}
+        </div>
+      ) : (
+        <ErrorPlaceHolder
+          className="tw:border-0 tw:h-auto"
+          type={ERROR_PLACEHOLDER_TYPE.NO_DATA}
+        />
+      )}
     </Card>
   );
 };
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/KnowledgeCenterLayout.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/KnowledgeCenterLayout.tsx
index 34491b3179bb..05605e8569e2 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/KnowledgeCenterLayout.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/KnowledgeCenterLayout.tsx
@@ -98,7 +98,7 @@ const KnowledgeCenterLayout: FC<KnowledgeCenterLayoutProps> = ({
             'has-sidebar': !isLeftPanelCollapsed,
           })}
           data-testid="center-panel"
-          flex={isRightPanelCollapsed ? 0.8 : 0.6}
+          flex={isRightPanelCollapsed ? 1 : 0.6}
           minSize={700}>
           <Card
             bodyStyle={centerNoPadding ? { padding: 0 } : undefined}
diff --git a/openmetadata-ui/src/main/resources/ui/src/constants/LeftSidebar.constants.ts b/openmetadata-ui/src/main/resources/ui/src/constants/LeftSidebar.constants.ts
index 0f1d0f59f6e2..d8898e19bbe0 100644
--- a/openmetadata-ui/src/main/resources/ui/src/constants/LeftSidebar.constants.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/constants/LeftSidebar.constants.ts
@@ -11,13 +11,7 @@
  *  limitations under the License.
  */
 
-import {
-  Archive,
-  BookOpen01,
-  Cube01,
-  LayoutGrid01,
-  Share07,
-} from '@untitledui/icons';
+import { Archive, Cube01, File06 } from '@untitledui/icons';
 import { ReactComponent as GovernIcon } from '../assets/svg/bank.svg';
 import { ReactComponent as ClassificationIcon } from '../assets/svg/classification.svg';
 import { ReactComponent as DataQualityRulesIcon } from '../assets/svg/data-observability/data-quality-rules.svg';
@@ -28,8 +22,11 @@ import { ReactComponent as ColumnBulkIcon } from '../assets/svg/ic-column.svg';
 import { ReactComponent as DataQualityIcon } from '../assets/svg/ic-data-contract.svg';
 import { ReactComponent as MarketplaceIcon } from '../assets/svg/ic-data-marketplace.svg';
 import { ReactComponent as DomainsIcon } from '../assets/svg/ic-domain.svg';
+import { ReactComponent as FolderIcon } from '../assets/svg/ic-folder-new.svg';
+import { ReactComponent as GridIcon } from '../assets/svg/ic-grid-new.svg';
 import { ReactComponent as HomeIcon } from '../assets/svg/ic-home.svg';
 import { ReactComponent as IncidentMangerIcon } from '../assets/svg/ic-incident-manager.svg';
+import { ReactComponent as IntegrationIcon } from '../assets/svg/ic-integration.svg';
 import { ReactComponent as KnowledgeCenterIcon } from '../assets/svg/ic-knowledge-center.svg';
 import { ReactComponent as LineageIcon } from '../assets/svg/ic-lineage.svg';
 import { ReactComponent as ObservabilityIcon } from '../assets/svg/ic-observability.svg';
@@ -54,22 +51,11 @@ type UntitledIconType = React.ComponentType<{
 
 const DataProductIcon = createIconWithStroke(Cube01 as UntitledIconType, 1.2);
 
-const ContextCenterDashboardIcon = createIconWithStroke(
-  LayoutGrid01 as UntitledIconType,
-  1.5
-);
 const ContextCenterArticlesIcon = createIconWithStroke(
-  BookOpen01 as UntitledIconType,
-  1.5
-);
-const ContextCenterDocumentsIcon = createIconWithStroke(
-  Cube01 as UntitledIconType,
-  1.5
-);
-const ContextCenterIntegrationsIcon = createIconWithStroke(
-  Share07 as UntitledIconType,
+  File06 as UntitledIconType,
   1.5
 );
+
 const ContextCenterArchiveIcon = createIconWithStroke(
   Archive as UntitledIconType,
   1.5
@@ -243,7 +229,7 @@ export const SIDEBAR_LIST: Array<LeftSidebarItem> = [
         key: ROUTES.CONTEXT_CENTER_DASHBOARD,
         title: 'label.dashboard',
         redirect_url: ROUTES.CONTEXT_CENTER_DASHBOARD,
-        icon: ContextCenterDashboardIcon,
+        icon: GridIcon,
         dataTestId: `app-bar-item-context-center-dashboard`,
       },
       {
@@ -257,14 +243,14 @@ export const SIDEBAR_LIST: Array<LeftSidebarItem> = [
         key: ROUTES.CONTEXT_CENTER_DOCUMENTS,
         title: 'label.document-plural',
         redirect_url: ROUTES.CONTEXT_CENTER_DOCUMENTS,
-        icon: ContextCenterDocumentsIcon,
+        icon: FolderIcon,
         dataTestId: `app-bar-item-context-center-documents`,
       },
       {
         key: ROUTES.CONTEXT_CENTER_INTEGRATIONS,
         title: 'label.integration-plural',
         redirect_url: ROUTES.CONTEXT_CENTER_INTEGRATIONS,
-        icon: ContextCenterIntegrationsIcon,
+        icon: IntegrationIcon,
         dataTestId: `app-bar-item-context-center-integrations`,
       },
       {
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
index 571d9fc6c20e..a08b1c528452 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
@@ -14,8 +14,6 @@
 import { DownOutlined } from '@ant-design/icons';
 import { Button, Dropdown } from 'antd';
 import { AxiosError } from 'axios';
-import { CREATE_PAGE_HASH } from 'constants/constants';
-import cryptoRandomString from 'crypto-random-string-with-promisify-polyfill';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
@@ -41,6 +39,7 @@ import { EntityTabs } from '../../../enums/entity.enum';
 import LimitWrapper from '../../../hoc/LimitWrapper';
 import { useApplicationStore } from '../../../hooks/useApplicationStore';
 import { useFqn } from '../../../hooks/useFqn';
+import cryptoRandomString from 'crypto-random-string-with-promisify-polyfill';
 import {
   ContentChangeState,
   CreateKnowledgePage,
@@ -50,6 +49,7 @@ import {
   PageType,
 } from '../../../interface/knowledge-center.interface';
 import { postKnowledgePage } from '../../../rest/knowledgeCenterAPI';
+import { createArticleKnowledgePage } from '../../../utils/ContextCenterUtils';
 import { getContextCenterArticlePath } from '../../../utils/KnowledgePageUtils';
 import { DEFAULT_ENTITY_PERMISSION } from '../../../utils/PermissionsUtils';
 import { showErrorToast } from '../../../utils/ToastUtils';
@@ -77,6 +77,14 @@ const ContextCenterArticlesPage = () => {
   const [isRightPanelOpen, setIsRightPanelOpen] = useState(true);
   const [showAddLinkModal, setShowAddLinkModal] = useState(false);
 
+  const handleFetchKnowledgePageHierarchy = useCallback(
+    (forceRefresh?: boolean) =>
+      knowledgePagesHierarchyRef.current?.fetchKnowledgePageHierarchy(
+        forceRefresh
+      ) ?? Promise.resolve(),
+    []
+  );
+
   const handlePageChange = useCallback(
     (incoming: Partial<KnowledgeCenterPageProps>) => {
       setPage((prev) => ({ ...prev, ...incoming }));
@@ -101,27 +109,9 @@ const ContextCenterArticlesPage = () => {
   };
 
   const addArticleKnowledgePage = async () => {
-    try {
-      const data: CreateKnowledgePage = {
-        description: '',
-        displayName: '',
-        name: `${PageType.ARTICLE}_${cryptoRandomString({
-          length: 8,
-          type: 'alphanumeric',
-        })}`,
-        owners: [{ id: USERId, type: 'user' }],
-        page: { publicationDate: new Date(), relatedArticles: [] },
-        pageType: PageType.ARTICLE,
-      };
-      const response = await postKnowledgePage(data);
-      getResourceLimit('knowledgeCenter', true, true);
-      navigate({
-        hash: CREATE_PAGE_HASH,
-        pathname: getContextCenterArticlePath(response.fullyQualifiedName),
-      });
-    } catch (error) {
-      showErrorToast(error as AxiosError);
-    }
+    await createArticleKnowledgePage(USERId, navigate, () =>
+      getResourceLimit('knowledgeCenter', true, true)
+    );
   };
 
   const addQuickLinkKnowledgePage = async (
@@ -162,9 +152,7 @@ const ContextCenterArticlesPage = () => {
       contentChangeState={
         page.handlers?.contentChangeState ?? ContentChangeState.SAVED
       }
-      fetchKnowledgePageHierarchy={
-        knowledgePagesHierarchyRef.current?.fetchKnowledgePageHierarchy
-      }
+      fetchKnowledgePageHierarchy={handleFetchKnowledgePageHierarchy}
       isRightPanelOpen={isRightPanelOpen}
       knowledgePage={page.data}
       permissions={permissions}
@@ -253,9 +241,7 @@ const ContextCenterArticlesPage = () => {
         }>
         {fqn ? (
           <KnowledgePageDetailComponent
-            fetchKnowledgePageHierarchy={
-              knowledgePagesHierarchyRef.current?.fetchKnowledgePageHierarchy
-            }
+            fetchKnowledgePageHierarchy={handleFetchKnowledgePageHierarchy}
             getArticlePath={getContextCenterArticlePath}
             isRightPanelOpen={isRightPanelOpen}
             onPageChange={handlePageChange}
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
index 955cfbee4ef3..d1cda17e6195 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
@@ -11,20 +11,87 @@
  *  limitations under the License.
  */
 
-import { FC, useState } from 'react';
+import { AxiosError } from 'axios';
+import { ArticleCardItem } from 'components/ContextCenter/ArticleCard/ArticleCard.interface';
+import ArticleListSection from 'components/ContextCenter/ArticleListSection/ArticleListSection.component';
+import ContextCenterHeader from 'components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
+import UploadDocumentModal from 'components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component';
+import { UploadedDocumentItem } from 'components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.interface';
+import UploadedDocumentsSection from 'components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component';
+import { ROUTES } from 'constants/constants';
+import { Asset } from 'generated/attachments/asset';
+import { useApplicationStore } from 'hooks/useApplicationStore';
+import { KnowledgePage, PageType } from 'interface/knowledge-center.interface';
+import { FC, useCallback, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
-import ArticleListSection from '../../../components/ContextCenter/ArticleListSection/ArticleListSection.component';
-import ContextCenterHeader from '../../../components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
-import UploadDocumentModal from '../../../components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component';
-import UploadedDocumentsSection from '../../../components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component';
-import { ROUTES } from '../../../constants/constants';
-import { MOCK_ARTICLES, MOCK_DOCUMENTS } from '../ContextCenterPage.mock';
+import { getListKnowledgePages } from 'rest/knowledgeCenterAPI';
+import {
+  CONTEXT_CENTER_DOCUMENTS_ENTITY_LINK,
+  assetToDocumentItem,
+  createArticleKnowledgePage,
+  fetchContextCenterDocuments,
+  knowledgePageToArticleItem,
+} from 'utils/ContextCenterUtils';
+import { showErrorToast } from 'utils/ToastUtils';
+
+const RECENT_ARTICLES_LIMIT = 6;
 
 const ContextCenterDashboardPage: FC = () => {
   const { t } = useTranslation();
   const navigate = useNavigate();
+  const { currentUser } = useApplicationStore();
+
   const [isUploadModalOpen, setIsUploadModalOpen] = useState(false);
+  const [articles, setArticles] = useState<ArticleCardItem[]>([]);
+  const [documents, setDocuments] = useState<UploadedDocumentItem[]>([]);
+  const [isArticlesLoading, setIsArticlesLoading] = useState(true);
+  const [isDocumentsLoading, setIsDocumentsLoading] = useState(true);
+
+  const handleCreateArticle = useCallback(async () => {
+    await createArticleKnowledgePage(currentUser?.id ?? '', navigate);
+  }, [currentUser, navigate]);
+
+  const fetchRecentArticles = useCallback(async () => {
+    setIsArticlesLoading(true);
+    try {
+      const response = await getListKnowledgePages({
+        fields: 'tags',
+        limit: RECENT_ARTICLES_LIMIT,
+        pageType: PageType.ARTICLE,
+      });
+      setArticles(
+        response.data.map((page: KnowledgePage) =>
+          knowledgePageToArticleItem(page, t('label.untitled'))
+        )
+      );
+    } catch (err) {
+      showErrorToast(err as AxiosError);
+    } finally {
+      setIsArticlesLoading(false);
+    }
+  }, [t]);
+
+  const fetchDocuments = useCallback(async () => {
+    setIsDocumentsLoading(true);
+    try {
+      const assets = await fetchContextCenterDocuments();
+      setDocuments(assets.map(assetToDocumentItem));
+    } catch (err) {
+      showErrorToast(err as AxiosError);
+    } finally {
+      setIsDocumentsLoading(false);
+    }
+  }, []);
+
+  useEffect(() => {
+    fetchRecentArticles();
+    fetchDocuments();
+  }, [fetchRecentArticles, fetchDocuments]);
+
+  const handleUploaded = useCallback((newAssets: Asset[]) => {
+    setDocuments((prev) => [...newAssets.map(assetToDocumentItem), ...prev]);
+  }, []);
 
   return (
     <div
@@ -43,13 +110,14 @@ const ContextCenterDashboardPage: FC = () => {
           defaultValue: 'Overview of your knowledge base and document library',
         })}
         title={t('label.dashboard')}
-        onCreateArticle={() => navigate(ROUTES.CONTEXT_CENTER_ARTICLES)}
+        onCreateArticle={handleCreateArticle}
         onUploadFile={() => setIsUploadModalOpen(true)}
       />
 
       <div className="tw:flex tw:flex-col tw:gap-6">
         <ArticleListSection
-          articles={MOCK_ARTICLES}
+          articles={articles}
+          isLoading={isArticlesLoading}
           subtitle={t('message.internal-knowledge-base-agent-training', {
             defaultValue: 'Internal knowledge base for agent training',
           })}
@@ -58,14 +126,17 @@ const ContextCenterDashboardPage: FC = () => {
         />
 
         <UploadedDocumentsSection
-          documents={MOCK_DOCUMENTS}
+          documents={documents}
+          isLoading={isDocumentsLoading}
           onViewAll={() => navigate(ROUTES.CONTEXT_CENTER_DOCUMENTS)}
         />
       </div>
 
       <UploadDocumentModal
+        entityLink={CONTEXT_CENTER_DOCUMENTS_ENTITY_LINK}
         isOpen={isUploadModalOpen}
         onClose={() => setIsUploadModalOpen(false)}
+        onUploaded={handleUploaded}
       />
     </div>
   );
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
index 156bb731e8f8..5018f05fa653 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
@@ -11,7 +11,8 @@
  *  limitations under the License.
  */
 
-import { FC, useState } from 'react';
+import { useApplicationStore } from '../../../hooks/useApplicationStore';
+import { FC, useCallback, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 import ContextCenterHeader from '../../../components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
@@ -19,12 +20,21 @@ import DocumentsView from '../../../components/ContextCenter/DocumentsView/Docum
 import UploadDocumentModal from '../../../components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component';
 import { ROUTES } from '../../../constants/constants';
 import { MOCK_FOLDERS } from '../ContextCenterPage.mock';
+import {
+  CONTEXT_CENTER_DOCUMENTS_ENTITY_LINK,
+  createArticleKnowledgePage,
+} from '../../../utils/ContextCenterUtils';
 
 const ContextCenterDocumentsPage: FC = () => {
   const { t } = useTranslation();
   const navigate = useNavigate();
+  const { currentUser } = useApplicationStore();
   const [isUploadModalOpen, setIsUploadModalOpen] = useState(false);
 
+  const handleCreateArticle = useCallback(async () => {
+    await createArticleKnowledgePage(currentUser?.id ?? '', navigate);
+  }, [currentUser, navigate]);
+
   return (
     <div
       className="tw:flex tw:flex-col tw:w-full tw:h-full tw:bg-secondary tw:px-5"
@@ -42,7 +52,7 @@ const ContextCenterDocumentsPage: FC = () => {
           defaultValue: 'Manage and organize your uploaded documents',
         })}
         title={t('label.document-plural')}
-        onCreateArticle={() => navigate(ROUTES.CONTEXT_CENTER_ARTICLES)}
+        onCreateArticle={handleCreateArticle}
         onUploadFile={() => setIsUploadModalOpen(true)}
       />
 
@@ -51,6 +61,7 @@ const ContextCenterDocumentsPage: FC = () => {
       </div>
 
       <UploadDocumentModal
+        entityLink={CONTEXT_CENTER_DOCUMENTS_ENTITY_LINK}
         isOpen={isUploadModalOpen}
         onClose={() => setIsUploadModalOpen(false)}
       />
diff --git a/openmetadata-ui/src/main/resources/ui/src/rest/assetAPI.ts b/openmetadata-ui/src/main/resources/ui/src/rest/assetAPI.ts
new file mode 100644
index 000000000000..f6593119a52b
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/rest/assetAPI.ts
@@ -0,0 +1,54 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+import { AxiosResponse } from 'axios';
+import { Asset, AssetType } from '../generated/attachments/asset';
+import APIClient from './index';
+
+export const uploadAsset = async (
+  file: File,
+  entityLink: string,
+  assetType: AssetType = AssetType.External
+): Promise<Asset> => {
+  const formData = new FormData();
+  formData.append('file', file);
+  formData.append('entityLink', entityLink);
+  formData.append('assetType', assetType);
+
+  const response = await APIClient.post<FormData, AxiosResponse<Asset>>(
+    '/attachments/upload',
+    formData,
+    { headers: { 'Content-Type': 'multipart/form-data' } }
+  );
+
+  return response.data;
+};
+
+export const listAssetsByFqn = async (
+  fqn: string,
+  assetType: AssetType = AssetType.External
+): Promise<Asset[]> => {
+  const response = await APIClient.get<Asset[]>(
+    `/attachments/fqn/${encodeURIComponent(fqn)}/${assetType}`
+  );
+
+  return response.data;
+};
+
+export const deleteAsset = async (
+  id: string,
+  hardDelete = false
+): Promise<void> => {
+  await APIClient.delete(`/attachments/${id}`, {
+    params: { hardDelete },
+  });
+};
diff --git a/openmetadata-ui/src/main/resources/ui/src/rest/knowledgeCenterAPI.ts b/openmetadata-ui/src/main/resources/ui/src/rest/knowledgeCenterAPI.ts
index 70044fb423d3..f1a30ea8c8c4 100644
--- a/openmetadata-ui/src/main/resources/ui/src/rest/knowledgeCenterAPI.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/rest/knowledgeCenterAPI.ts
@@ -34,7 +34,16 @@ export interface KnowledgePageHierarchyParams {
   limit: number;
 }
 
-export const getListKnowledgePages = async (params?: ListParams) => {
+export type KnowledgePageListParams = ListParams & {
+  pageType?: PageType;
+  entityType?: string;
+  entityId?: string;
+  tagFQN?: string;
+};
+
+export const getListKnowledgePages = async (
+  params?: KnowledgePageListParams
+) => {
   const response = await APIClient.get<PagingResponse<KnowledgePage[]>>(
     '/knowledgeCenter',
     { params }
diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.ts b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.ts
new file mode 100644
index 000000000000..4fbb1b08a28c
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.ts
@@ -0,0 +1,131 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import { AxiosError } from 'axios';
+import cryptoRandomString from 'crypto-random-string-with-promisify-polyfill';
+import { ArticleCardItem } from '../components/ContextCenter/ArticleCard/ArticleCard.interface';
+import { UploadedDocumentItem } from '../components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.interface';
+import { CREATE_PAGE_HASH, ROUTES } from '../constants/constants';
+import { EntityType } from '../enums/entity.enum';
+import { Asset, AssetType } from '../generated/attachments/asset';
+import { CreateKnowledgePage, PageType } from '../interface/knowledge-center.interface';
+import { listAssetsByFqn } from '../rest/assetAPI';
+import { postKnowledgePage } from '../rest/knowledgeCenterAPI';
+import EntityLink from './EntityLink';
+import { getContextCenterArticlePath } from './KnowledgePageUtils';
+import { showErrorToast } from './ToastUtils';
+
+export const CONTEXT_CENTER_DOCUMENTS_FQN = 'contextCenter.documents';
+
+export const CONTEXT_CENTER_DOCUMENTS_ENTITY_LINK = EntityLink.getEntityLink(
+  EntityType.KNOWLEDGE_PAGE,
+  CONTEXT_CENTER_DOCUMENTS_FQN
+);
+
+export const extensionToFileType = (
+  fileName: string
+): UploadedDocumentItem['fileType'] => {
+  const ext = fileName.split('.').pop()?.toLowerCase() ?? '';
+
+  if (['doc', 'docx'].includes(ext)) {
+    return 'doc';
+  }
+  if (ext === 'pdf') {
+    return 'pdf';
+  }
+  if (['xls', 'xlsx', 'csv'].includes(ext)) {
+    return 'xls';
+  }
+  if (['jpg', 'jpeg', 'png', 'gif', 'svg', 'webp'].includes(ext)) {
+    return 'image';
+  }
+
+  return 'other';
+};
+
+export const formatBytes = (bytes?: number): string => {
+  if (!bytes) {
+    return '';
+  }
+  if (bytes < 1024) {
+    return `${bytes} B`;
+  }
+  if (bytes < 1024 * 1024) {
+    return `${(bytes / 1024).toFixed(1)} KB`;
+  }
+
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+};
+
+export const assetToDocumentItem = (asset: Asset): UploadedDocumentItem => ({
+  fileType: extensionToFileType(asset.fileName),
+  id: asset.id,
+  name: asset.fileName,
+  sizeLabel: formatBytes(asset.size),
+  status: 'processed',
+});
+
+export const knowledgePageToArticleItem = (
+  page: {
+    id: string;
+    displayName?: string;
+    description?: string;
+    updatedAt: number;
+    tags?: { tagFQN: string }[];
+    fullyQualifiedName?: string;
+  },
+  untitledLabel: string
+): ArticleCardItem => ({
+  description: page.description ?? '',
+  href: page.fullyQualifiedName
+    ? `${ROUTES.CONTEXT_CENTER_ARTICLES}/${page.fullyQualifiedName}`
+    : undefined,
+  id: page.id,
+  lastEditedAt: page.updatedAt,
+  tags: (page.tags ?? []).map((tag) => ({
+    label: tag.tagFQN.split('.').pop() ?? tag.tagFQN,
+  })),
+  title: page.displayName || untitledLabel,
+});
+
+export const fetchContextCenterDocuments = async (): Promise<Asset[]> => {
+  return listAssetsByFqn(CONTEXT_CENTER_DOCUMENTS_FQN, AssetType.External);
+};
+
+export const createArticleKnowledgePage = async (
+  userId: string,
+  navigate: (to: { hash: string; pathname: string }) => void,
+  onResourceLimit?: () => void
+): Promise<void> => {
+  try {
+    const data: CreateKnowledgePage = {
+      description: '',
+      displayName: '',
+      name: `${PageType.ARTICLE}_${cryptoRandomString({
+        length: 8,
+        type: 'alphanumeric',
+      })}`,
+      owners: [{ id: userId, type: 'user' }],
+      page: { publicationDate: new Date(), relatedArticles: [] },
+      pageType: PageType.ARTICLE,
+    };
+    const response = await postKnowledgePage(data);
+    onResourceLimit?.();
+    navigate({
+      hash: CREATE_PAGE_HASH,
+      pathname: getContextCenterArticlePath(response.fullyQualifiedName),
+    });
+  } catch (error) {
+    showErrorToast(error as AxiosError);
+  }
+};

From 49f1e407356de578df616d2d0acfd1c864d0fb79 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Mon, 11 May 2026 17:54:38 +0530
Subject: [PATCH 05/59] fixed article sidebar refresh

---
 .../ArticleDetailHeader/ArticleDetailHeader.component.tsx     | 4 ++--
 .../KnowledgePagesHierarchy/KnowledgePagesHierarchy.tsx       | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
index cb418137e0f3..3cd03c5257af 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
@@ -162,16 +162,16 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
     },
   ];
 
-  const afterDeleteAction = (isSoftDelete?: boolean) => {
+  const afterDeleteAction = async (isSoftDelete?: boolean) => {
     updateKnowledgeCenterRecentViewed(
       recentlyViewed.filter((page) => page.id !== knowledgePage?.id)
     );
+    await fetchKnowledgePageHierarchy?.(true);
     if (isSoftDelete) {
       onToggleDelete();
     } else {
       navigate(ROUTES.CONTEXT_CENTER_ARTICLES);
     }
-    fetchKnowledgePageHierarchy?.(true);
   };
 
   const handleShare = async () => {
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.tsx
index 6a9c9fb5faa6..18dc824060d7 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.tsx
@@ -233,7 +233,7 @@ const KnowledgePagesHierarchy = forwardRef<
           });
         }
 
-        if (isCreateHash) {
+        if (isCreateHash || forceRefresh) {
           setKnowledgePageHierarchy(data);
         } else {
           // Check if we have an activeFqn that represents a nested child node

From 4696aff19641e41d50556cf5401bdac2368e9a83 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Mon, 11 May 2026 20:26:03 +0530
Subject: [PATCH 06/59] fixed document listing

---
 .../resources/ui/src/assets/svg/ic-doc.svg    |   6 +
 .../resources/ui/src/assets/svg/ic-image.svg  |  21 ++
 .../resources/ui/src/assets/svg/ic-pdf.svg    |   6 +
 .../resources/ui/src/assets/svg/ic-xls.svg    |   6 +
 .../DocumentsView/DocumentsView.component.tsx | 217 +++++-------------
 .../DocumentsView/DocumentsView.interface.ts  |   5 +-
 .../UploadDocumentModal.component.tsx         | 128 ++++++-----
 .../UploadedDocumentCard.component.tsx        |  20 +-
 .../ContextCenterDashboardPage.tsx            |   2 +-
 .../ContextCenterDocumentsPage.tsx            |  30 ++-
 ...tCenterUtils.ts => ContextCenterUtils.tsx} |  29 ++-
 11 files changed, 236 insertions(+), 234 deletions(-)
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-doc.svg
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-image.svg
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-pdf.svg
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-xls.svg
 rename openmetadata-ui/src/main/resources/ui/src/utils/{ContextCenterUtils.ts => ContextCenterUtils.tsx} (82%)

diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-doc.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-doc.svg
new file mode 100644
index 000000000000..4e878c479a2c
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-doc.svg
@@ -0,0 +1,6 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 0.75H27C27.1212 0.75 27.2375 0.798088 27.3232 0.883789L38.1162 11.6768C38.2019 11.7625 38.25 11.8788 38.25 12V36C38.25 37.7949 36.7949 39.25 35 39.25H11C9.20507 39.25 7.75 37.7949 7.75 36V4C7.75 2.20507 9.20508 0.75 11 0.75Z" stroke="#D5D7DA" stroke-width="1.5"/>
+<path d="M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5" stroke="#D5D7DA" stroke-width="1.5"/>
+<rect x="1" y="18" width="29" height="16" rx="2" fill="#155EEF"/>
+<path d="M7.40163 30H4.82351V22.7273H7.42294C8.15447 22.7273 8.78421 22.8729 9.31214 23.1641C9.84008 23.4529 10.2461 23.8684 10.5302 24.4105C10.8166 24.9527 10.9599 25.6013 10.9599 26.3565C10.9599 27.1141 10.8166 27.7652 10.5302 28.3097C10.2461 28.8542 9.83771 29.272 9.30504 29.5632C8.77474 29.8544 8.14027 30 7.40163 30ZM6.36115 28.6825H7.33771C7.79226 28.6825 8.1746 28.602 8.48473 28.4411C8.79723 28.2777 9.03161 28.0256 9.18786 27.6847C9.34647 27.3414 9.42578 26.8987 9.42578 26.3565C9.42578 25.8191 9.34647 25.38 9.18786 25.0391C9.03161 24.6982 8.79841 24.4472 8.48828 24.2862C8.17815 24.1252 7.79581 24.0447 7.34126 24.0447H6.36115V28.6825ZM18.7821 26.3636C18.7821 27.1567 18.6318 27.8314 18.3311 28.3878C18.0328 28.9441 17.6257 29.3691 17.1096 29.6626C16.5958 29.9538 16.0182 30.0994 15.3766 30.0994C14.7303 30.0994 14.1503 29.9527 13.6365 29.6591C13.1228 29.3655 12.7168 28.9406 12.4185 28.3842C12.1202 27.8279 11.9711 27.1544 11.9711 26.3636C11.9711 25.5705 12.1202 24.8958 12.4185 24.3395C12.7168 23.7831 13.1228 23.3594 13.6365 23.0682C14.1503 22.7746 14.7303 22.6278 15.3766 22.6278C16.0182 22.6278 16.5958 22.7746 17.1096 23.0682C17.6257 23.3594 18.0328 23.7831 18.3311 24.3395C18.6318 24.8958 18.7821 25.5705 18.7821 26.3636ZM17.2232 26.3636C17.2232 25.8499 17.1462 25.4167 16.9924 25.0639C16.8408 24.7112 16.6266 24.4437 16.3496 24.2614C16.0726 24.0791 15.7483 23.9879 15.3766 23.9879C15.0049 23.9879 14.6806 24.0791 14.4036 24.2614C14.1266 24.4437 13.9112 24.7112 13.7573 25.0639C13.6058 25.4167 13.53 25.8499 13.53 26.3636C13.53 26.8774 13.6058 27.3106 13.7573 27.6634C13.9112 28.0161 14.1266 28.2836 14.4036 28.4659C14.6806 28.6482 15.0049 28.7393 15.3766 28.7393C15.7483 28.7393 16.0726 28.6482 16.3496 28.4659C16.6266 28.2836 16.8408 28.0161 16.9924 27.6634C17.1462 27.3106 17.2232 26.8774 17.2232 26.3636ZM26.3381 25.2734H24.7827C24.7543 25.0722 24.6963 24.8935 24.6087 24.7372C24.5211 24.5786 24.4086 24.4437 24.2713 24.3324C24.134 24.2211 23.9754 24.1359 23.7955 24.0767C23.6179 24.0175 23.425 23.9879 23.2166 23.9879C22.8402 23.9879 22.5123 24.0814 22.233 24.2685C21.9536 24.4531 21.737 24.723 21.5831 25.0781C21.4292 25.4309 21.3523 25.8594 21.3523 26.3636C21.3523 26.8821 21.4292 27.3177 21.5831 27.6705C21.7393 28.0232 21.9571 28.2895 22.2365 28.4695C22.5159 28.6494 22.839 28.7393 23.206 28.7393C23.4119 28.7393 23.6025 28.7121 23.7777 28.6577C23.9553 28.6032 24.1127 28.5239 24.25 28.4197C24.3873 28.3132 24.5009 28.1842 24.5909 28.0327C24.6832 27.8812 24.7472 27.7083 24.7827 27.5142L26.3381 27.5213C26.2978 27.8551 26.1972 28.1771 26.0362 28.4872C25.8776 28.795 25.6634 29.0708 25.3935 29.3146C25.1259 29.5561 24.8063 29.7479 24.4347 29.8899C24.0653 30.0296 23.6475 30.0994 23.1811 30.0994C22.5324 30.0994 21.9524 29.9527 21.4411 29.6591C20.9321 29.3655 20.5296 28.9406 20.2337 28.3842C19.9401 27.8279 19.7933 27.1544 19.7933 26.3636C19.7933 25.5705 19.9425 24.8958 20.2408 24.3395C20.5391 23.7831 20.9439 23.3594 21.4553 23.0682C21.9666 22.7746 22.5419 22.6278 23.1811 22.6278C23.6025 22.6278 23.9931 22.687 24.353 22.8054C24.7152 22.9238 25.036 23.0966 25.3153 23.3239C25.5947 23.5488 25.822 23.8246 25.9972 24.1513C26.1747 24.478 26.2884 24.852 26.3381 25.2734Z" fill="white"/>
+</svg>
diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-image.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-image.svg
new file mode 100644
index 000000000000..c9c3b1886536
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-image.svg
@@ -0,0 +1,21 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_4315_6416" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="0" width="32" height="40">
+<path d="M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z" fill="url(#paint0_linear_4315_6416)"/>
+</mask>
+<g mask="url(#mask0_4315_6416)">
+<path d="M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z" fill="#F5F5F5"/>
+</g>
+<path d="M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z" fill="#E9EAEB"/>
+<g clip-path="url(#clip0_4315_6416)">
+<path d="M24.6667 30H25.3403C25.9877 30 26.3114 30 26.4899 29.865C26.6453 29.7474 26.7415 29.5677 26.7531 29.3731C26.7665 29.1497 26.5869 28.8804 26.2278 28.3417L24.2209 25.3313C23.9241 24.8862 23.7757 24.6636 23.5887 24.586C23.4252 24.5182 23.2415 24.5182 23.078 24.586C22.8909 24.6636 22.7426 24.8862 22.4458 25.3313L21.9497 26.0755M24.6667 30L19.5437 22.6001C19.2491 22.1745 19.1017 21.9618 18.9177 21.887C18.7568 21.8215 18.5766 21.8215 18.4156 21.887C18.2316 21.9618 18.0843 22.1745 17.7897 22.6001L13.8255 28.3262C13.4501 28.8684 13.2625 29.1394 13.2731 29.3649C13.2824 29.5612 13.3779 29.7435 13.5341 29.8629C13.7133 30 14.0431 30 14.7025 30H24.6667ZM26 20C26 21.1046 25.1046 22 24 22C22.8954 22 22 21.1046 22 20C22 18.8954 22.8954 18 24 18C25.1046 18 26 18.8954 26 20Z" stroke="#414651" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_4315_6416" x1="20" y1="0" x2="20" y2="40" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0.4"/>
+<stop offset="1"/>
+</linearGradient>
+<clipPath id="clip0_4315_6416">
+<rect width="16" height="16" fill="white" transform="translate(12 16)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-pdf.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-pdf.svg
new file mode 100644
index 000000000000..8db99ed2eba3
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-pdf.svg
@@ -0,0 +1,6 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 0.75H27C27.1212 0.75 27.2375 0.798088 27.3232 0.883789L38.1162 11.6768C38.2019 11.7625 38.25 11.8788 38.25 12V36C38.25 37.7949 36.7949 39.25 35 39.25H11C9.20507 39.25 7.75 37.7949 7.75 36V4C7.75 2.20507 9.20508 0.75 11 0.75Z" stroke="#D5D7DA" stroke-width="1.5"/>
+<path d="M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5" stroke="#D5D7DA" stroke-width="1.5"/>
+<rect x="1" y="18" width="26" height="16" rx="2" fill="#D92D20"/>
+<path d="M4.8323 30V22.7273H7.70162C8.25323 22.7273 8.72316 22.8326 9.11142 23.0433C9.49967 23.2517 9.7956 23.5417 9.9992 23.9134C10.2052 24.2827 10.3082 24.7088 10.3082 25.1918C10.3082 25.6747 10.204 26.1009 9.99565 26.4702C9.78732 26.8395 9.48547 27.1271 9.09011 27.3331C8.69712 27.5391 8.22127 27.642 7.66255 27.642H5.83372V26.4098H7.41397C7.7099 26.4098 7.95375 26.3589 8.14551 26.2571C8.33964 26.1529 8.48405 26.0097 8.57875 25.8274C8.67581 25.6428 8.72434 25.4309 8.72434 25.1918C8.72434 24.9503 8.67581 24.7396 8.57875 24.5597C8.48405 24.3774 8.33964 24.2365 8.14551 24.1371C7.95138 24.0353 7.70517 23.9844 7.40687 23.9844H6.36994V30H4.8323ZM13.885 30H11.3069V22.7273H13.9063C14.6379 22.7273 15.2676 22.8729 15.7955 23.1641C16.3235 23.4529 16.7295 23.8684 17.0136 24.4105C17.3 24.9527 17.4433 25.6013 17.4433 26.3565C17.4433 27.1141 17.3 27.7652 17.0136 28.3097C16.7295 28.8542 16.3211 29.272 15.7884 29.5632C15.2581 29.8544 14.6237 30 13.885 30ZM12.8445 28.6825H13.8211C14.2757 28.6825 14.658 28.602 14.9681 28.4411C15.2806 28.2777 15.515 28.0256 15.6713 27.6847C15.8299 27.3414 15.9092 26.8987 15.9092 26.3565C15.9092 25.8191 15.8299 25.38 15.6713 25.0391C15.515 24.6982 15.2818 24.4472 14.9717 24.2862C14.6615 24.1252 14.2792 24.0447 13.8247 24.0447H12.8445V28.6825ZM18.5823 30V22.7273H23.3976V23.995H20.1199V25.728H23.078V26.9957H20.1199V30H18.5823Z" fill="white"/>
+</svg>
diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-xls.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-xls.svg
new file mode 100644
index 000000000000..ab49e1afc313
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-xls.svg
@@ -0,0 +1,6 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 0.75H27C27.1212 0.75 27.2375 0.798088 27.3232 0.883789L38.1162 11.6768C38.2019 11.7625 38.25 11.8788 38.25 12V36C38.25 37.7949 36.7949 39.25 35 39.25H11C9.20507 39.25 7.75 37.7949 7.75 36V4C7.75 2.20507 9.20508 0.75 11 0.75Z" stroke="#D5D7DA" stroke-width="1.5"/>
+<path d="M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5" stroke="#D5D7DA" stroke-width="1.5"/>
+<rect x="1" y="18" width="26" height="16" rx="2" fill="#079455"/>
+<path d="M6.38636 22.7273L7.85298 25.206H7.9098L9.38352 22.7273H11.12L8.90057 26.3636L11.1697 30H9.40128L7.9098 27.5178H7.85298L6.36151 30H4.60014L6.87642 26.3636L4.64276 22.7273H6.38636ZM12.093 30V22.7273H13.6307V28.7322H16.7486V30H12.093ZM21.7122 24.8189C21.6838 24.5324 21.5618 24.3099 21.3464 24.1513C21.131 23.9927 20.8386 23.9134 20.4693 23.9134C20.2183 23.9134 20.0065 23.9489 19.8336 24.0199C19.6608 24.0885 19.5282 24.1844 19.4359 24.3075C19.3459 24.4306 19.301 24.5703 19.301 24.7266C19.2962 24.8568 19.3234 24.9704 19.3826 25.0675C19.4442 25.1645 19.5282 25.2486 19.6348 25.3196C19.7413 25.3883 19.8644 25.4486 20.0041 25.5007C20.1438 25.5504 20.2929 25.593 20.4515 25.6286L21.1049 25.7848C21.4222 25.8558 21.7134 25.9505 21.9785 26.0689C22.2437 26.1873 22.4733 26.3329 22.6674 26.5057C22.8616 26.6785 23.0119 26.8821 23.1184 27.1165C23.2273 27.3509 23.283 27.6196 23.2853 27.9226C23.283 28.3677 23.1693 28.7536 22.9444 29.0803C22.7219 29.4046 22.3999 29.6567 21.9785 29.8366C21.5595 30.0142 21.054 30.103 20.4622 30.103C19.8751 30.103 19.3637 30.013 18.9281 29.8331C18.4949 29.6532 18.1563 29.3868 17.9125 29.0341C17.671 28.679 17.5443 28.2398 17.5325 27.7166H19.0204C19.037 27.9605 19.1068 28.1641 19.2299 28.3274C19.3554 28.4884 19.5223 28.6103 19.7306 28.6932C19.9413 28.7737 20.1793 28.8139 20.4444 28.8139C20.7048 28.8139 20.9309 28.776 21.1227 28.7003C21.3168 28.6245 21.4672 28.5192 21.5737 28.3842C21.6802 28.2493 21.7335 28.0942 21.7335 27.919C21.7335 27.7557 21.685 27.6184 21.5879 27.5071C21.4932 27.3958 21.3535 27.3011 21.1689 27.223C20.9866 27.1449 20.7628 27.0739 20.4977 27.0099L19.7058 26.8111C19.0926 26.6619 18.6085 26.4287 18.2534 26.1115C17.8983 25.7943 17.7219 25.367 17.7243 24.8295C17.7219 24.3892 17.8391 24.0045 18.0758 23.6754C18.3149 23.3464 18.6428 23.0895 19.0595 22.9048C19.4761 22.7202 19.9496 22.6278 20.4799 22.6278C21.0197 22.6278 21.4908 22.7202 21.8933 22.9048C22.2981 23.0895 22.613 23.3464 22.8379 23.6754C23.0628 24.0045 23.1788 24.3857 23.1859 24.8189H21.7122Z" fill="white"/>
+</svg>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
index 4c9574bec831..82024a42f59e 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
@@ -15,25 +15,17 @@ import {
   ButtonUtility,
   Card,
   Dropdown,
+  Skeleton,
   Typography,
 } from '@openmetadata/ui-core-components';
-import {
-  ChevronDown,
-  ChevronRight,
-  Download01,
-  Folder,
-  Move,
-  Share07,
-  Trash01,
-} from '@untitledui/icons';
-import { FC, useState } from 'react';
+import { Download01, Move, Share07, Trash01 } from '@untitledui/icons';
+import { FC } from 'react';
 import { useTranslation } from 'react-i18next';
 import ErrorPlaceHolder from '../../../components/common/ErrorWithPlaceholder/ErrorPlaceHolder';
 import { ERROR_PLACEHOLDER_TYPE } from '../../../enums/common.enum';
 import {
   DocFile,
   DocFileType,
-  DocFolder,
   DocumentsViewProps,
 } from './DocumentsView.interface';
 
@@ -48,11 +40,12 @@ const FILE_TYPE_STYLES: Record<
   image: { bg: 'tw:bg-gray-100', label: 'IMG', text: 'tw:text-gray-600' },
   other: { bg: 'tw:bg-gray-100', label: 'FILE', text: 'tw:text-gray-600' },
   pdf: { bg: 'tw:bg-red-100', label: 'PDF', text: 'tw:text-red-700' },
-  xlsx: { bg: 'tw:bg-green-100', label: 'XLSX', text: 'tw:text-green-700' },
+  xls: { bg: 'tw:bg-green-100', label: 'XLSX', text: 'tw:text-green-700' },
 };
 
 const FileTypeBadge: FC<{ fileType: DocFileType }> = ({ fileType }) => {
-  const { bg, label, text } = FILE_TYPE_STYLES[fileType];
+  console.log(fileType);
+  const { bg, label, text } = FILE_TYPE_STYLES[fileType || 'other'];
 
   return (
     <span
@@ -66,7 +59,6 @@ const FileTypeBadge: FC<{ fileType: DocFileType }> = ({ fileType }) => {
 
 interface FileActionsProps {
   file: DocFile;
-  onDownload?: (file: DocFile) => void;
   onMoveToFolder?: (file: DocFile) => void;
   onShareFile?: (file: DocFile) => void;
   onDeleteFile?: (file: DocFile) => void;
@@ -75,7 +67,6 @@ interface FileActionsProps {
 const FileActions: FC<FileActionsProps> = ({
   file,
   onDeleteFile,
-  onDownload,
   onMoveToFolder,
   onShareFile,
 }) => {
@@ -114,6 +105,35 @@ const FileActions: FC<FileActionsProps> = ({
   );
 };
 
+const FileRowSkeleton: FC = () => (
+  <div className="tw:flex tw:items-center tw:gap-4 tw:px-4 tw:py-3 tw:border-b tw:border-secondary">
+    {/* File type badge */}
+    <Skeleton
+      className="tw:shrink-0"
+      height="40px"
+      variant="rounded"
+      width="40px"
+    />
+
+    {/* File details */}
+    <div className="tw:flex tw:min-w-0 tw:flex-1 tw:flex-col tw:gap-2">
+      <Skeleton height="14px" variant="rounded" width="45%" />
+
+      <div className="tw:flex tw:items-center tw:gap-2">
+        <Skeleton height="12px" variant="rounded" width="56px" />
+        <Skeleton height="12px" variant="rounded" width="72px" />
+        <Skeleton height="12px" variant="rounded" width="96px" />
+      </div>
+    </div>
+
+    {/* Actions */}
+    <div className="tw:flex tw:items-center tw:gap-2 tw:shrink-0">
+      <Skeleton height="32px" variant="rounded" width="32px" />
+      <Skeleton height="32px" variant="rounded" width="32px" />
+    </div>
+  </div>
+);
+
 // ─── File row ─────────────────────────────────────────────────────────────────
 
 interface FileRowProps {
@@ -170,7 +190,6 @@ const FileRow: FC<FileRowProps> = ({
       <FileActions
         file={file}
         onDeleteFile={onDeleteFile}
-        onDownload={onDownload}
         onMoveToFolder={onMoveToFolder}
         onShareFile={onShareFile}
       />
@@ -178,161 +197,43 @@ const FileRow: FC<FileRowProps> = ({
   </div>
 );
 
-// ─── Folder tree item ─────────────────────────────────────────────────────────
-
-interface FolderTreeItemProps {
-  folder: DocFolder;
-  isSelected: boolean;
-  selectedFileId: string | null;
-  onSelectFolder: (folderId: string) => void;
-  onSelectFile: (file: DocFile) => void;
-}
-
-const FolderTreeItem: FC<FolderTreeItemProps> = ({
-  folder,
-  isSelected,
-  onSelectFile,
-  onSelectFolder,
-  selectedFileId,
-}) => {
-  const [isOpen, setIsOpen] = useState(isSelected);
-
-  const toggleOpen = () => {
-    setIsOpen((prev) => !prev);
-    onSelectFolder(folder.id);
-  };
-
-  return (
-    <div>
-      <button
-        className="tw:w-full tw:flex tw:items-center tw:gap-2 tw:px-3 tw:py-2 tw:rounded-lg tw:border-0 tw:bg-transparent tw:cursor-pointer tw:text-left tw:text-[var(--color-text-secondary)] tw:hover:bg-[var(--color-bg-secondary)] tw:transition-colors tw:duration-100"
-        type="button"
-        onClick={toggleOpen}>
-        {isOpen ? (
-          <ChevronDown className="tw:w-4 tw:h-4 tw:shrink-0" strokeWidth={2} />
-        ) : (
-          <ChevronRight className="tw:w-4 tw:h-4 tw:shrink-0" strokeWidth={2} />
-        )}
-        <Folder
-          className={
-            isOpen
-              ? 'tw:w-4 tw:h-4 tw:shrink-0 tw:text-[var(--color-text-brand)]'
-              : 'tw:w-4 tw:h-4 tw:shrink-0 tw:text-[var(--color-text-tertiary)]'
-          }
-          strokeWidth={1.75}
-        />
-        <Typography
-          className="tw:truncate tw:text-[var(--color-text-primary)]"
-          size="text-sm"
-          weight="medium">
-          {folder.name}
-        </Typography>
-      </button>
-
-      {isOpen && (
-        <div className="tw:ml-6 tw:mt-0.5 tw:flex tw:flex-col tw:gap-0.5">
-          {folder.files.map((file) => (
-            <button
-              className={[
-                'tw:w-full tw:flex tw:items-center tw:gap-2 tw:px-3 tw:py-1.5 tw:rounded-md tw:border-0 tw:bg-transparent tw:cursor-pointer tw:text-left tw:transition-colors tw:duration-100',
-                selectedFileId === file.id
-                  ? 'tw:bg-[var(--color-bg-brand-secondary)] tw:text-[var(--color-text-brand)]'
-                  : 'tw:text-[var(--color-text-secondary)] tw:hover:bg-[var(--color-bg-secondary)]',
-              ].join(' ')}
-              key={file.id}
-              type="button"
-              onClick={() => onSelectFile(file)}>
-              <FileTypeBadge fileType={file.fileType} />
-              <Typography
-                className="tw:truncate"
-                size="text-xs"
-                weight="medium">
-                {file.name}
-              </Typography>
-            </button>
-          ))}
-        </div>
-      )}
-    </div>
-  );
-};
-
 // ─── Main component ───────────────────────────────────────────────────────────
 
 const DocumentsView: FC<DocumentsViewProps> = ({
-  folders,
+  data,
+  isLoading,
   onDeleteFile,
   onDownload,
   onMoveToFolder,
   onShareFile,
 }) => {
-  const { t } = useTranslation();
-  const [selectedFolderId, setSelectedFolderId] = useState<string>(
-    folders[0]?.id ?? ''
-  );
-  const [selectedFileId, setSelectedFileId] = useState<string | null>(null);
-
-  const visibleFiles: DocFile[] = selectedFolderId
-    ? folders.find((f) => f.id === selectedFolderId)?.files ?? []
-    : folders.flatMap((f) => f.files);
-
   return (
     <Card
       className="tw:flex tw:h-full tw:overflow-hidden"
       data-testid="documents-view">
-      {/* Left: folder tree */}
-      {/* <aside className="tw:w-72 tw:shrink-0 tw:border-r tw:border-[var(--color-border-primary)] tw:p-3 tw:flex tw:flex-col tw:gap-1 tw:overflow-y-auto">
-        <div className="tw:flex tw:items-center tw:gap-2 tw:px-3 tw:py-2 tw:mb-1">
-          <Folder
-            className="tw:w-5 tw:h-5 tw:text-[var(--color-text-tertiary)]"
-            strokeWidth={1.75}
-          />
-          <Typography
-            className="tw:text-[var(--color-text-primary)]"
-            size="text-sm"
-            weight="semibold">
-            {t('label.folder', { defaultValue: 'Folder' })}
-          </Typography>
-          <Typography
-            className="tw:text-[var(--color-text-tertiary)] tw:ml-1"
-            size="text-xs">
-            {t('message.group-documents-by-folder', {
-              defaultValue: 'Group documents by folder',
-            })}
-          </Typography>
-        </div>
-
-        {folders.map((folder) => (
-          <FolderTreeItem
-            folder={folder}
-            isSelected={selectedFolderId === folder.id}
-            key={folder.id}
-            selectedFileId={selectedFileId}
-            onSelectFile={(file) => setSelectedFileId(file.id)}
-            onSelectFolder={setSelectedFolderId}
-          />
-        ))}
-      </aside> */}
-
       {/* Right: file list */}
-      <div className="tw:flex tw:flex-1 tw:flex-col tw:overflow-y-auto">
-        {visibleFiles.length === 0 ? (
-          <div className="tw:flex tw:flex-1 tw:items-center tw:justify-center tw:p-12">
-            <ErrorPlaceHolder type={ERROR_PLACEHOLDER_TYPE.NO_DATA} />
-          </div>
-        ) : (
-          visibleFiles.map((file) => (
-            <FileRow
-              file={file}
-              key={file.id}
-              onDeleteFile={onDeleteFile}
-              onDownload={onDownload}
-              onMoveToFolder={onMoveToFolder}
-              onShareFile={onShareFile}
-            />
-          ))
-        )}
-      </div>
+      {data.length > 0 || isLoading ? (
+        <div className="tw:flex tw:flex-1 tw:flex-col tw:overflow-y-auto">
+          {isLoading
+            ? Array.from({ length: 8 }).map((_, idx) => (
+                <FileRowSkeleton key={idx} />
+              ))
+            : data.map((file) => (
+                <FileRow
+                  file={file}
+                  key={file.id}
+                  onDeleteFile={onDeleteFile}
+                  onDownload={onDownload}
+                  onMoveToFolder={onMoveToFolder}
+                  onShareFile={onShareFile}
+                />
+              ))}
+        </div>
+      ) : (
+        <div className="tw:flex tw:flex-1 tw:items-center tw:justify-center tw:p-12">
+          <ErrorPlaceHolder type={ERROR_PLACEHOLDER_TYPE.NO_DATA} />
+        </div>
+      )}
     </Card>
   );
 };
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.interface.ts
index c2d57b074ab4..45ecc9977e6d 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.interface.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.interface.ts
@@ -11,7 +11,7 @@
  *  limitations under the License.
  */
 
-export type DocFileType = 'pdf' | 'xlsx' | 'csv' | 'doc' | 'image' | 'other';
+export type DocFileType = 'pdf' | 'xls' | 'csv' | 'doc' | 'image' | 'other';
 
 export interface DocFile {
   id: string;
@@ -30,7 +30,8 @@ export interface DocFolder {
 }
 
 export interface DocumentsViewProps {
-  folders: DocFolder[];
+  data: DocFolder[];
+  isLoading: boolean;
   onDownload?: (file: DocFile) => void;
   onMoveToFolder?: (file: DocFile) => void;
   onShareFile?: (file: DocFile) => void;
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
index 1271a1913f83..a6f786371ca4 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
@@ -20,13 +20,13 @@ import {
   ModalOverlay,
 } from '@openmetadata/ui-core-components';
 import { Asset } from 'generated/attachments/asset';
-import { FC, useState } from 'react';
+import { FC, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { uploadAsset } from 'rest/assetAPI';
 import { showErrorToast } from 'utils/ToastUtils';
 import { UploadDocumentModalProps } from './UploadDocumentModal.interface';
 
-type UploadStatus = 'pending' | 'uploading' | 'done' | 'error';
+type UploadStatus = 'uploading' | 'done' | 'error' | 'size-error';
 
 interface QueuedFile {
   id: string;
@@ -43,72 +43,88 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
 }) => {
   const { t } = useTranslation();
   const [queuedFiles, setQueuedFiles] = useState<QueuedFile[]>([]);
-  const [isUploading, setIsUploading] = useState(false);
+  const uploadedAssetsRef = useRef<Asset[]>([]);
+
+  const handleClose = () => {
+    if (uploadedAssetsRef.current.length > 0) {
+      onUploaded?.(uploadedAssetsRef.current);
+    }
+
+    uploadedAssetsRef.current = [];
+    setQueuedFiles([]);
+    onClose();
+  };
+
+  const uploadSingleFile = async (entry: QueuedFile): Promise<void> => {
+    try {
+      const asset = await uploadAsset(entry.file, entityLink);
+      uploadedAssetsRef.current = [...uploadedAssetsRef.current, asset];
+      setQueuedFiles((prev) =>
+        prev.map((f) =>
+          f.id === entry.id ? { ...f, progress: 100, status: 'done' } : f
+        )
+      );
+    } catch {
+      setQueuedFiles((prev) =>
+        prev.map((f) =>
+          f.id === entry.id ? { ...f, progress: 0, status: 'error' } : f
+        )
+      );
+    }
+  };
 
   const handleDropFiles = (files: FileList) => {
     const newEntries: QueuedFile[] = Array.from(files).map((file) => ({
       file,
       id: `${file.name}-${file.size}-${Date.now()}`,
       progress: 0,
-      status: 'pending' as UploadStatus,
+      status: 'uploading' as UploadStatus,
     }));
 
     setQueuedFiles((prev) => [...prev, ...newEntries]);
+
+    newEntries.forEach((entry) => uploadSingleFile(entry));
   };
 
-  const handleRemove = (id: string) => {
-    setQueuedFiles((prev) => prev.filter((f) => f.id !== id));
+  const handleSizeLimitExceed = (files: FileList) => {
+    const oversizedEntries: QueuedFile[] = Array.from(files).map((file) => ({
+      file,
+      id: `${file.name}-${file.size}-${Date.now()}`,
+      progress: 0,
+      status: 'size-error' as UploadStatus,
+    }));
+
+    setQueuedFiles((prev) => [...prev, ...oversizedEntries]);
+    showErrorToast(
+      t('message.file-size-limit-exceeded', {
+        defaultValue:
+          'Some files exceed the 5 MB size limit and were not uploaded.',
+      })
+    );
   };
 
-  const handleClose = () => {
-    setQueuedFiles([]);
-    onClose();
+  const handleRemove = (id: string) => {
+    setQueuedFiles((prev) => prev.filter((f) => f.id !== id));
   };
 
-  const handleAttach = async () => {
-    const pending = queuedFiles.filter((f) => f.status === 'pending');
+  const handleRetry = (id: string) => {
+    const entry = queuedFiles.find((f) => f.id === id);
 
-    if (pending.length === 0) {
+    if (!entry) {
       return;
     }
 
-    setIsUploading(true);
-    const uploaded: Asset[] = [];
+    setQueuedFiles((prev) =>
+      prev.map((f) =>
+        f.id === id ? { ...f, progress: 0, status: 'uploading' } : f
+      )
+    );
 
-    for (const entry of pending) {
-      setQueuedFiles((prev) =>
-        prev.map((f) =>
-          f.id === entry.id ? { ...f, progress: 0, status: 'uploading' } : f
-        )
-      );
-
-      try {
-        const asset = await uploadAsset(entry.file, entityLink);
-        uploaded.push(asset);
-        setQueuedFiles((prev) =>
-          prev.map((f) =>
-            f.id === entry.id ? { ...f, progress: 100, status: 'done' } : f
-          )
-        );
-      } catch (err) {
-        showErrorToast(err as Error);
-        setQueuedFiles((prev) =>
-          prev.map((f) =>
-            f.id === entry.id ? { ...f, status: 'error' } : f
-          )
-        );
-      }
-    }
-
-    setIsUploading(false);
-
-    if (uploaded.length > 0) {
-      onUploaded?.(uploaded);
-    }
-
-    handleClose();
+    uploadSingleFile({ ...entry, status: 'uploading' });
   };
 
+  const isUploading = queuedFiles.some((f) => f.status === 'uploading');
+
   return (
     <ModalOverlay
       isDismissable
@@ -128,17 +144,19 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
                   defaultValue: 'Click to upload',
                 })}
                 hint={t('message.upload-document-hint')}
-                maxSize={25 * 1024 * 1024}
+                maxSize={5 * 1024 * 1024}
                 orDragAndDropLabel={t('message.or-drag-and-drop', {
                   defaultValue: 'or drag and drop',
                 })}
                 onDropFiles={handleDropFiles}
+                onSizeLimitExceed={handleSizeLimitExceed}
               />
 
               {queuedFiles.length > 0 && (
                 <FileUpload.List className="tw:max-h-60 tw:overflow-y-auto">
                   {queuedFiles.map(({ id, file, progress, status }) => (
                     <FileUpload.ListItemProgressBar
+                      failed={status === 'error' || status === 'size-error'}
                       key={id}
                       name={file.name}
                       progress={status === 'done' ? 100 : progress}
@@ -148,6 +166,9 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
                           ? () => handleRemove(id)
                           : undefined
                       }
+                      onRetry={
+                        status === 'error' ? () => handleRetry(id) : undefined
+                      }
                     />
                   ))}
                 </FileUpload.List>
@@ -160,18 +181,7 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
                 isDisabled={isUploading}
                 size="sm"
                 onClick={handleClose}>
-                {t('label.cancel')}
-              </Button>
-              <Button
-                color="primary"
-                isDisabled={
-                  queuedFiles.filter((f) => f.status === 'pending').length ===
-                    0 || isUploading
-                }
-                isLoading={isUploading}
-                size="sm"
-                onClick={handleAttach}>
-                {t('label.attach-file-plural')}
+                {t('label.close')}
               </Button>
             </div>
           </Dialog.Content>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx
index 6389d3d4af10..0a6eef9fb4b9 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx
@@ -12,13 +12,11 @@
  */
 
 import { Card, Typography } from '@openmetadata/ui-core-components';
-import { FC } from 'react';
-import { useTranslation } from 'react-i18next';
-import { ReactComponent as FileIcon } from '../../../assets/svg/spreadsheet-icon.svg';
+import { FC, useMemo } from 'react';
+import { getFileTypeIcon } from 'utils/ContextCenterUtils';
 import {
   DocumentFileType,
   UploadedDocumentCardProps,
-  UploadedDocumentItem,
 } from './UploadedDocumentCard.interface';
 const FILE_TYPE_STYLES: Record<
   DocumentFileType,
@@ -55,21 +53,25 @@ const UploadedDocumentCard: FC<UploadedDocumentCardProps> = ({
   document,
   onClick,
 }) => {
-  const { t } = useTranslation();
-  const { name, fileType, sizeLabel, status } = document;
+  const { name, fileType, sizeLabel } = document;
+
+  const fileTypeIcon = useMemo(() => {
+    return getFileTypeIcon(fileType);
+  }, [fileType]);
 
   return (
     <Card
       className="tw:flex tw:flex-col tw:gap-3 tw:max-w-42"
       data-testid="uploaded-document-card"
-      onClick={() => onClick?.(document as UploadedDocumentItem)}>
+      onClick={() => onClick?.(document)}>
       <div className="tw:flex tw:items-center tw:justify-center tw:h-15 tw:bg-gray-50">
-        <FileIcon height={32} width={32} />
+        {fileTypeIcon}
       </div>
 
       <div className="tw:flex tw:flex-col tw:p-3">
         <Typography
-          className="tw:m-0 tw:truncate"
+          ellipsis
+          className="tw:m-0"
           size="text-xs"
           title={name}
           weight="medium">
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
index d1cda17e6195..f529decf1584 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
@@ -90,7 +90,7 @@ const ContextCenterDashboardPage: FC = () => {
   }, [fetchRecentArticles, fetchDocuments]);
 
   const handleUploaded = useCallback((newAssets: Asset[]) => {
-    setDocuments((prev) => [...newAssets.map(assetToDocumentItem), ...prev]);
+    setDocuments((prev) => [...prev, ...newAssets.map(assetToDocumentItem)]);
   }, []);
 
   return (
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
index 5018f05fa653..1f209071a2f8 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
@@ -11,30 +11,52 @@
  *  limitations under the License.
  */
 
-import { useApplicationStore } from '../../../hooks/useApplicationStore';
-import { FC, useCallback, useState } from 'react';
+import { AxiosError } from 'axios';
+import { UploadedDocumentItem } from 'components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.interface';
+import { FC, useCallback, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
+import { showErrorToast } from 'utils/ToastUtils';
 import ContextCenterHeader from '../../../components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
 import DocumentsView from '../../../components/ContextCenter/DocumentsView/DocumentsView.component';
 import UploadDocumentModal from '../../../components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component';
 import { ROUTES } from '../../../constants/constants';
-import { MOCK_FOLDERS } from '../ContextCenterPage.mock';
+import { useApplicationStore } from '../../../hooks/useApplicationStore';
 import {
+  assetToDocumentItem,
   CONTEXT_CENTER_DOCUMENTS_ENTITY_LINK,
   createArticleKnowledgePage,
+  fetchContextCenterDocuments,
 } from '../../../utils/ContextCenterUtils';
 
 const ContextCenterDocumentsPage: FC = () => {
   const { t } = useTranslation();
   const navigate = useNavigate();
   const { currentUser } = useApplicationStore();
+  const [documents, setDocuments] = useState<UploadedDocumentItem[]>([]);
+  const [isDocumentsLoading, setIsDocumentsLoading] = useState(true);
   const [isUploadModalOpen, setIsUploadModalOpen] = useState(false);
 
   const handleCreateArticle = useCallback(async () => {
     await createArticleKnowledgePage(currentUser?.id ?? '', navigate);
   }, [currentUser, navigate]);
 
+  const fetchDocuments = useCallback(async () => {
+    setIsDocumentsLoading(true);
+    try {
+      const assets = await fetchContextCenterDocuments();
+      setDocuments(assets.map(assetToDocumentItem));
+    } catch (err) {
+      showErrorToast(err as AxiosError);
+    } finally {
+      setIsDocumentsLoading(false);
+    }
+  }, []);
+
+  useEffect(() => {
+    fetchDocuments();
+  }, []);
+
   return (
     <div
       className="tw:flex tw:flex-col tw:w-full tw:h-full tw:bg-secondary tw:px-5"
@@ -57,7 +79,7 @@ const ContextCenterDocumentsPage: FC = () => {
       />
 
       <div className="tw:flex-1 tw:overflow-hidden">
-        <DocumentsView folders={MOCK_FOLDERS} />
+        <DocumentsView data={documents} isLoading={isDocumentsLoading} />
       </div>
 
       <UploadDocumentModal
diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.ts b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx
similarity index 82%
rename from openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.ts
rename to openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx
index 4fbb1b08a28c..303f89332644 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx
@@ -11,14 +11,22 @@
  *  limitations under the License.
  */
 
+import { File06 } from '@untitledui/icons';
 import { AxiosError } from 'axios';
 import cryptoRandomString from 'crypto-random-string-with-promisify-polyfill';
+import { ReactComponent as DOCIcon } from '../assets/svg/ic-doc.svg';
+import { ReactComponent as ImageIcon } from '../assets/svg/ic-image.svg';
+import { ReactComponent as PDFIcon } from '../assets/svg/ic-pdf.svg';
+import { ReactComponent as XLSIcon } from '../assets/svg/ic-xls.svg';
 import { ArticleCardItem } from '../components/ContextCenter/ArticleCard/ArticleCard.interface';
 import { UploadedDocumentItem } from '../components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.interface';
 import { CREATE_PAGE_HASH, ROUTES } from '../constants/constants';
 import { EntityType } from '../enums/entity.enum';
 import { Asset, AssetType } from '../generated/attachments/asset';
-import { CreateKnowledgePage, PageType } from '../interface/knowledge-center.interface';
+import {
+  CreateKnowledgePage,
+  PageType,
+} from '../interface/knowledge-center.interface';
 import { listAssetsByFqn } from '../rest/assetAPI';
 import { postKnowledgePage } from '../rest/knowledgeCenterAPI';
 import EntityLink from './EntityLink';
@@ -53,6 +61,25 @@ export const extensionToFileType = (
   return 'other';
 };
 
+export const getFileTypeIcon = (fileType: string) => {
+  const commonProps = {
+    width: 32,
+    height: 32,
+  };
+  switch (fileType) {
+    case 'doc':
+      return <DOCIcon {...commonProps} />;
+    case 'pdf':
+      return <PDFIcon {...commonProps} />;
+    case 'xls':
+      return <XLSIcon {...commonProps} />;
+    case 'image':
+      return <ImageIcon {...commonProps} />;
+    default:
+      return <File06 {...commonProps} className="tw:text-gray-500" />;
+  }
+};
+
 export const formatBytes = (bytes?: number): string => {
   if (!bytes) {
     return '';

From 907a52b15c35f9cdb3aacd564670778cda20efff Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Tue, 12 May 2026 12:11:40 +0530
Subject: [PATCH 07/59] fixed title breadcrum in all the pages

---
 .../ArticleDetailHeader.component.tsx         |   7 +
 .../ArticleListSection.component.tsx          |  22 ++-
 .../DocumentsView/DocumentsView.component.tsx |  35 ++--
 .../DocumentsView/DocumentsView.interface.ts  |   6 +-
 .../UploadDocumentModal.component.tsx         | 153 +++++++++++++++---
 .../UploadedDocumentsSection.component.tsx    |   2 +-
 .../KnowledgeCenterLayout.tsx                 |   5 +-
 .../knowledge-center-layout.less              |   5 +-
 .../ContextCenterArchivePage.tsx              |   7 +
 .../ContextCenterArticlesPage.tsx             |  11 +-
 .../ContextCenterDashboardPage.tsx            |  22 +--
 .../ContextCenterDocumentsPage.tsx            | 111 +++++++++++--
 .../ContextCenterIntegrationsPage.tsx         |   7 +
 .../main/resources/ui/src/rest/assetAPI.ts    |   9 ++
 .../ui/src/utils/ContextCenterUtils.tsx       |  16 +-
 15 files changed, 333 insertions(+), 85 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
index 3cd03c5257af..b2830046daea 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
@@ -25,6 +25,7 @@ import {
 import {
   File06,
   Globe01,
+  Home02,
   MessageChatSquare,
   Share07,
   ThumbsDown,
@@ -98,6 +99,12 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
 
   const breadcrumbs = useMemo(
     () => [
+      {
+        name: '',
+        icon: <Home02 size={14} />,
+        url: '/',
+        activeTitle: true,
+      },
       { name: t('label.context-center'), url: ROUTES.CONTEXT_CENTER },
       {
         name: t('label.article-plural'),
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
index fee507442900..c572b4f014f0 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
@@ -12,10 +12,10 @@
  */
 
 import {
-  Button,
-  Card,
-  Skeleton,
-  Typography,
+    Button,
+    Card,
+    Skeleton,
+    Typography
 } from '@openmetadata/ui-core-components';
 import { ArrowUpRight, File06 } from '@untitledui/icons';
 import ErrorPlaceHolder from 'components/common/ErrorWithPlaceholder/ErrorPlaceHolder';
@@ -65,6 +65,18 @@ const ArticleListSection: FC<ArticleListSectionProps> = ({
         return;
       }
 
+      if (article.href) {
+        if (article.href.startsWith('http')) {
+          window.open(article.href, '_blank', 'noopener,noreferrer');
+
+          return;
+        }
+
+        navigate(article.href);
+
+        return;
+      }
+
       const path = getPagePath
         ? getPagePath(article.id)
         : getKnowledgePagePath(article.id);
@@ -76,7 +88,7 @@ const ArticleListSection: FC<ArticleListSectionProps> = ({
 
   return (
     <Card
-      className="tw:p-6 tw:overflow-y-scroll tw:h-[calc(50vh-80px)]"
+      className="tw:p-6 tw:overflow-y-scroll tw:h-[calc(50vh-138px)]"
       data-testid="article-list-section">
       <div className="tw:flex tw:items-center tw:justify-between tw:pb-5">
         <div className="tw:flex tw:items-center tw:gap-3">
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
index 82024a42f59e..49c7deea5340 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
@@ -44,7 +44,6 @@ const FILE_TYPE_STYLES: Record<
 };
 
 const FileTypeBadge: FC<{ fileType: DocFileType }> = ({ fileType }) => {
-  console.log(fileType);
   const { bg, label, text } = FILE_TYPE_STYLES[fileType || 'other'];
 
   return (
@@ -164,18 +163,26 @@ const FileRow: FC<FileRowProps> = ({
         <Typography className="tw:text-gray-500" size="text-xs">
           {file.sizeLabel}
         </Typography>
-        <span className="tw:text-gray-500 tw:leading-none tw:select-none">
-          &middot;
-        </span>
-        <Typography className="tw:text-gray-500" size="text-xs">
-          {file.uploadedBy}
-        </Typography>
-        <span className="tw:text-gray-500 tw:leading-none tw:select-none">
-          &middot;
-        </span>
-        <Typography className="tw:text-gray-500" size="text-xs">
-          {file.uploadedAt}
-        </Typography>
+        {file.uploadedBy && (
+          <>
+            <span className="tw:text-gray-500 tw:leading-none tw:select-none">
+              &middot;
+            </span>
+            <Typography className="tw:text-gray-500" size="text-xs">
+              {file.uploadedBy}
+            </Typography>
+          </>
+        )}
+        {file.uploadedAt && (
+          <>
+            <span className="tw:text-gray-500 tw:leading-none tw:select-none">
+              &middot;
+            </span>
+            <Typography className="tw:text-gray-500" size="text-xs">
+              {file.uploadedAt}
+            </Typography>
+          </>
+        )}
       </div>
     </div>
 
@@ -209,7 +216,7 @@ const DocumentsView: FC<DocumentsViewProps> = ({
 }) => {
   return (
     <Card
-      className="tw:flex tw:h-full tw:overflow-hidden"
+      className="tw:flex tw:h-auto tw:overflow-hidden tw:max-h-full"
       data-testid="documents-view">
       {/* Right: file list */}
       {data.length > 0 || isLoading ? (
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.interface.ts
index 45ecc9977e6d..241ab66d6e52 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.interface.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.interface.ts
@@ -18,8 +18,8 @@ export interface DocFile {
   name: string;
   fileType: DocFileType;
   sizeLabel: string;
-  uploadedBy: string;
-  uploadedAt: string;
+  uploadedBy?: string;
+  uploadedAt?: string;
   folderId?: string;
 }
 
@@ -30,7 +30,7 @@ export interface DocFolder {
 }
 
 export interface DocumentsViewProps {
-  data: DocFolder[];
+  data: DocFile[];
   isLoading: boolean;
   onDownload?: (file: DocFile) => void;
   onMoveToFolder?: (file: DocFile) => void;
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
index a6f786371ca4..b8edcaaa4aa0 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
@@ -13,12 +13,14 @@
 
 import {
   Button,
+  ButtonUtility,
   Dialog,
   FileUpload,
   FileUploadDropZone,
   Modal,
   ModalOverlay,
 } from '@openmetadata/ui-core-components';
+import { Trash01, UploadCloud02 } from '@untitledui/icons';
 import { Asset } from 'generated/attachments/asset';
 import { FC, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -28,6 +30,11 @@ import { UploadDocumentModalProps } from './UploadDocumentModal.interface';
 
 type UploadStatus = 'uploading' | 'done' | 'error' | 'size-error';
 
+interface StagedFile {
+  id: string;
+  file: File;
+}
+
 interface QueuedFile {
   id: string;
   file: File;
@@ -35,6 +42,17 @@ interface QueuedFile {
   status: UploadStatus;
 }
 
+const getReadableSize = (bytes: number): string => {
+  if (bytes === 0) {
+    return '0 KB';
+  }
+
+  const suffixes = ['B', 'KB', 'MB', 'GB'];
+  const i = Math.floor(Math.log(bytes) / Math.log(1024));
+
+  return `${Math.floor(bytes / Math.pow(1024, i))} ${suffixes[i]}`;
+};
+
 const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
   isOpen,
   entityLink,
@@ -42,48 +60,55 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
   onUploaded,
 }) => {
   const { t } = useTranslation();
+  const [stagedFiles, setStagedFiles] = useState<StagedFile[]>([]);
   const [queuedFiles, setQueuedFiles] = useState<QueuedFile[]>([]);
+  const [isUploading, setIsUploading] = useState(false);
   const uploadedAssetsRef = useRef<Asset[]>([]);
 
-  const handleClose = () => {
-    if (uploadedAssetsRef.current.length > 0) {
-      onUploaded?.(uploadedAssetsRef.current);
-    }
+  const hasStartedUploading = queuedFiles.length > 0;
 
+  const handleClose = () => {
     uploadedAssetsRef.current = [];
+    setStagedFiles([]);
     setQueuedFiles([]);
+    setIsUploading(false);
     onClose();
   };
 
-  const uploadSingleFile = async (entry: QueuedFile): Promise<void> => {
+  const uploadSingleFile = async (entry: QueuedFile): Promise<Asset | null> => {
+    setQueuedFiles((prev) =>
+      prev.map((f) =>
+        f.id === entry.id ? { ...f, progress: 0, status: 'uploading' } : f
+      )
+    );
+
     try {
       const asset = await uploadAsset(entry.file, entityLink);
-      uploadedAssetsRef.current = [...uploadedAssetsRef.current, asset];
       setQueuedFiles((prev) =>
         prev.map((f) =>
           f.id === entry.id ? { ...f, progress: 100, status: 'done' } : f
         )
       );
+
+      return asset;
     } catch {
       setQueuedFiles((prev) =>
         prev.map((f) =>
           f.id === entry.id ? { ...f, progress: 0, status: 'error' } : f
         )
       );
+
+      return null;
     }
   };
 
   const handleDropFiles = (files: FileList) => {
-    const newEntries: QueuedFile[] = Array.from(files).map((file) => ({
+    const newEntries: StagedFile[] = Array.from(files).map((file) => ({
       file,
       id: `${file.name}-${file.size}-${Date.now()}`,
-      progress: 0,
-      status: 'uploading' as UploadStatus,
     }));
 
-    setQueuedFiles((prev) => [...prev, ...newEntries]);
-
-    newEntries.forEach((entry) => uploadSingleFile(entry));
+    setStagedFiles((prev) => [...prev, ...newEntries]);
   };
 
   const handleSizeLimitExceed = (files: FileList) => {
@@ -103,27 +128,62 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
     );
   };
 
-  const handleRemove = (id: string) => {
+  const handleRemoveStaged = (id: string) => {
+    setStagedFiles((prev) => prev.filter((f) => f.id !== id));
+  };
+
+  const handleRemoveQueued = (id: string) => {
     setQueuedFiles((prev) => prev.filter((f) => f.id !== id));
   };
 
-  const handleRetry = (id: string) => {
+  const handleRetry = async (id: string) => {
     const entry = queuedFiles.find((f) => f.id === id);
 
     if (!entry) {
       return;
     }
 
-    setQueuedFiles((prev) =>
-      prev.map((f) =>
-        f.id === id ? { ...f, progress: 0, status: 'uploading' } : f
-      )
-    );
+    setIsUploading(true);
+    const asset = await uploadSingleFile(entry);
+    setIsUploading(false);
 
-    uploadSingleFile({ ...entry, status: 'uploading' });
+    if (asset) {
+      uploadedAssetsRef.current = [...uploadedAssetsRef.current, asset];
+      onUploaded?.([asset]);
+    }
   };
 
-  const isUploading = queuedFiles.some((f) => f.status === 'uploading');
+  const handleAttach = async () => {
+    if (stagedFiles.length === 0) {
+      return;
+    }
+
+    const newQueued: QueuedFile[] = stagedFiles.map(({ id, file }) => ({
+      file,
+      id,
+      progress: 0,
+      status: 'uploading' as UploadStatus,
+    }));
+
+    setStagedFiles([]);
+    setQueuedFiles((prev) => [...prev, ...newQueued]);
+    setIsUploading(true);
+
+    for (const entry of newQueued) {
+      const asset = await uploadSingleFile(entry);
+
+      if (asset) {
+        uploadedAssetsRef.current = [...uploadedAssetsRef.current, asset];
+      }
+    }
+
+    setIsUploading(false);
+
+    if (uploadedAssetsRef.current.length > 0) {
+      onUploaded?.(uploadedAssetsRef.current);
+      uploadedAssetsRef.current = [];
+    }
+  };
 
   return (
     <ModalOverlay
@@ -152,7 +212,43 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
                 onSizeLimitExceed={handleSizeLimitExceed}
               />
 
-              {queuedFiles.length > 0 && (
+              {stagedFiles.length > 0 && (
+                <ul className="tw:flex tw:max-h-60 tw:flex-col tw:gap-3 tw:overflow-y-auto">
+                  {stagedFiles.map(({ id, file }) => (
+                    <li
+                      className="tw:flex tw:items-center tw:gap-3 tw:rounded-xl tw:bg-primary tw:p-4 tw:ring-1 tw:ring-secondary tw:ring-inset"
+                      key={id}>
+                      <div className="tw:flex tw:size-10 tw:shrink-0 tw:items-center tw:justify-center tw:rounded-lg tw:bg-secondary">
+                        <UploadCloud02
+                          className="tw:size-5 tw:text-tertiary"
+                          strokeWidth={1.5}
+                        />
+                      </div>
+
+                      <div className="tw:min-w-0 tw:flex-1">
+                        <p className="tw:truncate tw:text-sm tw:font-medium tw:text-secondary">
+                          {file.name}
+                        </p>
+
+                        <p className="tw:text-sm tw:text-tertiary">
+                          {getReadableSize(file.size)}
+                        </p>
+                      </div>
+
+                      <ButtonUtility
+                        className="tw:shrink-0"
+                        color="tertiary"
+                        icon={Trash01}
+                        size="xs"
+                        tooltip={t('label.delete')}
+                        onClick={() => handleRemoveStaged(id)}
+                      />
+                    </li>
+                  ))}
+                </ul>
+              )}
+
+              {hasStartedUploading && (
                 <FileUpload.List className="tw:max-h-60 tw:overflow-y-auto">
                   {queuedFiles.map(({ id, file, progress, status }) => (
                     <FileUpload.ListItemProgressBar
@@ -163,7 +259,7 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
                       size={file.size}
                       onDelete={
                         status !== 'uploading'
-                          ? () => handleRemove(id)
+                          ? () => handleRemoveQueued(id)
                           : undefined
                       }
                       onRetry={
@@ -181,7 +277,16 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
                 isDisabled={isUploading}
                 size="sm"
                 onClick={handleClose}>
-                {t('label.close')}
+                {t('label.cancel')}
+              </Button>
+
+              <Button
+                color="primary"
+                isDisabled={stagedFiles.length === 0 || isUploading}
+                isLoading={isUploading}
+                size="sm"
+                onClick={handleAttach}>
+                {t('label.attach-file-plural')}
               </Button>
             </div>
           </Dialog.Content>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
index 265481f46704..1f6831e0568c 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
@@ -50,7 +50,7 @@ const UploadedDocumentsSection: FC<UploadedDocumentsSectionProps> = ({
 
   return (
     <Card
-      className="tw:p-6 tw:h-[calc(50vh-80px)] tw:overflow-y-scroll"
+      className="tw:p-6 tw:h-[calc(50vh-138px)] tw:overflow-y-scroll"
       data-testid="uploaded-documents-section">
       <div className="tw:flex tw:items-center tw:justify-between tw:pb-5">
         <div className="tw:flex tw:items-center tw:gap-3">
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/KnowledgeCenterLayout.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/KnowledgeCenterLayout.tsx
index 05605e8569e2..489f04ef0435 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/KnowledgeCenterLayout.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/KnowledgeCenterLayout.tsx
@@ -49,10 +49,7 @@ const KnowledgeCenterLayout: FC<KnowledgeCenterLayoutProps> = ({
   const isRightPanelCollapsed = !rightSidebar;
 
   return (
-    <div
-      className="tw:pb-4"
-      dir={i18n.dir()}
-      id="knowledge-center-layout-container">
+    <div dir={i18n.dir()} id="knowledge-center-layout-container">
       <DocumentTitle title={pageTitle} />
       <ReflexContainer
         className={classNames('knowledge-center-layout', className)}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/knowledge-center-layout.less b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/knowledge-center-layout.less
index 0415798b4c0f..34573462e8b6 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/knowledge-center-layout.less
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/knowledge-center-layout.less
@@ -16,10 +16,11 @@
 @border-color: #0000001a;
 
 .knowledge-center-layout {
-  height: @page-height;
+  height: calc(100vh - 246px);
 
   &.knowledge-details-page {
-    height: @knowledge-center-content-height;
+    height: calc(100vh - 295px);
+    padding-bottom: 20px;
   }
 }
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx
index 7d9bc2fc3c0f..4304c205684f 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx
@@ -11,6 +11,7 @@
  *  limitations under the License.
  */
 
+import { Home02 } from '@untitledui/icons';
 import { FC } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
@@ -27,6 +28,12 @@ const ContextCenterArchivePage: FC = () => {
       data-testid="context-center-archive-page">
       <ContextCenterHeader
         breadcrumbs={[
+          {
+            name: '',
+            icon: <Home02 size={14} />,
+            url: '/',
+            activeTitle: true,
+          },
           { name: t('label.context-center'), url: ROUTES.CONTEXT_CENTER },
           {
             activeTitle: true,
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
index a08b1c528452..ab5415e25a6d 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
@@ -12,8 +12,10 @@
  */
 
 import { DownOutlined } from '@ant-design/icons';
+import { Home02 } from '@untitledui/icons';
 import { Button, Dropdown } from 'antd';
 import { AxiosError } from 'axios';
+import cryptoRandomString from 'crypto-random-string-with-promisify-polyfill';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
@@ -39,7 +41,6 @@ import { EntityTabs } from '../../../enums/entity.enum';
 import LimitWrapper from '../../../hoc/LimitWrapper';
 import { useApplicationStore } from '../../../hooks/useApplicationStore';
 import { useFqn } from '../../../hooks/useFqn';
-import cryptoRandomString from 'crypto-random-string-with-promisify-polyfill';
 import {
   ContentChangeState,
   CreateKnowledgePage,
@@ -195,6 +196,12 @@ const ContextCenterArticlesPage = () => {
         )
       }
       breadcrumbs={[
+        {
+          name: '',
+          icon: <Home02 size={14} />,
+          url: '/',
+          activeTitle: true,
+        },
         { name: t('label.context-center'), url: ROUTES.CONTEXT_CENTER },
         { activeTitle: true, name: t('label.article-plural'), url: '' },
       ]}
@@ -207,7 +214,7 @@ const ContextCenterArticlesPage = () => {
 
   return (
     <div
-      className="tw:flex tw:flex-col tw:w-full tw:h-full tw:px-6 pb-4"
+      className="tw:flex tw:flex-col tw:w-full tw:h-full tw:p-5 tw:pt-0"
       data-testid="context-center-articles-page">
       {header}
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
index f529decf1584..bce206df810a 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
@@ -11,6 +11,7 @@
  *  limitations under the License.
  */
 
+import { Home02 } from '@untitledui/icons';
 import { AxiosError } from 'axios';
 import { ArticleCardItem } from 'components/ContextCenter/ArticleCard/ArticleCard.interface';
 import ArticleListSection from 'components/ContextCenter/ArticleListSection/ArticleListSection.component';
@@ -21,17 +22,15 @@ import UploadedDocumentsSection from 'components/ContextCenter/UploadedDocuments
 import { ROUTES } from 'constants/constants';
 import { Asset } from 'generated/attachments/asset';
 import { useApplicationStore } from 'hooks/useApplicationStore';
-import { KnowledgePage, PageType } from 'interface/knowledge-center.interface';
+import { KnowledgePage } from 'interface/knowledge-center.interface';
 import { FC, useCallback, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 import { getListKnowledgePages } from 'rest/knowledgeCenterAPI';
 import {
-  CONTEXT_CENTER_DOCUMENTS_ENTITY_LINK,
-  assetToDocumentItem,
-  createArticleKnowledgePage,
-  fetchContextCenterDocuments,
-  knowledgePageToArticleItem,
+    assetToDocumentItem, CONTEXT_CENTER_DOCUMENTS_ENTITY_LINK, createArticleKnowledgePage,
+    fetchContextCenterDocuments,
+    knowledgePageToArticleItem
 } from 'utils/ContextCenterUtils';
 import { showErrorToast } from 'utils/ToastUtils';
 
@@ -56,9 +55,8 @@ const ContextCenterDashboardPage: FC = () => {
     setIsArticlesLoading(true);
     try {
       const response = await getListKnowledgePages({
-        fields: 'tags',
+        fields: 'tags,page',
         limit: RECENT_ARTICLES_LIMIT,
-        pageType: PageType.ARTICLE,
       });
       setArticles(
         response.data.map((page: KnowledgePage) =>
@@ -95,10 +93,16 @@ const ContextCenterDashboardPage: FC = () => {
 
   return (
     <div
-      className="tw:flex tw:flex-col tw:w-full tw:bg-secondary tw:px-5"
+      className="tw:flex tw:flex-col tw:w-full tw:bg-secondary tw:p-5 tw:pt-0"
       data-testid="context-center-dashboard-page">
       <ContextCenterHeader
         breadcrumbs={[
+          {
+            name: '',
+            icon: <Home02 size={14} />,
+            url: '/',
+            activeTitle: true,
+          },
           { name: t('label.context-center'), url: ROUTES.CONTEXT_CENTER },
           {
             activeTitle: true,
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
index 1f209071a2f8..f55a70933060 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
@@ -11,36 +11,33 @@
  *  limitations under the License.
  */
 
+import { Button } from '@openmetadata/ui-core-components';
+import { Home02, UploadCloud02 } from '@untitledui/icons';
 import { AxiosError } from 'axios';
-import { UploadedDocumentItem } from 'components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.interface';
+import DeleteModal from 'components/common/DeleteModal/DeleteModal';
+import { DocFile } from 'components/ContextCenter/DocumentsView/DocumentsView.interface';
 import { FC, useCallback, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { useNavigate } from 'react-router-dom';
-import { showErrorToast } from 'utils/ToastUtils';
+import { deleteAsset, downloadAsset } from 'rest/assetAPI';
+import { showErrorToast, showSuccessToast } from 'utils/ToastUtils';
 import ContextCenterHeader from '../../../components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
 import DocumentsView from '../../../components/ContextCenter/DocumentsView/DocumentsView.component';
 import UploadDocumentModal from '../../../components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component';
 import { ROUTES } from '../../../constants/constants';
-import { useApplicationStore } from '../../../hooks/useApplicationStore';
 import {
   assetToDocumentItem,
   CONTEXT_CENTER_DOCUMENTS_ENTITY_LINK,
-  createArticleKnowledgePage,
   fetchContextCenterDocuments,
 } from '../../../utils/ContextCenterUtils';
 
 const ContextCenterDocumentsPage: FC = () => {
   const { t } = useTranslation();
-  const navigate = useNavigate();
-  const { currentUser } = useApplicationStore();
-  const [documents, setDocuments] = useState<UploadedDocumentItem[]>([]);
+  const [documents, setDocuments] = useState<DocFile[]>([]);
   const [isDocumentsLoading, setIsDocumentsLoading] = useState(true);
+  const [isDeletingFile, setIsDeletingFile] = useState(false);
+  const [fileToDelete, setFileToDelete] = useState<DocFile>();
   const [isUploadModalOpen, setIsUploadModalOpen] = useState(false);
 
-  const handleCreateArticle = useCallback(async () => {
-    await createArticleKnowledgePage(currentUser?.id ?? '', navigate);
-  }, [currentUser, navigate]);
-
   const fetchDocuments = useCallback(async () => {
     setIsDocumentsLoading(true);
     try {
@@ -57,12 +54,77 @@ const ContextCenterDocumentsPage: FC = () => {
     fetchDocuments();
   }, []);
 
+  const handleDownload = useCallback(async (file: DocFile) => {
+    try {
+      const blob = await downloadAsset(file.id);
+      const url = URL.createObjectURL(blob);
+      const element = document.createElement('a');
+      element.href = url;
+      element.download = file.name;
+      document.body.appendChild(element);
+      element.click();
+      element.remove();
+      URL.revokeObjectURL(url);
+    } catch (err) {
+      showErrorToast(err as AxiosError);
+    }
+  }, []);
+
+  const handleDeleteFile = useCallback((file: DocFile) => {
+    setFileToDelete(file);
+  }, []);
+
+  const handleCancelDelete = useCallback(() => {
+    setFileToDelete(undefined);
+  }, []);
+
+  const handleConfirmDelete = useCallback(async () => {
+    if (!fileToDelete) {
+      return;
+    }
+
+    try {
+      setIsDeletingFile(true);
+      await deleteAsset(fileToDelete.id, true);
+      setDocuments((prev) =>
+        prev.filter((document) => document.id !== fileToDelete.id)
+      );
+      showSuccessToast(
+        t('server.entity-deleted-successfully', {
+          entity: t('label.document'),
+        })
+      );
+      setFileToDelete(undefined);
+    } catch (err) {
+      showErrorToast(err as AxiosError);
+    } finally {
+      setIsDeletingFile(false);
+    }
+  }, [fileToDelete, t]);
+
   return (
     <div
-      className="tw:flex tw:flex-col tw:w-full tw:h-full tw:bg-secondary tw:px-5"
+      className="tw:flex tw:flex-col tw:w-full tw:h-full tw:bg-secondary tw:p-5 tw:pt-0"
       data-testid="context-center-documents-page">
       <ContextCenterHeader
+        actionsSlot={
+          <div className="tw:flex tw:items-center tw:gap-3 tw:shrink-0">
+            <Button
+              color="primary"
+              iconLeading={UploadCloud02}
+              size="sm"
+              onClick={() => setIsUploadModalOpen(true)}>
+              {t('label.upload-file', { defaultValue: 'Upload File' })}
+            </Button>
+          </div>
+        }
         breadcrumbs={[
+          {
+            name: '',
+            icon: <Home02 size={14} />,
+            url: '/',
+            activeTitle: true,
+          },
           { name: t('label.context-center'), url: ROUTES.CONTEXT_CENTER },
           {
             activeTitle: true,
@@ -74,19 +136,36 @@ const ContextCenterDocumentsPage: FC = () => {
           defaultValue: 'Manage and organize your uploaded documents',
         })}
         title={t('label.document-plural')}
-        onCreateArticle={handleCreateArticle}
-        onUploadFile={() => setIsUploadModalOpen(true)}
       />
 
       <div className="tw:flex-1 tw:overflow-hidden">
-        <DocumentsView data={documents} isLoading={isDocumentsLoading} />
+        <DocumentsView
+          data={documents}
+          isLoading={isDocumentsLoading}
+          onDeleteFile={handleDeleteFile}
+          onDownload={handleDownload}
+        />
       </div>
 
       <UploadDocumentModal
         entityLink={CONTEXT_CENTER_DOCUMENTS_ENTITY_LINK}
         isOpen={isUploadModalOpen}
         onClose={() => setIsUploadModalOpen(false)}
+        onUploaded={() => fetchDocuments()}
       />
+
+      {fileToDelete && (
+        <DeleteModal
+          entityTitle={fileToDelete.name}
+          isDeleting={isDeletingFile}
+          message={t('message.delete-entity-message', {
+            entity: fileToDelete.name,
+          })}
+          open={Boolean(fileToDelete)}
+          onCancel={handleCancelDelete}
+          onDelete={handleConfirmDelete}
+        />
+      )}
     </div>
   );
 };
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx
index 8e7f0317ba71..40c3935dbb11 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx
@@ -11,6 +11,7 @@
  *  limitations under the License.
  */
 
+import { Home02 } from '@untitledui/icons';
 import { FC } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
@@ -27,6 +28,12 @@ const ContextCenterIntegrationsPage: FC = () => {
       data-testid="context-center-integrations-page">
       <ContextCenterHeader
         breadcrumbs={[
+          {
+            name: '',
+            icon: <Home02 size={14} />,
+            url: '/',
+            activeTitle: true,
+          },
           { name: t('label.context-center'), url: ROUTES.CONTEXT_CENTER },
           {
             activeTitle: true,
diff --git a/openmetadata-ui/src/main/resources/ui/src/rest/assetAPI.ts b/openmetadata-ui/src/main/resources/ui/src/rest/assetAPI.ts
index f6593119a52b..d8f9633c9c0a 100644
--- a/openmetadata-ui/src/main/resources/ui/src/rest/assetAPI.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/rest/assetAPI.ts
@@ -52,3 +52,12 @@ export const deleteAsset = async (
     params: { hardDelete },
   });
 };
+
+export const downloadAsset = async (id: string): Promise<Blob> => {
+  const response = await APIClient.get<Blob>(`/attachments/${id}/download`, {
+    params: { direct: false },
+    responseType: 'blob',
+  });
+
+  return response.data;
+};
diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx
index 303f89332644..e6885de67ae5 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx
@@ -24,8 +24,9 @@ import { CREATE_PAGE_HASH, ROUTES } from '../constants/constants';
 import { EntityType } from '../enums/entity.enum';
 import { Asset, AssetType } from '../generated/attachments/asset';
 import {
-  CreateKnowledgePage,
-  PageType,
+    CreateKnowledgePage,
+    PageType,
+    QuickLink
 } from '../interface/knowledge-center.interface';
 import { listAssetsByFqn } from '../rest/assetAPI';
 import { postKnowledgePage } from '../rest/knowledgeCenterAPI';
@@ -110,13 +111,18 @@ export const knowledgePageToArticleItem = (
     updatedAt: number;
     tags?: { tagFQN: string }[];
     fullyQualifiedName?: string;
+    pageType?: PageType;
+    page?: QuickLink | unknown;
   },
   untitledLabel: string
 ): ArticleCardItem => ({
   description: page.description ?? '',
-  href: page.fullyQualifiedName
-    ? `${ROUTES.CONTEXT_CENTER_ARTICLES}/${page.fullyQualifiedName}`
-    : undefined,
+  href:
+    page.pageType === PageType.QUICK_LINK
+      ? (page.page as QuickLink)?.url
+      : page.fullyQualifiedName
+      ? `${ROUTES.CONTEXT_CENTER_ARTICLES}/${page.fullyQualifiedName}`
+      : undefined,
   id: page.id,
   lastEditedAt: page.updatedAt,
   tags: (page.tags ?? []).map((tag) => ({

From 5def031991e807f2f21aba36043ae9f81ef7f873 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Tue, 12 May 2026 12:58:54 +0530
Subject: [PATCH 08/59] removed unused route

---
 .../ContextCenterRouter.tsx                   | 40 ++++++++++---------
 .../ArticleDetailHeader.component.tsx         |  1 +
 .../DocumentsView/DocumentsView.component.tsx | 19 +--------
 .../DocumentsView/DocumentsView.interface.ts  |  1 -
 .../ui/src/constants/LeftSidebar.constants.ts | 40 +++++++++----------
 5 files changed, 45 insertions(+), 56 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/AppRouter/ContextCenterRouter/ContextCenterRouter.tsx b/openmetadata-ui/src/main/resources/ui/src/components/AppRouter/ContextCenterRouter/ContextCenterRouter.tsx
index 70bc885921fa..4101a3687b98 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/AppRouter/ContextCenterRouter/ContextCenterRouter.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/AppRouter/ContextCenterRouter/ContextCenterRouter.tsx
@@ -42,24 +42,27 @@ const ContextCenterDocumentsPage = withSuspenseFallback(
       )
   )
 );
+{
+  /* TODO: In progress */
+}
 
-const ContextCenterIntegrationsPage = withSuspenseFallback(
-  React.lazy(
-    () =>
-      import(
-        '../../../pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage'
-      )
-  )
-);
+// const ContextCenterIntegrationsPage = withSuspenseFallback(
+//   React.lazy(
+//     () =>
+//       import(
+//         '../../../pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage'
+//       )
+//   )
+// );
 
-const ContextCenterArchivePage = withSuspenseFallback(
-  React.lazy(
-    () =>
-      import(
-        '../../../pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage'
-      )
-  )
-);
+// const ContextCenterArchivePage = withSuspenseFallback(
+//   React.lazy(
+//     () =>
+//       import(
+//         '../../../pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage'
+//       )
+//   )
+// );
 
 const ContextCenterRouter = () => {
   return (
@@ -94,7 +97,8 @@ const ContextCenterRouter = () => {
           ''
         )}
       />
-      <Route
+      {/* TODO: In progress */}
+      {/* <Route
         element={<ContextCenterIntegrationsPage />}
         path={ROUTES.CONTEXT_CENTER_INTEGRATIONS.replace(
           ROUTES.CONTEXT_CENTER,
@@ -104,7 +108,7 @@ const ContextCenterRouter = () => {
       <Route
         element={<ContextCenterArchivePage />}
         path={ROUTES.CONTEXT_CENTER_ARCHIVE.replace(ROUTES.CONTEXT_CENTER, '')}
-      />
+      /> */}
     </Routes>
   );
 };
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
index b2830046daea..90e267877916 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
@@ -490,6 +490,7 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
               isRecursiveDelete
               afterDeleteAction={afterDeleteAction}
               allowSoftDelete={false}
+              buttonClassName='tw:h-[32px]'
               canDelete={permissions.Delete}
               deleteButtonDescription={t(
                 'message.delete-entity-type-action-description',
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
index 49c7deea5340..08707cd74916 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
@@ -18,7 +18,7 @@ import {
   Skeleton,
   Typography,
 } from '@openmetadata/ui-core-components';
-import { Download01, Move, Share07, Trash01 } from '@untitledui/icons';
+import { Download01, Share07, Trash01 } from '@untitledui/icons';
 import { FC } from 'react';
 import { useTranslation } from 'react-i18next';
 import ErrorPlaceHolder from '../../../components/common/ErrorWithPlaceholder/ErrorPlaceHolder';
@@ -58,7 +58,6 @@ const FileTypeBadge: FC<{ fileType: DocFileType }> = ({ fileType }) => {
 
 interface FileActionsProps {
   file: DocFile;
-  onMoveToFolder?: (file: DocFile) => void;
   onShareFile?: (file: DocFile) => void;
   onDeleteFile?: (file: DocFile) => void;
 }
@@ -66,7 +65,6 @@ interface FileActionsProps {
 const FileActions: FC<FileActionsProps> = ({
   file,
   onDeleteFile,
-  onMoveToFolder,
   onShareFile,
 }) => {
   const { t } = useTranslation();
@@ -77,21 +75,12 @@ const FileActions: FC<FileActionsProps> = ({
       <Dropdown.Popover>
         <Dropdown.Menu
           onAction={(key) => {
-            if (key === 'move') {
-              onMoveToFolder?.(file);
-            } else if (key === 'share') {
+            if (key === 'share') {
               onShareFile?.(file);
             } else if (key === 'delete') {
               onDeleteFile?.(file);
             }
           }}>
-          <Dropdown.Item
-            icon={Move}
-            id="move"
-            label={t('label.move-to-folder', {
-              defaultValue: 'Move to folder',
-            })}
-          />
           <Dropdown.Item
             icon={Share07}
             id="share"
@@ -147,7 +136,6 @@ const FileRow: FC<FileRowProps> = ({
   file,
   onDeleteFile,
   onDownload,
-  onMoveToFolder,
   onShareFile,
 }) => (
   <div
@@ -197,7 +185,6 @@ const FileRow: FC<FileRowProps> = ({
       <FileActions
         file={file}
         onDeleteFile={onDeleteFile}
-        onMoveToFolder={onMoveToFolder}
         onShareFile={onShareFile}
       />
     </div>
@@ -211,7 +198,6 @@ const DocumentsView: FC<DocumentsViewProps> = ({
   isLoading,
   onDeleteFile,
   onDownload,
-  onMoveToFolder,
   onShareFile,
 }) => {
   return (
@@ -231,7 +217,6 @@ const DocumentsView: FC<DocumentsViewProps> = ({
                   key={file.id}
                   onDeleteFile={onDeleteFile}
                   onDownload={onDownload}
-                  onMoveToFolder={onMoveToFolder}
                   onShareFile={onShareFile}
                 />
               ))}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.interface.ts
index 241ab66d6e52..63086f6b0352 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.interface.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.interface.ts
@@ -33,7 +33,6 @@ export interface DocumentsViewProps {
   data: DocFile[];
   isLoading: boolean;
   onDownload?: (file: DocFile) => void;
-  onMoveToFolder?: (file: DocFile) => void;
   onShareFile?: (file: DocFile) => void;
   onDeleteFile?: (file: DocFile) => void;
 }
diff --git a/openmetadata-ui/src/main/resources/ui/src/constants/LeftSidebar.constants.ts b/openmetadata-ui/src/main/resources/ui/src/constants/LeftSidebar.constants.ts
index d8898e19bbe0..2d57a3f9fa15 100644
--- a/openmetadata-ui/src/main/resources/ui/src/constants/LeftSidebar.constants.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/constants/LeftSidebar.constants.ts
@@ -11,7 +11,7 @@
  *  limitations under the License.
  */
 
-import { Archive, Cube01, File06 } from '@untitledui/icons';
+import { Cube01, File06 } from '@untitledui/icons';
 import { ReactComponent as GovernIcon } from '../assets/svg/bank.svg';
 import { ReactComponent as ClassificationIcon } from '../assets/svg/classification.svg';
 import { ReactComponent as DataQualityRulesIcon } from '../assets/svg/data-observability/data-quality-rules.svg';
@@ -26,7 +26,6 @@ import { ReactComponent as FolderIcon } from '../assets/svg/ic-folder-new.svg';
 import { ReactComponent as GridIcon } from '../assets/svg/ic-grid-new.svg';
 import { ReactComponent as HomeIcon } from '../assets/svg/ic-home.svg';
 import { ReactComponent as IncidentMangerIcon } from '../assets/svg/ic-incident-manager.svg';
-import { ReactComponent as IntegrationIcon } from '../assets/svg/ic-integration.svg';
 import { ReactComponent as KnowledgeCenterIcon } from '../assets/svg/ic-knowledge-center.svg';
 import { ReactComponent as LineageIcon } from '../assets/svg/ic-lineage.svg';
 import { ReactComponent as ObservabilityIcon } from '../assets/svg/ic-observability.svg';
@@ -56,10 +55,10 @@ const ContextCenterArticlesIcon = createIconWithStroke(
   1.5
 );
 
-const ContextCenterArchiveIcon = createIconWithStroke(
-  Archive as UntitledIconType,
-  1.5
-);
+// const ContextCenterArchiveIcon = createIconWithStroke(
+//   Archive as UntitledIconType,
+//   1.5
+// );
 
 export const SIDEBAR_NESTED_KEYS = {
   [ROUTES.OBSERVABILITY_ALERTS]: ROUTES.OBSERVABILITY_ALERTS,
@@ -246,20 +245,21 @@ export const SIDEBAR_LIST: Array<LeftSidebarItem> = [
         icon: FolderIcon,
         dataTestId: `app-bar-item-context-center-documents`,
       },
-      {
-        key: ROUTES.CONTEXT_CENTER_INTEGRATIONS,
-        title: 'label.integration-plural',
-        redirect_url: ROUTES.CONTEXT_CENTER_INTEGRATIONS,
-        icon: IntegrationIcon,
-        dataTestId: `app-bar-item-context-center-integrations`,
-      },
-      {
-        key: ROUTES.CONTEXT_CENTER_ARCHIVE,
-        title: 'label.archive',
-        redirect_url: ROUTES.CONTEXT_CENTER_ARCHIVE,
-        icon: ContextCenterArchiveIcon,
-        dataTestId: `app-bar-item-context-center-archive`,
-      },
+      // TODO: In progress
+      // {
+      //   key: ROUTES.CONTEXT_CENTER_INTEGRATIONS,
+      //   title: 'label.integration-plural',
+      //   redirect_url: ROUTES.CONTEXT_CENTER_INTEGRATIONS,
+      //   icon: IntegrationIcon,
+      //   dataTestId: `app-bar-item-context-center-integrations`,
+      // },
+      // {
+      //   key: ROUTES.CONTEXT_CENTER_ARCHIVE,
+      //   title: 'label.archive',
+      //   redirect_url: ROUTES.CONTEXT_CENTER_ARCHIVE,
+      //   icon: ContextCenterArchiveIcon,
+      //   dataTestId: `app-bar-item-context-center-archive`,
+      // },
     ],
   },
 ];

From 5c2888b699f663e465d888f69d9fc902d0e68a54 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Tue, 12 May 2026 13:15:48 +0530
Subject: [PATCH 09/59] minor UI fixes

---
 .../ArticleDetailHeader.component.tsx         | 11 ++++++-
 .../ContextCenterHeader.component.tsx         |  4 +--
 .../DocumentsView/DocumentsView.component.tsx |  3 +-
 .../ManageButton/ManageButton.interface.ts    |  2 ++
 .../ManageButton/ManageButton.tsx             | 29 +++++++++++--------
 5 files changed, 31 insertions(+), 18 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
index 90e267877916..83437f64b2a2 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
@@ -23,6 +23,7 @@ import {
   Typography,
 } from '@openmetadata/ui-core-components';
 import {
+  DotsVertical,
   File06,
   Globe01,
   Home02,
@@ -490,7 +491,6 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
               isRecursiveDelete
               afterDeleteAction={afterDeleteAction}
               allowSoftDelete={false}
-              buttonClassName='tw:h-[32px]'
               canDelete={permissions.Delete}
               deleteButtonDescription={t(
                 'message.delete-entity-type-action-description',
@@ -506,6 +506,15 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
               successMessage={t('server.entity-deleted-successfully', {
                 entity: entityType,
               })}
+              trigger={
+                <ButtonUtility
+                  icon={DotsVertical}
+                  size="sm"
+                  tooltip={t('label.manage-entity', {
+                    entity: t('label.article'),
+                  })}
+                />
+              }
             />
           </div>
         </div>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx
index 2ac2e0b2a669..1a2654ce9ea0 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx
@@ -64,9 +64,7 @@ const ContextCenterHeader: FC<ContextCenterHeaderProps> = ({
               <Typography as="h3">{title}</Typography>
             </div>
             {subtitle && (
-              <Typography className="tw:text-gray-700" size="text-xs">
-                {subtitle}
-              </Typography>
+              <Typography className="tw:text-gray-700">{subtitle}</Typography>
             )}
           </div>
           {actionsSlot ?? defaultActions}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
index 08707cd74916..004ad3105bc2 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
@@ -127,7 +127,6 @@ const FileRowSkeleton: FC = () => (
 interface FileRowProps {
   file: DocFile;
   onDownload?: (file: DocFile) => void;
-  onMoveToFolder?: (file: DocFile) => void;
   onShareFile?: (file: DocFile) => void;
   onDeleteFile?: (file: DocFile) => void;
 }
@@ -178,7 +177,7 @@ const FileRow: FC<FileRowProps> = ({
       <ButtonUtility
         color="secondary"
         icon={
-          <Download01 className="tw:text-gray-500" height={18} width={18} />
+          <Download01 className="tw:text-gray-500" height={16} width={16} />
         }
         onClick={() => onDownload?.(file)}
       />
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/EntityPageInfos/ManageButton/ManageButton.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/common/EntityPageInfos/ManageButton/ManageButton.interface.ts
index 72e9e7af139a..81e58206b176 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/EntityPageInfos/ManageButton/ManageButton.interface.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/EntityPageInfos/ManageButton/ManageButton.interface.ts
@@ -11,11 +11,13 @@
  *  limitations under the License.
  */
 import { ItemType } from 'antd/lib/menu/hooks/useItems';
+import { ReactNode } from 'react';
 import { EntityType } from '../../../../enums/entity.enum';
 import { EntityName } from '../../../Modals/EntityNameModal/EntityNameModal.interface';
 import { DeleteOption } from '../../DeleteWidget/DeleteWidget.interface';
 
 export interface ManageButtonProps {
+  trigger?: ReactNode;
   allowSoftDelete?: boolean;
   afterDeleteAction?: (isSoftDelete?: boolean, version?: number) => void;
   buttonClassName?: string;
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/EntityPageInfos/ManageButton/ManageButton.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/EntityPageInfos/ManageButton/ManageButton.tsx
index 3f1603ae10b0..aa3cb6c82379 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/EntityPageInfos/ManageButton/ManageButton.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/EntityPageInfos/ManageButton/ManageButton.tsx
@@ -63,6 +63,7 @@ const ManageButton: FC<ManageButtonProps> = ({
   deleteButtonDescription,
   deleteOptions,
   onProfilerSettingUpdate,
+  trigger,
 }) => {
   const { t } = useTranslation();
   const [isDelete, setIsDelete] = useState<boolean>(false);
@@ -259,18 +260,22 @@ const ManageButton: FC<ManageButtonProps> = ({
             overlayStyle={{ width: '350px' }}
             placement="bottomRight"
             trigger={['click']}>
-            <Tooltip
-              placement="topRight"
-              title={t('label.manage-entity', {
-                entity: formattedEntityType,
-              })}>
-              <Button
-                className={classNames('flex-center px-1.5', buttonClassName)}
-                data-testid="manage-button"
-                type="default">
-                <IconDropdown className="anticon self-center manage-dropdown-icon" />
-              </Button>
-            </Tooltip>
+            {trigger ? (
+              <span data-testid="manage-button">{trigger}</span>
+            ) : (
+              <Tooltip
+                placement="topRight"
+                title={t('label.manage-entity', {
+                  entity: formattedEntityType,
+                })}>
+                <Button
+                  className={classNames('flex-center px-1.5', buttonClassName)}
+                  data-testid="manage-button"
+                  type="default">
+                  <IconDropdown className="anticon self-center manage-dropdown-icon" />
+                </Button>
+              </Tooltip>
+            )}
           </Dropdown>
         </Button>
       ) : (

From 46a5be8e2dd7216d45c1f815f071e4cda558f297 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Tue, 12 May 2026 13:32:05 +0530
Subject: [PATCH 10/59] addresssed gitar comment

---
 .../UploadDocumentModal.component.tsx         | 23 +++-------
 .../ContextCenterArticlesPage.tsx             | 46 ++++++++++---------
 2 files changed, 30 insertions(+), 39 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
index b8edcaaa4aa0..0c8b99891e03 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
@@ -17,6 +17,7 @@ import {
   Dialog,
   FileUpload,
   FileUploadDropZone,
+  getReadableFileSize,
   Modal,
   ModalOverlay,
 } from '@openmetadata/ui-core-components';
@@ -42,17 +43,6 @@ interface QueuedFile {
   status: UploadStatus;
 }
 
-const getReadableSize = (bytes: number): string => {
-  if (bytes === 0) {
-    return '0 KB';
-  }
-
-  const suffixes = ['B', 'KB', 'MB', 'GB'];
-  const i = Math.floor(Math.log(bytes) / Math.log(1024));
-
-  return `${Math.floor(bytes / Math.pow(1024, i))} ${suffixes[i]}`;
-};
-
 const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
   isOpen,
   entityLink,
@@ -169,19 +159,18 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
     setQueuedFiles((prev) => [...prev, ...newQueued]);
     setIsUploading(true);
 
+    const batchAssets: Asset[] = [];
     for (const entry of newQueued) {
       const asset = await uploadSingleFile(entry);
-
       if (asset) {
-        uploadedAssetsRef.current = [...uploadedAssetsRef.current, asset];
+        batchAssets.push(asset);
       }
     }
 
     setIsUploading(false);
 
-    if (uploadedAssetsRef.current.length > 0) {
-      onUploaded?.(uploadedAssetsRef.current);
-      uploadedAssetsRef.current = [];
+    if (batchAssets.length > 0) {
+      onUploaded?.(batchAssets);
     }
   };
 
@@ -231,7 +220,7 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
                         </p>
 
                         <p className="tw:text-sm tw:text-tertiary">
-                          {getReadableSize(file.size)}
+                          {getReadableFileSize(file.size)}
                         </p>
                       </div>
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
index ab5415e25a6d..ce2f2d4266db 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
@@ -11,9 +11,8 @@
  *  limitations under the License.
  */
 
-import { DownOutlined } from '@ant-design/icons';
-import { Home02 } from '@untitledui/icons';
-import { Button, Dropdown } from 'antd';
+import { Button, Dropdown } from '@openmetadata/ui-core-components';
+import { ChevronDown, Home02 } from '@untitledui/icons';
 import { AxiosError } from 'axios';
 import cryptoRandomString from 'crypto-random-string-with-promisify-polyfill';
 import { useCallback, useEffect, useRef, useState } from 'react';
@@ -171,27 +170,30 @@ const ContextCenterArticlesPage = () => {
       actionsSlot={
         permissions.Create && (
           <LimitWrapper resource="knowledgeCenter">
-            <Dropdown
-              menu={{
-                items: [
-                  {
-                    key: PageType.ARTICLE,
-                    label: t('label.article'),
-                    onClick: addArticleKnowledgePage,
-                  },
-                  {
-                    key: PageType.QUICK_LINK,
-                    label: t('label.quick-link'),
-                    onClick: () => setShowAddLinkModal(true),
-                  },
-                ],
-              }}
-              trigger={['click']}>
-              <Button data-testid="create-knowledge-page-btn" type="primary">
+            <Dropdown.Root>
+              <Button
+                color="primary"
+                data-testid="create-knowledge-page-btn"
+                iconTrailing={ChevronDown}>
                 {t('label.create')}
-                <DownOutlined />
               </Button>
-            </Dropdown>
+
+              <Dropdown.Popover placement="bottom start">
+                <Dropdown.Menu aria-label="create knowledge page">
+                  <Dropdown.Item
+                    key={PageType.ARTICLE}
+                    onAction={addArticleKnowledgePage}>
+                    {t('label.article')}
+                  </Dropdown.Item>
+
+                  <Dropdown.Item
+                    key={PageType.QUICK_LINK}
+                    onAction={() => setShowAddLinkModal(true)}>
+                    {t('label.quick-link')}
+                  </Dropdown.Item>
+                </Dropdown.Menu>
+              </Dropdown.Popover>
+            </Dropdown.Root>
           </LimitWrapper>
         )
       }

From ff43c343e8f7d74df4e179af516723684f2f1924 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Tue, 12 May 2026 17:12:15 +0530
Subject: [PATCH 11/59] fixed ui issues

---
 .../ContextCenterRouter.tsx                   |   1 +
 .../ArticleDetailHeader.component.tsx         |  38 ++-
 .../ArticleVersionHeader.component.tsx        |  90 +++++++
 .../knowledge-center-layout.less              |   5 +
 .../KnowledgePageDetailComponent.tsx          |   2 -
 .../KnowledgePageDetailRightPanel.tsx         |  11 -
 .../ManageButton/ManageButton.interface.ts    |   2 +-
 .../ManageButton/ManageButton.tsx             |  79 +++---
 .../resources/ui/src/constants/constants.ts   |   1 +
 .../ui/src/locale/languages/en-us.json        |   1 +
 .../ContextCenterArticlesPage.tsx             | 244 ++++++++++--------
 .../KnowledgePageVersionPage.tsx              |   2 +-
 .../ui/src/utils/KnowledgePageUtils.tsx       |  22 +-
 13 files changed, 338 insertions(+), 160 deletions(-)
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleVersionHeader/ArticleVersionHeader.component.tsx

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/AppRouter/ContextCenterRouter/ContextCenterRouter.tsx b/openmetadata-ui/src/main/resources/ui/src/components/AppRouter/ContextCenterRouter/ContextCenterRouter.tsx
index 4101a3687b98..020159e37588 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/AppRouter/ContextCenterRouter/ContextCenterRouter.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/AppRouter/ContextCenterRouter/ContextCenterRouter.tsx
@@ -83,6 +83,7 @@ const ContextCenterRouter = () => {
         ROUTES.CONTEXT_CENTER_ARTICLE_DETAIL,
         ROUTES.CONTEXT_CENTER_ARTICLE_DETAIL_WITH_TAB,
         ROUTES.CONTEXT_CENTER_ARTICLE_DETAIL_WITH_SUB_TAB,
+        ROUTES.CONTEXT_CENTER_ARTICLE_VERSION,
       ].map((route) => (
         <Route
           element={<ContextCenterArticlesPage />}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
index 83437f64b2a2..62a0753b78f8 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
@@ -36,7 +36,7 @@ import {
 import Loader from 'components/common/Loader/Loader';
 import { EntityStatusBadge } from 'components/Entity/EntityStatusBadge/EntityStatusBadge.component';
 import { EntityStatus } from 'generated/governance/workflows/elements/nodes/automatedTask/setGlossaryTermStatusTask';
-import { isEmpty, isUndefined, uniqBy } from 'lodash';
+import { isEmpty, isUndefined, toString, uniqBy } from 'lodash';
 import { FC, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
@@ -45,6 +45,7 @@ import { ReactComponent as SidebarCollapsible } from '../../../assets/svg/ic-sid
 import { ReactComponent as StarFilledIcon } from '../../../assets/svg/ic-star-filled.svg';
 import { ReactComponent as StarIcon } from '../../../assets/svg/ic-star.svg';
 import { ReactComponent as IconUnSaved } from '../../../assets/svg/ic-unsaved.svg';
+import { ReactComponent as VersionIcon } from '../../../assets/svg/ic-version.svg';
 import { DeleteType } from '../../../components/common/DeleteWidget/DeleteWidget.interface';
 import ManageButton from '../../../components/common/EntityPageInfos/ManageButton/ManageButton';
 import UserPopOverCard from '../../../components/common/PopOverCard/UserPopOverCard';
@@ -57,6 +58,7 @@ import { EntityTabs, EntityType } from '../../../enums/entity.enum';
 import { useCurrentUserPreferences } from '../../../hooks/currentUserStore/useCurrentUserStore';
 import { useApplicationStore } from '../../../hooks/useApplicationStore';
 import { useClipboard } from '../../../hooks/useClipBoard';
+import { useFqn } from '../../../hooks/useFqn';
 import {
   ContentChangeState,
   RecentlyViewedQuickLinks,
@@ -64,7 +66,10 @@ import {
 import deleteWidgetClassBase from '../../../utils/DeleteWidget/DeleteWidgetClassBase';
 import EntityLink from '../../../utils/EntityLink';
 import { getEntityName } from '../../../utils/EntityUtils';
-import { updateKnowledgeCenterRecentViewed } from '../../../utils/KnowledgePageUtils';
+import {
+  getContextCenterArticleVersionsPath,
+  updateKnowledgeCenterRecentViewed,
+} from '../../../utils/KnowledgePageUtils';
 import { ArticleDetailHeaderProps } from './ArticleDetailHeader.interface';
 
 const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
@@ -86,6 +91,7 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
 }) => {
   const { t } = useTranslation();
   const navigate = useNavigate();
+  const { fqn } = useFqn();
   const { currentUser } = useApplicationStore();
   const USERId = currentUser?.id ?? '';
   const [copyTooltip, setCopyTooltip] = useState<string>('');
@@ -113,7 +119,7 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
       },
       {
         activeTitle: true,
-        name: (knowledgePage?.displayName ?? '') || t('label.untitled'),
+        name: getEntityName(knowledgePage) || t('label.untitled'),
         url: '',
       },
     ],
@@ -136,6 +142,8 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
     return QueryVoteType.unVoted;
   }, [knowledgePage, USERId]);
 
+  const version = toString(knowledgePage?.version ?? '0.1');
+
   const isFollowing = useMemo(
     () => Boolean(knowledgePage?.followers?.some(({ id }) => id === USERId)),
     [knowledgePage?.followers, USERId]
@@ -182,6 +190,10 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
     }
   };
 
+  const handleVersionClick = () => {
+    navigate(getContextCenterArticleVersionsPath(fqn, version));
+  };
+
   const handleShare = async () => {
     await onCopyToClipBoard();
     setCopyTooltip(t('message.copy-to-clipboard'));
@@ -301,7 +313,7 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
               {/* Article name with icon */}
               <div className="tw:flex tw:items-center tw:gap-2 tw:flex-wrap">
                 <Typography as="h3" className="tw:truncate">
-                  {(knowledgePage?.displayName ?? '') || t('label.untitled')}
+                  {getEntityName(knowledgePage) || t('label.untitled')}
                 </Typography>
                 {entityStatusBadge}
               </div>
@@ -398,6 +410,19 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
               </Button>
             )}
 
+            <Tooltip title={t('label.version-plural')}>
+              <TooltipTrigger>
+                <Button
+                  className="tw:p-1.5"
+                  color="secondary"
+                  iconLeading={<VersionIcon height={16} width={16} />}
+                  size="sm"
+                  onClick={handleVersionClick}>
+                  {version}
+                </Button>
+              </TooltipTrigger>
+            </Tooltip>
+
             {/* Up vote */}
             <Tooltip title={t('label.up-vote')}>
               <TooltipTrigger>
@@ -506,15 +531,16 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
               successMessage={t('server.entity-deleted-successfully', {
                 entity: entityType,
               })}
-              trigger={
+              trigger={(onClick) => (
                 <ButtonUtility
                   icon={DotsVertical}
                   size="sm"
                   tooltip={t('label.manage-entity', {
                     entity: t('label.article'),
                   })}
+                  onClick={onClick}
                 />
-              }
+              )}
             />
           </div>
         </div>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleVersionHeader/ArticleVersionHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleVersionHeader/ArticleVersionHeader.component.tsx
new file mode 100644
index 000000000000..380b928cd680
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleVersionHeader/ArticleVersionHeader.component.tsx
@@ -0,0 +1,90 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import { Card, Skeleton, Typography } from '@openmetadata/ui-core-components';
+import { File06, Home02 } from '@untitledui/icons';
+import { FC } from 'react';
+import { useTranslation } from 'react-i18next';
+import TitleBreadcrumb from '../../../components/common/TitleBreadcrumb/TitleBreadcrumb.component';
+import { ROUTES } from '../../../constants/constants';
+import { KnowledgePage } from '../../../interface/knowledge-center.interface';
+import { getEntityName } from '../../../utils/EntityUtils';
+
+interface ArticleVersionHeaderProps {
+  knowledgePage?: KnowledgePage;
+}
+
+const ArticleVersionHeader: FC<ArticleVersionHeaderProps> = ({
+  knowledgePage,
+}) => {
+  const { t } = useTranslation();
+
+  const breadcrumbs = [
+    {
+      name: '',
+      icon: <Home02 size={14} />,
+      url: '/',
+      activeTitle: true,
+    },
+    { name: t('label.context-center'), url: ROUTES.CONTEXT_CENTER },
+    {
+      name: t('label.article-plural'),
+      url: ROUTES.CONTEXT_CENTER_ARTICLES,
+    },
+    {
+      activeTitle: true,
+      name: getEntityName(knowledgePage) || t('label.untitled'),
+      url: '',
+    },
+  ];
+
+  if (!knowledgePage) {
+    return (
+      <div
+        className="tw:flex tw:flex-col tw:gap-3 tw:px-6 tw:py-4"
+        data-testid="article-version-header-skeleton">
+        <Skeleton height={20} variant="rounded" width={300} />
+        <Card className="tw:mb-0">
+          <Skeleton height={28} variant="rounded" width={250} />
+        </Card>
+      </div>
+    );
+  }
+
+  return (
+    <div
+      className="tw:flex tw:flex-col tw:gap-3 tw:mb-5"
+      data-testid="article-version-header">
+      <TitleBreadcrumb useCustomArrow titleLinks={breadcrumbs} />
+
+      <Card className="tw:mb-0 tw:p-6">
+        <div className="tw:flex tw:gap-4 tw:items-center">
+          <div className="tw:w-auto tw:shrink-0 tw:bg-gray-100 tw:rounded-xl tw:flex tw:items-center tw:p-2">
+            <File06
+              className="tw:text-gray-500"
+              height={40}
+              style={{ verticalAlign: 'middle', flexShrink: 0 }}
+              width={40}
+            />
+          </div>
+
+          <Typography as="h3">
+            {getEntityName(knowledgePage) || t('label.untitled')}
+          </Typography>
+        </div>
+      </Card>
+    </div>
+  );
+};
+
+export default ArticleVersionHeader;
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/knowledge-center-layout.less b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/knowledge-center-layout.less
index 34573462e8b6..7bb2eef15fa3 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/knowledge-center-layout.less
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/knowledge-center-layout.less
@@ -22,6 +22,11 @@
     height: calc(100vh - 295px);
     padding-bottom: 20px;
   }
+
+  &.knowledge-version-page {
+    height: calc(100vh - 246px);
+    padding-bottom: 20px;
+  }
 }
 
 .knowledge-center-layout.reflex-container {
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent.tsx
index 508e81e9363e..f744d6415797 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent.tsx
@@ -716,7 +716,6 @@ const KnowledgePageDetailComponent: FC<KnowledgePageDetailComponentProps> = ({
           onUpdate={updatePage}>
           <KnowledgePageDetailRightPanel
             handleRelatedEntitiesUpdate={handleRelatedEntitiesUpdate}
-            isLoading={isLoading}
             knowledgePage={knowledgePage}
             permissions={permissions}
             tags={tags}
@@ -747,7 +746,6 @@ const KnowledgePageDetailComponent: FC<KnowledgePageDetailComponentProps> = ({
     };
   }, [
     knowledgePage,
-    isLoading,
     isRightPanelOpen,
     onToggleRightPanel,
     permissions,
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailRightPanel/KnowledgePageDetailRightPanel.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailRightPanel/KnowledgePageDetailRightPanel.tsx
index 5fec856a6499..59c2317b5b9a 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailRightPanel/KnowledgePageDetailRightPanel.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailRightPanel/KnowledgePageDetailRightPanel.tsx
@@ -30,9 +30,7 @@ import { EntityTags } from '../../../Models';
 import { showErrorToast } from '../../../utils/ToastUtils';
 import RelatedDataAssets from '../RelatedDataAssets/RelatedDataAssets';
 import './knowledge-page.less';
-import KnowledgePageDetailRightPanelSkeleton from './KnowledgePageDetailRightPanelSkeleton';
 interface KnowledgePageDetailRightPanelProps {
-  isLoading: boolean;
   permissions: OperationPermission;
   tags: Array<EntityTags>;
   knowledgePage?: KnowledgePage;
@@ -43,7 +41,6 @@ interface KnowledgePageDetailRightPanelProps {
 }
 
 const KnowledgePageDetailRightPanel: FC<KnowledgePageDetailRightPanelProps> = ({
-  isLoading,
   knowledgePage,
   permissions,
   tags,
@@ -57,10 +54,6 @@ const KnowledgePageDetailRightPanel: FC<KnowledgePageDetailRightPanelProps> = ({
     permissions: genericPermissions,
   } = useGenericContext<KnowledgePage>();
 
-  if (!entityRules) {
-    return <KnowledgePageDetailRightPanelSkeleton />;
-  }
-
   const handleDataProductsSave = useCallback(
     async (selectedDataProducts: DataProduct[]) => {
       try {
@@ -101,10 +94,6 @@ const KnowledgePageDetailRightPanel: FC<KnowledgePageDetailRightPanelProps> = ({
     return genericPermissions?.EditAll && !data?.deleted;
   }, [genericPermissions?.EditAll, data?.deleted]);
 
-  if (isLoading) {
-    return <KnowledgePageDetailRightPanelSkeleton />;
-  }
-
   return (
     <div className="knowledge-page-right-panel">
       <Row gutter={[0, 24]}>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/EntityPageInfos/ManageButton/ManageButton.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/common/EntityPageInfos/ManageButton/ManageButton.interface.ts
index 81e58206b176..67072c96f93f 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/EntityPageInfos/ManageButton/ManageButton.interface.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/EntityPageInfos/ManageButton/ManageButton.interface.ts
@@ -17,7 +17,7 @@ import { EntityName } from '../../../Modals/EntityNameModal/EntityNameModal.inte
 import { DeleteOption } from '../../DeleteWidget/DeleteWidget.interface';
 
 export interface ManageButtonProps {
-  trigger?: ReactNode;
+  trigger?: (onClick: () => void) => ReactNode;
   allowSoftDelete?: boolean;
   afterDeleteAction?: (isSoftDelete?: boolean, version?: number) => void;
   buttonClassName?: string;
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/EntityPageInfos/ManageButton/ManageButton.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/EntityPageInfos/ManageButton/ManageButton.tsx
index aa3cb6c82379..72031f25b120 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/EntityPageInfos/ManageButton/ManageButton.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/EntityPageInfos/ManageButton/ManageButton.tsx
@@ -67,6 +67,7 @@ const ManageButton: FC<ManageButtonProps> = ({
 }) => {
   const { t } = useTranslation();
   const [isDelete, setIsDelete] = useState<boolean>(false);
+  const [isDropdownOpen, setIsDropdownOpen] = useState(false);
   const [isEntityRestoring, setIsEntityRestoring] = useState<boolean>(false);
   const [showReactiveModal, setShowReactiveModal] = useState(false);
   const [isDisplayNameEditing, setIsDisplayNameEditing] = useState(false);
@@ -244,43 +245,61 @@ const ManageButton: FC<ManageButtonProps> = ({
     [entityType]
   );
 
-  return (
-    <>
-      {items.length ? (
-        // Used Button to stop click propagation event in the
-        // TeamDetailsV1 and User.component collapsible panel.
-        <Button
-          className="remove-button-default-styling p-0"
-          onClick={(e) => e.stopPropagation()}>
+  const renderDropdownTrigger = () => {
+    if (trigger) {
+      return (
+        <>
+          {trigger(() => setIsDropdownOpen((prev) => !prev))}
           <Dropdown
-            align={{ targetOffset: [-12, 0] }}
+            align={{ targetOffset: [0, -16] }}
             dropdownRender={renderDropdownContainer}
             menu={{ items }}
+            open={isDropdownOpen}
             overlayClassName="manage-dropdown-list-container"
             overlayStyle={{ width: '350px' }}
             placement="bottomRight"
-            trigger={['click']}>
-            {trigger ? (
-              <span data-testid="manage-button">{trigger}</span>
-            ) : (
-              <Tooltip
-                placement="topRight"
-                title={t('label.manage-entity', {
-                  entity: formattedEntityType,
-                })}>
-                <Button
-                  className={classNames('flex-center px-1.5', buttonClassName)}
-                  data-testid="manage-button"
-                  type="default">
-                  <IconDropdown className="anticon self-center manage-dropdown-icon" />
-                </Button>
-              </Tooltip>
-            )}
+            trigger={['click']}
+            onOpenChange={setIsDropdownOpen}>
+            <span data-testid="manage-button" />
           </Dropdown>
-        </Button>
-      ) : (
-        <></>
-      )}
+        </>
+      );
+    }
+
+    // Used Button to stop click propagation event in the
+    // TeamDetailsV1 and User.component collapsible panel.
+    return (
+      <Button
+        className="remove-button-default-styling p-0"
+        onClick={(e) => e.stopPropagation()}>
+        <Dropdown
+          align={{ targetOffset: [-12, 0] }}
+          dropdownRender={renderDropdownContainer}
+          menu={{ items }}
+          overlayClassName="manage-dropdown-list-container"
+          overlayStyle={{ width: '350px' }}
+          placement="bottomRight"
+          trigger={['click']}>
+          <Tooltip
+            placement="topRight"
+            title={t('label.manage-entity', {
+              entity: formattedEntityType,
+            })}>
+            <Button
+              className={classNames('flex-center px-1.5', buttonClassName)}
+              data-testid="manage-button"
+              type="default">
+              <IconDropdown className="anticon self-center manage-dropdown-icon" />
+            </Button>
+          </Tooltip>
+        </Dropdown>
+      </Button>
+    );
+  };
+
+  return (
+    <>
+      {items.length ? renderDropdownTrigger() : null}
       {isDelete && (
         <DeleteWidgetModal
           afterDeleteAction={afterDeleteAction}
diff --git a/openmetadata-ui/src/main/resources/ui/src/constants/constants.ts b/openmetadata-ui/src/main/resources/ui/src/constants/constants.ts
index aa77df35394e..63cf4f9ea8f9 100644
--- a/openmetadata-ui/src/main/resources/ui/src/constants/constants.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/constants/constants.ts
@@ -167,6 +167,7 @@ export const ROUTES = {
   CONTEXT_CENTER_ARTICLE_DETAIL: `/context-center/articles/${PLACEHOLDER_ROUTE_FQN}`,
   CONTEXT_CENTER_ARTICLE_DETAIL_WITH_TAB: `/context-center/articles/${PLACEHOLDER_ROUTE_FQN}/${PLACEHOLDER_ROUTE_TAB}`,
   CONTEXT_CENTER_ARTICLE_DETAIL_WITH_SUB_TAB: `/context-center/articles/${PLACEHOLDER_ROUTE_FQN}/${PLACEHOLDER_ROUTE_TAB}/${PLACEHOLDER_ROUTE_SUB_TAB}`,
+  CONTEXT_CENTER_ARTICLE_VERSION: `/context-center/articles/${PLACEHOLDER_ROUTE_FQN}/versions/${PLACEHOLDER_ROUTE_VERSION}`,
   CONTEXT_CENTER_DOCUMENTS: '/context-center/documents',
   CONTEXT_CENTER_INTEGRATIONS: '/context-center/integrations',
   CONTEXT_CENTER_ARCHIVE: '/context-center/archive',
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
index f81185dc3822..0b072300a151 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
@@ -1173,6 +1173,7 @@
     "last-7-days": "Last 7 days",
     "last-activity": "Last Activity",
     "last-activity-n-minutes-ago": "Last activity {{count}} minutes ago",
+    "last-edited-by": "Last Edited By",
     "last-error": "Last error",
     "last-failed-at": "Last Failed At",
     "last-hour": "Last hour",
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
index ce2f2d4266db..2e01eb3c2244 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
@@ -20,6 +20,7 @@ import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 import { withActivityFeed } from '../../../components/AppRouter/withActivityFeed';
 import ArticleDetailHeader from '../../../components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component';
+import ArticleVersionHeader from '../../../components/ContextCenter/ArticleVersionHeader/ArticleVersionHeader.component';
 import ContextCenterHeader from '../../../components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
 import KnowledgeCenterLayout from '../../../components/KnowledgeCenter/KnowledgeCenterLayout/KnowledgeCenterLayout';
 import KnowledgePageDetailComponent from '../../../components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent';
@@ -53,11 +54,14 @@ import { createArticleKnowledgePage } from '../../../utils/ContextCenterUtils';
 import { getContextCenterArticlePath } from '../../../utils/KnowledgePageUtils';
 import { DEFAULT_ENTITY_PERMISSION } from '../../../utils/PermissionsUtils';
 import { showErrorToast } from '../../../utils/ToastUtils';
+import { useRequiredParams } from '../../../utils/useRequiredParams';
+import KnowledgePageVersionPage from '../../KnowledgePageVersionPage/KnowledgePageVersionPage';
 
 const ContextCenterArticlesPage = () => {
   const { t } = useTranslation();
   const navigate = useNavigate();
   const { fqn } = useFqn();
+  const { version } = useRequiredParams<{ version?: string }>();
   const { currentUser } = useApplicationStore();
   const USERId = currentUser?.id ?? '';
   const { getResourcePermission } = usePermissionProvider();
@@ -146,71 +150,140 @@ const ContextCenterArticlesPage = () => {
     fetchPermission();
   }, []);
 
-  const header = fqn ? (
-    <ArticleDetailHeader
-      activeTab={page.activeTab}
-      contentChangeState={
-        page.handlers?.contentChangeState ?? ContentChangeState.SAVED
-      }
+  const renderHeader = () => {
+    if (version) {
+      return <ArticleVersionHeader knowledgePage={page.data} />;
+    }
+
+    if (fqn) {
+      return (
+        <ArticleDetailHeader
+          activeTab={page.activeTab}
+          contentChangeState={
+            page.handlers?.contentChangeState ?? ContentChangeState.SAVED
+          }
+          fetchKnowledgePageHierarchy={handleFetchKnowledgePageHierarchy}
+          isRightPanelOpen={isRightPanelOpen}
+          knowledgePage={page.data}
+          permissions={permissions}
+          tabs={page.tabs}
+          onFollowChange={
+            page.handlers?.onFollowChange ?? (async () => undefined)
+          }
+          onSave={page.handlers?.onSave}
+          onSetThreadLink={
+            page.handlers?.onSetThreadLink ?? (() => undefined)
+          }
+          onTabChange={page.onTabChange}
+          onToggleDelete={
+            page.handlers?.onToggleDelete ?? (() => undefined)
+          }
+          onToggleRightPanel={handleToggleRightPanel}
+          onVoteChange={
+            page.handlers?.onVoteChange ?? (async () => undefined)
+          }
+        />
+      );
+    }
+
+    return (
+      <ContextCenterHeader
+        actionsSlot={
+          permissions.Create && (
+            <LimitWrapper resource="knowledgeCenter">
+              <Dropdown.Root>
+                <Button
+                  color="primary"
+                  data-testid="create-knowledge-page-btn"
+                  iconTrailing={ChevronDown}>
+                  {t('label.create')}
+                </Button>
+
+                <Dropdown.Popover placement="bottom start">
+                  <Dropdown.Menu aria-label="create knowledge page">
+                    <Dropdown.Item
+                      key={PageType.ARTICLE}
+                      onAction={addArticleKnowledgePage}>
+                      {t('label.article')}
+                    </Dropdown.Item>
+
+                    <Dropdown.Item
+                      key={PageType.QUICK_LINK}
+                      onAction={() => setShowAddLinkModal(true)}>
+                      {t('label.quick-link')}
+                    </Dropdown.Item>
+                  </Dropdown.Menu>
+                </Dropdown.Popover>
+              </Dropdown.Root>
+            </LimitWrapper>
+          )
+        }
+        breadcrumbs={[
+          {
+            name: '',
+            icon: <Home02 size={14} />,
+            url: '/',
+            activeTitle: true,
+          },
+          { name: t('label.context-center'), url: ROUTES.CONTEXT_CENTER },
+          { activeTitle: true, name: t('label.article-plural'), url: '' },
+        ]}
+        subtitle={t('message.internal-knowledge-base-agent-training', {
+          defaultValue: 'Internal knowledge base for agent training',
+        })}
+        title={t('label.article-plural')}
+      />
+    );
+  };
+
+  const isActivityFeedTab =
+    Boolean(fqn) && page.activeTab === EntityTabs.ACTIVITY_FEED;
+
+  const layoutClassName = version
+    ? 'knowledge-version-page'
+    : fqn
+    ? 'knowledge-details-page'
+    : undefined;
+
+  const leftSidebar = isActivityFeedTab ? null : (
+    <KnowledgePagesHierarchy
+      hideAddPageButton
+      activeKey={fqn}
+      activePage={page.data}
+      getPagePath={getContextCenterArticlePath}
+      homeRoute={ROUTES.CONTEXT_CENTER_ARTICLES}
+      isPageHeaderAvailable={Boolean(fqn)}
+      permissions={permissions}
+      ref={knowledgePagesHierarchyRef}
+      onPageDelete={knowledgeCenterPageRef.current?.onPageDelete}
+    />
+  );
+
+  const rightSidebar =
+    version || isActivityFeedTab
+      ? null
+      : isRightPanelOpen
+      ? page.rightPanel
+      : null;
+
+  const centerContent = version ? (
+    <KnowledgePageVersionPage onPageChange={handlePageChange} />
+  ) : fqn ? (
+    <KnowledgePageDetailComponent
       fetchKnowledgePageHierarchy={handleFetchKnowledgePageHierarchy}
+      getArticlePath={getContextCenterArticlePath}
       isRightPanelOpen={isRightPanelOpen}
-      knowledgePage={page.data}
-      permissions={permissions}
-      tabs={page.tabs}
-      onFollowChange={page.handlers?.onFollowChange ?? (async () => undefined)}
-      onSave={page.handlers?.onSave}
-      onSetThreadLink={page.handlers?.onSetThreadLink ?? (() => undefined)}
-      onTabChange={page.onTabChange}
-      onToggleDelete={page.handlers?.onToggleDelete ?? (() => undefined)}
+      onPageChange={handlePageChange}
       onToggleRightPanel={handleToggleRightPanel}
-      onVoteChange={page.handlers?.onVoteChange ?? (async () => undefined)}
     />
   ) : (
-    <ContextCenterHeader
-      actionsSlot={
-        permissions.Create && (
-          <LimitWrapper resource="knowledgeCenter">
-            <Dropdown.Root>
-              <Button
-                color="primary"
-                data-testid="create-knowledge-page-btn"
-                iconTrailing={ChevronDown}>
-                {t('label.create')}
-              </Button>
-
-              <Dropdown.Popover placement="bottom start">
-                <Dropdown.Menu aria-label="create knowledge page">
-                  <Dropdown.Item
-                    key={PageType.ARTICLE}
-                    onAction={addArticleKnowledgePage}>
-                    {t('label.article')}
-                  </Dropdown.Item>
-
-                  <Dropdown.Item
-                    key={PageType.QUICK_LINK}
-                    onAction={() => setShowAddLinkModal(true)}>
-                    {t('label.quick-link')}
-                  </Dropdown.Item>
-                </Dropdown.Menu>
-              </Dropdown.Popover>
-            </Dropdown.Root>
-          </LimitWrapper>
-        )
-      }
-      breadcrumbs={[
-        {
-          name: '',
-          icon: <Home02 size={14} />,
-          url: '/',
-          activeTitle: true,
-        },
-        { name: t('label.context-center'), url: ROUTES.CONTEXT_CENTER },
-        { activeTitle: true, name: t('label.article-plural'), url: '' },
-      ]}
-      subtitle={t('message.internal-knowledge-base-agent-training', {
-        defaultValue: 'Internal knowledge base for agent training',
-      })}
-      title={t('label.article-plural')}
+    <KnowledgePageListComponent
+      hideAddButton
+      getPagePath={getContextCenterArticlePath}
+      permissions={permissions}
+      ref={knowledgeCenterPageRef}
+      rightPanelSlot={null}
+      onPageChange={handlePageChange}
     />
   );
 
@@ -218,54 +291,15 @@ const ContextCenterArticlesPage = () => {
     <div
       className="tw:flex tw:flex-col tw:w-full tw:h-full tw:p-5 tw:pt-0"
       data-testid="context-center-articles-page">
-      {header}
+      {renderHeader()}
 
       <KnowledgeCenterLayout
-        centerNoPadding={
-          Boolean(fqn) && page.activeTab === EntityTabs.ACTIVITY_FEED
-        }
-        className={fqn ? 'knowledge-details-page' : undefined}
-        leftSidebar={
-          fqn && page.activeTab === EntityTabs.ACTIVITY_FEED ? null : (
-            <KnowledgePagesHierarchy
-              hideAddPageButton
-              activeKey={fqn}
-              activePage={page.data}
-              getPagePath={getContextCenterArticlePath}
-              homeRoute={ROUTES.CONTEXT_CENTER_ARTICLES}
-              isPageHeaderAvailable={Boolean(fqn)}
-              permissions={permissions}
-              ref={knowledgePagesHierarchyRef}
-              onPageDelete={knowledgeCenterPageRef.current?.onPageDelete}
-            />
-          )
-        }
+        centerNoPadding={isActivityFeedTab}
+        className={layoutClassName}
+        leftSidebar={leftSidebar}
         pageTitle={page.title || t('label.article-plural')}
-        rightSidebar={
-          fqn && page.activeTab === EntityTabs.ACTIVITY_FEED
-            ? null
-            : isRightPanelOpen
-            ? page.rightPanel
-            : null
-        }>
-        {fqn ? (
-          <KnowledgePageDetailComponent
-            fetchKnowledgePageHierarchy={handleFetchKnowledgePageHierarchy}
-            getArticlePath={getContextCenterArticlePath}
-            isRightPanelOpen={isRightPanelOpen}
-            onPageChange={handlePageChange}
-            onToggleRightPanel={handleToggleRightPanel}
-          />
-        ) : (
-          <KnowledgePageListComponent
-            hideAddButton
-            getPagePath={getContextCenterArticlePath}
-            permissions={permissions}
-            ref={knowledgeCenterPageRef}
-            rightPanelSlot={null}
-            onPageChange={handlePageChange}
-          />
-        )}
+        rightSidebar={rightSidebar}>
+        {centerContent}
       </KnowledgeCenterLayout>
 
       <QuickLinkFormModal
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/KnowledgePageVersionPage/KnowledgePageVersionPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/KnowledgePageVersionPage/KnowledgePageVersionPage.tsx
index d8bf65e55fc3..d07093a0fb65 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/KnowledgePageVersionPage/KnowledgePageVersionPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/KnowledgePageVersionPage/KnowledgePageVersionPage.tsx
@@ -182,7 +182,7 @@ const KnowledgePageVersionPage: FC<KnowledgePageVersionPageProps> = ({
     onPageChange({
       rightPanel: getVersionTimeLineElement(),
       title: selectedData?.displayName || t('label.untitled'),
-      data: undefined,
+      data: knowledgePage,
       header: getHeaderElement(),
     });
   }, [selectedData, loading, versionList, version, knowledgePage]);
diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/KnowledgePageUtils.tsx b/openmetadata-ui/src/main/resources/ui/src/utils/KnowledgePageUtils.tsx
index 26809b4db90e..0b3325f30d38 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/KnowledgePageUtils.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/KnowledgePageUtils.tsx
@@ -44,6 +44,7 @@ import { usePersistentStorage } from '../hooks/currentUserStore/useCurrentUserSt
 import { useApplicationStore } from '../hooks/useApplicationStore';
 import { RecentlyViewedData } from '../Models';
 import { arraySorterByKey } from './CommonUtils';
+import { getEntityName } from './EntityUtils';
 import Fqn from './Fqn';
 import i18n, { t } from './i18next/LocalUtil';
 
@@ -141,6 +142,18 @@ export const getKnowledgePagePath = (
 
 export const getContextCenterArticlePath = getKnowledgePagePath;
 
+export const getContextCenterArticleVersionsPath = (
+  knowledgePageName: string,
+  version: string
+) => {
+  let path = ROUTES.CONTEXT_CENTER_ARTICLE_VERSION;
+  path = path
+    .replace(PLACEHOLDER_ROUTE_FQN, knowledgePageName)
+    .replace(PLACEHOLDER_ROUTE_VERSION, version);
+
+  return path;
+};
+
 export const getKnowledgeVersionsPath = (
   knowledgePageName: string,
   version: string
@@ -159,20 +172,21 @@ export const convertToTreeData = (
 ) => {
   const treeData: DataNode[] = pages.map((page) => {
     const isActive = activePage?.fullyQualifiedName === page.fullyQualifiedName;
-    const displayName = isActive ? activePage?.displayName : page.displayName;
+    const resolvedPage = isActive ? activePage : page;
+    const title =
+      getEntityName(resolvedPage as KnowledgePage) || i18n.t('label.untitled');
 
     const hasChildren = !isEmpty(page?.children);
     if (!hasChildren) {
       return {
         key: page.fullyQualifiedName,
-        title: displayName || i18n.t('label.untitled'),
-        // mark the node as leaf if it has no children
+        title,
         isLeaf: page.childrenCount === 0,
       } as DataNode;
     } else {
       return {
         key: page.fullyQualifiedName,
-        title: displayName || i18n.t('label.untitled'),
+        title,
         children: convertToTreeData(activePage, page.children),
       } as DataNode;
     }

From d5b0d4ac2e936e734133e2704643de5689634850 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Tue, 12 May 2026 17:20:41 +0530
Subject: [PATCH 12/59] addressed gitar comment

---
 .../application/file-upload/file-upload.tsx   | 31 +++++++++++++------
 .../UploadDocumentModal.component.tsx         | 19 +++++-------
 .../ui/src/locale/languages/en-us.json        |  3 +-
 3 files changed, 31 insertions(+), 22 deletions(-)

diff --git a/openmetadata-ui-core-components/src/main/resources/ui/src/components/application/file-upload/file-upload.tsx b/openmetadata-ui-core-components/src/main/resources/ui/src/components/application/file-upload/file-upload.tsx
index 4facb4d332e2..11a7ec3827e0 100644
--- a/openmetadata-ui-core-components/src/main/resources/ui/src/components/application/file-upload/file-upload.tsx
+++ b/openmetadata-ui-core-components/src/main/resources/ui/src/components/application/file-upload/file-upload.tsx
@@ -258,18 +258,28 @@ export interface FileListItemProps {
   progress: number;
   failed?: boolean;
   className?: string;
+  completeLabel?: string;
+  uploadingLabel?: string;
+  failedLabel?: string;
+  tryAgainLabel?: string;
+  deleteLabel?: string;
   onDelete?: () => void;
   onRetry?: () => void;
 }
 
 export const FileListItemProgressBar = ({
   className,
+  completeLabel = 'Complete',
+  deleteLabel = 'Delete',
   failed,
+  failedLabel = 'Failed',
   name,
   onDelete,
   onRetry,
   progress,
   size,
+  tryAgainLabel = 'Try again',
+  uploadingLabel = 'Uploading...',
 }: FileListItemProps) => {
   const isComplete = progress === 100;
 
@@ -300,7 +310,7 @@ export const FileListItemProgressBar = ({
                   <>
                     <CheckCircle className="tw:size-4 tw:stroke-[2.5px] tw:text-fg-success-primary" />
                     <p className="tw:text-sm tw:font-medium tw:text-success-primary">
-                      Complete
+                      {completeLabel}
                     </p>
                   </>
                 )}
@@ -308,7 +318,7 @@ export const FileListItemProgressBar = ({
                   <>
                     <UploadCloud02 className="tw:size-4 tw:stroke-[2.5px] tw:text-fg-quaternary" />
                     <p className="tw:text-sm tw:font-medium tw:text-quaternary">
-                      Uploading...
+                      {uploadingLabel}
                     </p>
                   </>
                 )}
@@ -316,7 +326,7 @@ export const FileListItemProgressBar = ({
                   <>
                     <XCircle className="tw:size-4 tw:text-fg-error-primary" />
                     <p className="tw:text-sm tw:font-medium tw:text-error-primary">
-                      Failed
+                      {failedLabel}
                     </p>
                   </>
                 )}
@@ -328,7 +338,7 @@ export const FileListItemProgressBar = ({
             color="tertiary"
             icon={Trash01}
             size="xs"
-            tooltip="Delete"
+            tooltip={deleteLabel}
             onClick={onDelete}
           />
         </div>
@@ -350,7 +360,7 @@ export const FileListItemProgressBar = ({
             color="link-destructive"
             size="sm"
             onClick={onRetry}>
-            Try again
+            {tryAgainLabel}
           </Button>
         )}
       </div>
@@ -360,12 +370,15 @@ export const FileListItemProgressBar = ({
 
 export const FileListItemProgressFill = ({
   className,
+  deleteLabel = 'Delete',
   failed,
+  failedLabel = 'Upload failed, please try again',
   name,
   onDelete,
   onRetry,
   progress,
   size,
+  tryAgainLabel = 'Try again',
 }: FileListItemProps) => {
   const isComplete = progress === 100;
 
@@ -404,9 +417,7 @@ export const FileListItemProgressFill = ({
             </p>
             <div className="tw:mt-0.5 tw:flex tw:items-center tw:gap-2">
               <p className="tw:text-sm tw:text-tertiary">
-                {failed
-                  ? 'Upload failed, please try again'
-                  : getReadableFileSize(size)}
+                {failed ? failedLabel : getReadableFileSize(size)}
               </p>
               {!failed && (
                 <>
@@ -429,7 +440,7 @@ export const FileListItemProgressFill = ({
               color="link-destructive"
               size="sm"
               onClick={onRetry}>
-              Try again
+              {tryAgainLabel}
             </Button>
           )}
         </div>
@@ -438,7 +449,7 @@ export const FileListItemProgressFill = ({
           color="tertiary"
           icon={Trash01}
           size="xs"
-          tooltip="Delete"
+          tooltip={deleteLabel}
           onClick={onDelete}
         />
       </div>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
index 0c8b99891e03..b81e10b3cf36 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
@@ -29,7 +29,7 @@ import { uploadAsset } from 'rest/assetAPI';
 import { showErrorToast } from 'utils/ToastUtils';
 import { UploadDocumentModalProps } from './UploadDocumentModal.interface';
 
-type UploadStatus = 'uploading' | 'done' | 'error' | 'size-error';
+type UploadStatus = 'uploading' | 'done' | 'error';
 
 interface StagedFile {
   id: string;
@@ -101,15 +101,7 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
     setStagedFiles((prev) => [...prev, ...newEntries]);
   };
 
-  const handleSizeLimitExceed = (files: FileList) => {
-    const oversizedEntries: QueuedFile[] = Array.from(files).map((file) => ({
-      file,
-      id: `${file.name}-${file.size}-${Date.now()}`,
-      progress: 0,
-      status: 'size-error' as UploadStatus,
-    }));
-
-    setQueuedFiles((prev) => [...prev, ...oversizedEntries]);
+  const handleSizeLimitExceed = () => {
     showErrorToast(
       t('message.file-size-limit-exceeded', {
         defaultValue:
@@ -241,11 +233,16 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
                 <FileUpload.List className="tw:max-h-60 tw:overflow-y-auto">
                   {queuedFiles.map(({ id, file, progress, status }) => (
                     <FileUpload.ListItemProgressBar
-                      failed={status === 'error' || status === 'size-error'}
+                      completeLabel={t('label.complete')}
+                      deleteLabel={t('label.delete')}
+                      failed={status === 'error'}
+                      failedLabel={t('message.upload-failed')}
                       key={id}
                       name={file.name}
                       progress={status === 'done' ? 100 : progress}
                       size={file.size}
+                      tryAgainLabel={t('label.try-again')}
+                      uploadingLabel={t('label.uploading')}
                       onDelete={
                         status !== 'uploading'
                           ? () => handleRemoveQueued(id)
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
index 0b072300a151..7c9594d2ae39 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
@@ -3343,7 +3343,8 @@
     "update-profiler-settings": "Update profiler setting.",
     "update-tag-message": "Request to update tags for",
     "updating-existing-not-possible-can-add-new-values": "Updating existing values is not possible, only the addition of new values is allowed.",
-    "upload-document-hint": "SVG, PNG, JPG or GIF, PNG, JPG (max. 800x400px)",
+    "upload-document-hint": "SVG, PNG, JPG or GIF, PNG, JPG (max. 5MB)",
+    "upload-failed": "Upload failed, please try again",
     "upload-file": "Upload File",
     "upload-file-description": "Upload contract files to this asset.",
     "upload-file-to-validate": "Upload a file to validate",

From 4eb65c8ddaa8a174461f9f3129d8905233e3c18e Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Tue, 12 May 2026 21:41:34 +0530
Subject: [PATCH 13/59] added context center playwright test

---
 .../e2e/Features/ContextCenter.spec.ts        | 875 ++++++++++++++++++
 .../ArticleDetailHeader.component.tsx         |  10 +-
 .../DocumentsView/DocumentsView.component.tsx |   8 +-
 .../UploadDocumentModal.component.tsx         |  19 +-
 .../KnowledgePageDetailRightPanel.tsx         |   4 +-
 .../ui/src/locale/languages/en-us.json        |   1 +
 .../ContextCenterArticlesPage.tsx             |  15 +-
 .../ui/src/utils/ContextCenterUtils.tsx       |  25 +-
 8 files changed, 932 insertions(+), 25 deletions(-)
 create mode 100644 openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ContextCenter.spec.ts

diff --git a/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ContextCenter.spec.ts b/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ContextCenter.spec.ts
new file mode 100644
index 000000000000..9a326f2f0af4
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ContextCenter.spec.ts
@@ -0,0 +1,875 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import { expect, Page, test } from '@playwright/test';
+import { KnowledgeCenterClass } from '../../support/entity/KnowledgeCenterClass';
+import { createNewPage, redirectToHomePage, uuid } from '../../utils/common';
+import { waitForAllLoadersToDisappear } from '../../utils/entity';
+import { addTitle } from '../../utils/KnowledgeCenter';
+
+// ─── Constants ────────────────────────────────────────────────────────────────
+
+const DASHBOARD_URL = '/context-center/dashboard';
+const ARTICLES_URL = '/context-center/articles';
+const DOCUMENTS_URL = '/context-center/documents';
+
+let ARTICLE_TITLE: string;
+const ARTICLE_DESCRIPTION =
+  'Playwright article description for card detail check';
+let QUICK_LINK_TITLE: string;
+const QUICK_LINK_URL = 'https://docs.open-metadata.org';
+const QUICK_LINK_DESCRIPTION =
+  'Playwright quick link description for card detail check';
+let QUICK_LINK_NAME: string;
+
+// ─── Helpers ─────────────────────────────────────────────────────────────────
+
+const navigateToDashboard = async (page: Page) => {
+  await page.goto(DASHBOARD_URL);
+  await page
+    .getByTestId('context-center-dashboard-page')
+    .waitFor({ state: 'visible' });
+  await waitForAllLoadersToDisappear(page);
+};
+
+const navigateToArticles = async (page: Page) => {
+  await page.goto(ARTICLES_URL);
+  await page
+    .getByTestId('context-center-articles-page')
+    .waitFor({ state: 'visible' });
+  await waitForAllLoadersToDisappear(page);
+};
+
+const navigateToDocuments = async (page: Page) => {
+  await page.goto(DOCUMENTS_URL);
+  await page
+    .getByTestId('context-center-documents-page')
+    .waitFor({ state: 'visible' });
+  await waitForAllLoadersToDisappear(page);
+};
+
+// ─── Auth ─────────────────────────────────────────────────────────────────────
+
+test.use({ storageState: 'playwright/.auth/admin.json' });
+
+// ─── Fixtures ─────────────────────────────────────────────────────────────────
+
+let articleEntity: KnowledgeCenterClass = new KnowledgeCenterClass();
+let quickLinkId = '';
+
+test.describe('Context Center', () => {
+  test.slow(true);
+
+  test.beforeAll(async ({ browser }) => {
+    const { apiContext, afterAction } = await createNewPage(browser);
+
+    ARTICLE_TITLE = `CC Article ${uuid()}`;
+    QUICK_LINK_TITLE = `CC QuickLink ${uuid()}`;
+    QUICK_LINK_NAME = `cc_quicklink_${uuid()}`;
+    articleEntity = new KnowledgeCenterClass({
+      displayName: ARTICLE_TITLE,
+      name: `cc_article_${uuid()}`,
+    });
+
+    await articleEntity.create(apiContext);
+
+    // Patch article to set proper displayName and description
+    await articleEntity.patch(apiContext, [
+      { op: 'replace', path: '/displayName', value: ARTICLE_TITLE },
+      { op: 'replace', path: '/description', value: ARTICLE_DESCRIPTION },
+    ]);
+
+    // Create a quick link via API for dashboard card detail tests
+    const qlRes = await apiContext.post('/api/v1/knowledgeCenter', {
+      data: {
+        name: QUICK_LINK_NAME,
+        displayName: QUICK_LINK_TITLE,
+        description: QUICK_LINK_DESCRIPTION,
+        pageType: 'QuickLink',
+        page: {
+          url: QUICK_LINK_URL,
+          publicationDate: Date.now(),
+          relatedArticles: [],
+        },
+      },
+    });
+    const qlData = await qlRes.json();
+    quickLinkId = qlData.id;
+
+    await afterAction();
+  });
+
+  test.afterAll(async ({ browser }) => {
+    const { apiContext, afterAction } = await createNewPage(browser);
+    await articleEntity.delete(apiContext);
+    if (quickLinkId) {
+      await apiContext.delete(
+        `/api/v1/knowledgeCenter/${quickLinkId}?hardDelete=true&recursive=true`
+      );
+    }
+    await afterAction();
+  });
+
+  test.beforeEach(async ({ page }) => {
+    await redirectToHomePage(page);
+  });
+
+  // ─── Dashboard Page ──────────────────────────────────────────────────────────
+
+  test.describe('Dashboard Page', () => {
+    test('shows header with correct title, breadcrumb and action buttons', async ({
+      page,
+    }) => {
+      await navigateToDashboard(page);
+
+      await test.step('breadcrumb renders', async () => {
+        const header = page.getByTestId('context-center-header');
+        await expect(header).toBeVisible();
+        await expect(header.getByTestId('breadcrumb')).toBeVisible();
+      });
+
+      await test.step('title is visible', async () => {
+        await expect(
+          page.getByTestId('context-center-header').getByRole('heading')
+        ).toContainText('Dashboard');
+      });
+
+      await test.step('Create Article button is visible', async () => {
+        await expect(
+          page.getByRole('button', { name: /create.*article/i })
+        ).toBeVisible();
+      });
+
+      await test.step('Upload File button is visible', async () => {
+        await expect(
+          page.getByRole('button', { name: /upload file/i })
+        ).toBeVisible();
+      });
+    });
+
+    test('article list section renders pre-created article', async ({
+      page,
+    }) => {
+      await navigateToDashboard(page);
+
+      const section = page.getByTestId('article-list-section');
+      await expect(section).toBeVisible();
+
+      const card = section.getByTestId('article-card').filter({
+        hasText: ARTICLE_TITLE,
+      });
+      await expect(card.first()).toBeVisible();
+    });
+
+    test('uploaded documents section renders', async ({ page }) => {
+      await navigateToDashboard(page);
+
+      await expect(
+        page.getByTestId('uploaded-documents-section')
+      ).toBeVisible();
+    });
+
+    test('Create Article button creates article and redirects to detail page', async ({
+      page,
+    }) => {
+      await navigateToDashboard(page);
+
+      const createRes = page.waitForResponse('/api/v1/knowledgeCenter');
+      await page.getByRole('button', { name: /create.*article/i }).click();
+      await createRes;
+
+      await expect(
+        page.getByTestId('entity-header-display-name')
+      ).toBeVisible();
+      await expect(page).toHaveURL(/\/context-center\/articles\//);
+
+      // Clean up the newly created untitled article
+      const browser1 = page.context().browser();
+      if (browser1) {
+        const { apiContext, afterAction } = await createNewPage(browser1);
+        const fqn = page
+          .url()
+          .split('/context-center/articles/')
+          .pop()
+          ?.split('/')[0];
+        if (fqn) {
+          const res = await apiContext.get(
+            `/api/v1/knowledgeCenter/name/${fqn}?fields=id`
+          );
+          const data = await res.json();
+          await apiContext.delete(
+            `/api/v1/knowledgeCenter/${data.id}?hardDelete=true&recursive=true`
+          );
+        }
+        await afterAction();
+      }
+    });
+
+    test('Upload File button opens upload modal', async ({ page }) => {
+      await navigateToDashboard(page);
+
+      await page.getByRole('button', { name: /upload file/i }).click();
+
+      await expect(
+        page.getByRole('dialog', { name: /upload documents/i })
+      ).toBeVisible();
+    });
+
+    test('View All Articles navigates to articles page', async ({ page }) => {
+      await navigateToDashboard(page);
+
+      await page
+        .getByTestId('article-list-section')
+        .getByRole('button', { name: /view all/i })
+        .click();
+
+      await expect(page).toHaveURL(/\/context-center\/articles/);
+    });
+
+    test('View All Documents navigates to documents page', async ({ page }) => {
+      await navigateToDashboard(page);
+
+      await page
+        .getByTestId('uploaded-documents-section')
+        .getByRole('button', { name: /view all/i })
+        .click();
+
+      await expect(page).toHaveURL(/\/context-center\/documents/);
+    });
+
+    test('article card click navigates to article detail', async ({ page }) => {
+      await navigateToDashboard(page);
+
+      const card = page
+        .getByTestId('article-list-section')
+        .getByTestId('article-card')
+        .filter({ hasText: ARTICLE_TITLE });
+
+      await card.first().click();
+      await expect(page).toHaveURL(/\/context-center\/articles\//);
+    });
+
+    test('article card shows title, description and last-edited time', async ({
+      page,
+    }) => {
+      await navigateToDashboard(page);
+
+      const card = page
+        .getByTestId('article-list-section')
+        .getByTestId('article-card')
+        .filter({ hasText: ARTICLE_TITLE });
+
+      await card.first().scrollIntoViewIfNeeded();
+      await expect(card.first()).toBeVisible();
+
+      // Title
+      await expect(card.first().getByText(ARTICLE_TITLE)).toBeVisible();
+
+      // Description preview text
+      await expect(card.first().getByText(ARTICLE_DESCRIPTION)).toBeVisible();
+
+      // Last-edited timestamp label
+      await expect(card.first().getByText(/last updated/i)).toBeVisible();
+    });
+
+    test('quick link card shows title, description and opens external url', async ({
+      page,
+    }) => {
+      await navigateToDashboard(page);
+
+      const section = page.getByTestId('article-list-section');
+      const card = section
+        .getByTestId('article-card')
+        .filter({ hasText: QUICK_LINK_TITLE });
+
+      await card.first().scrollIntoViewIfNeeded();
+      await expect(card.first()).toBeVisible();
+
+      // Title
+      await expect(card.first().getByText(QUICK_LINK_TITLE)).toBeVisible();
+
+      // Description
+      await expect(
+        card.first().getByText(QUICK_LINK_DESCRIPTION)
+      ).toBeVisible();
+
+      // Clicking a quick link opens a new tab
+      const [newTab] = await Promise.all([
+        page.context().waitForEvent('page'),
+        card.first().click(),
+      ]);
+      await expect(newTab).toHaveURL(new RegExp(QUICK_LINK_URL));
+      await newTab.close();
+    });
+
+    test('uploaded document card shows filename and size label', async ({
+      page,
+    }) => {
+      await navigateToDashboard(page);
+
+      const section = page.getByTestId('uploaded-documents-section');
+      const firstCard = section.getByTestId('uploaded-document-card').first();
+
+      // Only assert if at least one document exists; otherwise skip gracefully
+      const count = await section.getByTestId('uploaded-document-card').count();
+      if (count === 0) {
+        return;
+      }
+
+      await firstCard.scrollIntoViewIfNeeded();
+      await expect(firstCard).toBeVisible();
+
+      // File type icon area
+      await expect(firstCard.locator('div').first()).toBeVisible();
+
+      // Filename (non-empty text)
+      const nameEl = firstCard.locator('span').first();
+      await expect(nameEl).toBeVisible();
+      const nameText = await nameEl.textContent();
+      expect(nameText?.trim().length).toBeGreaterThan(0);
+
+      // Size label (e.g. "0.0 MB" or "27 B")
+      const sizeEl = firstCard.locator('span').nth(1);
+      await expect(sizeEl).toBeVisible();
+      await expect(sizeEl).toHaveText(/\d/);
+    });
+  });
+
+  // ─── Articles Page ───────────────────────────────────────────────────────────
+
+  test.describe('Articles Page', () => {
+    test('lists articles page with header and breadcrumb', async ({ page }) => {
+      await navigateToArticles(page);
+
+      const header = page.getByTestId('context-center-header');
+      await expect(header).toBeVisible();
+      await expect(header.getByTestId('breadcrumb')).toBeVisible();
+      await expect(header.getByRole('heading')).toContainText('Articles');
+    });
+
+    test('Create button shows Article and Quick Link options', async ({
+      page,
+    }) => {
+      await navigateToArticles(page);
+
+      await page.getByTestId('create-knowledge-page-btn').click();
+
+      await expect(page.getByTestId('create-article-btn')).toBeVisible();
+      await expect(page.getByTestId('create-quick-link-btn')).toBeVisible();
+    });
+
+    test('creating an article navigates to article detail page', async ({
+      page,
+    }) => {
+      await navigateToArticles(page);
+
+      await page.getByTestId('create-knowledge-page-btn').click();
+
+      const articleItem = page.getByTestId('create-article-btn');
+      await expect(articleItem).toBeVisible();
+
+      const createRes = page.waitForResponse('/api/v1/knowledgeCenter');
+      await articleItem.click();
+      await createRes;
+
+      await expect(page).toHaveURL(/\/context-center\/articles\//);
+      await expect(
+        page.getByTestId('entity-header-display-name')
+      ).toBeVisible();
+
+      // Clean up
+      const browser2 = page.context().browser();
+      if (browser2) {
+        const { apiContext, afterAction } = await createNewPage(browser2);
+        const fqn = page
+          .url()
+          .split('/context-center/articles/')
+          .pop()
+          ?.split('/')[0];
+        if (fqn) {
+          const res = await apiContext.get(
+            `/api/v1/knowledgeCenter/name/${fqn}?fields=id`
+          );
+          const data = await res.json();
+          await apiContext.delete(
+            `/api/v1/knowledgeCenter/${data.id}?hardDelete=true&recursive=true`
+          );
+        }
+        await afterAction();
+      }
+    });
+
+    test('Quick Link modal opens and creates a quick link visible in list', async ({
+      page,
+    }) => {
+      const testQuickLinkTitle = `CC QL Test ${uuid()}`;
+
+      await navigateToArticles(page);
+
+      await page.getByTestId('create-knowledge-page-btn').click();
+      await page.getByTestId('create-quick-link-btn').click();
+
+      const modal = page.getByRole('dialog', { name: /quick link/i });
+      await expect(modal).toBeVisible();
+
+      await modal.getByTestId('displayName').fill(testQuickLinkTitle);
+      await modal.getByTestId('url').fill(QUICK_LINK_URL);
+
+      const createRes = page.waitForResponse('/api/v1/knowledgeCenter');
+      await modal.getByRole('button', { name: /save/i }).click();
+      const created = await createRes;
+      const createdData = await created.json();
+
+      const card = page.locator(`[data-testid="${testQuickLinkTitle}"]`);
+      await expect(card).toBeVisible();
+
+      // Clean up the test quick link
+      const browser3 = page.context().browser();
+      if (browser3 && createdData?.id) {
+        const { apiContext, afterAction } = await createNewPage(browser3);
+        await apiContext.delete(
+          `/api/v1/knowledgeCenter/${createdData.id}?hardDelete=true&recursive=true`
+        );
+        await afterAction();
+      }
+    });
+
+    test('quick link card has correct url and opens in new tab', async ({
+      page,
+    }) => {
+      await navigateToArticles(page);
+
+      const card = page.locator(`[data-testid="${QUICK_LINK_TITLE}"]`).first();
+      await card.scrollIntoViewIfNeeded();
+      await expect(card).toBeVisible();
+
+      const link = card.getByTestId('knowledge-link');
+      await expect(link).toHaveAttribute('href', QUICK_LINK_URL);
+      await expect(link).toHaveAttribute('target', '_blank');
+    });
+
+    test('left sidebar hierarchy shows pre-created article', async ({
+      page,
+    }) => {
+      await navigateToArticles(page);
+
+      const hierarchy = page.getByTestId('knowledge-pages-hierarchy');
+      await expect(hierarchy).toBeVisible();
+
+      const node = hierarchy.getByTestId(`page-node-${ARTICLE_TITLE}`);
+      await expect(node).toBeVisible();
+    });
+
+    test('article detail page - header has breadcrumb, title, version and action buttons', async ({
+      page,
+    }) => {
+      await page.goto(
+        `/context-center/articles/${articleEntity.responseData.fullyQualifiedName}`
+      );
+      await waitForAllLoadersToDisappear(page);
+
+      const header = page.getByTestId('article-detail-header');
+      await expect(header).toBeVisible();
+
+      // breadcrumb
+      await expect(header.getByTestId('breadcrumb')).toBeVisible();
+
+      // title
+      const title = page.getByTestId('entity-header-display-name');
+      await expect(title).toBeVisible();
+      await expect(title).toHaveValue(ARTICLE_TITLE);
+
+      // version button
+      await expect(header.getByTestId('version-btn')).toBeVisible();
+
+      // manage button (three-dot menu)
+      await expect(
+        header.getByRole('button', { name: 'Manage Article' })
+      ).toBeVisible();
+    });
+
+    test('article detail page - tabs are visible', async ({ page }) => {
+      await page.goto(
+        `/context-center/articles/${articleEntity.responseData.fullyQualifiedName}`
+      );
+      await waitForAllLoadersToDisappear(page);
+
+      const header = page.getByTestId('article-detail-header');
+      await expect(header.getByRole('tab', { name: /content/i })).toBeVisible();
+      await expect(
+        header.getByRole('tab', { name: /activity/i })
+      ).toBeVisible();
+    });
+
+    test('article detail page - right panel toggle works', async ({ page }) => {
+      await page.goto(
+        `/context-center/articles/${articleEntity.responseData.fullyQualifiedName}`
+      );
+      await waitForAllLoadersToDisappear(page);
+
+      const header = page.getByTestId('article-detail-header');
+      const toggleBtn = header.locator(
+        'button[aria-label*="sidebar"], button:has(svg)'
+      );
+
+      // Right panel is visible initially
+      const rightPanel = page.locator(
+        '[data-testid="knowledge-page-right-panel"]'
+      );
+      await expect(rightPanel).toBeVisible();
+
+      // Toggle off
+      await toggleBtn.last().click();
+      await expect(rightPanel).not.toBeVisible();
+
+      // Toggle back on
+      await toggleBtn.last().click();
+      await expect(rightPanel).toBeVisible();
+    });
+
+    test('article detail page - activity feed tab shows feed panel', async ({
+      page,
+    }) => {
+      await page.goto(
+        `/context-center/articles/${articleEntity.responseData.fullyQualifiedName}`
+      );
+      await waitForAllLoadersToDisappear(page);
+
+      const header = page.getByTestId('article-detail-header');
+      const activityTab = header.getByRole('tab', { name: /activity/i });
+      await activityTab.click();
+
+      await expect(page).toHaveURL(/activity_feed/);
+    });
+
+    test('version page shows article version header with breadcrumb and title', async ({
+      page,
+    }) => {
+      const fqn = articleEntity.responseData.fullyQualifiedName;
+
+      // First update the title to create a new version
+      await page.goto(`/context-center/articles/${fqn}`);
+      await waitForAllLoadersToDisappear(page);
+      const newTitle = `${ARTICLE_TITLE} v2`;
+      await addTitle(page, newTitle);
+
+      // Navigate to version page via version button
+      const versionBtn = page
+        .getByTestId('article-detail-header')
+        .getByTestId('version-btn');
+      await versionBtn.click();
+
+      await expect(page).toHaveURL(/\/versions\//);
+      await expect(page.getByTestId('article-version-header')).toBeVisible();
+      await expect(page.getByTestId('breadcrumb')).toBeVisible();
+
+      // Version timeline drawer is visible and contains at least one version entry
+      const versionTimeline = page.locator('.versions-list-container');
+      await expect(versionTimeline).toBeVisible();
+      await expect(
+        versionTimeline.locator('[data-testid^="version-entry-"]').first()
+      ).toBeVisible();
+    });
+
+    test('deleting quick link removes it from the list', async ({ page }) => {
+      await navigateToArticles(page);
+
+      const card = page.locator(`[data-testid="${QUICK_LINK_TITLE}"]`).first();
+      await card.scrollIntoViewIfNeeded();
+      await expect(card).toBeVisible();
+
+      await card.getByTestId('delete-quick-link-btn').click();
+
+      const deleteDialog = page.locator('[role="dialog"].ant-modal');
+      await expect(deleteDialog).toBeVisible();
+      await page.click('[data-testid="hard-delete-option"]');
+      await page.check('[data-testid="hard-delete"]');
+      await page.fill('[data-testid="confirmation-text-input"]', 'DELETE');
+
+      const deleteRes = page.waitForResponse(
+        '/api/v1/knowledgeCenter/*?hardDelete=true&recursive=false'
+      );
+      await page.getByTestId('confirm-button').click();
+      const res = await deleteRes;
+      expect(res.status()).toBe(200);
+
+      await expect(
+        page.locator(`[data-testid="${QUICK_LINK_TITLE}"]`).first()
+      ).not.toBeVisible();
+    });
+
+    test('deleting article removes it from sidebar and article list', async ({
+      page,
+    }) => {
+      // Create a disposable article to delete
+      const browser = page.context().browser();
+      if (!browser) {
+        return;
+      }
+      const { apiContext, afterAction } = await createNewPage(browser);
+      const deleteRes = await apiContext.post('/api/v1/knowledgeCenter', {
+        data: {
+          name: `cc_delete_test_${uuid()}`,
+          displayName: `CC Delete Test ${uuid()}`,
+          description: 'Article to be deleted in Playwright test',
+          pageType: 'Article',
+          page: { publicationDate: Date.now(), relatedArticles: [] },
+        },
+      });
+      const deleteArticle = await deleteRes.json();
+      await afterAction();
+
+      // Navigate to the article detail page
+      await page.goto(
+        `/context-center/articles/${deleteArticle.fullyQualifiedName}`
+      );
+      await waitForAllLoadersToDisappear(page);
+
+      // Click manage button to open dropdown
+      const manageBtn = page.getByRole('button', { name: 'Manage Article' });
+      await expect(manageBtn).toBeVisible();
+      await manageBtn.click();
+
+      // Click Delete from the manage dropdown
+      const deleteOption = page
+        .getByTestId('manage-dropdown-list-container')
+        .getByText(/delete/i)
+        .first();
+      await expect(deleteOption).toBeVisible();
+      await deleteOption.click();
+
+      // DeleteWidgetModal: only hard-delete option available for knowledge pages
+      const deleteModal = page.getByRole('dialog');
+      await expect(deleteModal).toBeVisible();
+
+      await page.getByTestId('confirmation-text-input').fill('DELETE');
+
+      const apiDeleteRes = page.waitForResponse(
+        /\/api\/v1\/knowledgeCenter\/.+\?hardDelete=true/
+      );
+      await page.getByTestId('confirm-button').click();
+      await apiDeleteRes;
+
+      // Redirected back to articles list
+      await expect(page).toHaveURL(/\/context-center\/articles$/);
+
+      // Article no longer appears in the left sidebar hierarchy
+      const hierarchy = page.getByTestId('knowledge-pages-hierarchy');
+      await expect(
+        hierarchy.getByTestId(`page-node-${deleteArticle.displayName}`)
+      ).not.toBeVisible();
+    });
+  });
+
+  // ─── Documents Page ───────────────────────────────────────────────────────────
+
+  test.describe('Documents Page', () => {
+    test('shows header with Upload File button', async ({ page }) => {
+      await navigateToDocuments(page);
+
+      const header = page.getByTestId('context-center-header');
+      await expect(header).toBeVisible();
+      await expect(header.getByTestId('breadcrumb')).toBeVisible();
+      await expect(header.getByRole('heading')).toContainText('Documents');
+
+      await expect(
+        page.getByRole('button', { name: /upload file/i })
+      ).toBeVisible();
+    });
+
+    test('documents view container is rendered', async ({ page }) => {
+      await navigateToDocuments(page);
+      await expect(page.getByTestId('documents-view')).toBeVisible();
+    });
+
+    test('Upload File button opens upload modal with correct title and hint', async ({
+      page,
+    }) => {
+      await navigateToDocuments(page);
+
+      await page.getByRole('button', { name: /upload file/i }).click();
+
+      const modal = page.getByRole('dialog', { name: /upload documents/i });
+      await expect(modal).toBeVisible();
+
+      // Drop zone with hint text
+      const hint = modal.locator('[class*="hint"], p').filter({
+        hasText: /svg|png|jpg|gif|5mb/i,
+      });
+      await expect(hint.first()).toBeVisible();
+
+      // Attach Files button is disabled when no file selected
+      const attachBtn = modal.getByRole('button', { name: /attach/i });
+      await expect(attachBtn).toBeVisible();
+      await expect(attachBtn).toBeDisabled();
+
+      // Cancel closes modal
+      await modal.getByRole('button', { name: /cancel/i }).click();
+      await expect(modal).not.toBeVisible();
+    });
+
+    test('file upload shows progress and success status, then appears in list', async ({
+      page,
+    }) => {
+      await navigateToDocuments(page);
+
+      await page.getByRole('button', { name: /upload file/i }).click();
+      const modal = page.getByRole('dialog', { name: /upload documents/i });
+      await expect(modal).toBeVisible();
+
+      // Create a tiny in-memory file via file chooser API
+      const [fileChooser] = await Promise.all([
+        page.waitForEvent('filechooser'),
+        page.locator('input[type="file"]').first().dispatchEvent('click'),
+      ]);
+      await fileChooser.setFiles({
+        name: 'test-upload.txt',
+        mimeType: 'text/plain',
+        buffer: Buffer.from('playwright test file content'),
+      });
+
+      // File appears in staged list
+      await expect(modal.getByText('test-upload.txt').first()).toBeVisible();
+
+      // Attach the file
+      const uploadRes = page.waitForResponse('/api/v1/attachments/upload');
+      await modal.getByRole('button', { name: /attach/i }).click();
+
+      // Progress bar / uploading state
+      const progressList = modal.getByRole('list');
+      await expect(progressList).toBeVisible();
+
+      await uploadRes;
+
+      // Wait for done state
+      await expect(modal.getByText(/complete/i)).toBeVisible();
+
+      await expect(modal.getByText('100%')).toBeVisible();
+
+      // Close modal
+      await modal.getByRole('button', { name: /cancel/i }).click();
+
+      // File appears in document list
+      const docRow = page.getByText('test-upload.txt');
+      await expect(docRow.first()).toBeVisible();
+    });
+
+    test('uploaded file shows name, size and download button in list', async ({
+      page,
+    }) => {
+      await navigateToDocuments(page);
+
+      const view = page.getByTestId('documents-view');
+      const firstRow = view.locator('[data-testid^="document-row-"]').first();
+
+      // Relies on at least one document existing from prior upload test
+      await expect(firstRow).toBeVisible();
+
+      // Name is present
+      await expect(
+        firstRow.locator('[class*="text-sm"], p').first()
+      ).toBeVisible();
+
+      // Download button is present (first ButtonUtility in the row actions)
+      const downloadBtn = firstRow.locator('button').nth(0);
+      await expect(downloadBtn).toBeVisible();
+    });
+
+    test('download button triggers file download', async ({ page }) => {
+      await navigateToDocuments(page);
+
+      const view = page.getByTestId('documents-view');
+      const firstRow = view.locator('[data-testid^="document-row-"]').first();
+
+      await expect(firstRow).toBeVisible();
+
+      // Listen for the download API call — download triggers /api/v1/assets/:id/download
+      const downloadRes = page.waitForResponse(
+        /\/api\/v1\/attachments\/[^/]+\/download(?:\?.*)?$/
+      );
+      await firstRow.locator('button').nth(0).click();
+      const res = await downloadRes;
+      expect(res.status()).toBe(200);
+    });
+
+    test('delete document removes it from the list', async ({ page }) => {
+      await navigateToDocuments(page);
+
+      const view = page.getByTestId('documents-view');
+      const firstRow = view.locator('[data-testid^="document-row-"]').first();
+
+      // Relies on at least one document existing from prior upload test
+      await expect(firstRow).toBeVisible();
+      await firstRow.scrollIntoViewIfNeeded();
+
+      const rowId = await firstRow.getAttribute('data-testid');
+
+      // Open the three-dot actions dropdown (second button in the row, after download)
+      await firstRow.locator('button[aria-label="Open menu"]').click();
+
+      // Click Delete from the dropdown menu
+      const deleteItem = page.getByTestId('delete-btn');
+      await expect(deleteItem).toBeVisible();
+      await deleteItem.click();
+
+      // Confirm via DeleteModal from core-components
+      const deleteModal = page.getByTestId('modal-header');
+      await expect(deleteModal).toBeVisible();
+
+      const deleteRes = page.waitForResponse(
+        /\/api\/v1\/attachments\/[^?]+\?hardDelete=true/
+      );
+      await page.getByTestId('confirm-button').click();
+      const res = await deleteRes;
+      expect(res.status()).toBe(200);
+
+      // Row is removed from the list
+      if (rowId) {
+        await expect(page.getByTestId(rowId)).not.toBeVisible();
+      }
+    });
+
+    test('oversized file shows error toast and does NOT appear in upload list', async ({
+      page,
+    }) => {
+      await navigateToDocuments(page);
+
+      await page.getByRole('button', { name: /upload file/i }).click();
+      const modal = page.getByRole('dialog', { name: /upload documents/i });
+      await expect(modal).toBeVisible();
+
+      // Create a >5 MB in-memory buffer
+      const bigBuffer = Buffer.alloc(6 * 1024 * 1024, 'x');
+      const [fileChooser] = await Promise.all([
+        page.waitForEvent('filechooser'),
+        page.locator('input[type="file"]').first().dispatchEvent('click'),
+      ]);
+      await fileChooser.setFiles({
+        name: 'too-large.bin',
+        mimeType: 'application/octet-stream',
+        buffer: bigBuffer,
+      });
+
+      // Inline error message is shown inside the modal
+      await expect(modal.getByTestId('size-error-message')).toBeVisible({
+        timeout: 5000,
+      });
+
+      // The file does NOT appear in the staged list
+      await expect(modal.getByText('too-large.bin')).not.toBeVisible();
+
+      // Upload progress list is also absent (nothing was queued)
+      await expect(modal.getByRole('list')).not.toBeVisible();
+    });
+  });
+});
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
index 62a0753b78f8..888b9076541c 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
@@ -241,7 +241,9 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
   const contentChangeIcon = useMemo(() => {
     if (contentChangeState === ContentChangeState.SAVED) {
       return (
-        <div className="tw:flex tw:items-center tw:gap-2">
+        <div
+          className="tw:flex tw:items-center tw:gap-2"
+          data-testid="content-change-state">
           <IconSaved />{' '}
           <Typography className="tw:text-green-600" weight="medium">
             {t('label.saved')}
@@ -252,7 +254,9 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
       return <Loader />;
     } else if (contentChangeState === ContentChangeState.UN_SAVED) {
       return (
-        <div className="tw:flex tw:items-center tw:gap-2">
+        <div
+          className="tw:flex tw:items-center tw:gap-2"
+          data-testid="content-change-state">
           <IconUnSaved />{' '}
           <Typography weight="medium">{t('label.unsaved')}</Typography>
         </div>
@@ -415,6 +419,7 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
                 <Button
                   className="tw:p-1.5"
                   color="secondary"
+                  data-testid="version-btn"
                   iconLeading={<VersionIcon height={16} width={16} />}
                   size="sm"
                   onClick={handleVersionClick}>
@@ -533,6 +538,7 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
               })}
               trigger={(onClick) => (
                 <ButtonUtility
+                  data-testid="manage-button"
                   icon={DotsVertical}
                   size="sm"
                   tooltip={t('label.manage-entity', {
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
index 004ad3105bc2..3ae23ca5f0e1 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
@@ -82,11 +82,17 @@ const FileActions: FC<FileActionsProps> = ({
             }
           }}>
           <Dropdown.Item
+            data-testid="share-btn"
             icon={Share07}
             id="share"
             label={t('label.share-file', { defaultValue: 'Share File' })}
           />
-          <Dropdown.Item icon={Trash01} id="delete" label={t('label.delete')} />
+          <Dropdown.Item
+            data-testid="delete-btn"
+            icon={Trash01}
+            id="delete"
+            label={t('label.delete')}
+          />
         </Dropdown.Menu>
       </Dropdown.Popover>
     </Dropdown.Root>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
index b81e10b3cf36..261395933500 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
@@ -21,12 +21,11 @@ import {
   Modal,
   ModalOverlay,
 } from '@openmetadata/ui-core-components';
-import { Trash01, UploadCloud02 } from '@untitledui/icons';
+import { AlertCircle, Trash01, UploadCloud02 } from '@untitledui/icons';
 import { Asset } from 'generated/attachments/asset';
 import { FC, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { uploadAsset } from 'rest/assetAPI';
-import { showErrorToast } from 'utils/ToastUtils';
 import { UploadDocumentModalProps } from './UploadDocumentModal.interface';
 
 type UploadStatus = 'uploading' | 'done' | 'error';
@@ -53,6 +52,7 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
   const [stagedFiles, setStagedFiles] = useState<StagedFile[]>([]);
   const [queuedFiles, setQueuedFiles] = useState<QueuedFile[]>([]);
   const [isUploading, setIsUploading] = useState(false);
+  const [sizeError, setSizeError] = useState('');
   const uploadedAssetsRef = useRef<Asset[]>([]);
 
   const hasStartedUploading = queuedFiles.length > 0;
@@ -62,6 +62,7 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
     setStagedFiles([]);
     setQueuedFiles([]);
     setIsUploading(false);
+    setSizeError('');
     onClose();
   };
 
@@ -102,7 +103,7 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
   };
 
   const handleSizeLimitExceed = () => {
-    showErrorToast(
+    setSizeError(
       t('message.file-size-limit-exceeded', {
         defaultValue:
           'Some files exceed the 5 MB size limit and were not uploaded.',
@@ -257,6 +258,18 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
               )}
             </FileUpload.Root>
 
+            {sizeError && (
+              <div
+                className="tw:flex tw:items-center tw:gap-2 tw:rounded-lg tw:bg-error-secondary tw:px-3 tw:py-2 tw:text-sm tw:text-error-primary"
+                data-testid="size-error-message">
+                <AlertCircle
+                  className="tw:size-4 tw:shrink-0"
+                  strokeWidth={2}
+                />
+                <span>{sizeError}</span>
+              </div>
+            )}
+
             <div className="tw:flex tw:justify-end tw:gap-3">
               <Button
                 color="secondary"
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailRightPanel/KnowledgePageDetailRightPanel.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailRightPanel/KnowledgePageDetailRightPanel.tsx
index 59c2317b5b9a..4ef4ff95e134 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailRightPanel/KnowledgePageDetailRightPanel.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailRightPanel/KnowledgePageDetailRightPanel.tsx
@@ -95,7 +95,9 @@ const KnowledgePageDetailRightPanel: FC<KnowledgePageDetailRightPanelProps> = ({
   }, [genericPermissions?.EditAll, data?.deleted]);
 
   return (
-    <div className="knowledge-page-right-panel">
+    <div
+      className="knowledge-page-right-panel"
+      data-testid="knowledge-page-right-panel">
       <Row gutter={[0, 24]}>
         <Col span={24}>
           <DomainLabelV2
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
index 7c9594d2ae39..ac11b512b2f3 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
@@ -1955,6 +1955,7 @@
     "setting-plural": "Settings",
     "setup-guide": "Setup Guide",
     "severity": "Severity",
+    "share": "Share",
     "shift": "Shift",
     "should-match": "Should Match",
     "show": "Show",
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
index 2e01eb3c2244..1724a63a9d3f 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
@@ -202,12 +202,14 @@ const ContextCenterArticlesPage = () => {
                 <Dropdown.Popover placement="bottom start">
                   <Dropdown.Menu aria-label="create knowledge page">
                     <Dropdown.Item
+                      data-testid="create-article-btn"
                       key={PageType.ARTICLE}
                       onAction={addArticleKnowledgePage}>
                       {t('label.article')}
                     </Dropdown.Item>
 
                     <Dropdown.Item
+                      data-testid="create-quick-link-btn"
                       key={PageType.QUICK_LINK}
                       onAction={() => setShowAddLinkModal(true)}>
                       {t('label.quick-link')}
@@ -259,12 +261,13 @@ const ContextCenterArticlesPage = () => {
     />
   );
 
-  const rightSidebar =
-    version || isActivityFeedTab
-      ? null
-      : isRightPanelOpen
-      ? page.rightPanel
-      : null;
+  const rightSidebar = isActivityFeedTab
+    ? null
+    : version
+    ? page.rightPanel
+    : isRightPanelOpen
+    ? page.rightPanel
+    : null;
 
   const centerContent = version ? (
     <KnowledgePageVersionPage onPageChange={handlePageChange} />
diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx
index e6885de67ae5..232e4e260131 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx
@@ -24,13 +24,14 @@ import { CREATE_PAGE_HASH, ROUTES } from '../constants/constants';
 import { EntityType } from '../enums/entity.enum';
 import { Asset, AssetType } from '../generated/attachments/asset';
 import {
-    CreateKnowledgePage,
-    PageType,
-    QuickLink
+  CreateKnowledgePage,
+  PageType,
+  QuickLink,
 } from '../interface/knowledge-center.interface';
 import { listAssetsByFqn } from '../rest/assetAPI';
 import { postKnowledgePage } from '../rest/knowledgeCenterAPI';
 import EntityLink from './EntityLink';
+import { getEntityName } from './EntityUtils';
 import { getContextCenterArticlePath } from './KnowledgePageUtils';
 import { showErrorToast } from './ToastUtils';
 
@@ -104,7 +105,7 @@ export const assetToDocumentItem = (asset: Asset): UploadedDocumentItem => ({
 });
 
 export const knowledgePageToArticleItem = (
-  page: {
+  data: {
     id: string;
     displayName?: string;
     description?: string;
@@ -116,19 +117,19 @@ export const knowledgePageToArticleItem = (
   },
   untitledLabel: string
 ): ArticleCardItem => ({
-  description: page.description ?? '',
+  description: data.description ?? '',
   href:
-    page.pageType === PageType.QUICK_LINK
-      ? (page.page as QuickLink)?.url
-      : page.fullyQualifiedName
+    data.pageType === PageType.QUICK_LINK
+      ? (data.page as QuickLink)?.url
+      : data.fullyQualifiedName
       ? `${ROUTES.CONTEXT_CENTER_ARTICLES}/${page.fullyQualifiedName}`
       : undefined,
-  id: page.id,
-  lastEditedAt: page.updatedAt,
-  tags: (page.tags ?? []).map((tag) => ({
+  id: data.id,
+  lastEditedAt: data.updatedAt,
+  tags: (data.tags ?? []).map((tag) => ({
     label: tag.tagFQN.split('.').pop() ?? tag.tagFQN,
   })),
-  title: page.displayName || untitledLabel,
+  title: getEntityName(data) || untitledLabel,
 });
 
 export const fetchContextCenterDocuments = async (): Promise<Asset[]> => {

From e81b7a517929820d40c87ede159a487d213643b8 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Wed, 13 May 2026 00:07:21 +0530
Subject: [PATCH 14/59] fixed knowledge center playwright

---
 .../ui/playwright/constant/sidebar.ts         |  4 +-
 .../e2e/Features/KnowledgeCenter.spec.ts      | 37 +++++++------------
 .../e2e/Features/KnowledgeCenterList.spec.ts  | 28 ++------------
 .../KnowledgeCenterRoleBasedAccess.spec.ts    |  6 +--
 .../ui/playwright/utils/KnowledgeCenter.ts    | 29 ++++-----------
 .../ArticleDetailHeader.component.tsx         |  1 +
 .../QuickLinkFormModal/QuickLinkFormModal.tsx |  4 ++
 .../ui/src/constants/LeftSidebar.constants.ts |  8 ++--
 .../resources/ui/src/enums/sidebar.enum.ts    |  3 ++
 .../ContextCenterArticlesPage.tsx             | 13 ++-----
 10 files changed, 46 insertions(+), 87 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/playwright/constant/sidebar.ts b/openmetadata-ui/src/main/resources/ui/playwright/constant/sidebar.ts
index d7a7ae884644..7dd6d17a8e7e 100644
--- a/openmetadata-ui/src/main/resources/ui/playwright/constant/sidebar.ts
+++ b/openmetadata-ui/src/main/resources/ui/playwright/constant/sidebar.ts
@@ -31,7 +31,8 @@ export enum SidebarItem {
   LINEAGE = 'lineage',
   COLUMN_BULK_OPERATIONS = 'column-bulk-operations',
   DATA_MARKETPLACE = 'data-marketplace',
-  KNOWLEDGE_CENTER = 'knowledge-center',
+  CONTEXT_CENTER = 'context-center',
+  ARTICLE = 'articles',
 }
 
 export const SIDEBAR_LIST_ITEMS = {
@@ -70,6 +71,7 @@ export const SIDEBAR_LIST_ITEMS = {
     SidebarItem.GOVERNANCE,
     SidebarItem.COLUMN_BULK_OPERATIONS,
   ],
+  [SidebarItem.ARTICLE]: [SidebarItem.CONTEXT_CENTER, SidebarItem.ARTICLE],
 
   // Profile Dropdown
   'user-name': ['dropdown-profile', 'user-name'],
diff --git a/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/KnowledgeCenter.spec.ts b/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/KnowledgeCenter.spec.ts
index f48868f8f517..f9103eb01914 100644
--- a/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/KnowledgeCenter.spec.ts
+++ b/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/KnowledgeCenter.spec.ts
@@ -115,12 +115,9 @@ test.describe.fixme('Knowledge Center', () => {
       );
 
       // visit knowledge center
-      await sidebarClick(page, SidebarItem.KNOWLEDGE_CENTER);
-      await page
-        .locator('[data-testid="left-panel"]')
-        .getByTestId('add-knowledge-page-btn')
-        .click();
-      await page.getByRole('menuitem', { name: 'Article' }).click();
+      await sidebarClick(page, SidebarItem.ARTICLE);
+      await page.getByTestId('create-knowledge-page-btn').click();
+      await page.getByTestId('create-article-btn').click();
       await createKnowledgePage;
 
       // add title
@@ -212,7 +209,7 @@ test.describe.fixme('Knowledge Center', () => {
     });
 
     await test.step('Quick Links: Create, Read, Update and Delete', async () => {
-      await sidebarClick(page, SidebarItem.KNOWLEDGE_CENTER);
+      await sidebarClick(page, SidebarItem.ARTICLE);
 
       // Create Quick Link
       await createQuickLink(page, knowledgePageQuickLink, dataAsset);
@@ -226,7 +223,7 @@ test.describe.fixme('Knowledge Center', () => {
       // verify the tag category
       await expect(
         page.locator(
-          `[data-testid="tag-category-${knowledgePageQuickLink.tagFqn}-${knowledgePageQuickLink.updatedDisplayName}"]`
+          `[data-testid="${knowledgePageQuickLink.updatedDisplayName}"]`
         )
       ).toBeVisible();
 
@@ -291,7 +288,7 @@ test.describe.fixme('Knowledge Center', () => {
 
       await page
         .getByTestId('breadcrumb')
-        .getByRole('link', { name: 'Knowledge Center' })
+        .getByRole('link', { name: 'Articles' })
         .click();
     });
     // TODO: Commented out due to performance issue with infinite scroll
@@ -502,8 +499,7 @@ test.describe.fixme('Knowledge Center', () => {
     try {
       const { apiContext } = await createNewPage(browser);
       await knowledgeCenter2.create(apiContext, 10);
-
-      await sidebarClick(page, SidebarItem.KNOWLEDGE_CENTER);
+      await sidebarClick(page, SidebarItem.ARTICLE);
 
       // Get the first element content before scrolling
       const firstElementBeforeScroll = page
@@ -553,12 +549,9 @@ test.describe.fixme('Knowledge Center', () => {
   }) => {
     const createKnowledgePage = page.waitForResponse('/api/v1/knowledgeCenter');
 
-    await sidebarClick(page, SidebarItem.KNOWLEDGE_CENTER);
-    await page
-      .locator('[data-testid="left-panel"]')
-      .getByTestId('add-knowledge-page-btn')
-      .click();
-    await page.getByRole('menuitem', { name: 'Article' }).click();
+    await sidebarClick(page, SidebarItem.ARTICLE);
+    await page.getByTestId('create-knowledge-page-btn').click();
+    await page.getByTestId('create-article-btn').click();
     await createKnowledgePage;
 
     await addTitle(page, knowledgePageArticle.title);
@@ -651,13 +644,9 @@ test.describe.fixme('Knowledge Center', () => {
     page,
   }) => {
     const createKnowledgePage = page.waitForResponse('/api/v1/knowledgeCenter');
-
-    await sidebarClick(page, SidebarItem.KNOWLEDGE_CENTER);
-    await page
-      .locator('[data-testid="left-panel"]')
-      .getByTestId('add-knowledge-page-btn')
-      .click();
-    await page.getByRole('menuitem', { name: 'Article' }).click();
+    await sidebarClick(page, SidebarItem.ARTICLE);
+    await page.getByTestId('create-knowledge-page-btn').click();
+    await page.getByTestId('create-article-btn').click();
     await createKnowledgePage;
 
     await addTitle(page, knowledgePageArticle.title);
diff --git a/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/KnowledgeCenterList.spec.ts b/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/KnowledgeCenterList.spec.ts
index 00da20b30e0c..efae8110d56c 100644
--- a/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/KnowledgeCenterList.spec.ts
+++ b/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/KnowledgeCenterList.spec.ts
@@ -48,7 +48,7 @@ test.describe('Knowledge Center List', () => {
   test.beforeEach(async ({ page }) => {
     await redirectToHomePage(page);
     const listResponse = page.waitForResponse('/api/v1/knowledgeCenter*');
-    await sidebarClick(page, SidebarItem.KNOWLEDGE_CENTER);
+    await sidebarClick(page, SidebarItem.ARTICLE);
     await listResponse;
     await page
       .getByTestId('knowledge-page-listing')
@@ -190,7 +190,7 @@ test.describe('Knowledge Center List', () => {
     const knowledgePageLink = card.getByTestId('knowledge-page-link');
 
     const navigationPromise = page.waitForURL((url) =>
-      url.pathname.includes('/knowledge-center/')
+      url.pathname.includes('/context-center/articles/')
     );
 
     await knowledgePageLink.click();
@@ -206,7 +206,7 @@ test.describe('Knowledge Center List', () => {
     await waitForAllLoadersToDisappear(page);
 
     const listResponse = page.waitForResponse('/api/v1/knowledgeCenter*');
-    await sidebarClick(page, SidebarItem.KNOWLEDGE_CENTER);
+    await sidebarClick(page, SidebarItem.ARTICLE);
     await listResponse;
     await page
       .getByTestId('knowledge-page-listing')
@@ -227,7 +227,7 @@ test.describe('Knowledge Center List', () => {
     await expect(recentlyViewedItem).toBeVisible();
 
     const recentViewNavigationPromise = page.waitForURL((url) =>
-      url.pathname.includes('/knowledge-center/')
+      url.pathname.includes('/context-center/articles/')
     );
     await recentlyViewedItem.click();
     await recentViewNavigationPromise;
@@ -286,26 +286,6 @@ test.describe('Knowledge Center List', () => {
     );
   });
 
-  test('Knowledge Center List - Test add article button', async ({ page }) => {
-    const addButton = page.getByTestId('add-knowledge-page-btn');
-    await expect(addButton).toBeVisible();
-
-    await addButton.click();
-    await page.waitForSelector('.ant-dropdown', { state: 'visible' });
-
-    const articleOption = page.getByRole('menuitem', { name: 'Article' });
-    await expect(articleOption).toBeVisible();
-
-    const quickLinkOption = page.getByRole('menuitem', { name: 'Quick Link' });
-    await expect(quickLinkOption).toBeVisible();
-
-    const createResponse = page.waitForResponse('/api/v1/knowledgeCenter');
-    await articleOption.click();
-    await createResponse;
-
-    await expect(page.getByTestId('entity-header-display-name')).toBeVisible();
-  });
-
   test('Knowledge Center List - Test metadata section details', async ({
     page,
   }) => {
diff --git a/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/KnowledgeCenterRoleBasedAccess.spec.ts b/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/KnowledgeCenterRoleBasedAccess.spec.ts
index df610a81d2c9..c11d1c9ba055 100644
--- a/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/KnowledgeCenterRoleBasedAccess.spec.ts
+++ b/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/KnowledgeCenterRoleBasedAccess.spec.ts
@@ -10,7 +10,7 @@
  *  See the License for the specific language governing permissions and
  *  limitations under the License.
  */
-import { expect, Page, test as base } from '@playwright/test';
+import { test as base, expect, Page } from '@playwright/test';
 import { PolicyClass } from '../../support/access-control/PoliciesClass';
 import { RolesClass } from '../../support/access-control/RolesClass';
 import { UserClass } from '../../support/user/UserClass';
@@ -159,7 +159,7 @@ testWithRolesPages(
 
     await articleResponse;
 
-    await dataConsumerPage.waitForURL(/\/knowledge-center\/.*/);
+    await dataConsumerPage.waitForURL(/\/context-center\/.*/);
 
     await dataConsumerPage.waitForSelector('.ant-skeleton-active', {
       state: 'detached',
@@ -229,7 +229,7 @@ testWithRolesPages(
 
     await articleResponse;
 
-    await dataStewardPage.waitForURL(/\/knowledge-center\/.*/);
+    await dataStewardPage.waitForURL(/\/context-center\/.*/);
 
     await dataStewardPage.waitForSelector('.ant-skeleton-active', {
       state: 'detached',
diff --git a/openmetadata-ui/src/main/resources/ui/playwright/utils/KnowledgeCenter.ts b/openmetadata-ui/src/main/resources/ui/playwright/utils/KnowledgeCenter.ts
index c9fcbd0ac9aa..1d08784bbecb 100644
--- a/openmetadata-ui/src/main/resources/ui/playwright/utils/KnowledgeCenter.ts
+++ b/openmetadata-ui/src/main/resources/ui/playwright/utils/KnowledgeCenter.ts
@@ -25,7 +25,7 @@ import {
 import { waitForAllLoadersToDisappear } from './entity';
 import { sidebarClick } from './sidebar';
 
-const KNOWLEDGE_PAGE_ROUTE = '/knowledge-center/:fqn';
+const ARTICLE_PAGE_ROUTE = '/context-center/articles/:fqn';
 const FQN_PLACEHOLDER = ':fqn';
 
 export const deletePage = async (
@@ -34,7 +34,7 @@ export const deletePage = async (
   entityFqn?: string
 ) => {
   if (!isQuickLink) {
-    await page.getByTestId('manage-button').click();
+    await page.getByTestId('manage-button').first().click();
     await page.getByTestId('delete-button').click();
   }
 
@@ -198,7 +198,7 @@ export const readArticleData = async (
     tagFqn: string;
   }
 ) => {
-  await sidebarClick(page, SidebarItem.KNOWLEDGE_CENTER);
+  await sidebarClick(page, SidebarItem.ARTICLE);
   await readArticleInHierarchy(page, data.title);
 };
 
@@ -211,13 +211,8 @@ export const createQuickLink = async (
   },
   dataAsset: TopicClass
 ) => {
-  await page.locator('[data-testid="add-knowledge-page-btn"]').click();
-
-  await expect(
-    page.getByRole('menuitem', { name: 'Quick Link' })
-  ).toBeVisible();
-
-  await page.getByRole('menuitem', { name: 'Quick Link' }).click();
+  await page.getByTestId('create-knowledge-page-btn').click();
+  await page.getByTestId('create-quick-link-btn').click();
 
   await expect(page.locator('.ant-modal-title')).toHaveText('Add Quick Link');
 
@@ -489,18 +484,10 @@ export const toggleKnowledgePageBookmark = async (
       url.includes('/api/v1/knowledgeCenter') && url.includes('/followers')
     );
   });
-  const widgetRefreshResponse = page.waitForResponse((response) => {
-    return (
-      response.url().includes('/api/v1/users') &&
-      response.url().includes('fields=follows')
-    );
-  });
 
   await bookmarkBtn.click();
   const bookmarkRes = await bookmarkResponse;
-  const widgetRes = await widgetRefreshResponse;
   expect(bookmarkRes.status()).toBe(200);
-  expect(widgetRes.status()).toBe(200);
   await waitForAllLoadersToDisappear(page);
 
   const rightPanel = page.getByTestId('knowledge-center-right-panel');
@@ -521,7 +508,7 @@ export const createNewKnowledgePageArticle = async (
 ) => {
   const createKnowledgePage = page.waitForResponse('/api/v1/knowledgeCenter');
 
-  await sidebarClick(page, SidebarItem.KNOWLEDGE_CENTER);
+  await sidebarClick(page, SidebarItem.ARTICLE);
   await page
     .locator('[data-testid="left-panel"]')
     .getByTestId('add-knowledge-page-btn')
@@ -895,7 +882,7 @@ export const navigateToArticle = async (page: Page, articleFqn: string) => {
       response.status() === 200
   );
 
-  const articlePath = KNOWLEDGE_PAGE_ROUTE.replace(FQN_PLACEHOLDER, articleFqn);
+  const articlePath = ARTICLE_PAGE_ROUTE.replace(FQN_PLACEHOLDER, articleFqn);
   await page.goto(articlePath);
   await getArticleResponse;
   await waitForAllLoadersToDisappear(page);
@@ -911,6 +898,6 @@ export const navigateToKnowledgeCenter = async (page: Page) => {
       response.url().includes('/knowledge-center')
   );
 
-  await sidebarClick(page, SidebarItem.KNOWLEDGE_CENTER);
+  await sidebarClick(page, SidebarItem.ARTICLE);
   await knowledgeCenterResponse;
 };
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
index 888b9076541c..28461c3da570 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
@@ -486,6 +486,7 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
               <TooltipTrigger>
                 <ButtonUtility
                   color="secondary"
+                  data-testid="conversation"
                   icon={<MessageChatSquare height={20} width={20} />}
                   onClick={handleOpenConversation}
                 />
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/QuickLinkFormModal/QuickLinkFormModal.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/QuickLinkFormModal/QuickLinkFormModal.tsx
index 4f0785b951e7..5d27711ee90a 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/QuickLinkFormModal/QuickLinkFormModal.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/QuickLinkFormModal/QuickLinkFormModal.tsx
@@ -334,6 +334,10 @@ export const QuickLinkFormModal: FC<QuickLinkFormModalProps> = ({
     },
   ];
 
+  if (!isOpen) {
+    return null;
+  }
+
   return (
     <Modal
       centered
diff --git a/openmetadata-ui/src/main/resources/ui/src/constants/LeftSidebar.constants.ts b/openmetadata-ui/src/main/resources/ui/src/constants/LeftSidebar.constants.ts
index 2d57a3f9fa15..4a7bda1c4d72 100644
--- a/openmetadata-ui/src/main/resources/ui/src/constants/LeftSidebar.constants.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/constants/LeftSidebar.constants.ts
@@ -222,28 +222,28 @@ export const SIDEBAR_LIST: Array<LeftSidebarItem> = [
     key: ROUTES.CONTEXT_CENTER,
     title: 'label.context-center',
     icon: KnowledgeCenterIcon,
-    dataTestId: `app-bar-item-${SidebarItem.CONTEXT_CENTER}`,
+    dataTestId: SidebarItem.CONTEXT_CENTER,
     children: [
       {
         key: ROUTES.CONTEXT_CENTER_DASHBOARD,
         title: 'label.dashboard',
         redirect_url: ROUTES.CONTEXT_CENTER_DASHBOARD,
         icon: GridIcon,
-        dataTestId: `app-bar-item-context-center-dashboard`,
+        dataTestId: `app-bar-item-${SidebarItem.DASHBOARD}`,
       },
       {
         key: ROUTES.CONTEXT_CENTER_ARTICLES,
         title: 'label.article-plural',
         redirect_url: ROUTES.CONTEXT_CENTER_ARTICLES,
         icon: ContextCenterArticlesIcon,
-        dataTestId: `app-bar-item-context-center-articles`,
+        dataTestId: `app-bar-item-${SidebarItem.ARTICLES}`,
       },
       {
         key: ROUTES.CONTEXT_CENTER_DOCUMENTS,
         title: 'label.document-plural',
         redirect_url: ROUTES.CONTEXT_CENTER_DOCUMENTS,
         icon: FolderIcon,
-        dataTestId: `app-bar-item-context-center-documents`,
+        dataTestId: `app-bar-item-${SidebarItem.DOCUMENTS}`,
       },
       // TODO: In progress
       // {
diff --git a/openmetadata-ui/src/main/resources/ui/src/enums/sidebar.enum.ts b/openmetadata-ui/src/main/resources/ui/src/enums/sidebar.enum.ts
index 95d4613c7bbf..561f81dc3070 100644
--- a/openmetadata-ui/src/main/resources/ui/src/enums/sidebar.enum.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/enums/sidebar.enum.ts
@@ -37,4 +37,7 @@ export enum SidebarItem {
   KNOWLEDGE_CENTER = 'knowledge-center',
   CONTEXT_CENTER = 'context-center',
   WORKFLOWS = 'workflows',
+  ARTICLES = 'articles',
+  DOCUMENTS = 'documents',
+  DASHBOARD = 'dashboard',
 }
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
index 1724a63a9d3f..2b99b62230b8 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
@@ -171,17 +171,11 @@ const ContextCenterArticlesPage = () => {
             page.handlers?.onFollowChange ?? (async () => undefined)
           }
           onSave={page.handlers?.onSave}
-          onSetThreadLink={
-            page.handlers?.onSetThreadLink ?? (() => undefined)
-          }
+          onSetThreadLink={page.handlers?.onSetThreadLink ?? (() => undefined)}
           onTabChange={page.onTabChange}
-          onToggleDelete={
-            page.handlers?.onToggleDelete ?? (() => undefined)
-          }
+          onToggleDelete={page.handlers?.onToggleDelete ?? (() => undefined)}
           onToggleRightPanel={handleToggleRightPanel}
-          onVoteChange={
-            page.handlers?.onVoteChange ?? (async () => undefined)
-          }
+          onVoteChange={page.handlers?.onVoteChange ?? (async () => undefined)}
         />
       );
     }
@@ -285,7 +279,6 @@ const ContextCenterArticlesPage = () => {
       getPagePath={getContextCenterArticlePath}
       permissions={permissions}
       ref={knowledgeCenterPageRef}
-      rightPanelSlot={null}
       onPageChange={handlePageChange}
     />
   );

From 3ba2f65b7c803afaa293f9ffaf15a64ae66b1758 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Wed, 13 May 2026 13:29:24 +0530
Subject: [PATCH 15/59] fixed playwright tests

---
 .../e2e/Features/ContextCenter.spec.ts        | 29 +++++++++
 .../playwright/utils/customizeNavigation.ts   |  3 +-
 .../resources/ui/src/assets/svg/ic-editor.svg | 12 ++++
 .../ArticleCard/ArticleCard.component.tsx     |  2 +-
 .../ArticleDetailHeader.component.tsx         | 60 ++++++++++++-------
 .../ManageButton/ManageButton.tsx             | 12 ++--
 .../ContextCenterDashboardPage.tsx            | 10 ++--
 .../ui/src/utils/ContextCenterUtils.tsx       |  2 +-
 8 files changed, 96 insertions(+), 34 deletions(-)
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-editor.svg

diff --git a/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ContextCenter.spec.ts b/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ContextCenter.spec.ts
index 9a326f2f0af4..d0b7e1c49ee3 100644
--- a/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ContextCenter.spec.ts
+++ b/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ContextCenter.spec.ts
@@ -40,6 +40,9 @@ const navigateToDashboard = async (page: Page) => {
     .getByTestId('context-center-dashboard-page')
     .waitFor({ state: 'visible' });
   await waitForAllLoadersToDisappear(page);
+  // Wait for article section to finish loading (either cards or empty state)
+  const section = page.getByTestId('article-list-section');
+  await section.waitFor({ state: 'visible' });
 };
 
 const navigateToArticles = async (page: Page) => {
@@ -66,6 +69,7 @@ test.use({ storageState: 'playwright/.auth/admin.json' });
 
 let articleEntity: KnowledgeCenterClass = new KnowledgeCenterClass();
 let quickLinkId = '';
+let uploadedDocumentId = '';
 
 test.describe('Context Center', () => {
   test.slow(true);
@@ -106,6 +110,31 @@ test.describe('Context Center', () => {
     const qlData = await qlRes.json();
     quickLinkId = qlData.id;
 
+    // Upload a document via API so document-related tests have data
+    const fileContent = Buffer.from('Playwright seed document');
+    const formData = new FormData();
+    formData.append(
+      'file',
+      new Blob([fileContent], { type: 'text/plain' }),
+      'seed-document.txt'
+    );
+    formData.append('entityLink', '<#E::page::contextCenter.documents>');
+    formData.append('assetType', 'External');
+
+    const uploadRes = await apiContext.post('/api/v1/attachments/upload', {
+      multipart: {
+        file: {
+          name: 'seed-document.txt',
+          mimeType: 'text/plain',
+          buffer: fileContent,
+        },
+        entityLink: '<#E::page::contextCenter.documents>',
+        assetType: 'External',
+      },
+    });
+    const uploadData = await uploadRes.json();
+    uploadedDocumentId = uploadData.id;
+
     await afterAction();
   });
 
diff --git a/openmetadata-ui/src/main/resources/ui/playwright/utils/customizeNavigation.ts b/openmetadata-ui/src/main/resources/ui/playwright/utils/customizeNavigation.ts
index 3660fdfa6a5a..814e01f6bb11 100644
--- a/openmetadata-ui/src/main/resources/ui/playwright/utils/customizeNavigation.ts
+++ b/openmetadata-ui/src/main/resources/ui/playwright/utils/customizeNavigation.ts
@@ -53,7 +53,8 @@ export const validateLeftSidebarWithHiddenItems = async (
     if (
       item === SidebarItem.OBSERVABILITY ||
       item === SidebarItem.GOVERNANCE ||
-      item === SidebarItem.DATA_MARKETPLACE_SECTION
+      item === SidebarItem.DATA_MARKETPLACE_SECTION ||
+      item === SidebarItem.CONTEXT_CENTER
     ) {
       await expect(page.getByTestId(item)).toBeVisible();
     } else {
diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-editor.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-editor.svg
new file mode 100644
index 000000000000..7fd22417dfaa
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-editor.svg
@@ -0,0 +1,12 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6441_9644)">
+<path d="M17.0191 9.75553C17.077 9.7504 17.1349 9.74759 17.1932 9.74709C18.0289 9.7434 18.3907 10.2303 18.9296 10.7618C19.4584 11.2843 20.0048 11.7218 20.0002 12.5396C19.9958 13.2935 19.5686 13.6885 19.0817 14.1728L18.1394 15.0978L14.4099 18.8232C14.1737 19.0622 13.4589 19.8261 13.1932 19.9403C13.0579 19.9985 12.9209 19.9955 12.7767 19.9963C11.9996 19.9855 11.2064 20.0117 10.4293 19.986C10.3091 19.982 10.1725 19.9174 10.0746 19.8492C9.91943 19.7428 9.8143 19.5777 9.7833 19.3919C9.7578 19.235 9.76499 18.9772 9.76486 18.8088L9.76468 17.8981L9.76499 17.17C9.76493 17.0229 9.75899 16.8598 9.77574 16.7153C9.81036 16.4173 10.0384 16.2297 10.2386 16.0323C10.3762 15.8965 10.517 15.7617 10.6538 15.6241L12.3495 13.9235L14.0637 12.206C14.5436 11.7172 14.9889 11.228 15.4976 10.7613C16.0694 10.2367 16.1646 9.88953 17.0191 9.75553ZM11.2419 17.1283C11.2096 17.5827 11.2458 18.0617 11.2243 18.5171C11.5306 18.522 11.837 18.524 12.1432 18.523C12.2628 18.5228 12.5066 18.5279 12.6196 18.5123C12.7254 18.4343 13.1011 18.0438 13.2111 17.934L14.3987 16.7522L16.008 15.1541C16.2089 14.9519 16.4498 14.7313 16.6336 14.5221C16.6201 14.4535 15.3335 13.1379 15.2396 13.0917L12.4339 15.913L11.6345 16.7075C11.5324 16.8099 11.3182 17.0162 11.2419 17.1283ZM17.7075 13.4517C17.8431 13.386 18.2729 12.8645 18.4301 12.7455C18.4872 12.7023 18.5682 12.5403 18.517 12.4725C18.4803 12.4238 18.4439 12.3473 18.394 12.3043C18.0685 11.9654 17.7422 11.6237 17.3999 11.3022C17.3303 11.2368 17.2489 11.2254 17.1579 11.227C17.1161 11.2444 17.0762 11.2631 17.0401 11.291C16.907 11.3936 16.3685 11.9142 16.3141 12.0374C16.308 12.0515 16.3129 12.0623 16.3201 12.076C16.3809 12.1895 17.5544 13.3272 17.7075 13.4517Z" fill="currentColor"/>
+<path d="M7.3925 0.00429265C9.68012 -0.0989644 11.6176 1.6732 11.7184 3.96094C11.8192 6.24869 10.0449 8.18431 7.75706 8.28256C5.47273 8.38069 3.54073 6.60975 3.44012 4.32554C3.33952 2.0413 5.10836 0.107373 7.3925 0.00429265ZM7.78462 6.81175C9.25806 6.69881 10.3612 5.41311 10.2489 3.93963C10.1365 2.46614 8.85131 1.3625 7.37775 1.4742C5.90333 1.58598 4.79889 2.87214 4.91128 4.34651C5.02367 5.82088 6.31031 6.92475 7.78462 6.81175Z" fill="currentColor"/>
+<path d="M5.52537 9.74371C5.52679 9.74365 5.5282 9.74365 5.52962 9.74358C6.44819 9.73146 7.36806 9.74065 8.28681 9.74077C8.87838 9.7409 9.48506 9.7119 10.0741 9.76127C10.5061 9.7974 11.6236 9.9469 11.9241 10.245C12.071 10.3906 12.1584 10.5654 12.1569 10.7736C12.1556 10.9786 12.0724 11.1521 11.9264 11.2941C11.5116 11.6971 10.9962 11.3821 10.5229 11.289C10.2661 11.2385 9.97262 11.2259 9.70963 11.2215C8.73531 11.2054 7.75844 11.22 6.78388 11.22L5.80088 11.2183C5.36143 11.2163 4.87313 11.2031 4.44216 11.3058C3.76277 11.4621 3.13986 11.8032 2.64234 12.2915C1.89479 13.0096 1.47012 13.9999 1.46526 15.0366C1.44944 16.946 2.06326 17.6024 3.98269 17.5498C4.08071 17.5471 4.19404 17.5498 4.29383 17.5496L6.578 17.5491C6.82413 17.5491 7.50369 17.5341 7.71731 17.572C7.84588 17.5943 7.96519 17.6535 8.06075 17.7423C8.439 18.0878 8.36044 18.6463 7.94088 18.9126C7.80594 18.9982 7.6615 19.0244 7.50387 19.0253C6.762 19.0301 6.01957 19.027 5.2777 19.0271L4.18114 19.0279C3.07053 19.0283 1.8425 18.9456 1.0147 18.1257C-0.709643 16.4181 -0.0278056 12.9135 1.50586 11.3087C2.58983 10.1745 4.03402 9.78346 5.52537 9.74371Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_6441_9644">
+<rect fill="white" width="20" height="20"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.component.tsx
index 50f8d5281b90..e167aa6a3b79 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.component.tsx
@@ -34,7 +34,7 @@ const ArticleCard: FC<ArticleCardProps> = ({ article, onClick }) => {
   return (
     <Card
       isClickable
-      className="tw:p-4 tw:flex tw:flex-col tw:gap-2 tw:bg-gray-50 tw:border-none tw:max-w-86"
+      className="tw:p-4 tw:flex tw:flex-col tw:bg-gray-50 tw:border-none tw:max-w-86"
       data-testid="article-card"
       onClick={() => onClick?.(article)}>
       <div className="tw:flex tw:items-center tw:justify-between tw:w-full tw:mb-3">
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
index 28461c3da570..022e6eb9b009 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
@@ -12,6 +12,7 @@
  */
 
 import {
+  Badge,
   Button,
   ButtonUtility,
   Card,
@@ -31,6 +32,7 @@ import {
   Share07,
   ThumbsDown,
   ThumbsUp,
+  UploadCloud01,
   User03,
 } from '@untitledui/icons';
 import Loader from 'components/common/Loader/Loader';
@@ -40,11 +42,10 @@ import { isEmpty, isUndefined, toString, uniqBy } from 'lodash';
 import { FC, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
-import { ReactComponent as IconSaved } from '../../../assets/svg/ic-saved.svg';
+import { ReactComponent as EditorIcon } from '../../../assets/svg/ic-editor.svg';
 import { ReactComponent as SidebarCollapsible } from '../../../assets/svg/ic-sidebar-collapsible.svg';
 import { ReactComponent as StarFilledIcon } from '../../../assets/svg/ic-star-filled.svg';
 import { ReactComponent as StarIcon } from '../../../assets/svg/ic-star.svg';
-import { ReactComponent as IconUnSaved } from '../../../assets/svg/ic-unsaved.svg';
 import { ReactComponent as VersionIcon } from '../../../assets/svg/ic-version.svg';
 import { DeleteType } from '../../../components/common/DeleteWidget/DeleteWidget.interface';
 import ManageButton from '../../../components/common/EntityPageInfos/ManageButton/ManageButton';
@@ -241,24 +242,30 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
   const contentChangeIcon = useMemo(() => {
     if (contentChangeState === ContentChangeState.SAVED) {
       return (
-        <div
-          className="tw:flex tw:items-center tw:gap-2"
-          data-testid="content-change-state">
-          <IconSaved />{' '}
-          <Typography className="tw:text-green-600" weight="medium">
-            {t('label.saved')}
-          </Typography>
+        <div data-testid="content-change-state">
+          <Badge
+            className="tw:flex tw:items-center tw:gap-2 tw:ring-0"
+            color="success"
+            size="lg"
+            type="color">
+            <UploadCloud01 size={16} />{' '}
+            <Typography weight="medium">{t('label.saved')}</Typography>
+          </Badge>
         </div>
       );
     } else if (contentChangeState === ContentChangeState.SAVING) {
-      return <Loader />;
+      return <Loader size="x-small" />;
     } else if (contentChangeState === ContentChangeState.UN_SAVED) {
       return (
-        <div
-          className="tw:flex tw:items-center tw:gap-2"
-          data-testid="content-change-state">
-          <IconUnSaved />{' '}
-          <Typography weight="medium">{t('label.unsaved')}</Typography>
+        <div data-testid="content-change-state">
+          <Badge
+            className="tw:flex tw:items-center tw:gap-2 tw:ring-0"
+            color="gray"
+            size="lg"
+            type="color">
+            <UploadCloud01 size={16} />{' '}
+            <Typography weight="medium">{t('label.unsaved')}</Typography>
+          </Badge>
         </div>
       );
     } else {
@@ -389,14 +396,21 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
                 {editors.length > 0 && (
                   <>
                     <Dot className="tw:text-gray-400" size="xs" />
-                    <div className="tw:flex tw:items-center tw:gap-0.5">
-                      {editors.map((user) => (
-                        <UserPopOverCard
-                          key={user.name}
-                          profileWidth={20}
-                          userName={user.name ?? ''}
-                        />
-                      ))}
+                    <div className="tw:flex tw:items-center tw:gap-1.5">
+                      <EditorIcon
+                        className="tw:h-4 tw:w-4 tw:shrink-0 tw:text-fg-disabled"
+                        height={16}
+                        width={16}
+                      />
+                      <div className="tw:flex tw:items-center tw:gap-0.5">
+                        {editors.map((user) => (
+                          <UserPopOverCard
+                            key={user.name}
+                            profileWidth={20}
+                            userName={user.name ?? ''}
+                          />
+                        ))}
+                      </div>
                     </div>
                   </>
                 )}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/EntityPageInfos/ManageButton/ManageButton.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/EntityPageInfos/ManageButton/ManageButton.tsx
index 72031f25b120..6d169e2aff7c 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/EntityPageInfos/ManageButton/ManageButton.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/EntityPageInfos/ManageButton/ManageButton.tsx
@@ -74,9 +74,8 @@ const ManageButton: FC<ManageButtonProps> = ({
 
   const isProfilerSupported = useMemo(
     () =>
-      [EntityType.DATABASE, EntityType.DATABASE_SCHEMA].includes(
-        entityType as EntityType
-      ) && !deleted,
+      [EntityType.DATABASE, EntityType.DATABASE_SCHEMA].includes(entityType) &&
+      !deleted,
     [entityType, deleted]
   );
 
@@ -107,7 +106,7 @@ const ManageButton: FC<ManageButtonProps> = ({
   const showAnnouncementOption = useMemo(
     () =>
       onAnnouncementClick &&
-      ANNOUNCEMENT_ENTITIES.includes(entityType as EntityType) &&
+      ANNOUNCEMENT_ENTITIES.includes(entityType) &&
       !deleted,
     [onAnnouncementClick, entityType, deleted]
   );
@@ -140,6 +139,7 @@ const ManageButton: FC<ManageButtonProps> = ({
             onClick: (e) => {
               if (canDelete) {
                 e.domEvent.stopPropagation();
+                setIsDropdownOpen(false);
                 setShowReactiveModal(true);
               }
             },
@@ -161,6 +161,7 @@ const ManageButton: FC<ManageButtonProps> = ({
             ),
             onClick: (e) => {
               e.domEvent.stopPropagation();
+              setIsDropdownOpen(false);
               !isUndefined(onAnnouncementClick) && onAnnouncementClick();
             },
             key: 'announcement-button',
@@ -183,6 +184,7 @@ const ManageButton: FC<ManageButtonProps> = ({
             ),
             onClick: (e) => {
               e.domEvent.stopPropagation();
+              setIsDropdownOpen(false);
               setIsDisplayNameEditing(true);
             },
             key: 'rename-button',
@@ -206,6 +208,7 @@ const ManageButton: FC<ManageButtonProps> = ({
             ),
             onClick: (e) => {
               e.domEvent.stopPropagation();
+              setIsDropdownOpen(false);
               onProfilerSettingUpdate?.();
             },
             key: 'profiler-setting-button',
@@ -231,6 +234,7 @@ const ManageButton: FC<ManageButtonProps> = ({
             onClick: (e) => {
               if (canDelete) {
                 e.domEvent.stopPropagation();
+                setIsDropdownOpen(false);
                 setIsDelete(true);
               }
             },
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
index bce206df810a..8de3cea33436 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
@@ -28,13 +28,15 @@ import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 import { getListKnowledgePages } from 'rest/knowledgeCenterAPI';
 import {
-    assetToDocumentItem, CONTEXT_CENTER_DOCUMENTS_ENTITY_LINK, createArticleKnowledgePage,
-    fetchContextCenterDocuments,
-    knowledgePageToArticleItem
+  assetToDocumentItem,
+  CONTEXT_CENTER_DOCUMENTS_ENTITY_LINK,
+  createArticleKnowledgePage,
+  fetchContextCenterDocuments,
+  knowledgePageToArticleItem,
 } from 'utils/ContextCenterUtils';
 import { showErrorToast } from 'utils/ToastUtils';
 
-const RECENT_ARTICLES_LIMIT = 6;
+const RECENT_ARTICLES_LIMIT = 25;
 
 const ContextCenterDashboardPage: FC = () => {
   const { t } = useTranslation();
diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx
index 232e4e260131..11c8bac4c2f5 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx
@@ -122,7 +122,7 @@ export const knowledgePageToArticleItem = (
     data.pageType === PageType.QUICK_LINK
       ? (data.page as QuickLink)?.url
       : data.fullyQualifiedName
-      ? `${ROUTES.CONTEXT_CENTER_ARTICLES}/${page.fullyQualifiedName}`
+      ? `${ROUTES.CONTEXT_CENTER_ARTICLES}/${data.fullyQualifiedName}`
       : undefined,
   id: data.id,
   lastEditedAt: data.updatedAt,

From f83e62e71be97da2ed8e02a6e11cc20ef02e0e94 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Wed, 13 May 2026 15:10:54 +0530
Subject: [PATCH 16/59] lint fix

---
 .../application/file-upload/file-upload.tsx   | 21 ++++++-----
 .../KnowledgeCenterRoleBasedAccess.spec.ts    |  2 +-
 .../ArticleListSection.component.tsx          |  8 ++---
 .../ContextCenterSidebar.component.tsx        |  2 +-
 .../ContextCenterSidebar.interface.ts         |  4 ++-
 .../UploadedDocumentCard.component.tsx        | 35 +------------------
 .../ui/src/locale/languages/ar-sa.json        | 10 ++++++
 .../ui/src/locale/languages/de-de.json        | 10 ++++++
 .../ui/src/locale/languages/es-es.json        | 10 ++++++
 .../ui/src/locale/languages/fr-fr.json        | 10 ++++++
 .../ui/src/locale/languages/gl-es.json        | 10 ++++++
 .../ui/src/locale/languages/he-he.json        | 10 ++++++
 .../ui/src/locale/languages/ja-jp.json        | 10 ++++++
 .../ui/src/locale/languages/ko-kr.json        | 10 ++++++
 .../ui/src/locale/languages/mr-in.json        | 10 ++++++
 .../ui/src/locale/languages/nl-nl.json        | 10 ++++++
 .../ui/src/locale/languages/pr-pr.json        | 10 ++++++
 .../ui/src/locale/languages/pt-br.json        | 10 ++++++
 .../ui/src/locale/languages/pt-pt.json        | 10 ++++++
 .../ui/src/locale/languages/ru-ru.json        | 10 ++++++
 .../ui/src/locale/languages/th-th.json        | 10 ++++++
 .../ui/src/locale/languages/tr-tr.json        | 10 ++++++
 .../ui/src/locale/languages/zh-cn.json        | 10 ++++++
 .../ui/src/locale/languages/zh-tw.json        | 10 ++++++
 24 files changed, 203 insertions(+), 49 deletions(-)

diff --git a/openmetadata-ui-core-components/src/main/resources/ui/src/components/application/file-upload/file-upload.tsx b/openmetadata-ui-core-components/src/main/resources/ui/src/components/application/file-upload/file-upload.tsx
index 11a7ec3827e0..c66230c0c1f9 100644
--- a/openmetadata-ui-core-components/src/main/resources/ui/src/components/application/file-upload/file-upload.tsx
+++ b/openmetadata-ui-core-components/src/main/resources/ui/src/components/application/file-upload/file-upload.tsx
@@ -26,11 +26,7 @@ import {
   UploadCloud02,
   XCircle,
 } from '@untitledui/icons';
-import type {
-  ChangeEvent,
-  ComponentPropsWithRef,
-  DragEvent,
-} from 'react';
+import type { ChangeEvent, ComponentPropsWithRef, DragEvent } from 'react';
 import { useId, useRef, useState } from 'react';
 
 export const getReadableFileSize = (bytes: number): string => {
@@ -291,7 +287,10 @@ export const FileListItemProgressBar = ({
         className
       )}>
       <div className="tw:flex tw:size-10 tw:shrink-0 tw:items-center tw:justify-center tw:rounded-lg tw:bg-secondary">
-        <UploadCloud02 className="tw:size-5 tw:text-tertiary" strokeWidth={1.5} />
+        <UploadCloud02
+          className="tw:size-5 tw:text-tertiary"
+          strokeWidth={1.5}
+        />
       </div>
 
       <div className="tw:flex tw:min-w-0 tw:flex-1 tw:flex-col tw:items-start">
@@ -406,7 +405,10 @@ export const FileListItemProgressFill = ({
         )}
       />
       <div className="tw:relative tw:flex tw:size-10 tw:shrink-0 tw:items-center tw:justify-center tw:rounded-lg tw:bg-secondary">
-        <UploadCloud02 className="tw:size-5 tw:text-tertiary" strokeWidth={1.5} />
+        <UploadCloud02
+          className="tw:size-5 tw:text-tertiary"
+          strokeWidth={1.5}
+        />
       </div>
 
       <div className="tw:relative tw:flex tw:min-w-0 tw:flex-1">
@@ -465,7 +467,10 @@ const FileUploadRoot = (props: ComponentPropsWithRef<'div'>) => (
 );
 
 const FileUploadList = (props: ComponentPropsWithRef<'ul'>) => (
-  <ul {...props} className={cx('tw:flex tw:flex-col tw:gap-3', props.className)} />
+  <ul
+    {...props}
+    className={cx('tw:flex tw:flex-col tw:gap-3', props.className)}
+  />
 );
 
 export const FileUpload = {
diff --git a/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/KnowledgeCenterRoleBasedAccess.spec.ts b/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/KnowledgeCenterRoleBasedAccess.spec.ts
index c11d1c9ba055..1fad1e57f072 100644
--- a/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/KnowledgeCenterRoleBasedAccess.spec.ts
+++ b/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/KnowledgeCenterRoleBasedAccess.spec.ts
@@ -10,7 +10,7 @@
  *  See the License for the specific language governing permissions and
  *  limitations under the License.
  */
-import { test as base, expect, Page } from '@playwright/test';
+import { expect, Page, test as base } from '@playwright/test';
 import { PolicyClass } from '../../support/access-control/PoliciesClass';
 import { RolesClass } from '../../support/access-control/RolesClass';
 import { UserClass } from '../../support/user/UserClass';
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
index c572b4f014f0..fc6943e58424 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
@@ -12,10 +12,10 @@
  */
 
 import {
-    Button,
-    Card,
-    Skeleton,
-    Typography
+  Button,
+  Card,
+  Skeleton,
+  Typography,
 } from '@openmetadata/ui-core-components';
 import { ArrowUpRight, File06 } from '@untitledui/icons';
 import ErrorPlaceHolder from 'components/common/ErrorWithPlaceholder/ErrorPlaceHolder';
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.component.tsx
index 9bb756a32d9e..3f243c33d58c 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.component.tsx
@@ -120,7 +120,7 @@ const ContextCenterSidebar: FC<ContextCenterSidebarProps> = ({
         {title}
       </h2>
       <button
-        className="tw:p-1 tw:rounded-md tw:text-[var(--color-text-tertiary)] tw:hover:text-[var(--color-text-primary)] tw:hover:bg-[var(--color-bg-secondary)] tw:border-0 tw:bg-transparent tw:cursor-pointer"
+        className="tw:p-1 tw:rounded-md tw:hover:text-[var(--color-text-primary)] tw:hover:bg-[var(--color-bg-secondary)] tw:border-0 tw:bg-transparent tw:cursor-pointer"
         data-testid="context-center-sidebar-menu"
         type="button">
         <Menu01 className="tw:w-5 tw:h-5" />
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.interface.ts
index ac75cba25367..0723ecba8849 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.interface.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.interface.ts
@@ -13,7 +13,9 @@
 
 import type { ComponentType, SVGAttributes } from 'react';
 
-export type IconComponent = ComponentType<SVGAttributes<SVGElement> & { size?: number; strokeWidth?: number }>;
+export type IconComponent = ComponentType<
+  SVGAttributes<SVGElement> & { size?: number; strokeWidth?: number }
+>;
 
 export interface ContextCenterNavItem {
   key: string;
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx
index 0a6eef9fb4b9..52948dde9c78 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx
@@ -14,40 +14,7 @@
 import { Card, Typography } from '@openmetadata/ui-core-components';
 import { FC, useMemo } from 'react';
 import { getFileTypeIcon } from 'utils/ContextCenterUtils';
-import {
-  DocumentFileType,
-  UploadedDocumentCardProps,
-} from './UploadedDocumentCard.interface';
-const FILE_TYPE_STYLES: Record<
-  DocumentFileType,
-  { label: string; labelBg: string; labelText: string }
-> = {
-  doc: {
-    label: 'DOC',
-    labelBg: 'tw:bg-blue-600',
-    labelText: 'tw:text-white',
-  },
-  pdf: {
-    label: 'PDF',
-    labelBg: 'tw:bg-red-600',
-    labelText: 'tw:text-white',
-  },
-  xls: {
-    label: 'XLS',
-    labelBg: 'tw:bg-green-600',
-    labelText: 'tw:text-white',
-  },
-  image: {
-    label: 'IMG',
-    labelBg: 'tw:bg-gray-400',
-    labelText: 'tw:text-white',
-  },
-  other: {
-    label: 'FILE',
-    labelBg: 'tw:bg-gray-500',
-    labelText: 'tw:text-white',
-  },
-};
+import { UploadedDocumentCardProps } from './UploadedDocumentCard.interface';
 
 const UploadedDocumentCard: FC<UploadedDocumentCardProps> = ({
   document,
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ar-sa.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ar-sa.json
index 321e00a25524..1a3d055a9452 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ar-sa.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ar-sa.json
@@ -156,6 +156,7 @@
     "approved-entity": "تمت الموافقة على {{entity}}",
     "approver-plural": "الموافقون",
     "april": "أبريل",
+    "archive": "أرشيف",
     "archived": "مؤرشف",
     "argument-plural": "وسائط",
     "arrow-symbol": "→",
@@ -180,6 +181,7 @@
     "assume-role-arn": "Role Arn لدور الافتراض",
     "assume-role-session-name": "اسم جلسة الدور لدور الافتراض",
     "assume-role-source-identity": "هوية المصدر لدور الافتراض",
+    "attach-file-plural": "إرفاق ملفات",
     "attention": "انتباه",
     "audience": "الجمهور",
     "audio": "صوت",
@@ -409,6 +411,7 @@
     "content": "المحتوى",
     "content-name": "اسم المحتوى",
     "context": "السياق",
+    "context-center": "مركز السياق",
     "contract": "عقد",
     "contract-detail-plural": "تفاصيل العقد",
     "contract-execution-history": "سجل تنفيذ العقد",
@@ -1170,6 +1173,7 @@
     "last-7-days": "آخر 7 أيام",
     "last-activity": "آخر نشاط",
     "last-activity-n-minutes-ago": "آخر نشاط قبل {{count}} دقيقة",
+    "last-edited-by": "آخر تعديل بواسطة",
     "last-error": "آخر خطأ",
     "last-failed-at": "آخر فشل في",
     "last-hour": "الساعة الأخيرة",
@@ -1951,6 +1955,7 @@
     "setting-plural": "الإعدادات",
     "setup-guide": "دليل الإعداد",
     "severity": "الخطورة",
+    "share": "مشاركة",
     "shift": "تحول",
     "should-match": "يجب أن يتطابق",
     "show": "إظهار",
@@ -2267,6 +2272,7 @@
     "unlimited": "غير محدود",
     "unpause": "إلغاء الإيقاف المؤقت",
     "unprocessed": "غير معالج",
+    "unsaved": "غير محفوظ",
     "untitled": "بدون عنوان",
     "up-vote": "تصويت إيجابي",
     "update": "تحديث",
@@ -2283,8 +2289,10 @@
     "upload": "رفع",
     "upload-cover-image": "رفع صورة الغلاف",
     "upload-csv-uppercase-file": "رفع ملف CSV",
+    "upload-document-plural": "تحميل مستندات",
     "upload-image": "رفع صورة",
     "upload-lowercase": "رفع",
+    "uploaded-document-plural": "المستندات المحملة",
     "uploading": "جاري الرفع",
     "uploading-file": "جاري رفع الملف",
     "upstream": "المنبع",
@@ -3336,6 +3344,8 @@
     "update-profiler-settings": "تحديث إعدادات المُحلل (profiler).",
     "update-tag-message": "طلب تحديث العلامات لـ",
     "updating-existing-not-possible-can-add-new-values": "تحديث القيم الحالية غير ممكن، يُسمح فقط بإضافة قيم جديدة.",
+    "upload-document-hint": "SVG, PNG, JPG أو GIF, PNG, JPG (الحد الأقصى 5MB)",
+    "upload-failed": "فشل التحميل، يرجى المحاولة مرة أخرى",
     "upload-file": "تحميل ملف",
     "upload-file-description": "قم بتحميل ملفات العقد إلى هذا الأصل.",
     "upload-file-to-validate": "قم بتحميل ملف للتحقق",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json
index 6d60b8226d10..bac7644eb08b 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json
@@ -156,6 +156,7 @@
     "approved-entity": "Genehmigte {{entity}}",
     "approver-plural": "Genehmiger",
     "april": "April",
+    "archive": "Archiv",
     "archived": "Archiviert",
     "argument-plural": "Argumente",
     "arrow-symbol": "→",
@@ -180,6 +181,7 @@
     "assume-role-arn": "ARN der anzunehmenden Rolle",
     "assume-role-session-name": "Sitzungsname der anzunehmenden Rolle",
     "assume-role-source-identity": "Identitätsquelle zum Annehmen der Rolle",
+    "attach-file-plural": "Dateien anhängen",
     "attention": "Achtung",
     "audience": "Zielgruppe",
     "audio": "Audio",
@@ -409,6 +411,7 @@
     "content": "Inhalt",
     "content-name": "Inhaltsname",
     "context": "Kontext",
+    "context-center": "Kontext-Center",
     "contract": "Vertrag",
     "contract-detail-plural": "Vertragsdetails",
     "contract-execution-history": "Vertragsausführungsverlauf",
@@ -1170,6 +1173,7 @@
     "last-7-days": "Letzte 7 Tage",
     "last-activity": "Letzte Aktivität",
     "last-activity-n-minutes-ago": "Letzte Aktivität vor {{count}} Minuten",
+    "last-edited-by": "Zuletzt bearbeitet von",
     "last-error": "Letzter Fehler",
     "last-failed-at": "Zuletzt gescheitert am",
     "last-hour": "Letzte Stunde",
@@ -1951,6 +1955,7 @@
     "setting-plural": "Einstellungen",
     "setup-guide": "Installationsanleitung",
     "severity": "Schwere",
+    "share": "Teilen",
     "shift": "Schicht",
     "should-match": "Sollte übereinstimmen",
     "show": "Anzeigen",
@@ -2267,6 +2272,7 @@
     "unlimited": "Unbegrenzt",
     "unpause": "Fortsetzen",
     "unprocessed": "Unverarbeitet",
+    "unsaved": "Nicht gespeichert",
     "untitled": "Ohne Titel",
     "up-vote": "Upvote",
     "update": "Aktualisieren",
@@ -2283,8 +2289,10 @@
     "upload": "Hochladen",
     "upload-cover-image": "Titelbild hochladen",
     "upload-csv-uppercase-file": "CSV-Datei hochladen",
+    "upload-document-plural": "Dokumente hochladen",
     "upload-image": "Bild hochladen",
     "upload-lowercase": "hochladen",
+    "uploaded-document-plural": "Hochgeladene Dokumente",
     "uploading": "Hochladen",
     "uploading-file": "Datei wird hochgeladen",
     "upstream": "Stromaufwärts",
@@ -3336,6 +3344,8 @@
     "update-profiler-settings": "Profiler Einstellungen updaten.",
     "update-tag-message": "Anfrage zur Aktualisierung der Tags für",
     "updating-existing-not-possible-can-add-new-values": "Die Aktualisierung bestehender Werte ist nicht möglich, nur das Hinzufügen neuer Werte ist erlaubt.",
+    "upload-document-hint": "SVG, PNG, JPG oder GIF, PNG, JPG (max. 5MB)",
+    "upload-failed": "Upload fehlgeschlagen, bitte erneut versuchen",
     "upload-file": "Datei hochladen",
     "upload-file-description": "Laden Sie Vertragsdateien zu diesem Asset hoch.",
     "upload-file-to-validate": "Laden Sie eine Datei zur Validierung hoch",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json
index 6b5e462cf61d..8df52d617382 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json
@@ -156,6 +156,7 @@
     "approved-entity": "Entidad aprobada {{entity}}",
     "approver-plural": "Aprobadores",
     "april": "Abril",
+    "archive": "Archivo",
     "archived": "Archivado",
     "argument-plural": "Argumentos",
     "arrow-symbol": "→",
@@ -180,6 +181,7 @@
     "assume-role-arn": "ARN del Rol para Asumir Rol",
     "assume-role-session-name": "Nombre de la Sesión de Rol para Asumir Rol",
     "assume-role-source-identity": "Identidad de Origen para Asumir Rol",
+    "attach-file-plural": "Adjuntar archivos",
     "attention": "Atención",
     "audience": "Público",
     "audio": "Audio",
@@ -409,6 +411,7 @@
     "content": "Contenido",
     "content-name": "Nombre del contenido",
     "context": "Contexto",
+    "context-center": "Centro de contexto",
     "contract": "Contrato",
     "contract-detail-plural": "Detalles Contrato",
     "contract-execution-history": "Historial de ejecución del contrato",
@@ -1170,6 +1173,7 @@
     "last-7-days": "Últimos 7 días",
     "last-activity": "Última actividad",
     "last-activity-n-minutes-ago": "Última actividad hace {{count}} minutos",
+    "last-edited-by": "Última edición por",
     "last-error": "Último error",
     "last-failed-at": "Último fallo en",
     "last-hour": "Última hora",
@@ -1951,6 +1955,7 @@
     "setting-plural": "Configuraciones",
     "setup-guide": "Guia de preparación",
     "severity": "Severidad",
+    "share": "Compartir",
     "shift": "Turno",
     "should-match": "Debería coincidir",
     "show": "Mostrar",
@@ -2267,6 +2272,7 @@
     "unlimited": "Sin límite",
     "unpause": "Reanudar",
     "unprocessed": "No Procesado",
+    "unsaved": "Sin guardar",
     "untitled": "Intitulada",
     "up-vote": "Voto Positivo",
     "update": "Actualizar",
@@ -2283,8 +2289,10 @@
     "upload": "Cargar",
     "upload-cover-image": "Cargar imagen de portada",
     "upload-csv-uppercase-file": "Cargar archivo CSV",
+    "upload-document-plural": "Subir documentos",
     "upload-image": "Cargar Imagen",
     "upload-lowercase": "subir",
+    "uploaded-document-plural": "Documentos subidos",
     "uploading": "Cargando",
     "uploading-file": "Subiendo archivo",
     "upstream": "Ascendente",
@@ -3336,6 +3344,8 @@
     "update-profiler-settings": "Actualizar la configuración del perfilador.",
     "update-tag-message": "Solicitud para actualizar etiquetas de",
     "updating-existing-not-possible-can-add-new-values": "No es posible actualizar valores existentes, solo se permite añadir nuevos valores.",
+    "upload-document-hint": "SVG, PNG, JPG o GIF, PNG, JPG (máx. 5MB)",
+    "upload-failed": "Error al subir, inténtalo de nuevo",
     "upload-file": "Subir archivo",
     "upload-file-description": "Cargue archivos de contrato a este activo.",
     "upload-file-to-validate": "Sube un archivo para validar",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json
index 3a060ca5c996..0ee2f0f42a94 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json
@@ -156,6 +156,7 @@
     "approved-entity": "Entité approuvée {{entity}}",
     "approver-plural": "Approbateurs",
     "april": "Avril",
+    "archive": "Archive",
     "archived": "Archivé",
     "argument-plural": "Arguments",
     "arrow-symbol": "→",
@@ -180,6 +181,7 @@
     "assume-role-arn": "ARN du Rôle à Assumer",
     "assume-role-session-name": "Nom de Session du Rôle à Assumer",
     "assume-role-source-identity": "Source d'Identité pour Assumer le Rôle",
+    "attach-file-plural": "Joindre des fichiers",
     "attention": "Attention",
     "audience": "Public",
     "audio": "Audio",
@@ -409,6 +411,7 @@
     "content": "Contenu",
     "content-name": "Nom du contenu",
     "context": "Contexte",
+    "context-center": "Centre de contexte",
     "contract": "Contrat",
     "contract-detail-plural": "Détails du Contrat",
     "contract-execution-history": "Historique d'exécution du contrat",
@@ -1170,6 +1173,7 @@
     "last-7-days": "7 derniers jours",
     "last-activity": "Dernière activité",
     "last-activity-n-minutes-ago": "Dernière activité il y a {{count}} minutes",
+    "last-edited-by": "Dernière modification par",
     "last-error": "Dernière erreur",
     "last-failed-at": "Dernier Échec à",
     "last-hour": "Dernière heure",
@@ -1951,6 +1955,7 @@
     "setting-plural": "Paramètres",
     "setup-guide": "Guide de Configuration",
     "severity": "Sévérité",
+    "share": "Partager",
     "shift": "Changement",
     "should-match": "Devrait correspondre",
     "show": "Afficher",
@@ -2267,6 +2272,7 @@
     "unlimited": "Illimité",
     "unpause": "Réactiver",
     "unprocessed": "Non Traité",
+    "unsaved": "Non enregistré",
     "untitled": "Sans titre",
     "up-vote": "Voter",
     "update": "Mise à Jour",
@@ -2283,8 +2289,10 @@
     "upload": "Télécharger",
     "upload-cover-image": "Télécharger l'image de couverture",
     "upload-csv-uppercase-file": "Télécharger le Fichier CSV",
+    "upload-document-plural": "Téléverser des documents",
     "upload-image": "Télécharger Image",
     "upload-lowercase": "télécharger",
+    "uploaded-document-plural": "Documents téléversés",
     "uploading": "Téléchargement",
     "uploading-file": "Téléchargement du fichier",
     "upstream": "Amont",
@@ -3336,6 +3344,8 @@
     "update-profiler-settings": "Mettre à jour les réglages du profiler.",
     "update-tag-message": "Demander la mise à jour des tags pour",
     "updating-existing-not-possible-can-add-new-values": "Mettre à jour les valeurs actuelles n'est pas possible, seul l'ajout de nouvelles valeurs et permis.",
+    "upload-document-hint": "SVG, PNG, JPG ou GIF, PNG, JPG (max. 5Mo)",
+    "upload-failed": "Échec du téléversement, veuillez réessayer",
     "upload-file": "Télécharger Fichier",
     "upload-file-description": "Téléchargez des fichiers de contrat vers cet actif.",
     "upload-file-to-validate": "Téléchargez un fichier pour valider",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/gl-es.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/gl-es.json
index 9409c1e48145..8046a547f529 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/gl-es.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/gl-es.json
@@ -156,6 +156,7 @@
     "approved-entity": "Entidade aprobada {{entity}}",
     "approver-plural": "Aprobadores",
     "april": "Abril",
+    "archive": "Arquivo",
     "archived": "Arquivado",
     "argument-plural": "Argumentos",
     "arrow-symbol": "→",
@@ -180,6 +181,7 @@
     "assume-role-arn": "ARN de asunción de rol",
     "assume-role-session-name": "Nome da sesión para asumir o rol",
     "assume-role-source-identity": "Identidade da fonte para asumir o rol",
+    "attach-file-plural": "Adxuntar ficheiros",
     "attention": "Atención",
     "audience": "Audiencia",
     "audio": "Audio",
@@ -409,6 +411,7 @@
     "content": "Contido",
     "content-name": "Nome do contido",
     "context": "Contexto",
+    "context-center": "Centro de contexto",
     "contract": "Contrato",
     "contract-detail-plural": "Detalles do Contrato",
     "contract-execution-history": "Historial de ejecución do contrato",
@@ -1170,6 +1173,7 @@
     "last-7-days": "Últimos 7 días",
     "last-activity": "Última actividade",
     "last-activity-n-minutes-ago": "Última actividade hai {{count}} minutos",
+    "last-edited-by": "Última edición por",
     "last-error": "Último erro",
     "last-failed-at": "Último fallo en",
     "last-hour": "Última hora",
@@ -1951,6 +1955,7 @@
     "setting-plural": "Axustes",
     "setup-guide": "Guía de configuración",
     "severity": "Gravidade",
+    "share": "Compartir",
     "shift": "Cambio",
     "should-match": "Debería coincidir",
     "show": "Mostrar",
@@ -2267,6 +2272,7 @@
     "unlimited": "Sen límite",
     "unpause": "Reanudar",
     "unprocessed": "Sen procesar",
+    "unsaved": "Sen gardar",
     "untitled": "Sen título",
     "up-vote": "Voto positivo",
     "update": "Actualizar",
@@ -2283,8 +2289,10 @@
     "upload": "Cargar",
     "upload-cover-image": "Cargar imaxe de portada",
     "upload-csv-uppercase-file": "Cargar ficheiro CSV",
+    "upload-document-plural": "Subir documentos",
     "upload-image": "Cargar imaxe",
     "upload-lowercase": "subir",
+    "uploaded-document-plural": "Documentos subidos",
     "uploading": "Cargando",
     "uploading-file": "Cargando ficheiro",
     "upstream": "Ascendente",
@@ -3336,6 +3344,8 @@
     "update-profiler-settings": "Actualizar a configuración do perfilador.",
     "update-tag-message": "Solicitude de actualización de etiquetas para",
     "updating-existing-not-possible-can-add-new-values": "Updating existing values is not possible,only the addition of new values is allowed.",
+    "upload-document-hint": "SVG, PNG, JPG ou GIF, PNG, JPG (máx. 5MB)",
+    "upload-failed": "Erro ao subir, téntao de novo",
     "upload-file": "Cargar ficheiro",
     "upload-file-description": "Cargar ficheiros de contrato a este activo.",
     "upload-file-to-validate": "Cargar un ficheiro para validar",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/he-he.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/he-he.json
index 2f1d59443bc9..8187d8bdac94 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/he-he.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/he-he.json
@@ -156,6 +156,7 @@
     "approved-entity": "{{entity}} מאושר",
     "approver-plural": "מאשרים",
     "april": "אפריל",
+    "archive": "ארכיון",
     "archived": "בארכיון",
     "argument-plural": "ארגומנטים",
     "arrow-symbol": "→",
@@ -180,6 +181,7 @@
     "assume-role-arn": "תפקיד Arn להניח",
     "assume-role-session-name": "שם הסשן להניח תפקיד",
     "assume-role-source-identity": "זהות המקור להניח תפקיד",
+    "attach-file-plural": "צרף קבצים",
     "attention": "תשומת לב",
     "audience": "קהל יעד",
     "audio": "אודיו",
@@ -409,6 +411,7 @@
     "content": "תוכן",
     "content-name": "שם תוכן",
     "context": "הקשר",
+    "context-center": "מרכז הקשר",
     "contract": "חוזה",
     "contract-detail-plural": "פרטי חוזה",
     "contract-execution-history": "סטטוס ביצוע חוזה",
@@ -1170,6 +1173,7 @@
     "last-7-days": "7 ימים אחרונים",
     "last-activity": "פעילות אחרונה",
     "last-activity-n-minutes-ago": "פעילות אחרונה לפני {{count}} דקות",
+    "last-edited-by": "נערך לאחרונה על ידי",
     "last-error": "שגיאה אחרונה",
     "last-failed-at": "נכשל לאחרונה ב",
     "last-hour": "שעה אחרונה",
@@ -1951,6 +1955,7 @@
     "setting-plural": "הגדרות",
     "setup-guide": "מדריך הגדרה",
     "severity": "חומרה",
+    "share": "שתף",
     "shift": "משמרת",
     "should-match": "צריך להתאים",
     "show": "הצג",
@@ -2267,6 +2272,7 @@
     "unlimited": "ללא מגבלה",
     "unpause": "בטל השהייה",
     "unprocessed": "לא מעובד",
+    "unsaved": "לא שמור",
     "untitled": "ללא כותרת",
     "up-vote": "הצבעה גבוהה",
     "update": "עדכן",
@@ -2283,8 +2289,10 @@
     "upload": "העלאה",
     "upload-cover-image": "העלה תמונת שער",
     "upload-csv-uppercase-file": "העלאת קובץ CSV",
+    "upload-document-plural": "העלה מסמכים",
     "upload-image": "העלאת תמונה",
     "upload-lowercase": "העלה",
+    "uploaded-document-plural": "מסמכים שהועלו",
     "uploading": "העלאה",
     "uploading-file": "העלאת קובץ",
     "upstream": "זרם עליון",
@@ -3336,6 +3344,8 @@
     "update-profiler-settings": "עדכן הגדרות הפרופיילר.",
     "update-tag-message": "בקשה לעדכון תגיות עבור",
     "updating-existing-not-possible-can-add-new-values": "Updating existing values is not possible,only the addition of new values is allowed.",
+    "upload-document-hint": "SVG, PNG, JPG או GIF, PNG, JPG (מקס. 5MB)",
+    "upload-failed": "ההעלאה נכשלה, אנא נסה שנית",
     "upload-file": "העלה קובץ",
     "upload-file-description": "העלה קבצי חוזה לנכס זה.",
     "upload-file-to-validate": "העלה קובץ לאימות",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json
index 3fa8137721a5..80c1f6f616a8 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json
@@ -156,6 +156,7 @@
     "approved-entity": "承認された {{entity}}",
     "approver-plural": "承認者",
     "april": "4月",
+    "archive": "アーカイブ",
     "archived": "アーカイブ済み",
     "argument-plural": "引数",
     "arrow-symbol": "→",
@@ -180,6 +181,7 @@
     "assume-role-arn": "ARNロールを引き受ける",
     "assume-role-session-name": "セッション名ロールを引き受ける",
     "assume-role-source-identity": "ソースIDロールを引き受ける",
+    "attach-file-plural": "ファイルを添付",
     "attention": "注意",
     "audience": "オーディエンス",
     "audio": "音声",
@@ -409,6 +411,7 @@
     "content": "コンテンツ",
     "content-name": "コンテンツ名",
     "context": "コンテキスト",
+    "context-center": "コンテキストセンター",
     "contract": "契約",
     "contract-detail-plural": "契約詳細",
     "contract-execution-history": "契約実行履歴",
@@ -1170,6 +1173,7 @@
     "last-7-days": "過去7日間",
     "last-activity": "最終アクティビティ",
     "last-activity-n-minutes-ago": "最終アクティビティは{{count}}分前",
+    "last-edited-by": "最終編集者",
     "last-error": "最新のエラー",
     "last-failed-at": "最後の失敗日時",
     "last-hour": "直近1時間",
@@ -1951,6 +1955,7 @@
     "setting-plural": "設定",
     "setup-guide": "セットアップガイド",
     "severity": "重大度",
+    "share": "共有",
     "shift": "シフト",
     "should-match": "一致する必要があります",
     "show": "表示",
@@ -2267,6 +2272,7 @@
     "unlimited": "無制限",
     "unpause": "再開",
     "unprocessed": "未処理",
+    "unsaved": "未保存",
     "untitled": "無題",
     "up-vote": "賛成票",
     "update": "更新",
@@ -2283,8 +2289,10 @@
     "upload": "アップロード",
     "upload-cover-image": "カバー画像をアップロード",
     "upload-csv-uppercase-file": "CSV ファイルをアップロード",
+    "upload-document-plural": "ドキュメントをアップロード",
     "upload-image": "画像をアップロード",
     "upload-lowercase": "アップロード",
+    "uploaded-document-plural": "アップロード済みドキュメント",
     "uploading": "アップロード中",
     "uploading-file": "ファイルをアップロード中",
     "upstream": "上流",
@@ -3336,6 +3344,8 @@
     "update-profiler-settings": "プロファイラー設定を更新",
     "update-tag-message": "タグの更新をリクエスト中:",
     "updating-existing-not-possible-can-add-new-values": "既存の値の更新はできません。新しい値の追加のみ可能です。",
+    "upload-document-hint": "SVG、PNG、JPG または GIF、PNG、JPG（最大 5MB）",
+    "upload-failed": "アップロードに失敗しました。もう一度お試しください",
     "upload-file": "ファイルをアップロード",
     "upload-file-description": "このアセットに契約ファイルをアップロードします。",
     "upload-file-to-validate": "検証するファイルをアップロードする",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ko-kr.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ko-kr.json
index d3b2bd67b261..f3da750236d4 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ko-kr.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ko-kr.json
@@ -156,6 +156,7 @@
     "approved-entity": "승인된 {{entity}}",
     "approver-plural": "승인자",
     "april": "4월",
+    "archive": "아카이브",
     "archived": "보관됨",
     "argument-plural": "인자들",
     "arrow-symbol": "→",
@@ -180,6 +181,7 @@
     "assume-role-arn": "Assume Role용 역할 ARN",
     "assume-role-session-name": "Assume Role용 세션 이름",
     "assume-role-source-identity": "Assume Role 소스 식별자",
+    "attach-file-plural": "파일 첨부",
     "attention": "주의",
     "audience": "대상",
     "audio": "오디오",
@@ -409,6 +411,7 @@
     "content": "콘텐츠",
     "content-name": "콘텐츠 이름",
     "context": "컨텍스트",
+    "context-center": "컨텍스트 센터",
     "contract": "계약",
     "contract-detail-plural": "계약 세부사항",
     "contract-execution-history": "계약 실행 기록",
@@ -1170,6 +1173,7 @@
     "last-7-days": "최근 7일",
     "last-activity": "마지막 활동",
     "last-activity-n-minutes-ago": "{{count}}분 전 마지막 활동",
+    "last-edited-by": "마지막 편집자",
     "last-error": "마지막 오류",
     "last-failed-at": "마지막 실패 시간",
     "last-hour": "지난 시간",
@@ -1951,6 +1955,7 @@
     "setting-plural": "설정들",
     "setup-guide": "설정 가이드",
     "severity": "심각도",
+    "share": "공유",
     "shift": "이동",
     "should-match": "일치해야 함",
     "show": "표시",
@@ -2267,6 +2272,7 @@
     "unlimited": "무제한",
     "unpause": "일시 중지 해제",
     "unprocessed": "처리되지 않음",
+    "unsaved": "저장되지 않음",
     "untitled": "제목 없음",
     "up-vote": "추천",
     "update": "업데이트",
@@ -2283,8 +2289,10 @@
     "upload": "업로드",
     "upload-cover-image": "커버 이미지 업로드",
     "upload-csv-uppercase-file": "CSV 파일 업로드",
+    "upload-document-plural": "문서 업로드",
     "upload-image": "이미지 업로드",
     "upload-lowercase": "업로드",
+    "uploaded-document-plural": "업로드된 문서",
     "uploading": "업로드 중",
     "uploading-file": "파일 업로드 중",
     "upstream": "업스트림",
@@ -3336,6 +3344,8 @@
     "update-profiler-settings": "프로파일러 설정을 업데이트합니다.",
     "update-tag-message": "다음에 대한 태그 업데이트 요청:",
     "updating-existing-not-possible-can-add-new-values": "기존 값을 업데이트할 수 없으며, 새 값만 추가할 수 있습니다.",
+    "upload-document-hint": "SVG, PNG, JPG 또는 GIF, PNG, JPG (최대 5MB)",
+    "upload-failed": "업로드 실패, 다시 시도해 주세요",
     "upload-file": "파일 업로드",
     "upload-file-description": "이 자산에 계약 파일을 업로드하세요.",
     "upload-file-to-validate": "검증할 파일 업로드",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/mr-in.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/mr-in.json
index 8297f4701018..fccb9f60c005 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/mr-in.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/mr-in.json
@@ -156,6 +156,7 @@
     "approved-entity": "अधिकृत {{entity}}",
     "approver-plural": "मंजूरीदार",
     "april": "एप्रिल",
+    "archive": "संग्रहण",
     "archived": "संग्रहित",
     "argument-plural": "आर्ग्युमेंट्स",
     "arrow-symbol": "→",
@@ -180,6 +181,7 @@
     "assume-role-arn": "भूमिका गृहीत धरण्यासाठी ARN",
     "assume-role-session-name": "भूमिकेसाठी भूमिका सत्राचे नाव",
     "assume-role-source-identity": "भूमिकेसाठी स्त्रोत ओळख",
+    "attach-file-plural": "फाइल्स जोडा",
     "attention": "लक्ष द्या",
     "audience": "प्रेक्षक",
     "audio": "ऑडिओ",
@@ -409,6 +411,7 @@
     "content": "सामग्री",
     "content-name": "सामग्रीचे नाव",
     "context": "संदर्भ",
+    "context-center": "संदर्भ केंद्र",
     "contract": "करार",
     "contract-detail-plural": "करार तपशील",
     "contract-execution-history": "करार चालवणी इतिहास",
@@ -1170,6 +1173,7 @@
     "last-7-days": "शेवटचे 7 दिवस",
     "last-activity": "शेवटची क्रिया",
     "last-activity-n-minutes-ago": "शेवटची क्रिया {{count}} मिनिटांपूर्वी",
+    "last-edited-by": "शेवटचे संपादन केले",
     "last-error": "शेवटची त्रुटी",
     "last-failed-at": "शेवटचे अयशस्वी",
     "last-hour": "मागील तास",
@@ -1951,6 +1955,7 @@
     "setting-plural": "सेटिंग्ज",
     "setup-guide": "सेटअप मार्गदर्शक",
     "severity": "तीव्रता",
+    "share": "सामायिक करा",
     "shift": "शिफ्ट",
     "should-match": "जुळायला हवे",
     "show": "दाखवा",
@@ -2267,6 +2272,7 @@
     "unlimited": "अनिर्धारित",
     "unpause": "पुन्हा सुरू करा",
     "unprocessed": "प्रक्रिया न केलेले",
+    "unsaved": "जतन न केलेले",
     "untitled": "शीर्षक नाही",
     "up-vote": "वर मत द्या",
     "update": "अद्यतनित करा",
@@ -2283,8 +2289,10 @@
     "upload": "अपलोड करा",
     "upload-cover-image": "कव्हर प्रतिमा अपलोड करा",
     "upload-csv-uppercase-file": "CSV फाइल अपलोड करा",
+    "upload-document-plural": "कागदपत्रे अपलोड करा",
     "upload-image": "प्रतिमा अपलोड करा",
     "upload-lowercase": "अपलोड करा",
+    "uploaded-document-plural": "अपलोड केलेली कागदपत्रे",
     "uploading": "अपलोड करत आहे",
     "uploading-file": "फाइल अपलोड करत आहे",
     "upstream": "अपस्ट्रीम",
@@ -3336,6 +3344,8 @@
     "update-profiler-settings": "प्रोफाइलर सेटिंग अद्यतनित करा.",
     "update-tag-message": "साठी टॅग अद्यतनित करण्याची विनंती",
     "updating-existing-not-possible-can-add-new-values": "विद्यमान मूल्ये अद्यतनित करणे शक्य नाही, फक्त नवीन मूल्ये जोडणे अनुमत आहे.",
+    "upload-document-hint": "SVG, PNG, JPG किंवा GIF, PNG, JPG (कमाल 5MB)",
+    "upload-failed": "अपलोड अयशस्वी झाले, कृपया पुन्हा प्रयत्न करा",
     "upload-file": "फाइल अपलोड करा",
     "upload-file-description": "या मालमत्तेत करार फाइल्स अपलोड करा.",
     "upload-file-to-validate": "पडताळणीसाठी फाइल अपलोड करा",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/nl-nl.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/nl-nl.json
index 8a7c3da5bfc7..f0a06a15d7e0 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/nl-nl.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/nl-nl.json
@@ -156,6 +156,7 @@
     "approved-entity": "{{entity}} goedgekeurd",
     "approver-plural": "Goedkeurders",
     "april": "April",
+    "archive": "Archief",
     "archived": "Gearchiveerd",
     "argument-plural": "Argumenten",
     "arrow-symbol": "→",
@@ -180,6 +181,7 @@
     "assume-role-arn": "Role Arn voor Assume Role",
     "assume-role-session-name": "Rolsessienaam voor Rol Aannemen",
     "assume-role-source-identity": "Bronidentiteit voor Rol Aannemen",
+    "attach-file-plural": "Bestanden bijvoegen",
     "attention": "Aandacht",
     "audience": "Doelgroep",
     "audio": "Audio",
@@ -409,6 +411,7 @@
     "content": "Inhoud",
     "content-name": "Contentnaam",
     "context": "Context",
+    "context-center": "Contextcentrum",
     "contract": "Contract",
     "contract-detail-plural": "Contract details",
     "contract-execution-history": "Contractuitvoeringsgeschiedenis",
@@ -1170,6 +1173,7 @@
     "last-7-days": "Laatste 7 dagen",
     "last-activity": "Laatste activiteit",
     "last-activity-n-minutes-ago": "Laatste activiteit {{count}} minuten geleden",
+    "last-edited-by": "Laatst bewerkt door",
     "last-error": "Laatste fout",
     "last-failed-at": "Laatst gefaald op",
     "last-hour": "Laatste uur",
@@ -1951,6 +1955,7 @@
     "setting-plural": "Instellingen",
     "setup-guide": "Installatiehandleiding",
     "severity": "Impact",
+    "share": "Delen",
     "shift": "Verschuiving",
     "should-match": "Zou moeten overeenkomen",
     "show": "Tonen",
@@ -2267,6 +2272,7 @@
     "unlimited": "Onbeperkt",
     "unpause": "Hervatten",
     "unprocessed": "Onverwerkt",
+    "unsaved": "Niet opgeslagen",
     "untitled": "Zonder titel",
     "up-vote": "Stem omhoog",
     "update": "Updaten",
@@ -2283,8 +2289,10 @@
     "upload": "Uploaden",
     "upload-cover-image": "Omslagafbeelding uploaden",
     "upload-csv-uppercase-file": "CSV-bestand uploaden",
+    "upload-document-plural": "Documenten uploaden",
     "upload-image": "Afbeelding uploaden",
     "upload-lowercase": "uploaden",
+    "uploaded-document-plural": "Geüploade documenten",
     "uploading": "Uploaden",
     "uploading-file": "Bestand uploaden",
     "upstream": "Stroomopwaarts",
@@ -3336,6 +3344,8 @@
     "update-profiler-settings": "Profielinstellingen updaten.",
     "update-tag-message": "Verzoek om de tags aan te passen voor",
     "updating-existing-not-possible-can-add-new-values": "Updating existing values is not possible,only the addition of new values is allowed.",
+    "upload-document-hint": "SVG, PNG, JPG of GIF, PNG, JPG (max. 5MB)",
+    "upload-failed": "Upload mislukt, probeer het opnieuw",
     "upload-file": "Bestand uploaden",
     "upload-file-description": "Upload contractbestanden naar deze asset.",
     "upload-file-to-validate": "Upload een bestand om te valideren",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pr-pr.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pr-pr.json
index 2b227d1ea315..73404cc96593 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pr-pr.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pr-pr.json
@@ -156,6 +156,7 @@
     "approved-entity": "{{entity}} تایید شده",
     "approver-plural": "تأییدکنندگان",
     "april": "آوریل",
+    "archive": "Arquive",
     "archived": "بایگانی شده",
     "argument-plural": "آرگومان‌ها",
     "arrow-symbol": "→",
@@ -180,6 +181,7 @@
     "assume-role-arn": "Arn برای فرض نقش",
     "assume-role-session-name": "نام جلسه برای فرض نقش",
     "assume-role-source-identity": "هویت منبع برای فرض نقش",
+    "attach-file-plural": "Junte Os Ficheiros",
     "attention": "توجه",
     "audience": "مخاطب",
     "audio": "صوت",
@@ -409,6 +411,7 @@
     "content": "محتوا",
     "content-name": "نام محتوا",
     "context": "زمینه",
+    "context-center": "Centro De Contexto",
     "contract": "قرارداد",
     "contract-detail-plural": "جزئیات قرارداد",
     "contract-execution-history": "تاریخچه اجرای قرارداد",
@@ -1170,6 +1173,7 @@
     "last-7-days": "ਆਖਰੀ 7 ਦਿਨ",
     "last-activity": "ਆਖਰੀ ਗਤੀਵਿਧੀ",
     "last-activity-n-minutes-ago": "آخرین فعالیت {{count}} دقیقه پیش",
+    "last-edited-by": "Última Edição Por",
     "last-error": "آخرین خطا",
     "last-failed-at": "آخرین شکست در",
     "last-hour": "ساعت گذشته",
@@ -1951,6 +1955,7 @@
     "setting-plural": "تنظیمات",
     "setup-guide": "راهنمای راه‌اندازی",
     "severity": "شدت",
+    "share": "Compartilhe",
     "shift": "شیفت",
     "should-match": "باید مطابقت داشته باشد",
     "show": "نمایش",
@@ -2267,6 +2272,7 @@
     "unlimited": "بدون محدودیت",
     "unpause": "ادامه",
     "unprocessed": "پردازش‌نشده",
+    "unsaved": "Não Guardado",
     "untitled": "بدون عنوان",
     "up-vote": "رای مثبت",
     "update": "به‌روزرسانی",
@@ -2283,8 +2289,10 @@
     "upload": "بارگذاری",
     "upload-cover-image": "آپلود تصویر جلد",
     "upload-csv-uppercase-file": "بارگذاری فایل CSV",
+    "upload-document-plural": "Carregue Os Documentos",
     "upload-image": "بارگذاری تصویر",
     "upload-lowercase": "بارگذاری",
+    "uploaded-document-plural": "Documentos Carregados",
     "uploading": "بارگذاری",
     "uploading-file": "بارگذاری فایل",
     "upstream": "بالادست",
@@ -3336,6 +3344,8 @@
     "update-profiler-settings": "به‌روزرسانی تنظیمات پروفایلر.",
     "update-tag-message": "درخواست برای به‌روزرسانی برچسب‌ها برای",
     "updating-existing-not-possible-can-add-new-values": "به‌روزرسانی مقادیر موجود امکان‌پذیر نیست، فقط افزودن مقادیر جدید مجاز است.",
+    "upload-document-hint": "SVG, PNG, JPG ou GIF, PNG, JPG (máx. 5MB)",
+    "upload-failed": "Carregamento falhou, tente de novo",
     "upload-file": "بارگذاری فایل",
     "upload-file-description": "Carregue ficheiros de contrato para este ativo.",
     "upload-file-to-validate": "فایلی برای اعتبارسنجی آپلود کنید",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json
index cfc97db89bab..0a535a9c9f5e 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json
@@ -156,6 +156,7 @@
     "approved-entity": "Entidade aprovada {{entity}}",
     "approver-plural": "Aprovadores",
     "april": "Abril",
+    "archive": "Arquivo",
     "archived": "Arquivado",
     "argument-plural": "Argumentos",
     "arrow-symbol": "→",
@@ -180,6 +181,7 @@
     "assume-role-arn": "ARN do Papel para Assumir Papel",
     "assume-role-session-name": "Nome da Sessão para Assumir Papel",
     "assume-role-source-identity": "Identidade Fonte para Assumir Papel",
+    "attach-file-plural": "Anexar arquivos",
     "attention": "Atenção",
     "audience": "Audiência",
     "audio": "Áudio",
@@ -409,6 +411,7 @@
     "content": "Conteúdo",
     "content-name": "Nome do conteúdo",
     "context": "Contexto",
+    "context-center": "Central de contexto",
     "contract": "Contrato",
     "contract-detail-plural": "Detalhes do Contrato",
     "contract-execution-history": "Histórico de execução do contrato",
@@ -1170,6 +1173,7 @@
     "last-7-days": "Últimos 7 dias",
     "last-activity": "Última atividade",
     "last-activity-n-minutes-ago": "Última atividade há {{count}} minutos",
+    "last-edited-by": "Última edição por",
     "last-error": "Último erro",
     "last-failed-at": "Última Falha em",
     "last-hour": "Última hora",
@@ -1951,6 +1955,7 @@
     "setting-plural": "Configurações",
     "setup-guide": "Guia de Configuração",
     "severity": "Severidade",
+    "share": "Compartilhar",
     "shift": "Turno",
     "should-match": "Deveria corresponder",
     "show": "Mostrar",
@@ -2267,6 +2272,7 @@
     "unlimited": "Ilimitado",
     "unpause": "Continuar",
     "unprocessed": "Não processado",
+    "unsaved": "Não salvo",
     "untitled": "Sem título",
     "up-vote": "Voto positivo",
     "update": "Atualizar",
@@ -2283,8 +2289,10 @@
     "upload": "Carregar",
     "upload-cover-image": "Carregar imagem de capa",
     "upload-csv-uppercase-file": "Carregar arquivo CSV",
+    "upload-document-plural": "Enviar documentos",
     "upload-image": "Carregar Imagem",
     "upload-lowercase": "fazer upload",
+    "uploaded-document-plural": "Documentos enviados",
     "uploading": "Carregando",
     "uploading-file": "Carregando arquivo",
     "upstream": "A montante",
@@ -3336,6 +3344,8 @@
     "update-profiler-settings": "Atualizar configurações do examinador.",
     "update-tag-message": "Solicitar atualização de tags para",
     "updating-existing-not-possible-can-add-new-values": "Updating existing values is not possible,only the addition of new values is allowed.",
+    "upload-document-hint": "SVG, PNG, JPG ou GIF, PNG, JPG (máx. 5MB)",
+    "upload-failed": "Falha no envio, tente novamente",
     "upload-file": "Carregar arquivo",
     "upload-file-description": "Carregue arquivos de contrato para este ativo.",
     "upload-file-to-validate": "Carregue um arquivo para validar",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-pt.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-pt.json
index e0cf0348f301..8e4f57e64c33 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-pt.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-pt.json
@@ -156,6 +156,7 @@
     "approved-entity": "Entidade aprovada {{entity}}",
     "approver-plural": "Aprovadores",
     "april": "Abril",
+    "archive": "Arquivo",
     "archived": "Arquivado",
     "argument-plural": "Argumentos",
     "arrow-symbol": "→",
@@ -180,6 +181,7 @@
     "assume-role-arn": "ARN do Papel para Assumir Papel",
     "assume-role-session-name": "Nome da Sessão para Assumir Papel",
     "assume-role-source-identity": "Identidade Fonte para Assumir Papel",
+    "attach-file-plural": "Anexar ficheiros",
     "attention": "Atenção",
     "audience": "Audiência",
     "audio": "Áudio",
@@ -409,6 +411,7 @@
     "content": "Conteúdo",
     "content-name": "Nome do conteúdo",
     "context": "Contexto",
+    "context-center": "Centro de contexto",
     "contract": "Contrato",
     "contract-detail-plural": "Detalhes do Contrato",
     "contract-execution-history": "Histórico de execução do contrato",
@@ -1170,6 +1173,7 @@
     "last-7-days": "Últimos 7 dias",
     "last-activity": "Última actividade",
     "last-activity-n-minutes-ago": "Última atividade há {{count}} minutos",
+    "last-edited-by": "Última edição por",
     "last-error": "Último erro",
     "last-failed-at": "Última Falha em",
     "last-hour": "Última hora",
@@ -1951,6 +1955,7 @@
     "setting-plural": "Configurações",
     "setup-guide": "Guia de Configuração",
     "severity": "Gravidade",
+    "share": "Partilhar",
     "shift": "Turno",
     "should-match": "Deveria corresponder",
     "show": "Mostrar",
@@ -2267,6 +2272,7 @@
     "unlimited": "Ilimitado",
     "unpause": "Continuar",
     "unprocessed": "Não Processado",
+    "unsaved": "Não guardado",
     "untitled": "Sem título",
     "up-vote": "Voto Positivo",
     "update": "Atualizar",
@@ -2283,8 +2289,10 @@
     "upload": "Carregar",
     "upload-cover-image": "Carregar imagem de capa",
     "upload-csv-uppercase-file": "Carregar arquivo CSV",
+    "upload-document-plural": "Carregar documentos",
     "upload-image": "Carregar Imagem",
     "upload-lowercase": "carregar",
+    "uploaded-document-plural": "Documentos carregados",
     "uploading": "Carregando",
     "uploading-file": "Carregando arquivo",
     "upstream": "A montante",
@@ -3336,6 +3344,8 @@
     "update-profiler-settings": "Atualizar configurações do examinador.",
     "update-tag-message": "Solicitar atualização de tags para",
     "updating-existing-not-possible-can-add-new-values": "Não é possível atualizar valores existentes, apenas a adição de novos valores é permitida.",
+    "upload-document-hint": "SVG, PNG, JPG ou GIF, PNG, JPG (máx. 5MB)",
+    "upload-failed": "Falha no carregamento, tente novamente",
     "upload-file": "Carregar Ficheiro",
     "upload-file-description": "Carregar ficheiros de contrato para este ativo.",
     "upload-file-to-validate": "Carregar um ficheiro para validar",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json
index e282c98500e9..bc849ba6095e 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json
@@ -156,6 +156,7 @@
     "approved-entity": "Одобренная {{entity}}",
     "approver-plural": "Утверждающие",
     "april": "Апрель",
+    "archive": "Архив",
     "archived": "В архиве",
     "argument-plural": "Аргументы",
     "arrow-symbol": "→",
@@ -180,6 +181,7 @@
     "assume-role-arn": "Принять роль",
     "assume-role-session-name": "Имя сеанса роли для принятой роли",
     "assume-role-source-identity": "Идентификатор источника для принятой роли",
+    "attach-file-plural": "Прикрепить файлы",
     "attention": "Внимание",
     "audience": "Аудитория",
     "audio": "Аудио",
@@ -409,6 +411,7 @@
     "content": "Содержимое",
     "content-name": "Имя контента",
     "context": "Контекст",
+    "context-center": "Центр контекста",
     "contract": "Контракт",
     "contract-detail-plural": "Детали контракта",
     "contract-execution-history": "История выполнения контракта",
@@ -1170,6 +1173,7 @@
     "last-7-days": "Последние 7 дней",
     "last-activity": "Последняя активность",
     "last-activity-n-minutes-ago": "Последняя активность {{count}} минут назад",
+    "last-edited-by": "Последнее редактирование",
     "last-error": "Последняя ошибка",
     "last-failed-at": "Последний сбой в",
     "last-hour": "Последний час",
@@ -1951,6 +1955,7 @@
     "setting-plural": "Настройки",
     "setup-guide": "Руководство по установке",
     "severity": "Критичность инцидента",
+    "share": "Поделиться",
     "shift": "Сдвиг",
     "should-match": "Должно совпадать",
     "show": "Показать",
@@ -2267,6 +2272,7 @@
     "unlimited": "Без ограничений",
     "unpause": "Снять паузу",
     "unprocessed": "Необработанный",
+    "unsaved": "Не сохранено",
     "untitled": "Без названия",
     "up-vote": "Нравится",
     "update": "Обновить",
@@ -2283,8 +2289,10 @@
     "upload": "Загрузить",
     "upload-cover-image": "Загрузить изображение обложки",
     "upload-csv-uppercase-file": "Загрузить CSV-файл",
+    "upload-document-plural": "Загрузить документы",
     "upload-image": "Загрузить изображение",
     "upload-lowercase": "загрузить",
+    "uploaded-document-plural": "Загруженные документы",
     "uploading": "Загрузка",
     "uploading-file": "Загрузка файла",
     "upstream": "Восходящий",
@@ -3336,6 +3344,8 @@
     "update-profiler-settings": "Обновить настройки профилировщика.",
     "update-tag-message": "Запрос на обновление тегов для",
     "updating-existing-not-possible-can-add-new-values": "Обновлять существующие значения нельзя, но можно добавить новые.",
+    "upload-document-hint": "SVG, PNG, JPG или GIF, PNG, JPG (макс. 5МБ)",
+    "upload-failed": "Ошибка загрузки, попробуйте ещё раз",
     "upload-file": "Загрузить файл",
     "upload-file-description": "Загрузите файлы контракта для этого ресурса.",
     "upload-file-to-validate": "Загрузите файл для проверки",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/th-th.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/th-th.json
index 599ef98b6505..0b0521f1d4a6 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/th-th.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/th-th.json
@@ -156,6 +156,7 @@
     "approved-entity": "{{entity}} ที่ได้รับการอนุมัติ",
     "approver-plural": "ผู้อนุมัติ",
     "april": "เมษายน",
+    "archive": "เก็บถาวร",
     "archived": "เก็บถาวร",
     "argument-plural": "อาร์กิวเมนต์",
     "arrow-symbol": "→",
@@ -180,6 +181,7 @@
     "assume-role-arn": "ARN บทบาทสำหรับการถือบทบาท",
     "assume-role-session-name": "ชื่อเซสชันบทบาทสำหรับการถือบทบาท",
     "assume-role-source-identity": "เอกลักษณ์ต้นทางสำหรับการถือบทบาท",
+    "attach-file-plural": "แนบไฟล์",
     "attention": "ความสนใจ",
     "audience": "ผู้ฟัง",
     "audio": "เสียง",
@@ -409,6 +411,7 @@
     "content": "เนื้อหา",
     "content-name": "ชื่อเนื้อหา",
     "context": "บริบท",
+    "context-center": "ศูนย์บริบท",
     "contract": "สัญญา",
     "contract-detail-plural": "รายละเอียดสัญญา",
     "contract-execution-history": "ประวัติการดำเนินการสัญญา",
@@ -1170,6 +1173,7 @@
     "last-7-days": "7 วันที่แล้ว",
     "last-activity": "กิจกรรมล่าสุด",
     "last-activity-n-minutes-ago": "กิจกรรมล่าสุดเมื่อ {{count}} นาทีที่แล้ว",
+    "last-edited-by": "แก้ไขล่าสุดโดย",
     "last-error": "ข้อผิดพลาดล่าสุด",
     "last-failed-at": "ล้มเหลวล่าสุดที่",
     "last-hour": "ชั่วโมงที่แล้ว",
@@ -1951,6 +1955,7 @@
     "setting-plural": "การตั้งค่าหลายรายการ",
     "setup-guide": "คู่มือการติดตั้ง",
     "severity": "ความรุนแรง",
+    "share": "แชร์",
     "shift": "เปลี่ยน",
     "should-match": "ควรตรงกัน",
     "show": "แสดง",
@@ -2267,6 +2272,7 @@
     "unlimited": "ไม่จำกัด",
     "unpause": "เลิกหยุดชั่วคราว",
     "unprocessed": "ยังไม่ได้ประมวลผล",
+    "unsaved": "ยังไม่ได้บันทึก",
     "untitled": "ไม่มีชื่อ",
     "up-vote": "โหวตขึ้น",
     "update": "อัปเดต",
@@ -2283,8 +2289,10 @@
     "upload": "อัปโหลด",
     "upload-cover-image": "อัปโหลดภาพปก",
     "upload-csv-uppercase-file": "อัปโหลดไฟล์ CSV",
+    "upload-document-plural": "อัปโหลดเอกสาร",
     "upload-image": "อัปโหลดภาพ",
     "upload-lowercase": "อัปโหลด",
+    "uploaded-document-plural": "เอกสารที่อัปโหลดแล้ว",
     "uploading": "กำลังอัปโหลด",
     "uploading-file": "อัปโหลดไฟล์",
     "upstream": "อัปสตรีม",
@@ -3336,6 +3344,8 @@
     "update-profiler-settings": "อัปเดตการตั้งค่าโปรไฟล์เลอร์",
     "update-tag-message": "คำขอเพื่ออัปเดตแท็กสำหรับ",
     "updating-existing-not-possible-can-add-new-values": "ไม่สามารถปรับปรุงค่าที่มีอยู่ได้เท่านั้นสามารถเพิ่มค่าใหม่ได้",
+    "upload-document-hint": "SVG, PNG, JPG หรือ GIF, PNG, JPG (สูงสุด 5MB)",
+    "upload-failed": "อัปโหลดล้มเหลว กรุณาลองอีกครั้ง",
     "upload-file": "อัปโหลดไฟล์",
     "upload-file-description": "อัปโหลดไฟล์สัญญาไปยังสินทรัพย์นี้",
     "upload-file-to-validate": "อัปโหลดไฟล์เพื่อตรวจสอบ",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/tr-tr.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/tr-tr.json
index e30bdd5ed556..c95f326545a2 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/tr-tr.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/tr-tr.json
@@ -156,6 +156,7 @@
     "approved-entity": "Onaylanan {{entity}}",
     "approver-plural": "Onaylayıcılar",
     "april": "Nisan",
+    "archive": "Arşiv",
     "archived": "Arşivlendi",
     "argument-plural": "Argümanlar",
     "arrow-symbol": "→",
@@ -180,6 +181,7 @@
     "assume-role-arn": "Rol Üstlenmek için Rol Arn'si",
     "assume-role-session-name": "Rol Üstlenmek için Rol Oturum Adı",
     "assume-role-source-identity": "Rol Üstlenmek için Kaynak Kimliği",
+    "attach-file-plural": "Dosya Ekle",
     "attention": "Dikkat",
     "audience": "Kitle",
     "audio": "Ses",
@@ -409,6 +411,7 @@
     "content": "İçerik",
     "content-name": "İçerik Adı",
     "context": "Bağlam",
+    "context-center": "Bağlam Merkezi",
     "contract": "Sözleşme",
     "contract-detail-plural": "Sözleşme Ayrıntıları",
     "contract-execution-history": "Sözleşme Yürütme Geçmişi",
@@ -1170,6 +1173,7 @@
     "last-7-days": "Son 7 gün",
     "last-activity": "Son aktivite",
     "last-activity-n-minutes-ago": "{{count}} dakika önce son aktivite",
+    "last-edited-by": "Son Düzenleyen",
     "last-error": "Son hata",
     "last-failed-at": "Son Başarısız Olma Zamanı",
     "last-hour": "Son saat",
@@ -1951,6 +1955,7 @@
     "setting-plural": "Ayarlar",
     "setup-guide": "Kurulum Kılavuzu",
     "severity": "Önem Derecesi",
+    "share": "Paylaş",
     "shift": "Shift",
     "should-match": "Eşleşmeli",
     "show": "Göster",
@@ -2267,6 +2272,7 @@
     "unlimited": "Sınırsız",
     "unpause": "Devam Ettir",
     "unprocessed": "İşlenmemiş",
+    "unsaved": "Kaydedilmedi",
     "untitled": "Başlıksız",
     "up-vote": "Yukarı Oy",
     "update": "Güncelle",
@@ -2283,8 +2289,10 @@
     "upload": "Yükle",
     "upload-cover-image": "Kapak görseli yükle",
     "upload-csv-uppercase-file": "CSV dosyası yükle",
+    "upload-document-plural": "Belgeler Yükle",
     "upload-image": "Resim Yükle",
     "upload-lowercase": "yükle",
+    "uploaded-document-plural": "Yüklenen Belgeler",
     "uploading": "yükleniyor",
     "uploading-file": "Dosya yükleniyor",
     "upstream": "Yukarı akış",
@@ -3336,6 +3344,8 @@
     "update-profiler-settings": "Profilleyici ayarını güncelle.",
     "update-tag-message": "için etiketleri güncelleme isteği",
     "updating-existing-not-possible-can-add-new-values": "Mevcut değerleri güncellemek mümkün değil, yalnızca yeni değerlerin eklenmesine izin verilir.",
+    "upload-document-hint": "SVG, PNG, JPG veya GIF, PNG, JPG (maks. 5MB)",
+    "upload-failed": "Yükleme başarısız, lütfen tekrar deneyin",
     "upload-file": "Dosya Yükle",
     "upload-file-description": "Bu varlık için sözleşme dosyalarını yükleyin.",
     "upload-file-to-validate": "Doğrulamak için dosya yükleyin",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json
index 484bd3045974..c53b209a3038 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json
@@ -156,6 +156,7 @@
     "approved-entity": "已批准的 {{entity}}",
     "approver-plural": "审批人",
     "april": "四月",
+    "archive": "归档",
     "archived": "已归档",
     "argument-plural": "参数",
     "arrow-symbol": "→",
@@ -180,6 +181,7 @@
     "assume-role-arn": "承担角色的角色ARN",
     "assume-role-session-name": "承担角色的会话名称",
     "assume-role-source-identity": "承担角色的源身份",
+    "attach-file-plural": "附加文件",
     "attention": "注意",
     "audience": "受众",
     "audio": "音频",
@@ -409,6 +411,7 @@
     "content": "内容",
     "content-name": "内容名称",
     "context": "上下文",
+    "context-center": "上下文中心",
     "contract": "合同",
     "contract-detail-plural": "合同详情",
     "contract-execution-history": "合同执行历史",
@@ -1170,6 +1173,7 @@
     "last-7-days": "最近7天",
     "last-activity": "最后活动",
     "last-activity-n-minutes-ago": "{{count}}分钟前的最后活动",
+    "last-edited-by": "最后编辑者",
     "last-error": "最近错误",
     "last-failed-at": "最近失败时间",
     "last-hour": "最后一小时",
@@ -1951,6 +1955,7 @@
     "setting-plural": "设置",
     "setup-guide": "安装引导",
     "severity": "严重性",
+    "share": "分享",
     "shift": "转移",
     "should-match": "应该匹配",
     "show": "显示",
@@ -2267,6 +2272,7 @@
     "unlimited": "无限制",
     "unpause": "取消暂停",
     "unprocessed": "未加工的",
+    "unsaved": "未保存",
     "untitled": "无标题",
     "up-vote": "赞成票",
     "update": "更新",
@@ -2283,8 +2289,10 @@
     "upload": "上传",
     "upload-cover-image": "上传封面图片",
     "upload-csv-uppercase-file": "上传 CSV 文件",
+    "upload-document-plural": "上传文档",
     "upload-image": "上传图片",
     "upload-lowercase": "上传",
+    "uploaded-document-plural": "已上传文档",
     "uploading": "上传中",
     "uploading-file": "上传文件",
     "upstream": "上游",
@@ -3336,6 +3344,8 @@
     "update-profiler-settings": "更新分析器设置",
     "update-tag-message": "请求更新标签",
     "updating-existing-not-possible-can-add-new-values": "无法更新现有值, 只能添加新值",
+    "upload-document-hint": "SVG、PNG、JPG 或 GIF、PNG、JPG（最大 5MB）",
+    "upload-failed": "上传失败，请重试",
     "upload-file": "上传文件",
     "upload-file-description": "将合约文件上传到此资产。",
     "upload-file-to-validate": "上传文件以验证",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-tw.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-tw.json
index f1edf991fdcf..2ef83d386b68 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-tw.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-tw.json
@@ -156,6 +156,7 @@
     "approved-entity": "已批准的 {{entity}}",
     "approver-plural": "审批人",
     "april": "四月",
+    "archive": "歸檔",
     "archived": "已封存",
     "argument-plural": "引數",
     "arrow-symbol": "→",
@@ -180,6 +181,7 @@
     "assume-role-arn": "用於 Assume Role 的角色 ARN",
     "assume-role-session-name": "用於 Assume Role 的角色工作階段名稱",
     "assume-role-source-identity": "用於 Assume Role 的來源身分",
+    "attach-file-plural": "附加檔案",
     "attention": "注意",
     "audience": "對象",
     "audio": "音訊",
@@ -409,6 +411,7 @@
     "content": "內容",
     "content-name": "內容名稱",
     "context": "上下文",
+    "context-center": "上下文中心",
     "contract": "合約",
     "contract-detail-plural": "合約詳情",
     "contract-execution-history": "合約執行歷史",
@@ -1170,6 +1173,7 @@
     "last-7-days": "過去 7 天",
     "last-activity": "最後活動",
     "last-activity-n-minutes-ago": "最後活動於 {{count}} 分鐘前",
+    "last-edited-by": "最後編輯者",
     "last-error": "最後錯誤",
     "last-failed-at": "上次失敗於",
     "last-hour": "過去一小時",
@@ -1951,6 +1955,7 @@
     "setting-plural": "設定",
     "setup-guide": "設定指南",
     "severity": "嚴重性",
+    "share": "分享",
     "shift": "Shift",
     "should-match": "應該比對",
     "show": "顯示",
@@ -2267,6 +2272,7 @@
     "unlimited": "無限制",
     "unpause": "取消暫停",
     "unprocessed": "未處理",
+    "unsaved": "未儲存",
     "untitled": "無標題",
     "up-vote": "贊成",
     "update": "更新",
@@ -2283,8 +2289,10 @@
     "upload": "上傳",
     "upload-cover-image": "上傳封面圖片",
     "upload-csv-uppercase-file": "上傳 CSV 檔案",
+    "upload-document-plural": "上傳文件",
     "upload-image": "上傳圖片",
     "upload-lowercase": "上傳",
+    "uploaded-document-plural": "已上傳文件",
     "uploading": "上傳中",
     "uploading-file": "正在上傳檔案",
     "upstream": "上游",
@@ -3336,6 +3344,8 @@
     "update-profiler-settings": "更新分析器設定。",
     "update-tag-message": "請求更新標籤",
     "updating-existing-not-possible-can-add-new-values": "無法更新現有值，只允許新增新值。",
+    "upload-document-hint": "SVG、PNG、JPG 或 GIF、PNG、JPG（最大 5MB）",
+    "upload-failed": "上傳失敗，請重試",
     "upload-file": "上傳檔案",
     "upload-file-description": "將合約檔案上傳到此資產。",
     "upload-file-to-validate": "上傳檔案進行驗證",

From 71e420b506ac0679ac60e8e09d4eb573576413c3 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Wed, 13 May 2026 16:55:17 +0530
Subject: [PATCH 17/59] added permission for action button

---
 .../e2e/Features/ContextCenter.spec.ts        | 80 +++++++++++++++++--
 .../ArticleDetailHeader.component.tsx         | 74 ++++++++++-------
 .../ContextCenterHeader.component.tsx         |  3 +-
 .../ContextCenterHeader.interface.ts          |  1 +
 .../DocumentsView/DocumentsView.component.tsx | 21 +++--
 .../DocumentsView/DocumentsView.interface.ts  |  1 +
 .../ContextCenterArchivePage.tsx              | 36 ++++++++-
 .../ContextCenterArticlesPage.tsx             | 62 +++++++-------
 .../ContextCenterDashboardPage.tsx            | 32 +++++++-
 .../ContextCenterDocumentsPage.tsx            | 37 ++++++++-
 .../ContextCenterIntegrationsPage.tsx         | 36 ++++++++-
 11 files changed, 304 insertions(+), 79 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ContextCenter.spec.ts b/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ContextCenter.spec.ts
index d0b7e1c49ee3..788068fae6b4 100644
--- a/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ContextCenter.spec.ts
+++ b/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ContextCenter.spec.ts
@@ -11,11 +11,14 @@
  *  limitations under the License.
  */
 
-import { expect, Page, test } from '@playwright/test';
+import { expect, Page } from '@playwright/test';
+import { VIEW_ONLY_RULE } from '../../constant/permission';
 import { KnowledgeCenterClass } from '../../support/entity/KnowledgeCenterClass';
+import { UserClass } from '../../support/user/UserClass';
 import { createNewPage, redirectToHomePage, uuid } from '../../utils/common';
 import { waitForAllLoadersToDisappear } from '../../utils/entity';
 import { addTitle } from '../../utils/KnowledgeCenter';
+import { test } from '../fixtures/pages';
 
 // ─── Constants ────────────────────────────────────────────────────────────────
 
@@ -68,8 +71,8 @@ test.use({ storageState: 'playwright/.auth/admin.json' });
 // ─── Fixtures ─────────────────────────────────────────────────────────────────
 
 let articleEntity: KnowledgeCenterClass = new KnowledgeCenterClass();
+let viewOnlyUser: UserClass;
 let quickLinkId = '';
-let uploadedDocumentId = '';
 
 test.describe('Context Center', () => {
   test.slow(true);
@@ -121,7 +124,7 @@ test.describe('Context Center', () => {
     formData.append('entityLink', '<#E::page::contextCenter.documents>');
     formData.append('assetType', 'External');
 
-    const uploadRes = await apiContext.post('/api/v1/attachments/upload', {
+    await apiContext.post('/api/v1/attachments/upload', {
       multipart: {
         file: {
           name: 'seed-document.txt',
@@ -132,8 +135,14 @@ test.describe('Context Center', () => {
         assetType: 'External',
       },
     });
-    const uploadData = await uploadRes.json();
-    uploadedDocumentId = uploadData.id;
+
+    viewOnlyUser = new UserClass();
+    await viewOnlyUser.create(apiContext, false);
+    await viewOnlyUser.setCustomRulePolicy(
+      apiContext,
+      VIEW_ONLY_RULE,
+      'context-center-view-only'
+    );
 
     await afterAction();
   });
@@ -146,6 +155,9 @@ test.describe('Context Center', () => {
         `/api/v1/knowledgeCenter/${quickLinkId}?hardDelete=true&recursive=true`
       );
     }
+    if (viewOnlyUser.responseData.id) {
+      await viewOnlyUser.delete(apiContext);
+    }
     await afterAction();
   });
 
@@ -153,6 +165,64 @@ test.describe('Context Center', () => {
     await redirectToHomePage(page);
   });
 
+  // ─── Permissions ────────────────────────────────────────────────────────────
+
+  test.describe('Permissions', () => {
+    test('user with only ViewAll cannot see restricted action buttons', async ({
+      viewOnlyPage,
+    }) => {
+      await test.step('dashboard actions are hidden', async () => {
+        await navigateToDashboard(viewOnlyPage);
+
+        await expect(
+          viewOnlyPage.getByRole('button', { name: /create.*article/i })
+        ).not.toBeVisible();
+        await expect(
+          viewOnlyPage.getByRole('button', { name: /upload file/i })
+        ).not.toBeVisible();
+      });
+
+      await test.step('articles create action is hidden', async () => {
+        await navigateToArticles(viewOnlyPage);
+
+        await expect(
+          viewOnlyPage.getByTestId('create-knowledge-page-btn')
+        ).not.toBeVisible();
+      });
+
+      await test.step('article detail actions are hidden', async () => {
+        await viewOnlyPage.goto(
+          `/context-center/articles/${articleEntity.responseData.fullyQualifiedName}`
+        );
+        await waitForAllLoadersToDisappear(viewOnlyPage);
+
+        const header = viewOnlyPage.getByTestId('article-detail-header');
+        await expect(header).toBeVisible();
+        await expect(header.getByTestId('upvote-btn')).toBeVisible();
+        await expect(header.getByTestId('downvote-btn')).toBeVisible();
+        await expect(header.getByTestId('follow-btn')).toBeVisible();
+        await expect(header.getByTestId('conversation')).toBeVisible();
+        await expect(header.getByTestId('manage-button')).not.toBeVisible();
+      });
+
+      await test.step('documents upload and delete actions are hidden', async () => {
+        await navigateToDocuments(viewOnlyPage);
+
+        await expect(
+          viewOnlyPage.getByRole('button', { name: /upload file/i })
+        ).not.toBeVisible();
+
+        const firstRow = viewOnlyPage
+          .getByTestId('documents-view')
+          .locator('[data-testid^="document-row-"]')
+          .first();
+        await expect(firstRow).toBeVisible();
+        await firstRow.locator('button[aria-label="Open menu"]').click();
+        await expect(viewOnlyPage.getByTestId('delete-btn')).not.toBeVisible();
+      });
+    });
+  });
+
   // ─── Dashboard Page ──────────────────────────────────────────────────────────
 
   test.describe('Dashboard Page', () => {
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
index 022e6eb9b009..910b56a71522 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
@@ -280,6 +280,13 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
       permissions.EditDescription ||
       permissions.EditDisplayName);
 
+  const { hasDeletePermission } = useMemo(
+    () => ({
+      hasDeletePermission: permissions.Delete,
+    }),
+    [permissions.Delete]
+  );
+
   if (!knowledgePage && !tabs) {
     return (
       <div
@@ -452,6 +459,7 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
                       : undefined
                   }
                   color="secondary"
+                  data-testid="upvote-btn"
                   disabled={knowledgePage?.deleted || voteLoading !== null}
                   icon={
                     <ThumbsUp
@@ -479,6 +487,7 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
                       : undefined
                   }
                   color="secondary"
+                  data-testid="downvote-btn"
                   disabled={knowledgePage?.deleted || voteLoading !== null}
                   icon={
                     <ThumbsDown
@@ -513,6 +522,7 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
                 <ButtonUtility
                   className={isFollowing ? 'tw:text-brand-600' : undefined}
                   color="secondary"
+                  data-testid="follow-btn"
                   disabled={isFollowLoading || knowledgePage?.deleted}
                   icon={isFollowing ? StarFilledIcon : StarIcon}
                   onClick={handleFollowClick}
@@ -532,37 +542,39 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
               </TooltipTrigger>
             </Tooltip>
 
-            <ManageButton
-              isRecursiveDelete
-              afterDeleteAction={afterDeleteAction}
-              allowSoftDelete={false}
-              canDelete={permissions.Delete}
-              deleteButtonDescription={t(
-                'message.delete-entity-type-action-description',
-                { entityType }
-              )}
-              deleteOptions={deleteOptions}
-              deleted={knowledgePage?.deleted}
-              entityFQN={knowledgePage?.fullyQualifiedName}
-              entityId={knowledgePage?.id}
-              entityName={knowledgePage?.displayName ?? t('label.untitled')}
-              entityType={EntityType.KNOWLEDGE_CENTER}
-              prepareType={false}
-              successMessage={t('server.entity-deleted-successfully', {
-                entity: entityType,
-              })}
-              trigger={(onClick) => (
-                <ButtonUtility
-                  data-testid="manage-button"
-                  icon={DotsVertical}
-                  size="sm"
-                  tooltip={t('label.manage-entity', {
-                    entity: t('label.article'),
-                  })}
-                  onClick={onClick}
-                />
-              )}
-            />
+            {hasDeletePermission && (
+              <ManageButton
+                isRecursiveDelete
+                afterDeleteAction={afterDeleteAction}
+                allowSoftDelete={false}
+                canDelete={hasDeletePermission}
+                deleteButtonDescription={t(
+                  'message.delete-entity-type-action-description',
+                  { entityType }
+                )}
+                deleteOptions={deleteOptions}
+                deleted={knowledgePage?.deleted}
+                entityFQN={knowledgePage?.fullyQualifiedName}
+                entityId={knowledgePage?.id}
+                entityName={knowledgePage?.displayName ?? t('label.untitled')}
+                entityType={EntityType.KNOWLEDGE_CENTER}
+                prepareType={false}
+                successMessage={t('server.entity-deleted-successfully', {
+                  entity: entityType,
+                })}
+                trigger={(onClick) => (
+                  <ButtonUtility
+                    data-testid="manage-button"
+                    icon={DotsVertical}
+                    size="sm"
+                    tooltip={t('label.manage-entity', {
+                      entity: t('label.article'),
+                    })}
+                    onClick={onClick}
+                  />
+                )}
+              />
+            )}
           </div>
         </div>
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx
index 1a2654ce9ea0..423332c1b2ce 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx
@@ -22,6 +22,7 @@ const ContextCenterHeader: FC<ContextCenterHeaderProps> = ({
   breadcrumbs,
   title,
   subtitle,
+  hasPermission = true,
   onCreateArticle,
   onUploadFile,
   actionsSlot,
@@ -67,7 +68,7 @@ const ContextCenterHeader: FC<ContextCenterHeaderProps> = ({
               <Typography className="tw:text-gray-700">{subtitle}</Typography>
             )}
           </div>
-          {actionsSlot ?? defaultActions}
+          {hasPermission ? actionsSlot ?? defaultActions : null}
         </div>
       </Card>
     </div>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.interface.ts
index 197d33907633..3a0003f12dcf 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.interface.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.interface.ts
@@ -18,6 +18,7 @@ export interface ContextCenterHeaderProps {
   breadcrumbs: TitleLink[];
   title: string;
   subtitle?: string;
+  hasPermission?: boolean;
   onCreateArticle?: () => void;
   onUploadFile?: () => void;
   /** Replaces the default action buttons with a custom slot */
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
index 3ae23ca5f0e1..962363d6b8ed 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
@@ -57,12 +57,14 @@ const FileTypeBadge: FC<{ fileType: DocFileType }> = ({ fileType }) => {
 // ─── Actions dropdown ─────────────────────────────────────────────────────────
 
 interface FileActionsProps {
+  canDelete?: boolean;
   file: DocFile;
   onShareFile?: (file: DocFile) => void;
   onDeleteFile?: (file: DocFile) => void;
 }
 
 const FileActions: FC<FileActionsProps> = ({
+  canDelete,
   file,
   onDeleteFile,
   onShareFile,
@@ -87,12 +89,14 @@ const FileActions: FC<FileActionsProps> = ({
             id="share"
             label={t('label.share-file', { defaultValue: 'Share File' })}
           />
-          <Dropdown.Item
-            data-testid="delete-btn"
-            icon={Trash01}
-            id="delete"
-            label={t('label.delete')}
-          />
+          {canDelete && (
+            <Dropdown.Item
+              data-testid="delete-btn"
+              icon={Trash01}
+              id="delete"
+              label={t('label.delete')}
+            />
+          )}
         </Dropdown.Menu>
       </Dropdown.Popover>
     </Dropdown.Root>
@@ -131,6 +135,7 @@ const FileRowSkeleton: FC = () => (
 // ─── File row ─────────────────────────────────────────────────────────────────
 
 interface FileRowProps {
+  canDelete?: boolean;
   file: DocFile;
   onDownload?: (file: DocFile) => void;
   onShareFile?: (file: DocFile) => void;
@@ -138,6 +143,7 @@ interface FileRowProps {
 }
 
 const FileRow: FC<FileRowProps> = ({
+  canDelete,
   file,
   onDeleteFile,
   onDownload,
@@ -188,6 +194,7 @@ const FileRow: FC<FileRowProps> = ({
         onClick={() => onDownload?.(file)}
       />
       <FileActions
+        canDelete={canDelete}
         file={file}
         onDeleteFile={onDeleteFile}
         onShareFile={onShareFile}
@@ -199,6 +206,7 @@ const FileRow: FC<FileRowProps> = ({
 // ─── Main component ───────────────────────────────────────────────────────────
 
 const DocumentsView: FC<DocumentsViewProps> = ({
+  canDelete,
   data,
   isLoading,
   onDeleteFile,
@@ -218,6 +226,7 @@ const DocumentsView: FC<DocumentsViewProps> = ({
               ))
             : data.map((file) => (
                 <FileRow
+                  canDelete={canDelete}
                   file={file}
                   key={file.id}
                   onDeleteFile={onDeleteFile}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.interface.ts
index 63086f6b0352..7f3cf09773e2 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.interface.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.interface.ts
@@ -30,6 +30,7 @@ export interface DocFolder {
 }
 
 export interface DocumentsViewProps {
+  canDelete?: boolean;
   data: DocFile[];
   isLoading: boolean;
   onDownload?: (file: DocFile) => void;
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx
index 4304c205684f..4999ad02e09c 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx
@@ -12,15 +12,47 @@
  */
 
 import { Home02 } from '@untitledui/icons';
-import { FC } from 'react';
+import { AxiosError } from 'axios';
+import { usePermissionProvider } from 'context/PermissionProvider/PermissionProvider';
+import {
+  OperationPermission,
+  ResourceEntity,
+} from 'context/PermissionProvider/PermissionProvider.interface';
+import { FC, useCallback, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
+import { DEFAULT_ENTITY_PERMISSION } from 'utils/PermissionsUtils';
+import { showErrorToast } from 'utils/ToastUtils';
 import ContextCenterHeader from '../../../components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
 import { ROUTES } from '../../../constants/constants';
 
 const ContextCenterArchivePage: FC = () => {
   const { t } = useTranslation();
   const navigate = useNavigate();
+  const { getResourcePermission } = usePermissionProvider();
+  const [permissions, setPermissions] = useState<OperationPermission>(
+    DEFAULT_ENTITY_PERMISSION
+  );
+
+  const hasCreatePermission = useMemo(
+    () => permissions.Create,
+    [permissions.Create]
+  );
+
+  const fetchPermission = useCallback(async () => {
+    try {
+      const response = await getResourcePermission(
+        ResourceEntity.KNOWLEDGE_PAGE
+      );
+      setPermissions(response);
+    } catch (err) {
+      showErrorToast(err as AxiosError);
+    }
+  }, [getResourcePermission]);
+
+  useEffect(() => {
+    fetchPermission();
+  }, [fetchPermission]);
 
   return (
     <div
@@ -41,12 +73,12 @@ const ContextCenterArchivePage: FC = () => {
             url: '',
           },
         ]}
+        hasPermission={hasCreatePermission}
         subtitle={t('message.context-center-archive-subtitle', {
           defaultValue: 'View archived articles and documents',
         })}
         title={t('label.archive')}
         onCreateArticle={() => navigate(ROUTES.CONTEXT_CENTER_ARTICLES)}
-        onUploadFile={() => undefined}
       />
     </div>
   );
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
index 2b99b62230b8..e50acae4055f 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
@@ -15,7 +15,7 @@ import { Button, Dropdown } from '@openmetadata/ui-core-components';
 import { ChevronDown, Home02 } from '@untitledui/icons';
 import { AxiosError } from 'axios';
 import cryptoRandomString from 'crypto-random-string-with-promisify-polyfill';
-import { useCallback, useEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 import { withActivityFeed } from '../../../components/AppRouter/withActivityFeed';
@@ -81,6 +81,11 @@ const ContextCenterArticlesPage = () => {
   const [isRightPanelOpen, setIsRightPanelOpen] = useState(true);
   const [showAddLinkModal, setShowAddLinkModal] = useState(false);
 
+  const hasCreatePermission = useMemo(
+    () => permissions.Create,
+    [permissions.Create]
+  );
+
   const handleFetchKnowledgePageHierarchy = useCallback(
     (forceRefresh?: boolean) =>
       knowledgePagesHierarchyRef.current?.fetchKnowledgePageHierarchy(
@@ -183,36 +188,34 @@ const ContextCenterArticlesPage = () => {
     return (
       <ContextCenterHeader
         actionsSlot={
-          permissions.Create && (
-            <LimitWrapper resource="knowledgeCenter">
-              <Dropdown.Root>
-                <Button
-                  color="primary"
-                  data-testid="create-knowledge-page-btn"
-                  iconTrailing={ChevronDown}>
-                  {t('label.create')}
-                </Button>
+          <LimitWrapper resource="knowledgeCenter">
+            <Dropdown.Root>
+              <Button
+                color="primary"
+                data-testid="create-knowledge-page-btn"
+                iconTrailing={ChevronDown}>
+                {t('label.create')}
+              </Button>
 
-                <Dropdown.Popover placement="bottom start">
-                  <Dropdown.Menu aria-label="create knowledge page">
-                    <Dropdown.Item
-                      data-testid="create-article-btn"
-                      key={PageType.ARTICLE}
-                      onAction={addArticleKnowledgePage}>
-                      {t('label.article')}
-                    </Dropdown.Item>
+              <Dropdown.Popover placement="bottom start">
+                <Dropdown.Menu aria-label="create knowledge page">
+                  <Dropdown.Item
+                    data-testid="create-article-btn"
+                    key={PageType.ARTICLE}
+                    onAction={addArticleKnowledgePage}>
+                    {t('label.article')}
+                  </Dropdown.Item>
 
-                    <Dropdown.Item
-                      data-testid="create-quick-link-btn"
-                      key={PageType.QUICK_LINK}
-                      onAction={() => setShowAddLinkModal(true)}>
-                      {t('label.quick-link')}
-                    </Dropdown.Item>
-                  </Dropdown.Menu>
-                </Dropdown.Popover>
-              </Dropdown.Root>
-            </LimitWrapper>
-          )
+                  <Dropdown.Item
+                    data-testid="create-quick-link-btn"
+                    key={PageType.QUICK_LINK}
+                    onAction={() => setShowAddLinkModal(true)}>
+                    {t('label.quick-link')}
+                  </Dropdown.Item>
+                </Dropdown.Menu>
+              </Dropdown.Popover>
+            </Dropdown.Root>
+          </LimitWrapper>
         }
         breadcrumbs={[
           {
@@ -224,6 +227,7 @@ const ContextCenterArticlesPage = () => {
           { name: t('label.context-center'), url: ROUTES.CONTEXT_CENTER },
           { activeTitle: true, name: t('label.article-plural'), url: '' },
         ]}
+        hasPermission={hasCreatePermission}
         subtitle={t('message.internal-knowledge-base-agent-training', {
           defaultValue: 'Internal knowledge base for agent training',
         })}
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
index 8de3cea33436..1268e8c27f6c 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
@@ -20,10 +20,15 @@ import UploadDocumentModal from 'components/ContextCenter/UploadDocumentModal/Up
 import { UploadedDocumentItem } from 'components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.interface';
 import UploadedDocumentsSection from 'components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component';
 import { ROUTES } from 'constants/constants';
+import { usePermissionProvider } from 'context/PermissionProvider/PermissionProvider';
+import {
+  OperationPermission,
+  ResourceEntity,
+} from 'context/PermissionProvider/PermissionProvider.interface';
 import { Asset } from 'generated/attachments/asset';
 import { useApplicationStore } from 'hooks/useApplicationStore';
 import { KnowledgePage } from 'interface/knowledge-center.interface';
-import { FC, useCallback, useEffect, useState } from 'react';
+import { FC, useCallback, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 import { getListKnowledgePages } from 'rest/knowledgeCenterAPI';
@@ -34,6 +39,7 @@ import {
   fetchContextCenterDocuments,
   knowledgePageToArticleItem,
 } from 'utils/ContextCenterUtils';
+import { DEFAULT_ENTITY_PERMISSION } from 'utils/PermissionsUtils';
 import { showErrorToast } from 'utils/ToastUtils';
 
 const RECENT_ARTICLES_LIMIT = 25;
@@ -42,12 +48,21 @@ const ContextCenterDashboardPage: FC = () => {
   const { t } = useTranslation();
   const navigate = useNavigate();
   const { currentUser } = useApplicationStore();
+  const { getResourcePermission } = usePermissionProvider();
 
   const [isUploadModalOpen, setIsUploadModalOpen] = useState(false);
   const [articles, setArticles] = useState<ArticleCardItem[]>([]);
   const [documents, setDocuments] = useState<UploadedDocumentItem[]>([]);
   const [isArticlesLoading, setIsArticlesLoading] = useState(true);
   const [isDocumentsLoading, setIsDocumentsLoading] = useState(true);
+  const [permissions, setPermissions] = useState<OperationPermission>(
+    DEFAULT_ENTITY_PERMISSION
+  );
+
+  const hasCreatePermission = useMemo(
+    () => permissions.Create,
+    [permissions.Create]
+  );
 
   const handleCreateArticle = useCallback(async () => {
     await createArticleKnowledgePage(currentUser?.id ?? '', navigate);
@@ -84,10 +99,22 @@ const ContextCenterDashboardPage: FC = () => {
     }
   }, []);
 
+  const fetchPermission = useCallback(async () => {
+    try {
+      const response = await getResourcePermission(
+        ResourceEntity.KNOWLEDGE_PAGE
+      );
+      setPermissions(response);
+    } catch (err) {
+      showErrorToast(err as AxiosError);
+    }
+  }, [getResourcePermission]);
+
   useEffect(() => {
     fetchRecentArticles();
     fetchDocuments();
-  }, [fetchRecentArticles, fetchDocuments]);
+    fetchPermission();
+  }, [fetchRecentArticles, fetchDocuments, fetchPermission]);
 
   const handleUploaded = useCallback((newAssets: Asset[]) => {
     setDocuments((prev) => [...prev, ...newAssets.map(assetToDocumentItem)]);
@@ -112,6 +139,7 @@ const ContextCenterDashboardPage: FC = () => {
             url: '',
           },
         ]}
+        hasPermission={hasCreatePermission}
         subtitle={t('message.context-center-dashboard-subtitle', {
           defaultValue: 'Overview of your knowledge base and document library',
         })}
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
index f55a70933060..c9256d540bba 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
@@ -16,9 +16,15 @@ import { Home02, UploadCloud02 } from '@untitledui/icons';
 import { AxiosError } from 'axios';
 import DeleteModal from 'components/common/DeleteModal/DeleteModal';
 import { DocFile } from 'components/ContextCenter/DocumentsView/DocumentsView.interface';
-import { FC, useCallback, useEffect, useState } from 'react';
+import { usePermissionProvider } from 'context/PermissionProvider/PermissionProvider';
+import {
+  OperationPermission,
+  ResourceEntity,
+} from 'context/PermissionProvider/PermissionProvider.interface';
+import { FC, useCallback, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { deleteAsset, downloadAsset } from 'rest/assetAPI';
+import { DEFAULT_ENTITY_PERMISSION } from 'utils/PermissionsUtils';
 import { showErrorToast, showSuccessToast } from 'utils/ToastUtils';
 import ContextCenterHeader from '../../../components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
 import DocumentsView from '../../../components/ContextCenter/DocumentsView/DocumentsView.component';
@@ -32,11 +38,23 @@ import {
 
 const ContextCenterDocumentsPage: FC = () => {
   const { t } = useTranslation();
+  const { getResourcePermission } = usePermissionProvider();
   const [documents, setDocuments] = useState<DocFile[]>([]);
   const [isDocumentsLoading, setIsDocumentsLoading] = useState(true);
   const [isDeletingFile, setIsDeletingFile] = useState(false);
   const [fileToDelete, setFileToDelete] = useState<DocFile>();
   const [isUploadModalOpen, setIsUploadModalOpen] = useState(false);
+  const [permissions, setPermissions] = useState<OperationPermission>(
+    DEFAULT_ENTITY_PERMISSION
+  );
+
+  const { hasCreatePermission, hasDeletePermission } = useMemo(
+    () => ({
+      hasCreatePermission: permissions.Create,
+      hasDeletePermission: permissions.Delete,
+    }),
+    [permissions.Create, permissions.Delete]
+  );
 
   const fetchDocuments = useCallback(async () => {
     setIsDocumentsLoading(true);
@@ -54,6 +72,21 @@ const ContextCenterDocumentsPage: FC = () => {
     fetchDocuments();
   }, []);
 
+  const fetchPermission = useCallback(async () => {
+    try {
+      const response = await getResourcePermission(
+        ResourceEntity.KNOWLEDGE_PAGE
+      );
+      setPermissions(response);
+    } catch (err) {
+      showErrorToast(err as AxiosError);
+    }
+  }, [getResourcePermission]);
+
+  useEffect(() => {
+    fetchPermission();
+  }, [fetchPermission]);
+
   const handleDownload = useCallback(async (file: DocFile) => {
     try {
       const blob = await downloadAsset(file.id);
@@ -132,6 +165,7 @@ const ContextCenterDocumentsPage: FC = () => {
             url: '',
           },
         ]}
+        hasPermission={hasCreatePermission}
         subtitle={t('message.context-center-documents-subtitle', {
           defaultValue: 'Manage and organize your uploaded documents',
         })}
@@ -140,6 +174,7 @@ const ContextCenterDocumentsPage: FC = () => {
 
       <div className="tw:flex-1 tw:overflow-hidden">
         <DocumentsView
+          canDelete={hasDeletePermission}
           data={documents}
           isLoading={isDocumentsLoading}
           onDeleteFile={handleDeleteFile}
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx
index 40c3935dbb11..49a92384287b 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx
@@ -12,15 +12,47 @@
  */
 
 import { Home02 } from '@untitledui/icons';
-import { FC } from 'react';
+import { AxiosError } from 'axios';
+import { usePermissionProvider } from 'context/PermissionProvider/PermissionProvider';
+import {
+  OperationPermission,
+  ResourceEntity,
+} from 'context/PermissionProvider/PermissionProvider.interface';
+import { FC, useCallback, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
+import { DEFAULT_ENTITY_PERMISSION } from 'utils/PermissionsUtils';
+import { showErrorToast } from 'utils/ToastUtils';
 import ContextCenterHeader from '../../../components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
 import { ROUTES } from '../../../constants/constants';
 
 const ContextCenterIntegrationsPage: FC = () => {
   const { t } = useTranslation();
   const navigate = useNavigate();
+  const { getResourcePermission } = usePermissionProvider();
+  const [permissions, setPermissions] = useState<OperationPermission>(
+    DEFAULT_ENTITY_PERMISSION
+  );
+
+  const hasCreatePermission = useMemo(
+    () => permissions.Create,
+    [permissions.Create]
+  );
+
+  const fetchPermission = useCallback(async () => {
+    try {
+      const response = await getResourcePermission(
+        ResourceEntity.KNOWLEDGE_PAGE
+      );
+      setPermissions(response);
+    } catch (err) {
+      showErrorToast(err as AxiosError);
+    }
+  }, [getResourcePermission]);
+
+  useEffect(() => {
+    fetchPermission();
+  }, [fetchPermission]);
 
   return (
     <div
@@ -41,12 +73,12 @@ const ContextCenterIntegrationsPage: FC = () => {
             url: '',
           },
         ]}
+        hasPermission={hasCreatePermission}
         subtitle={t('message.context-center-integrations-subtitle', {
           defaultValue: 'Connect and manage external integrations',
         })}
         title={t('label.integration-plural')}
         onCreateArticle={() => navigate(ROUTES.CONTEXT_CENTER_ARTICLES)}
-        onUploadFile={() => undefined}
       />
     </div>
   );

From f1c7fabe1f61717779e0eb4f6c9bfefd13e7151c Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Wed, 13 May 2026 17:02:17 +0530
Subject: [PATCH 18/59] fixed existing unit test

---
 .../KnowledgeCenter/BookMarkWidget/BookMarkWidget.test.tsx   | 4 ++--
 .../KnowledgeCenterWidget/KnowledgeCenterWidget.test.tsx     | 2 +-
 .../KnowledgePageVersion/KnowledgePageVersion.test.tsx       | 2 +-
 .../KnowledgePagesHierarchy/KnowledgePagesHierarchy.test.tsx | 2 +-
 .../main/resources/ui/src/utils/KnowledgePageUtils.test.tsx  | 5 ++++-
 5 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/BookMarkWidget/BookMarkWidget.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/BookMarkWidget/BookMarkWidget.test.tsx
index 93da2a517db7..6d1a1c9130e6 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/BookMarkWidget/BookMarkWidget.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/BookMarkWidget/BookMarkWidget.test.tsx
@@ -87,7 +87,7 @@ describe('BookMarkWidget', () => {
     expect(bookmarkedPage).toHaveTextContent('test-page-name');
     expect(bookmarkedPage).toHaveAttribute(
       'href',
-      '/knowledge-center/test-page-fqn'
+      '/context-center/articles/test-page-fqn'
     );
 
     expect(screen.getByText('label.bookmark-plural')).toBeInTheDocument();
@@ -157,7 +157,7 @@ describe('BookMarkWidget', () => {
     expect(bookmarkedPage).toHaveTextContent('label.untitled');
     expect(bookmarkedPage).toHaveAttribute(
       'href',
-      '/knowledge-center/test-page-fqn'
+      '/context-center/articles/test-page-fqn'
     );
   });
 });
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterWidget/KnowledgeCenterWidget.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterWidget/KnowledgeCenterWidget.test.tsx
index fee1a0970343..df5ca3f959a8 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterWidget/KnowledgeCenterWidget.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterWidget/KnowledgeCenterWidget.test.tsx
@@ -174,7 +174,7 @@ describe('Knowledge center widget', () => {
       expect(knowledgePage[0]).toHaveAttribute('target', '_self');
       expect(knowledgePage[0]).toHaveAttribute(
         'href',
-        '/knowledge-center/Article_oRKYYTCu'
+        '/context-center/articles/Article_oRKYYTCu'
       );
     });
   });
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageVersion/KnowledgePageVersion.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageVersion/KnowledgePageVersion.test.tsx
index 7cb542cfe089..2af1173a32e7 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageVersion/KnowledgePageVersion.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageVersion/KnowledgePageVersion.test.tsx
@@ -120,7 +120,7 @@ describe('Knowledge page version', () => {
 
     await waitFor(() => {
       expect(mockPush).toHaveBeenCalledWith(
-        '/knowledge-center/Article_oRKYYTCu'
+        '/context-center/articles/Article_oRKYYTCu'
       );
     });
   });
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.test.tsx
index 4aaa4a4d4a95..aa67195e1386 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.test.tsx
@@ -361,7 +361,7 @@ describe('KnowledgePagesHierarchy', () => {
 
     await waitFor(() => {
       expect(mockPush).toHaveBeenCalledWith({
-        pathname: '/knowledge-center/newPage',
+        pathname: '/context-center/articles/newPage',
       });
     });
   });
diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/KnowledgePageUtils.test.tsx b/openmetadata-ui/src/main/resources/ui/src/utils/KnowledgePageUtils.test.tsx
index 4109c12fbde7..8db592f3f08b 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/KnowledgePageUtils.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/KnowledgePageUtils.test.tsx
@@ -201,7 +201,10 @@ describe('KnowledgePageUtils', () => {
       );
 
       expect(link).toBeInTheDocument();
-      expect(link).toHaveAttribute('href', '/knowledge-center/knowledge.test');
+      expect(link).toHaveAttribute(
+        'href',
+        '/context-center/articles/knowledge.test'
+      );
       expect(link).not.toHaveAttribute('target', '_blank');
       expect(link.textContent).toContain('Test Knowledge Page');
     });

From e3132ba622242d1f8d043abd69e0317c0f90a62c Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Wed, 13 May 2026 18:02:42 +0530
Subject: [PATCH 19/59] showing remaining count for tags in artcile tag

---
 .../e2e/Features/ContextCenter.spec.ts        | 48 +++++++++++++++++++
 .../ArticleCard/ArticleCard.component.tsx     | 38 ++++++++++++---
 .../ArticleDetailHeader.component.tsx         |  4 +-
 .../KnowledgePageDetailRightPanel.tsx         |  4 +-
 4 files changed, 83 insertions(+), 11 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ContextCenter.spec.ts b/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ContextCenter.spec.ts
index 788068fae6b4..d9a4f9c9d540 100644
--- a/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ContextCenter.spec.ts
+++ b/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ContextCenter.spec.ts
@@ -14,6 +14,8 @@
 import { expect, Page } from '@playwright/test';
 import { VIEW_ONLY_RULE } from '../../constant/permission';
 import { KnowledgeCenterClass } from '../../support/entity/KnowledgeCenterClass';
+import { ClassificationClass } from '../../support/tag/ClassificationClass';
+import { TagClass } from '../../support/tag/TagClass';
 import { UserClass } from '../../support/user/UserClass';
 import { createNewPage, redirectToHomePage, uuid } from '../../utils/common';
 import { waitForAllLoadersToDisappear } from '../../utils/entity';
@@ -71,6 +73,8 @@ test.use({ storageState: 'playwright/.auth/admin.json' });
 // ─── Fixtures ─────────────────────────────────────────────────────────────────
 
 let articleEntity: KnowledgeCenterClass = new KnowledgeCenterClass();
+let articleTagClassification: ClassificationClass;
+let articleTags: TagClass[] = [];
 let viewOnlyUser: UserClass;
 let quickLinkId = '';
 
@@ -96,6 +100,28 @@ test.describe('Context Center', () => {
       { op: 'replace', path: '/description', value: ARTICLE_DESCRIPTION },
     ]);
 
+    articleTagClassification = new ClassificationClass({
+      name: `cc_classification_${uuid()}`,
+    });
+    await articleTagClassification.create(apiContext);
+    articleTags = [1, 2, 3].map(
+      (index) =>
+        new TagClass({
+          classification: articleTagClassification.data.name,
+          name: `cc_tag_${index}_${uuid()}`,
+        })
+    );
+    await Promise.all(articleTags.map((tag) => tag.create(apiContext)));
+    await articleEntity.patch(apiContext, [
+      {
+        op: 'add',
+        path: '/tags',
+        value: articleTags.map((tag) => ({
+          tagFQN: tag.responseData.fullyQualifiedName,
+        })),
+      },
+    ]);
+
     // Create a quick link via API for dashboard card detail tests
     const qlRes = await apiContext.post('/api/v1/knowledgeCenter', {
       data: {
@@ -155,6 +181,9 @@ test.describe('Context Center', () => {
         `/api/v1/knowledgeCenter/${quickLinkId}?hardDelete=true&recursive=true`
       );
     }
+    if (articleTagClassification?.responseData?.id) {
+      await articleTagClassification.delete(apiContext);
+    }
     if (viewOnlyUser.responseData.id) {
       await viewOnlyUser.delete(apiContext);
     }
@@ -381,6 +410,25 @@ test.describe('Context Center', () => {
       await expect(card.first().getByText(/last updated/i)).toBeVisible();
     });
 
+    test('article card shows assigned tags with overflow count', async ({
+      page,
+    }) => {
+      await navigateToDashboard(page);
+
+      const card = page
+        .getByTestId('article-list-section')
+        .getByTestId('article-card')
+        .filter({ hasText: ARTICLE_TITLE })
+        .first();
+
+      await card.scrollIntoViewIfNeeded();
+      await expect(card).toBeVisible();
+
+      await expect(card.getByText(articleTags[0].data.name)).toBeVisible();
+      await expect(card.getByText(articleTags[1].data.name)).toBeVisible();
+      await expect(card.getByText('+1')).toBeVisible();
+    });
+
     test('quick link card shows title, description and opens external url', async ({
       page,
     }) => {
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.component.tsx
index e167aa6a3b79..38a3053ccf16 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.component.tsx
@@ -13,7 +13,7 @@
 
 import { Badge, Card, Typography } from '@openmetadata/ui-core-components';
 import RichTextEditorPreviewerV1 from 'components/common/RichTextEditor/RichTextEditorPreviewerV1';
-import { FC } from 'react';
+import { FC, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { getFrontEndFormat } from 'utils/FeedUtils';
 import { getShortRelativeTime } from '../../../utils/date-time/DateTimeUtils';
@@ -31,10 +31,20 @@ const ArticleCard: FC<ArticleCardProps> = ({ article, onClick }) => {
   const { t } = useTranslation();
   const { title, description, badge, lastEditedAt, tags = [] } = article;
 
+  const { tagsToShow, remainingTagCount } = useMemo(() => {
+    const tagsToShow = tags.slice(0, 2);
+    const remainingTagCount = tags.length > 2 ? tags.length - 2 : 0;
+
+    return {
+      tagsToShow,
+      remainingTagCount,
+    };
+  }, [tags]);
+
   return (
     <Card
       isClickable
-      className="tw:p-4 tw:flex tw:flex-col tw:bg-gray-50 tw:border-none tw:max-w-86"
+      className="tw:p-4 tw:flex tw:flex-col tw:bg-gray-50 tw:border-none tw:max-w-86 tw:h-40"
       data-testid="article-card"
       onClick={() => onClick?.(article)}>
       <div className="tw:flex tw:items-center tw:justify-between tw:w-full tw:mb-3">
@@ -65,18 +75,32 @@ const ArticleCard: FC<ArticleCardProps> = ({ article, onClick }) => {
         markdown={getFrontEndFormat(description)}
       />
 
-      {tags.length > 0 && (
+      {tagsToShow.length > 0 && (
         <div className="tw:flex tw:flex-wrap tw:gap-1 tw:mt-3">
-          {tags.map((tag) => (
+          {tagsToShow.map((tag) => (
             <Badge
-              className="tw:bg-gray-200 tw:ring-0"
+              className="tw:bg-gray-200 tw:ring-0 tw:max-w-30 tw:min-w-0"
               color="gray"
               key={tag.label}
-              size="md"
+              size="sm"
               type="color">
-              {tag.label}
+              <Typography ellipsis className="tw:text-gray-700" size="text-xs">
+                {tag.label}
+              </Typography>
             </Badge>
           ))}
+          {remainingTagCount > 0 && (
+            <Badge
+              className="tw:bg-gray-200 tw:ring-0"
+              color="gray"
+              key="count"
+              size="sm"
+              type="color">
+              <Typography ellipsis className="tw:text-gray-700" size="text-xs">
+                +{remainingTagCount}
+              </Typography>
+            </Badge>
+          )}
         </div>
       )}
     </Card>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
index 910b56a71522..fce3604d5600 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
@@ -352,7 +352,7 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
                     weight="regular">
                     {firstDomain
                       ? firstDomain.displayName ?? firstDomain.name
-                      : t('label.add-entity', { entity: t('label.domain') })}
+                      : t('label.no-entity', { entity: t('label.domain') })}
                   </Typography>
                   {extraDomains.length > 0 && (
                     <span className="tw:inline-flex tw:items-center tw:rounded-full tw:bg-gray-100 tw:px-1.5 tw:py-0.5 tw:text-xs tw:font-medium tw:text-gray-600">
@@ -394,7 +394,7 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
                       className="tw:text-gray-400"
                       size="text-sm"
                       weight="regular">
-                      {t('label.add-entity', { entity: t('label.owner') })}
+                      {t('label.no-entity', { entity: t('label.owner') })}
                     </Typography>
                   )}
                 </div>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailRightPanel/KnowledgePageDetailRightPanel.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailRightPanel/KnowledgePageDetailRightPanel.tsx
index 4ef4ff95e134..c45027179048 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailRightPanel/KnowledgePageDetailRightPanel.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailRightPanel/KnowledgePageDetailRightPanel.tsx
@@ -102,7 +102,7 @@ const KnowledgePageDetailRightPanel: FC<KnowledgePageDetailRightPanelProps> = ({
         <Col span={24}>
           <DomainLabelV2
             showDomainHeading
-            multiple={entityRules.canAddMultipleDomains}
+            multiple={entityRules?.canAddMultipleDomains}
             onUpdate={handleDomainSave}
           />
         </Col>
@@ -113,7 +113,7 @@ const KnowledgePageDetailRightPanel: FC<KnowledgePageDetailRightPanelProps> = ({
               activeDomains={data?.domains ?? []}
               dataProducts={data?.dataProducts ?? []}
               hasPermission={hasDataProductsPermission}
-              multiple={entityRules.canAddMultipleDataProducts}
+              multiple={entityRules?.canAddMultipleDataProducts}
               onSave={handleDataProductsSave}
             />
           </div>

From 105e40bdad31a2fcb61e87dcb96e7d86902d53cf Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Wed, 13 May 2026 19:46:02 +0530
Subject: [PATCH 20/59] added dowload icon in dashboard card

---
 .../ArticleDetailHeader.component.tsx         |  41 +++---
 .../DocumentsView/DocumentsView.component.tsx | 121 ++++++++++--------
 .../UploadedDocumentCard.component.tsx        |  35 ++++-
 .../UploadedDocumentCard.interface.ts         |   1 +
 .../UploadedDocumentsSection.component.tsx    |   2 +
 .../UploadedDocumentsSection.interface.ts     |   1 +
 .../ManageButton/ManageButton.tsx             |   2 +-
 .../ui/src/locale/languages/en-us.json        |   2 +
 .../ContextCenterDashboardPage.tsx            |  19 +++
 9 files changed, 152 insertions(+), 72 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
index fce3604d5600..12e98b32dcbf 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
@@ -314,10 +314,10 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
       data-testid="article-detail-header">
       <TitleBreadcrumb useCustomArrow titleLinks={breadcrumbs} />
 
-      <Card className="tw:mb-0 tw:p-6 tw:pb-0">
+      <Card className="tw:mb-0 tw:p-6 tw:pb-0 tw:pr-3">
         {/* Row 1: title + meta + actions */}
-        <div className="tw:flex tw:items-start tw:justify-between tw:mb-6">
-          <div className="tw:flex tw:gap-4 tw:items-stretch tw:p-2">
+        <div className="tw:flex tw:items-center tw:justify-between tw:mb-6">
+          <div className="tw:flex tw:gap-4 tw:items-stretch tw:w-full tw:max-w-[60%] tw:pr-3">
             <div className="h:full tw:w-auto tw:shrink-0 tw:bg-gray-100 tw:rounded-xl tw:flex tw:items-center tw:p-2">
               <File06
                 className="tw:text-gray-500"
@@ -330,14 +330,14 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
             <div className="tw:flex tw:flex-col tw:gap-2 tw:min-w-0">
               {/* Article name with icon */}
               <div className="tw:flex tw:items-center tw:gap-2 tw:flex-wrap">
-                <Typography as="h3" className="tw:truncate">
+                <Typography ellipsis as="h3" className="tw:truncate">
                   {getEntityName(knowledgePage) || t('label.untitled')}
                 </Typography>
                 {entityStatusBadge}
               </div>
 
               {/* Domain · Owner row */}
-              <div className="tw:flex tw:items-center tw:gap-2 tw:flex-wrap tw:text-sm">
+              <div className="tw:flex tw:items-center tw:gap-3 tw:flex-wrap tw:text-sm">
                 {/* Domain */}
                 <div className="tw:flex tw:items-center tw:gap-1.5">
                   <Globe01
@@ -599,18 +599,27 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
           </Tabs>
 
           {activeTab !== EntityTabs.ACTIVITY_FEED && (
-            <ButtonUtility
-              className="tw:relative tw:bottom-2.5"
-              color="tertiary"
-              icon={
-                <SidebarCollapsible
-                  className={isRightPanelOpen ? undefined : 'tw:rotate-180'}
-                  height={18}
-                  width={18}
+            <Tooltip
+              title={
+                isRightPanelOpen
+                  ? t('label.hide-meta-details')
+                  : t('label.show-meta-details')
+              }>
+              <TooltipTrigger>
+                <ButtonUtility
+                  className="tw:relative tw:bottom-2.5"
+                  color="tertiary"
+                  icon={
+                    <SidebarCollapsible
+                      className={isRightPanelOpen ? undefined : 'tw:rotate-180'}
+                      height={18}
+                      width={18}
+                    />
+                  }
+                  onClick={onToggleRightPanel}
                 />
-              }
-              onClick={onToggleRightPanel}
-            />
+              </TooltipTrigger>
+            </Tooltip>
           )}
         </div>
       </Card>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
index 962363d6b8ed..27db644b47cb 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
@@ -16,6 +16,8 @@ import {
   Card,
   Dropdown,
   Skeleton,
+  Tooltip,
+  TooltipTrigger,
   Typography,
 } from '@openmetadata/ui-core-components';
 import { Download01, Share07, Trash01 } from '@untitledui/icons';
@@ -73,7 +75,12 @@ const FileActions: FC<FileActionsProps> = ({
 
   return (
     <Dropdown.Root>
-      <Dropdown.DotsButton className="tw:flex tw:p-1 tw:rotate-z-90" />
+      <Tooltip
+        title={t('label.manage-entity', { entity: t('label.document') })}>
+        <TooltipTrigger>
+          <Dropdown.DotsButton className="tw:flex tw:p-1 tw:rotate-z-90" />
+        </TooltipTrigger>
+      </Tooltip>
       <Dropdown.Popover>
         <Dropdown.Menu
           onAction={(key) => {
@@ -148,60 +155,72 @@ const FileRow: FC<FileRowProps> = ({
   onDeleteFile,
   onDownload,
   onShareFile,
-}) => (
-  <div
-    className="tw:flex tw:items-center tw:gap-4 tw:px-4 tw:py-3 tw:border-b tw:border-secondary"
-    data-testid={`document-row-${file.id}`}>
-    <FileTypeBadge fileType={file.fileType} />
-
-    <div className="tw:flex tw:min-w-0 tw:flex-1 tw:flex-col">
-      <Typography className="tw:truncate" size="text-sm" weight="medium">
-        {file.name}
-      </Typography>
-      <div className="tw:flex tw:items-center tw:gap-1">
-        <Typography className="tw:text-gray-500" size="text-xs">
-          {file.sizeLabel}
+}) => {
+  const { t } = useTranslation();
+
+  return (
+    <div
+      className="tw:flex tw:items-center tw:gap-4 tw:px-4 tw:py-3 tw:border-b tw:border-secondary"
+      data-testid={`document-row-${file.id}`}>
+      <FileTypeBadge fileType={file.fileType} />
+
+      <div className="tw:flex tw:min-w-0 tw:flex-1 tw:flex-col">
+        <Typography className="tw:truncate" size="text-sm" weight="medium">
+          {file.name}
         </Typography>
-        {file.uploadedBy && (
-          <>
-            <span className="tw:text-gray-500 tw:leading-none tw:select-none">
-              &middot;
-            </span>
-            <Typography className="tw:text-gray-500" size="text-xs">
-              {file.uploadedBy}
-            </Typography>
-          </>
-        )}
-        {file.uploadedAt && (
-          <>
-            <span className="tw:text-gray-500 tw:leading-none tw:select-none">
-              &middot;
-            </span>
-            <Typography className="tw:text-gray-500" size="text-xs">
-              {file.uploadedAt}
-            </Typography>
-          </>
-        )}
+        <div className="tw:flex tw:items-center tw:gap-1">
+          <Typography className="tw:text-gray-500" size="text-xs">
+            {file.sizeLabel}
+          </Typography>
+          {file.uploadedBy && (
+            <>
+              <span className="tw:text-gray-500 tw:leading-none tw:select-none">
+                &middot;
+              </span>
+              <Typography className="tw:text-gray-500" size="text-xs">
+                {file.uploadedBy}
+              </Typography>
+            </>
+          )}
+          {file.uploadedAt && (
+            <>
+              <span className="tw:text-gray-500 tw:leading-none tw:select-none">
+                &middot;
+              </span>
+              <Typography className="tw:text-gray-500" size="text-xs">
+                {file.uploadedAt}
+              </Typography>
+            </>
+          )}
+        </div>
       </div>
-    </div>
 
-    <div className="tw:flex tw:items-center tw:gap-2 tw:shrink-0">
-      <ButtonUtility
-        color="secondary"
-        icon={
-          <Download01 className="tw:text-gray-500" height={16} width={16} />
-        }
-        onClick={() => onDownload?.(file)}
-      />
-      <FileActions
-        canDelete={canDelete}
-        file={file}
-        onDeleteFile={onDeleteFile}
-        onShareFile={onShareFile}
-      />
+      <div className="tw:flex tw:items-center tw:gap-2 tw:shrink-0">
+        <Tooltip title={t('label.download')}>
+          <TooltipTrigger>
+            <ButtonUtility
+              color="secondary"
+              icon={
+                <Download01
+                  className="tw:text-gray-500"
+                  height={16}
+                  width={16}
+                />
+              }
+              onClick={() => onDownload?.(file)}
+            />
+          </TooltipTrigger>
+        </Tooltip>
+        <FileActions
+          canDelete={canDelete}
+          file={file}
+          onDeleteFile={onDeleteFile}
+          onShareFile={onShareFile}
+        />
+      </div>
     </div>
-  </div>
-);
+  );
+};
 
 // ─── Main component ───────────────────────────────────────────────────────────
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx
index 52948dde9c78..290083efe2f9 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx
@@ -11,15 +11,25 @@
  *  limitations under the License.
  */
 
-import { Card, Typography } from '@openmetadata/ui-core-components';
+import {
+  ButtonUtility,
+  Card,
+  Tooltip,
+  TooltipTrigger,
+  Typography,
+} from '@openmetadata/ui-core-components';
+import { Download01 } from '@untitledui/icons';
 import { FC, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
 import { getFileTypeIcon } from 'utils/ContextCenterUtils';
 import { UploadedDocumentCardProps } from './UploadedDocumentCard.interface';
 
 const UploadedDocumentCard: FC<UploadedDocumentCardProps> = ({
   document,
   onClick,
+  onDownload,
 }) => {
+  const { t } = useTranslation();
   const { name, fileType, sizeLabel } = document;
 
   const fileTypeIcon = useMemo(() => {
@@ -44,9 +54,26 @@ const UploadedDocumentCard: FC<UploadedDocumentCardProps> = ({
           weight="medium">
           {name}
         </Typography>
-        <Typography className="tw:text-gray-400" size="text-xs">
-          {sizeLabel}
-        </Typography>
+        <div className="tw:flex tw:items-center tw:justify-between">
+          <Typography className="tw:text-gray-400" size="text-xs">
+            {sizeLabel}
+          </Typography>
+          <Tooltip title={t('label.download')}>
+            <TooltipTrigger>
+              <ButtonUtility
+                color="tertiary"
+                icon={
+                  <Download01
+                    className="tw:text-gray-500"
+                    height={16}
+                    width={16}
+                  />
+                }
+                onClick={() => onDownload?.(document)}
+              />
+            </TooltipTrigger>
+          </Tooltip>
+        </div>
       </div>
     </Card>
   );
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.interface.ts
index b016506a13ee..2864354d7e97 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.interface.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.interface.ts
@@ -25,5 +25,6 @@ export interface UploadedDocumentItem {
 
 export interface UploadedDocumentCardProps {
   document: UploadedDocumentItem;
+  onDownload?: (document: UploadedDocumentItem) => void;
   onClick?: (document: UploadedDocumentItem) => void;
 }
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
index 1f6831e0568c..0c13a3fa3326 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
@@ -44,6 +44,7 @@ const UploadedDocumentsSection: FC<UploadedDocumentsSectionProps> = ({
   viewAllHref,
   onViewAll,
   onDocumentClick,
+  onDownload,
   isLoading = false,
 }) => {
   const { t } = useTranslation();
@@ -90,6 +91,7 @@ const UploadedDocumentsSection: FC<UploadedDocumentsSectionProps> = ({
                   document={doc}
                   key={doc.id}
                   onClick={onDocumentClick}
+                  onDownload={onDownload}
                 />
               ))}
         </div>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.interface.ts
index 06e65ff349ce..cfcf2b22c9aa 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.interface.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.interface.ts
@@ -18,5 +18,6 @@ export interface UploadedDocumentsSectionProps {
   viewAllHref?: string;
   onViewAll?: () => void;
   onDocumentClick?: (document: UploadedDocumentItem) => void;
+  onDownload?: (document: UploadedDocumentItem) => void;
   isLoading?: boolean;
 }
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/EntityPageInfos/ManageButton/ManageButton.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/EntityPageInfos/ManageButton/ManageButton.tsx
index 6d169e2aff7c..9f917dd8108d 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/EntityPageInfos/ManageButton/ManageButton.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/EntityPageInfos/ManageButton/ManageButton.tsx
@@ -264,7 +264,7 @@ const ManageButton: FC<ManageButtonProps> = ({
             placement="bottomRight"
             trigger={['click']}
             onOpenChange={setIsDropdownOpen}>
-            <span data-testid="manage-button" />
+            <span />
           </Dropdown>
         </>
       );
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
index ac11b512b2f3..5f6faed6e56b 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
@@ -1023,6 +1023,7 @@
     "hide": "Hide",
     "hide-all": "Hide All",
     "hide-deleted-entity": "Hide Deleted {{entity}}",
+    "hide-meta-details": "Hide Meta Details",
     "hide-property-plural": "Hide Properties",
     "hierarchical": "Hierarchical",
     "hierarchy": "Hierarchy",
@@ -1967,6 +1968,7 @@
     "show-less": "Show Less",
     "show-less-lowercase": "Show less",
     "show-log-plural": "Show Logs",
+    "show-meta-details": "Show Meta Details",
     "show-more": "Show More",
     "show-more-entity": "Show More {{entity}}",
     "show-more-lowercase": "Show more",
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
index 1268e8c27f6c..5e5c2f849fd9 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
@@ -16,6 +16,7 @@ import { AxiosError } from 'axios';
 import { ArticleCardItem } from 'components/ContextCenter/ArticleCard/ArticleCard.interface';
 import ArticleListSection from 'components/ContextCenter/ArticleListSection/ArticleListSection.component';
 import ContextCenterHeader from 'components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
+import { DocFile } from 'components/ContextCenter/DocumentsView/DocumentsView.interface';
 import UploadDocumentModal from 'components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component';
 import { UploadedDocumentItem } from 'components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.interface';
 import UploadedDocumentsSection from 'components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component';
@@ -31,6 +32,7 @@ import { KnowledgePage } from 'interface/knowledge-center.interface';
 import { FC, useCallback, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
+import { downloadAsset } from 'rest/assetAPI';
 import { getListKnowledgePages } from 'rest/knowledgeCenterAPI';
 import {
   assetToDocumentItem,
@@ -120,6 +122,22 @@ const ContextCenterDashboardPage: FC = () => {
     setDocuments((prev) => [...prev, ...newAssets.map(assetToDocumentItem)]);
   }, []);
 
+  const handleDownload = useCallback(async (file: DocFile) => {
+    try {
+      const blob = await downloadAsset(file.id);
+      const url = URL.createObjectURL(blob);
+      const element = document.createElement('a');
+      element.href = url;
+      element.download = file.name;
+      document.body.appendChild(element);
+      element.click();
+      element.remove();
+      URL.revokeObjectURL(url);
+    } catch (err) {
+      showErrorToast(err as AxiosError);
+    }
+  }, []);
+
   return (
     <div
       className="tw:flex tw:flex-col tw:w-full tw:bg-secondary tw:p-5 tw:pt-0"
@@ -162,6 +180,7 @@ const ContextCenterDashboardPage: FC = () => {
         <UploadedDocumentsSection
           documents={documents}
           isLoading={isDocumentsLoading}
+          onDownload={handleDownload}
           onViewAll={() => navigate(ROUTES.CONTEXT_CENTER_DOCUMENTS)}
         />
       </div>

From 7ac8108aea7e3cf8a7b49f56286946b1ea217ab4 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Wed, 13 May 2026 20:54:42 +0530
Subject: [PATCH 21/59] translated keys

---
 .../src/main/resources/ui/src/locale/languages/ar-sa.json       | 2 ++
 .../src/main/resources/ui/src/locale/languages/de-de.json       | 2 ++
 .../src/main/resources/ui/src/locale/languages/es-es.json       | 2 ++
 .../src/main/resources/ui/src/locale/languages/fr-fr.json       | 2 ++
 .../src/main/resources/ui/src/locale/languages/gl-es.json       | 2 ++
 .../src/main/resources/ui/src/locale/languages/he-he.json       | 2 ++
 .../src/main/resources/ui/src/locale/languages/ja-jp.json       | 2 ++
 .../src/main/resources/ui/src/locale/languages/ko-kr.json       | 2 ++
 .../src/main/resources/ui/src/locale/languages/mr-in.json       | 2 ++
 .../src/main/resources/ui/src/locale/languages/nl-nl.json       | 2 ++
 .../src/main/resources/ui/src/locale/languages/pr-pr.json       | 2 ++
 .../src/main/resources/ui/src/locale/languages/pt-br.json       | 2 ++
 .../src/main/resources/ui/src/locale/languages/pt-pt.json       | 2 ++
 .../src/main/resources/ui/src/locale/languages/ru-ru.json       | 2 ++
 .../src/main/resources/ui/src/locale/languages/th-th.json       | 2 ++
 .../src/main/resources/ui/src/locale/languages/tr-tr.json       | 2 ++
 .../src/main/resources/ui/src/locale/languages/zh-cn.json       | 2 ++
 .../src/main/resources/ui/src/locale/languages/zh-tw.json       | 2 ++
 18 files changed, 36 insertions(+)

diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ar-sa.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ar-sa.json
index 1a3d055a9452..73ac4491088e 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ar-sa.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ar-sa.json
@@ -1023,6 +1023,7 @@
     "hide": "إخفاء",
     "hide-all": "إخفاء الكل",
     "hide-deleted-entity": "إخفاء {{entity}} المحذوف",
+    "hide-meta-details": "إخفاء تفاصيل الميتا",
     "hide-property-plural": "إخفاء الخصائص",
     "hierarchical": "هرمي",
     "hierarchy": "التسلسل الهرمي",
@@ -1967,6 +1968,7 @@
     "show-less": "إظهار أقل",
     "show-less-lowercase": "إظهار أقل",
     "show-log-plural": "إظهار السجلات",
+    "show-meta-details": "إظهار تفاصيل الميتا",
     "show-more": "إظهار المزيد",
     "show-more-entity": "إظهار المزيد من {{entity}}",
     "show-more-lowercase": "إظهار المزيد",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json
index bac7644eb08b..dda5647e980e 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json
@@ -1023,6 +1023,7 @@
     "hide": "Verstecken",
     "hide-all": "Alle ausblenden",
     "hide-deleted-entity": "Gelöschte {{entity}} verbergen",
+    "hide-meta-details": "Meta-Details ausblenden",
     "hide-property-plural": "Eigenschaften verbergen",
     "hierarchical": "Hierarchisch",
     "hierarchy": "Hierarchie",
@@ -1967,6 +1968,7 @@
     "show-less": "Weniger anzeigen",
     "show-less-lowercase": "Weniger anzeigen",
     "show-log-plural": "Logs anzeigen",
+    "show-meta-details": "Meta-Details einblenden",
     "show-more": "Mehr anzeigen",
     "show-more-entity": "Mehr {{entity}} anzeigen",
     "show-more-lowercase": "Mehr anzeigen",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json
index 8df52d617382..1ecfe21f7958 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json
@@ -1023,6 +1023,7 @@
     "hide": "Ocultar",
     "hide-all": "Ocultar todo",
     "hide-deleted-entity": "Ocultar {{entity}} eliminado",
+    "hide-meta-details": "Ocultar detalles meta",
     "hide-property-plural": "Ocultar propiedades",
     "hierarchical": "Jerárquica",
     "hierarchy": "Jerarquía",
@@ -1967,6 +1968,7 @@
     "show-less": "Mostrar menos",
     "show-less-lowercase": "mostrar menos",
     "show-log-plural": "Mostrar logs",
+    "show-meta-details": "Mostrar detalles meta",
     "show-more": "Mostrar más",
     "show-more-entity": "Mostrar más {{entity}}",
     "show-more-lowercase": "mostrar más",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json
index 0ee2f0f42a94..409ba9e17c9d 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json
@@ -1023,6 +1023,7 @@
     "hide": "Masquer",
     "hide-all": "Tout masquer",
     "hide-deleted-entity": "Masquer les {{entity}} Supprimé·e·s",
+    "hide-meta-details": "Masquer les méta-détails",
     "hide-property-plural": "Masquer les propriétés",
     "hierarchical": "Hiérarchique",
     "hierarchy": "Hiérarchie",
@@ -1967,6 +1968,7 @@
     "show-less": "Afficher Moins",
     "show-less-lowercase": "Voir moins",
     "show-log-plural": "Afficher les Journaux",
+    "show-meta-details": "Afficher les méta-détails",
     "show-more": "Afficher Plus",
     "show-more-entity": "Afficher Plus de {{entity}}",
     "show-more-lowercase": "Voir plus",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/gl-es.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/gl-es.json
index 8046a547f529..1376a737a9c3 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/gl-es.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/gl-es.json
@@ -1023,6 +1023,7 @@
     "hide": "Ocultar",
     "hide-all": "Ocultar todo",
     "hide-deleted-entity": "Ocultar {{entity}} eliminado",
+    "hide-meta-details": "Ocultar detalles meta",
     "hide-property-plural": "Ocultar propiedades",
     "hierarchical": "Xerárquico",
     "hierarchy": "Xerarquía",
@@ -1967,6 +1968,7 @@
     "show-less": "Mostrar menos",
     "show-less-lowercase": "Mostrar menos",
     "show-log-plural": "Mostrar rexistros",
+    "show-meta-details": "Mostrar detalles meta",
     "show-more": "Mostrar máis",
     "show-more-entity": "Mostrar máis {{entity}}",
     "show-more-lowercase": "Mostrar máis",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/he-he.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/he-he.json
index 8187d8bdac94..443dfad5dc70 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/he-he.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/he-he.json
@@ -1023,6 +1023,7 @@
     "hide": "הסתר",
     "hide-all": "הסתר הכל",
     "hide-deleted-entity": "הסתר ישות {{entity}} שנמחקה",
+    "hide-meta-details": "הסתר פרטי מטא",
     "hide-property-plural": "הסתר מאפיינים",
     "hierarchical": "היררכי",
     "hierarchy": "היררכיה",
@@ -1967,6 +1968,7 @@
     "show-less": "הצג פחות",
     "show-less-lowercase": "הצג פחות",
     "show-log-plural": "הצג יומנים",
+    "show-meta-details": "הצג פרטי מטא",
     "show-more": "הצג עוד",
     "show-more-entity": "הצג עוד {{entity}}",
     "show-more-lowercase": "הצג יותר",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json
index 80c1f6f616a8..b99529fccf73 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json
@@ -1023,6 +1023,7 @@
     "hide": "非表示",
     "hide-all": "すべて非表示",
     "hide-deleted-entity": "削除された{{entity}}を非表示",
+    "hide-meta-details": "メタ詳細を非表示にする",
     "hide-property-plural": "プロパティを非表示",
     "hierarchical": "階層的",
     "hierarchy": "階層",
@@ -1967,6 +1968,7 @@
     "show-less": "表示を減らす",
     "show-less-lowercase": "表示を減らす",
     "show-log-plural": "ログを表示",
+    "show-meta-details": "メタ詳細を表示する",
     "show-more": "もっと見る",
     "show-more-entity": "{{entity}} をさらに表示",
     "show-more-lowercase": "さらに表示",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ko-kr.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ko-kr.json
index f3da750236d4..b935a9c8fba5 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ko-kr.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ko-kr.json
@@ -1023,6 +1023,7 @@
     "hide": "숨기기",
     "hide-all": "모두 숨기기",
     "hide-deleted-entity": "삭제된 {{entity}} 숨기기",
+    "hide-meta-details": "메타 정보 숨기기",
     "hide-property-plural": "속성 숨기기",
     "hierarchical": "계층적",
     "hierarchy": "계층",
@@ -1967,6 +1968,7 @@
     "show-less": "간단히 보기",
     "show-less-lowercase": "간단히 보기",
     "show-log-plural": "로그 표시",
+    "show-meta-details": "메타 정보 표시",
     "show-more": "더 보기",
     "show-more-entity": "{{entity}} 더 보기",
     "show-more-lowercase": "더 보기e",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/mr-in.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/mr-in.json
index fccb9f60c005..022a9a82000f 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/mr-in.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/mr-in.json
@@ -1023,6 +1023,7 @@
     "hide": "लपवा",
     "hide-all": "सर्व लपवा",
     "hide-deleted-entity": "मिटवलेले {{entity}} लपवा",
+    "hide-meta-details": "मेटा तपशील लपवा",
     "hide-property-plural": "गुप्त गुणधर्म",
     "hierarchical": "श्रेणीबद्ध",
     "hierarchy": "श्रेणी",
@@ -1967,6 +1968,7 @@
     "show-less": "कमी दाखवा",
     "show-less-lowercase": "कमी दर्शवा",
     "show-log-plural": "लॉग दाखवा",
+    "show-meta-details": "मेटा तपशील दाखवा",
     "show-more": "अधिक दाखवा",
     "show-more-entity": "अधिक {{entity}} दाखवा",
     "show-more-lowercase": "अधिक दर्शवा",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/nl-nl.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/nl-nl.json
index f0a06a15d7e0..ef752e3502cc 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/nl-nl.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/nl-nl.json
@@ -1023,6 +1023,7 @@
     "hide": "Verbergen",
     "hide-all": "Alles verbergen",
     "hide-deleted-entity": "Verwijderde {{entity}} verbergen",
+    "hide-meta-details": "Meta-details verbergen",
     "hide-property-plural": "Eigenschappen verbergen",
     "hierarchical": "Hiërarchisch",
     "hierarchy": "Hiërarchie",
@@ -1967,6 +1968,7 @@
     "show-less": "Minder tonen",
     "show-less-lowercase": "Minder tonen",
     "show-log-plural": "Logboeken tonen",
+    "show-meta-details": "Meta-details weergeven",
     "show-more": "Meer tonen",
     "show-more-entity": "Meer tonen {{entity}}",
     "show-more-lowercase": "Meer tonen",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pr-pr.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pr-pr.json
index 73404cc96593..82f4a1e4ba61 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pr-pr.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pr-pr.json
@@ -1023,6 +1023,7 @@
     "hide": "مخفی کردن",
     "hide-all": "پنهان کردن همه",
     "hide-deleted-entity": "مخفی کردن {{entity}} حذف شده",
+    "hide-meta-details": "مخفی‌سازی جزئیات متا",
     "hide-property-plural": "مخفی کردن ویژگی‌ها",
     "hierarchical": "سلسله‌مراتبی",
     "hierarchy": "سلسله‌مراتب",
@@ -1967,6 +1968,7 @@
     "show-less": "نمایش کمتر",
     "show-less-lowercase": "نمایش کمتر",
     "show-log-plural": "نمایش لاگ‌ها",
+    "show-meta-details": "نمایش جزئیات متا",
     "show-more": "نمایش بیشتر",
     "show-more-entity": "نمایش بیشتر {{entity}}",
     "show-more-lowercase": "نمایش بیشتر",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json
index 0a535a9c9f5e..7eaea5f2dd43 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json
@@ -1023,6 +1023,7 @@
     "hide": "Ocultar",
     "hide-all": "Ocultar Tudo",
     "hide-deleted-entity": "Ocultar {{entity}} Excluída",
+    "hide-meta-details": "Ocultar detalhes meta",
     "hide-property-plural": "Ocultar Propriedades",
     "hierarchical": "Hierárquica",
     "hierarchy": "Hierarquia",
@@ -1967,6 +1968,7 @@
     "show-less": "Mostrar menos",
     "show-less-lowercase": "Mostrar menos",
     "show-log-plural": "Mostrar logs",
+    "show-meta-details": "Mostrar detalhes meta",
     "show-more": "Mostrar mais",
     "show-more-entity": "Mostrar Mais {{entity}}",
     "show-more-lowercase": "Mostrar mais",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-pt.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-pt.json
index 8e4f57e64c33..49de26db1622 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-pt.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-pt.json
@@ -1023,6 +1023,7 @@
     "hide": "Ocultar",
     "hide-all": "Ocultar Tudo",
     "hide-deleted-entity": "Ocultar {{entity}} Excluída",
+    "hide-meta-details": "Ocultar detalhes meta",
     "hide-property-plural": "Ocultar Propriedades",
     "hierarchical": "Hierárquico",
     "hierarchy": "Hierarquia",
@@ -1967,6 +1968,7 @@
     "show-less": "Mostrar menos",
     "show-less-lowercase": "Mostrar menos",
     "show-log-plural": "Mostrar Logs",
+    "show-meta-details": "Mostrar detalhes meta",
     "show-more": "Mostrar mais",
     "show-more-entity": "Mostrar Mais {{entity}}",
     "show-more-lowercase": "Mostrar mais",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json
index bc849ba6095e..b982dd705995 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json
@@ -1023,6 +1023,7 @@
     "hide": "Скрыть",
     "hide-all": "Скрыть все",
     "hide-deleted-entity": "Скрыть удаленные объекты «{{entity}}»",
+    "hide-meta-details": "Скрыть мета-данные",
     "hide-property-plural": "Скрыть свойства",
     "hierarchical": "Иерархический",
     "hierarchy": "Иерархия",
@@ -1967,6 +1968,7 @@
     "show-less": "Показать меньше",
     "show-less-lowercase": "показать меньше",
     "show-log-plural": "Показать логи",
+    "show-meta-details": "Показать мета-данные",
     "show-more": "Показать больше",
     "show-more-entity": "Показать больше элементов \"{{entity}}\"",
     "show-more-lowercase": "показать больше",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/th-th.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/th-th.json
index 0b0521f1d4a6..f486582f1759 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/th-th.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/th-th.json
@@ -1023,6 +1023,7 @@
     "hide": "ซ่อน",
     "hide-all": "ซ่อนทั้งหมด",
     "hide-deleted-entity": "ซ่อน {{entity}} ที่ถูกลบ",
+    "hide-meta-details": "ซ่อนรายละเอียดเมตา",
     "hide-property-plural": "ซ่อนคุณลักษณะ",
     "hierarchical": "ลำดับชั้น",
     "hierarchy": "ลำดับชั้น",
@@ -1967,6 +1968,7 @@
     "show-less": "แสดงน้อยลง",
     "show-less-lowercase": "แสดงน้อยลง",
     "show-log-plural": "แสดงบันทึก",
+    "show-meta-details": "แสดงรายละเอียดเมตา",
     "show-more": "แสดงเพิ่มเติม",
     "show-more-entity": "แสดงเพิ่มเติม {{entity}}",
     "show-more-lowercase": "แสดงเพิ่มเติม",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/tr-tr.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/tr-tr.json
index c95f326545a2..00f004d416ac 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/tr-tr.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/tr-tr.json
@@ -1023,6 +1023,7 @@
     "hide": "Gizle",
     "hide-all": "Tümünü Gizle",
     "hide-deleted-entity": "Silinmiş {{entity}} Gizle",
+    "hide-meta-details": "Meta Detaylarını Gizle",
     "hide-property-plural": "Özellikleri Gizle",
     "hierarchical": "Hiyerarşik",
     "hierarchy": "Hiyerarşi",
@@ -1967,6 +1968,7 @@
     "show-less": "Daha Az Göster",
     "show-less-lowercase": "Daha az göster",
     "show-log-plural": "Günlükleri Göster",
+    "show-meta-details": "Meta Detaylarını Göster",
     "show-more": "Daha Fazla Göster",
     "show-more-entity": "Daha Fazla {{entity}} Göster",
     "show-more-lowercase": "Daha fazla göster",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json
index c53b209a3038..6f18d16b14e6 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json
@@ -1023,6 +1023,7 @@
     "hide": "隐藏",
     "hide-all": "隐藏全部",
     "hide-deleted-entity": "隐藏已删除的{{entity}}",
+    "hide-meta-details": "隐藏元数据详情",
     "hide-property-plural": "隐藏属性",
     "hierarchical": "分层的",
     "hierarchy": "等级制度",
@@ -1967,6 +1968,7 @@
     "show-less": "收起",
     "show-less-lowercase": "显示较少",
     "show-log-plural": "显示日志",
+    "show-meta-details": "显示元数据详情",
     "show-more": "展开",
     "show-more-entity": "显示更多{{entity}}",
     "show-more-lowercase": "显示更多",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-tw.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-tw.json
index 2ef83d386b68..7c4be6fab0c9 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-tw.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-tw.json
@@ -1023,6 +1023,7 @@
     "hide": "隱藏",
     "hide-all": "全部隱藏",
     "hide-deleted-entity": "隱藏已刪除的 {{entity}}",
+    "hide-meta-details": "隱藏元數據詳情",
     "hide-property-plural": "隱藏屬性",
     "hierarchical": "階層式",
     "hierarchy": "階層",
@@ -1967,6 +1968,7 @@
     "show-less": "顯示較少",
     "show-less-lowercase": "顯示較少",
     "show-log-plural": "顯示日誌",
+    "show-meta-details": "顯示元數據詳情",
     "show-more": "顯示更多",
     "show-more-entity": "顯示更多 {{entity}}",
     "show-more-lowercase": "顯示更多",

From 3138ec0453cd46526db489bed5f9a4537de5d15b Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Wed, 13 May 2026 21:59:26 +0530
Subject: [PATCH 22/59] added unit test and addressed gitar comment

---
 .../ArticleCard/ArticleCard.test.tsx          | 139 ++++++
 .../ArticleDetailHeader.component.tsx         |  11 +-
 .../ArticleDetailHeader.test.tsx              | 448 ++++++++++++++++++
 .../ArticleListSection.test.tsx               | 248 ++++++++++
 .../ContextCenterHeader.test.tsx              | 178 +++++++
 .../ContextCenterSidebar.test.tsx             | 178 +++++++
 .../DocumentsView/DocumentsView.test.tsx      | 165 +++++++
 .../UploadDocumentModal.test.tsx              | 343 ++++++++++++++
 .../UploadedDocumentCard.component.tsx        |  10 +-
 .../UploadedDocumentCard.test.tsx             | 122 +++++
 .../UploadedDocumentsSection.test.tsx         | 167 +++++++
 .../ContextCenterArchivePage.tsx              |   9 +-
 .../ContextCenterArticlesPage.tsx             |   9 +-
 .../ui/src/utils/ContextCenterUtils.test.ts   | 144 ++++++
 14 files changed, 2146 insertions(+), 25 deletions(-)
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.test.tsx
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.test.tsx
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.test.tsx
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.test.tsx
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.test.tsx
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.test.tsx
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.test.tsx
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.test.tsx
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.test.tsx
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.test.ts

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.test.tsx
new file mode 100644
index 000000000000..00a0bfb90644
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.test.tsx
@@ -0,0 +1,139 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import { fireEvent, render, screen } from '@testing-library/react';
+import ArticleCard from './ArticleCard.component';
+import { ArticleCardItem } from './ArticleCard.interface';
+
+jest.mock('utils/FeedUtils', () => ({
+  getFrontEndFormat: jest.fn((v) => v),
+}));
+
+jest.mock('../../../utils/date-time/DateTimeUtils', () => ({
+  getShortRelativeTime: jest.fn(() => '2 days ago'),
+}));
+
+jest.mock('components/common/RichTextEditor/RichTextEditorPreviewerV1', () =>
+  jest.fn(({ markdown }: { markdown: string }) => <div>{markdown}</div>)
+);
+
+jest.mock('@openmetadata/ui-core-components', () => ({
+  Badge: jest.fn(
+    ({ children, color }: { children: React.ReactNode; color: string }) => (
+      <span data-color={color}>{children}</span>
+    )
+  ),
+  Card: jest.fn(
+    ({
+      children,
+      onClick,
+      'data-testid': testId,
+    }: {
+      children: React.ReactNode;
+      onClick?: () => void;
+      'data-testid'?: string;
+    }) => (
+      <div data-testid={testId} onClick={onClick}>
+        {children}
+      </div>
+    )
+  ),
+  Typography: jest.fn(({ children }: { children: React.ReactNode }) => (
+    <span>{children}</span>
+  )),
+}));
+
+const mockArticle: ArticleCardItem = {
+  id: 'article-1',
+  title: 'Test Article',
+  description: 'This is a test description',
+  tags: [{ label: 'tag1' }, { label: 'tag2' }],
+};
+
+describe('ArticleCard', () => {
+  it('renders the article card with title and description', () => {
+    render(<ArticleCard article={mockArticle} />);
+
+    expect(screen.getByTestId('article-card')).toBeInTheDocument();
+    expect(screen.getByText('Test Article')).toBeInTheDocument();
+    expect(screen.getByText('This is a test description')).toBeInTheDocument();
+  });
+
+  it('renders tags when provided', () => {
+    render(<ArticleCard article={mockArticle} />);
+
+    expect(screen.getByText('tag1')).toBeInTheDocument();
+    expect(screen.getByText('tag2')).toBeInTheDocument();
+  });
+
+  it('does not render tags section when tags array is empty', () => {
+    const articleWithNoTags: ArticleCardItem = { ...mockArticle, tags: [] };
+    render(<ArticleCard article={articleWithNoTags} />);
+
+    expect(screen.queryByText('tag1')).not.toBeInTheDocument();
+  });
+
+  it('renders the badge with "sensitive" type correctly', () => {
+    const article: ArticleCardItem = { ...mockArticle, badge: 'sensitive' };
+    render(<ArticleCard article={article} />);
+
+    const badge = screen.getByText('sensitive');
+
+    expect(badge).toBeInTheDocument();
+    expect(badge).toHaveAttribute('data-color', 'error');
+  });
+
+  it('renders the badge with "new" type correctly', () => {
+    const article: ArticleCardItem = { ...mockArticle, badge: 'new' };
+    render(<ArticleCard article={article} />);
+
+    const badge = screen.getByText('new');
+
+    expect(badge).toBeInTheDocument();
+    expect(badge).toHaveAttribute('data-color', 'brand');
+  });
+
+  it('shows lastEditedAt when provided', () => {
+    const article: ArticleCardItem = {
+      ...mockArticle,
+      lastEditedAt: 1700000000000,
+    };
+    render(<ArticleCard article={article} />);
+
+    expect(screen.getByText(/last-updated/)).toBeInTheDocument();
+    expect(screen.getByText(/2 days ago/)).toBeInTheDocument();
+  });
+
+  it('does not show lastEditedAt when not provided', () => {
+    render(<ArticleCard article={mockArticle} />);
+
+    expect(screen.queryByText(/last-updated/)).not.toBeInTheDocument();
+  });
+
+  it('calls onClick with the article when the card is clicked', () => {
+    const onClick = jest.fn();
+    render(<ArticleCard article={mockArticle} onClick={onClick} />);
+
+    fireEvent.click(screen.getByTestId('article-card'));
+
+    expect(onClick).toHaveBeenCalledWith(mockArticle);
+  });
+
+  it('does not throw when onClick is not provided', () => {
+    render(<ArticleCard article={mockArticle} />);
+
+    expect(() =>
+      fireEvent.click(screen.getByTestId('article-card'))
+    ).not.toThrow();
+  });
+});
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
index 12e98b32dcbf..d7bebc6f0ffb 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
@@ -280,13 +280,6 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
       permissions.EditDescription ||
       permissions.EditDisplayName);
 
-  const { hasDeletePermission } = useMemo(
-    () => ({
-      hasDeletePermission: permissions.Delete,
-    }),
-    [permissions.Delete]
-  );
-
   if (!knowledgePage && !tabs) {
     return (
       <div
@@ -542,12 +535,12 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
               </TooltipTrigger>
             </Tooltip>
 
-            {hasDeletePermission && (
+            {permissions?.Delete && (
               <ManageButton
                 isRecursiveDelete
                 afterDeleteAction={afterDeleteAction}
                 allowSoftDelete={false}
-                canDelete={hasDeletePermission}
+                canDelete={permissions?.Delete}
                 deleteButtonDescription={t(
                   'message.delete-entity-type-action-description',
                   { entityType }
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.test.tsx
new file mode 100644
index 000000000000..9a137b261971
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.test.tsx
@@ -0,0 +1,448 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import { OperationPermission } from 'context/PermissionProvider/PermissionProvider.interface';
+import { ContentChangeState } from 'interface/knowledge-center.interface';
+import { QueryVoteType } from '../../../components/Database/TableQueries/TableQueries.interface';
+import ArticleDetailHeader from './ArticleDetailHeader.component';
+
+const mockNavigate = jest.fn();
+const mockCopyToClipBoard = jest.fn().mockResolvedValue(undefined);
+
+jest.mock('react-router-dom', () => ({
+  useNavigate: jest.fn(() => mockNavigate),
+}));
+
+jest.mock('../../../hooks/useFqn', () => ({
+  useFqn: jest.fn(() => ({ fqn: 'test-article' })),
+}));
+
+jest.mock('../../../hooks/useApplicationStore', () => ({
+  useApplicationStore: jest.fn(() => ({
+    currentUser: { id: 'user-1', name: 'Test User' },
+  })),
+}));
+
+jest.mock('../../../hooks/currentUserStore/useCurrentUserStore', () => ({
+  useCurrentUserPreferences: jest.fn(() => ({
+    preferences: { recentlyViewedQuickLinks: [] },
+  })),
+}));
+
+jest.mock('../../../hooks/useClipBoard', () => ({
+  useClipboard: jest.fn(() => ({ onCopyToClipBoard: mockCopyToClipBoard })),
+}));
+
+jest.mock('../../../utils/KnowledgePageUtils', () => ({
+  updateKnowledgeCenterRecentViewed: jest.fn(),
+}));
+
+jest.mock('../../../utils/DeleteWidget/DeleteWidgetClassBase', () => ({
+  __esModule: true,
+  default: { getDeleteMessage: jest.fn(() => 'Delete this article?') },
+}));
+
+jest.mock('../../../utils/EntityUtils', () => ({
+  getEntityName: jest.fn(
+    (entity?: { displayName?: string; name?: string }) =>
+      entity?.displayName || entity?.name || ''
+  ),
+}));
+
+jest.mock('../../../utils/EntityLink', () => ({
+  __esModule: true,
+  default: { getEntityLink: jest.fn(() => 'entity-link') },
+}));
+
+jest.mock('../../common/TitleBreadcrumb/TitleBreadcrumb.component', () =>
+  jest.fn(() => <nav data-testid="title-breadcrumb" />)
+);
+
+jest.mock('../../common/TabsLabel/TabsLabel.component', () =>
+  jest.fn(({ name }: { name: string }) => <span>{name}</span>)
+);
+
+jest.mock('../../common/PopOverCard/UserPopOverCard', () =>
+  jest.fn(({ userName }: { userName: string }) => <span>{userName}</span>)
+);
+
+jest.mock('../../common/EntityPageInfos/ManageButton/ManageButton', () =>
+  jest.fn(() => <button data-testid="manage-button">Manage</button>)
+);
+
+jest.mock(
+  'components/Entity/EntityStatusBadge/EntityStatusBadge.component',
+  () => ({
+    EntityStatusBadge: jest.fn(() => (
+      <span data-testid="entity-status-badge" />
+    )),
+  })
+);
+
+jest.mock('components/common/Loader/Loader', () =>
+  jest.fn(() => <div data-testid="loader" />)
+);
+
+jest.mock('@openmetadata/ui-core-components', () => ({
+  Badge: jest.fn(({ children }: { children: React.ReactNode }) => (
+    <span>{children}</span>
+  )),
+  Button: jest.fn(
+    ({
+      children,
+      onClick,
+    }: {
+      children: React.ReactNode;
+      onClick?: () => void;
+    }) => <button onClick={onClick}>{children}</button>
+  ),
+  ButtonUtility: jest.fn(
+    ({
+      onClick,
+      disabled,
+      icon,
+      'data-testid': testId = 'button-utility',
+    }: {
+      onClick?: () => void;
+      disabled?: boolean;
+      icon?: React.ReactNode;
+      'data-testid'?: string;
+    }) => (
+      <button data-testid={testId} disabled={disabled} onClick={onClick}>
+        {typeof icon === 'function' ? null : icon}
+      </button>
+    )
+  ),
+  Card: jest.fn(({ children }: { children: React.ReactNode }) => (
+    <div>{children}</div>
+  )),
+  Dot: jest.fn(() => <span>·</span>),
+  Skeleton: jest.fn(() => <div data-testid="skeleton" />),
+  Tabs: Object.assign(
+    jest.fn(
+      ({
+        children,
+        onSelectionChange,
+      }: {
+        children: React.ReactNode;
+        onSelectionChange?: (key: string) => void;
+      }) => <div data-onchange={String(onSelectionChange)}>{children}</div>
+    ),
+    {
+      List: jest.fn(({ children }: { children: React.ReactNode }) => (
+        <div>{children}</div>
+      )),
+      Item: jest.fn(
+        ({ children, id }: { children: React.ReactNode; id: string }) => (
+          <div data-testid={`tab-item-${id}`}>{children}</div>
+        )
+      ),
+    }
+  ),
+  Tooltip: jest.fn(({ children }: { children: React.ReactNode }) => (
+    <div>{children}</div>
+  )),
+  TooltipTrigger: jest.fn(({ children }: { children: React.ReactNode }) => (
+    <div>{children}</div>
+  )),
+  Typography: jest.fn(({ children }: { children: React.ReactNode }) => (
+    <span>{children}</span>
+  )),
+}));
+
+const mockPermissions: OperationPermission = {
+  All: true,
+  Create: true,
+  Delete: true,
+  EditAll: true,
+  EditCustomFields: true,
+  EditDataProfile: true,
+  EditDescription: true,
+  EditDisplayName: true,
+  EditLineage: true,
+  EditOwners: true,
+  EditQueries: true,
+  EditSampleData: true,
+  EditStatus: true,
+  EditTags: true,
+  EditTests: true,
+  EditTier: true,
+  ViewAll: true,
+  ViewBasic: true,
+  ViewDataProfile: true,
+  ViewQueries: true,
+  ViewSampleData: true,
+  ViewTests: true,
+  ViewUsage: true,
+};
+
+const mockKnowledgePage = {
+  id: 'page-1',
+  name: 'test-article',
+  displayName: 'Test Article',
+  fullyQualifiedName: 'test-article',
+  updatedBy: 'alice',
+  votes: {
+    upVoters: [],
+    downVoters: [],
+    upVotes: 0,
+    downVotes: 0,
+  },
+  followers: [],
+  owners: [{ id: 'owner-1', name: 'alice', type: 'user' }],
+  domains: [
+    { id: 'domain-1', name: 'Engineering', displayName: 'Engineering' },
+  ],
+  editors: [],
+  deleted: false,
+};
+
+const mockTabs = [
+  { key: 'documentation', name: 'Documentation', label: 'Documentation' },
+  { key: 'activity_feed', name: 'Activity Feed', label: 'Activity Feed' },
+];
+
+const defaultProps = {
+  knowledgePage: mockKnowledgePage as never,
+  contentChangeState: ContentChangeState.SAVED,
+  permissions: mockPermissions,
+  tabs: mockTabs,
+  activeTab: 'documentation',
+  isRightPanelOpen: true,
+  feedCount: 3,
+  onTabChange: jest.fn(),
+  onToggleRightPanel: jest.fn(),
+  onVoteChange: jest.fn().mockResolvedValue(undefined),
+  onFollowChange: jest.fn().mockResolvedValue(undefined),
+  onToggleDelete: jest.fn(),
+  onSetThreadLink: jest.fn(),
+};
+
+describe('ArticleDetailHeader', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('renders the header with data-testid', () => {
+    render(<ArticleDetailHeader {...defaultProps} />);
+
+    expect(screen.getByTestId('article-detail-header')).toBeInTheDocument();
+  });
+
+  it('renders the breadcrumb', () => {
+    render(<ArticleDetailHeader {...defaultProps} />);
+
+    expect(screen.getByTestId('title-breadcrumb')).toBeInTheDocument();
+  });
+
+  it('renders the article display name', () => {
+    render(<ArticleDetailHeader {...defaultProps} />);
+
+    expect(screen.getByText('Test Article')).toBeInTheDocument();
+  });
+
+  it('renders "untitled" when displayName is missing', () => {
+    const props = {
+      ...defaultProps,
+      knowledgePage: {
+        ...mockKnowledgePage,
+        displayName: '',
+        name: '',
+      } as never,
+    };
+    render(<ArticleDetailHeader {...props} />);
+
+    expect(screen.getAllByText(/untitled/i).length).toBeGreaterThan(0);
+  });
+
+  it('renders tab items', () => {
+    render(<ArticleDetailHeader {...defaultProps} />);
+
+    expect(screen.getByTestId('tab-item-documentation')).toBeInTheDocument();
+    expect(screen.getByTestId('tab-item-activity_feed')).toBeInTheDocument();
+  });
+
+  it('renders the owner name', () => {
+    render(<ArticleDetailHeader {...defaultProps} />);
+
+    expect(screen.getAllByText('alice').length).toBeGreaterThan(0);
+  });
+
+  it('renders the domain name', () => {
+    render(<ArticleDetailHeader {...defaultProps} />);
+
+    expect(screen.getByText('Engineering')).toBeInTheDocument();
+  });
+
+  it('renders the manage button', () => {
+    render(<ArticleDetailHeader {...defaultProps} />);
+
+    expect(screen.getByTestId('manage-button')).toBeInTheDocument();
+  });
+
+  it('shows the skeleton when knowledgePage and tabs are both undefined', () => {
+    render(
+      <ArticleDetailHeader
+        {...defaultProps}
+        knowledgePage={undefined}
+        tabs={undefined}
+      />
+    );
+
+    expect(
+      screen.getByTestId('article-detail-header-skeleton')
+    ).toBeInTheDocument();
+    expect(screen.getAllByTestId('skeleton').length).toBeGreaterThan(0);
+  });
+
+  it('shows the "saved" icon when contentChangeState is SAVED', () => {
+    render(
+      <ArticleDetailHeader
+        {...defaultProps}
+        contentChangeState={ContentChangeState.SAVED}
+      />
+    );
+
+    expect(screen.getByText(/saved/i)).toBeInTheDocument();
+  });
+
+  it('shows the loader when contentChangeState is SAVING', () => {
+    render(
+      <ArticleDetailHeader
+        {...defaultProps}
+        contentChangeState={ContentChangeState.SAVING}
+      />
+    );
+
+    expect(screen.getByTestId('loader')).toBeInTheDocument();
+  });
+
+  it('shows the "unsaved" icon when contentChangeState is UN_SAVED', () => {
+    render(
+      <ArticleDetailHeader
+        {...defaultProps}
+        contentChangeState={ContentChangeState.UN_SAVED}
+      />
+    );
+
+    expect(screen.getByText(/unsaved/i)).toBeInTheDocument();
+  });
+
+  it('shows the save button when contentChangeState is UN_SAVED and edit permissions exist', () => {
+    render(
+      <ArticleDetailHeader
+        {...defaultProps}
+        contentChangeState={ContentChangeState.UN_SAVED}
+        onSave={jest.fn()}
+      />
+    );
+
+    expect(screen.getByText(/label\.save/i)).toBeInTheDocument();
+  });
+
+  it('calls onSave when the save button is clicked', () => {
+    const onSave = jest.fn();
+    render(
+      <ArticleDetailHeader
+        {...defaultProps}
+        contentChangeState={ContentChangeState.UN_SAVED}
+        onSave={onSave}
+      />
+    );
+
+    fireEvent.click(screen.getByText(/label\.save/i));
+
+    expect(onSave).toHaveBeenCalled();
+  });
+
+  it('calls onVoteChange when the up-vote button is clicked', async () => {
+    render(<ArticleDetailHeader {...defaultProps} />);
+
+    fireEvent.click(screen.getByTestId('upvote-btn'));
+
+    await waitFor(() =>
+      expect(defaultProps.onVoteChange).toHaveBeenCalledWith({
+        updatedVoteType: QueryVoteType.votedUp,
+      })
+    );
+  });
+
+  it('calls onVoteChange with unVoted when clicking an already up-voted button', async () => {
+    const alreadyUpVotedPage = {
+      ...mockKnowledgePage,
+      votes: {
+        upVoters: [{ id: 'user-1', name: 'Test User', type: 'user' }],
+        downVoters: [],
+        upVotes: 1,
+        downVotes: 0,
+      },
+    };
+    render(
+      <ArticleDetailHeader
+        {...defaultProps}
+        knowledgePage={alreadyUpVotedPage as never}
+      />
+    );
+
+    fireEvent.click(screen.getByTestId('upvote-btn'));
+
+    await waitFor(() =>
+      expect(defaultProps.onVoteChange).toHaveBeenCalledWith({
+        updatedVoteType: QueryVoteType.unVoted,
+      })
+    );
+  });
+
+  it('calls onFollowChange when the follow button is clicked', async () => {
+    render(<ArticleDetailHeader {...defaultProps} />);
+
+    fireEvent.click(screen.getByTestId('follow-btn'));
+
+    await waitFor(() => expect(defaultProps.onFollowChange).toHaveBeenCalled());
+  });
+
+  it('calls onSetThreadLink when the conversation button is clicked', () => {
+    render(<ArticleDetailHeader {...defaultProps} />);
+
+    fireEvent.click(screen.getByTestId('conversation'));
+
+    expect(defaultProps.onSetThreadLink).toHaveBeenCalled();
+  });
+
+  it('calls onCopyToClipBoard when the share button is clicked', async () => {
+    render(<ArticleDetailHeader {...defaultProps} />);
+
+    const utilityButtons = screen.getAllByTestId('button-utility');
+    fireEvent.click(utilityButtons[0]);
+
+    await waitFor(() => expect(mockCopyToClipBoard).toHaveBeenCalled());
+  });
+
+  it('calls onToggleRightPanel when the sidebar toggle is clicked on non-feed tabs', () => {
+    render(<ArticleDetailHeader {...defaultProps} activeTab="documentation" />);
+
+    const utilityButtons = screen.getAllByTestId('button-utility');
+    fireEvent.click(utilityButtons[utilityButtons.length - 1]);
+
+    expect(defaultProps.onToggleRightPanel).toHaveBeenCalled();
+  });
+
+  it('does not render the right panel toggle on the activity_feed tab', () => {
+    render(<ArticleDetailHeader {...defaultProps} activeTab="activity_feed" />);
+
+    const utilityButtons = screen.getAllByTestId('button-utility');
+
+    expect(utilityButtons).toHaveLength(1);
+  });
+});
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.test.tsx
new file mode 100644
index 000000000000..2a8f62463960
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.test.tsx
@@ -0,0 +1,248 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import { fireEvent, render, screen } from '@testing-library/react';
+import { ArticleCardItem } from '../ArticleCard/ArticleCard.interface';
+import ArticleListSection from './ArticleListSection.component';
+
+const mockNavigate = jest.fn();
+
+jest.mock('react-router-dom', () => ({
+  useNavigate: jest.fn(() => mockNavigate),
+}));
+
+jest.mock('utils/KnowledgePageUtils', () => ({
+  getKnowledgePagePath: jest.fn((id: string) => `/knowledge/${id}`),
+}));
+
+jest.mock('../ArticleCard/ArticleCard.component', () =>
+  jest.fn(
+    ({
+      article,
+      onClick,
+    }: {
+      article: ArticleCardItem;
+      onClick?: (a: ArticleCardItem) => void;
+    }) => (
+      <div
+        data-testid={`article-card-${article.id}`}
+        onClick={() => onClick?.(article)}>
+        {article.title}
+      </div>
+    )
+  )
+);
+
+jest.mock('components/common/ErrorWithPlaceholder/ErrorPlaceHolder', () =>
+  jest.fn(() => <div data-testid="error-placeholder" />)
+);
+
+jest.mock('@openmetadata/ui-core-components', () => ({
+  Button: jest.fn(
+    ({
+      children,
+      onClick,
+    }: {
+      children: React.ReactNode;
+      onClick?: () => void;
+    }) => <button onClick={onClick}>{children}</button>
+  ),
+  Card: jest.fn(
+    ({
+      children,
+      'data-testid': testId,
+    }: {
+      children: React.ReactNode;
+      'data-testid'?: string;
+    }) => <div data-testid={testId}>{children}</div>
+  ),
+  Skeleton: jest.fn(() => <div data-testid="skeleton" />),
+  Typography: jest.fn(({ children }: { children: React.ReactNode }) => (
+    <span>{children}</span>
+  )),
+}));
+
+const mockArticles: ArticleCardItem[] = [
+  { id: 'a1', title: 'Article One', description: 'Desc 1' },
+  { id: 'a2', title: 'Article Two', description: 'Desc 2' },
+];
+
+describe('ArticleListSection', () => {
+  it('renders the section with title', () => {
+    render(
+      <ArticleListSection articles={mockArticles} title="Recent Articles" />
+    );
+
+    expect(screen.getByTestId('article-list-section')).toBeInTheDocument();
+    expect(screen.getByText('Recent Articles')).toBeInTheDocument();
+  });
+
+  it('renders a subtitle when provided', () => {
+    render(
+      <ArticleListSection
+        articles={mockArticles}
+        subtitle="A short description"
+        title="Recent Articles"
+      />
+    );
+
+    expect(screen.getByText('A short description')).toBeInTheDocument();
+  });
+
+  it('renders article cards for each article', () => {
+    render(
+      <ArticleListSection articles={mockArticles} title="Recent Articles" />
+    );
+
+    expect(screen.getByTestId('article-card-a1')).toBeInTheDocument();
+    expect(screen.getByTestId('article-card-a2')).toBeInTheDocument();
+  });
+
+  it('renders the error placeholder when articles list is empty', () => {
+    render(<ArticleListSection articles={[]} title="Recent Articles" />);
+
+    expect(screen.getByTestId('error-placeholder')).toBeInTheDocument();
+  });
+
+  it('renders skeletons when isLoading is true', () => {
+    render(
+      <ArticleListSection isLoading articles={[]} title="Recent Articles" />
+    );
+
+    expect(screen.getAllByTestId('skeleton').length).toBeGreaterThan(0);
+    expect(screen.queryByTestId('error-placeholder')).not.toBeInTheDocument();
+  });
+
+  it('shows the view-all button when onViewAll is provided', () => {
+    const onViewAll = jest.fn();
+    render(
+      <ArticleListSection
+        articles={mockArticles}
+        title="Recent Articles"
+        onViewAll={onViewAll}
+      />
+    );
+
+    expect(screen.getByText(/view-all/i)).toBeInTheDocument();
+  });
+
+  it('does not show the view-all button when neither viewAllHref nor onViewAll is provided', () => {
+    render(
+      <ArticleListSection articles={mockArticles} title="Recent Articles" />
+    );
+
+    expect(screen.queryByText(/view-all/i)).not.toBeInTheDocument();
+  });
+
+  it('calls onViewAll when the view-all button is clicked', () => {
+    const onViewAll = jest.fn();
+    render(
+      <ArticleListSection
+        articles={mockArticles}
+        title="Recent Articles"
+        onViewAll={onViewAll}
+      />
+    );
+
+    fireEvent.click(screen.getByText(/view-all/i));
+
+    expect(onViewAll).toHaveBeenCalled();
+  });
+
+  it('calls onArticleClick when an article card is clicked', () => {
+    const onArticleClick = jest.fn();
+    render(
+      <ArticleListSection
+        articles={mockArticles}
+        title="Recent Articles"
+        onArticleClick={onArticleClick}
+      />
+    );
+
+    fireEvent.click(screen.getByTestId('article-card-a1'));
+
+    expect(onArticleClick).toHaveBeenCalledWith(mockArticles[0]);
+  });
+
+  it('navigates to the knowledge page path when no onArticleClick is provided', () => {
+    render(
+      <ArticleListSection articles={mockArticles} title="Recent Articles" />
+    );
+
+    fireEvent.click(screen.getByTestId('article-card-a1'));
+
+    expect(mockNavigate).toHaveBeenCalledWith('/knowledge/a1');
+  });
+
+  it('opens external href in a new tab when article href starts with http', () => {
+    const articleWithHref: ArticleCardItem = {
+      id: 'a3',
+      title: 'External',
+      description: 'Ext',
+      href: 'https://example.com',
+    };
+    const openSpy = jest.spyOn(window, 'open').mockImplementation(() => null);
+
+    render(
+      <ArticleListSection
+        articles={[articleWithHref]}
+        title="Recent Articles"
+      />
+    );
+
+    fireEvent.click(screen.getByTestId('article-card-a3'));
+
+    expect(openSpy).toHaveBeenCalledWith(
+      'https://example.com',
+      '_blank',
+      'noopener,noreferrer'
+    );
+
+    openSpy.mockRestore();
+  });
+
+  it('navigates to the internal href when article href does not start with http', () => {
+    const articleWithHref: ArticleCardItem = {
+      id: 'a4',
+      title: 'Internal',
+      description: 'Int',
+      href: '/internal/path',
+    };
+    render(
+      <ArticleListSection
+        articles={[articleWithHref]}
+        title="Recent Articles"
+      />
+    );
+
+    fireEvent.click(screen.getByTestId('article-card-a4'));
+
+    expect(mockNavigate).toHaveBeenCalledWith('/internal/path');
+  });
+
+  it('uses getPagePath override when provided', () => {
+    const getPagePath = jest.fn((id: string) => `/custom/${id}`);
+    render(
+      <ArticleListSection
+        articles={mockArticles}
+        getPagePath={getPagePath}
+        title="Recent Articles"
+      />
+    );
+
+    fireEvent.click(screen.getByTestId('article-card-a1'));
+
+    expect(getPagePath).toHaveBeenCalledWith('a1');
+    expect(mockNavigate).toHaveBeenCalledWith('/custom/a1');
+  });
+});
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.test.tsx
new file mode 100644
index 000000000000..e9b6fed59c07
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.test.tsx
@@ -0,0 +1,178 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import { fireEvent, render, screen } from '@testing-library/react';
+import { TitleLink } from '../../common/TitleBreadcrumb/TitleBreadcrumb.interface';
+import ContextCenterHeader from './ContextCenterHeader.component';
+
+jest.mock('../../common/TitleBreadcrumb/TitleBreadcrumb.component', () =>
+  jest.fn(() => <nav data-testid="title-breadcrumb" />)
+);
+
+jest.mock('@openmetadata/ui-core-components', () => ({
+  Button: jest.fn(
+    ({
+      children,
+      onClick,
+    }: {
+      children: React.ReactNode;
+      onClick?: () => void;
+    }) => <button onClick={onClick}>{children}</button>
+  ),
+  Card: jest.fn(({ children }: { children: React.ReactNode }) => (
+    <div>{children}</div>
+  )),
+  Typography: jest.fn(({ children }: { children: React.ReactNode }) => (
+    <span>{children}</span>
+  )),
+}));
+
+const mockBreadcrumbs: TitleLink[] = [
+  { name: 'Home', url: '/' },
+  { name: 'Context Center', url: '/context-center' },
+];
+
+describe('ContextCenterHeader', () => {
+  it('renders the header with title', () => {
+    render(
+      <ContextCenterHeader
+        breadcrumbs={mockBreadcrumbs}
+        title="Knowledge Center"
+      />
+    );
+
+    expect(screen.getByTestId('context-center-header')).toBeInTheDocument();
+    expect(screen.getByText('Knowledge Center')).toBeInTheDocument();
+  });
+
+  it('renders the breadcrumb', () => {
+    render(
+      <ContextCenterHeader
+        breadcrumbs={mockBreadcrumbs}
+        title="Knowledge Center"
+      />
+    );
+
+    expect(screen.getByTestId('title-breadcrumb')).toBeInTheDocument();
+  });
+
+  it('renders subtitle when provided', () => {
+    render(
+      <ContextCenterHeader
+        breadcrumbs={mockBreadcrumbs}
+        subtitle="Manage your knowledge resources"
+        title="Knowledge Center"
+      />
+    );
+
+    expect(
+      screen.getByText('Manage your knowledge resources')
+    ).toBeInTheDocument();
+  });
+
+  it('does not render subtitle when not provided', () => {
+    render(
+      <ContextCenterHeader
+        breadcrumbs={mockBreadcrumbs}
+        title="Knowledge Center"
+      />
+    );
+
+    expect(
+      screen.queryByText('Manage your knowledge resources')
+    ).not.toBeInTheDocument();
+  });
+
+  it('renders the create article button when onCreateArticle is provided', () => {
+    const onCreateArticle = jest.fn();
+    render(
+      <ContextCenterHeader
+        breadcrumbs={mockBreadcrumbs}
+        title="Knowledge Center"
+        onCreateArticle={onCreateArticle}
+      />
+    );
+
+    expect(screen.getByText(/create-entity/i)).toBeInTheDocument();
+  });
+
+  it('does not render the create article button when onCreateArticle is not provided', () => {
+    render(
+      <ContextCenterHeader
+        breadcrumbs={mockBreadcrumbs}
+        title="Knowledge Center"
+      />
+    );
+
+    expect(screen.queryByText(/create-entity/i)).not.toBeInTheDocument();
+  });
+
+  it('calls onCreateArticle when the create article button is clicked', () => {
+    const onCreateArticle = jest.fn();
+    render(
+      <ContextCenterHeader
+        breadcrumbs={mockBreadcrumbs}
+        title="Knowledge Center"
+        onCreateArticle={onCreateArticle}
+      />
+    );
+
+    fireEvent.click(screen.getByText(/create-entity/i));
+
+    expect(onCreateArticle).toHaveBeenCalled();
+  });
+
+  it('renders the upload file button when onUploadFile is provided', () => {
+    const onUploadFile = jest.fn();
+    render(
+      <ContextCenterHeader
+        breadcrumbs={mockBreadcrumbs}
+        title="Knowledge Center"
+        onUploadFile={onUploadFile}
+      />
+    );
+
+    expect(screen.getByText(/upload-file/i)).toBeInTheDocument();
+  });
+
+  it('calls onUploadFile when the upload button is clicked', () => {
+    const onUploadFile = jest.fn();
+    render(
+      <ContextCenterHeader
+        breadcrumbs={mockBreadcrumbs}
+        title="Knowledge Center"
+        onUploadFile={onUploadFile}
+      />
+    );
+
+    fireEvent.click(screen.getByText(/upload-file/i));
+
+    expect(onUploadFile).toHaveBeenCalled();
+  });
+
+  it('renders actionsSlot instead of default buttons when provided', () => {
+    render(
+      <ContextCenterHeader
+        actionsSlot={<div data-testid="custom-slot">Custom Actions</div>}
+        breadcrumbs={mockBreadcrumbs}
+        title="Knowledge Center"
+        onCreateArticle={jest.fn()}
+        onUploadFile={jest.fn()}
+      />
+    );
+
+    expect(screen.getByTestId('custom-slot')).toBeInTheDocument();
+    expect(screen.queryByText(/create-entity/i)).not.toBeInTheDocument();
+    expect(screen.queryByText(/upload-file/i)).not.toBeInTheDocument();
+  });
+});
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.test.tsx
new file mode 100644
index 000000000000..3f6d3c88e60f
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.test.tsx
@@ -0,0 +1,178 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import { fireEvent, render, screen } from '@testing-library/react';
+import { SVGAttributes } from 'react';
+import ContextCenterSidebar from './ContextCenterSidebar.component';
+import {
+  ContextCenterNavSection,
+  IconComponent,
+} from './ContextCenterSidebar.interface';
+
+const MockIcon: IconComponent = (props: SVGAttributes<SVGElement>) => (
+  <svg data-testid="mock-icon" {...props} />
+);
+
+const mockSections: ContextCenterNavSection[] = [
+  {
+    sectionKey: 'main',
+    sectionLabel: 'Main Navigation',
+    items: [
+      { key: 'articles', label: 'Articles', icon: MockIcon, count: 5 },
+      { key: 'documents', label: 'Documents', icon: MockIcon },
+    ],
+  },
+  {
+    sectionKey: 'settings',
+    items: [{ key: 'config', label: 'Config', icon: MockIcon }],
+  },
+];
+
+describe('ContextCenterSidebar', () => {
+  it('renders the sidebar with title', () => {
+    render(
+      <ContextCenterSidebar sections={mockSections} title="Context Center" />
+    );
+
+    expect(screen.getByTestId('context-center-sidebar')).toBeInTheDocument();
+    expect(screen.getByText('Context Center')).toBeInTheDocument();
+  });
+
+  it('renders section labels when provided', () => {
+    render(
+      <ContextCenterSidebar sections={mockSections} title="Context Center" />
+    );
+
+    expect(screen.getByText('Main Navigation')).toBeInTheDocument();
+  });
+
+  it('renders sections with correct data-testid', () => {
+    render(
+      <ContextCenterSidebar sections={mockSections} title="Context Center" />
+    );
+
+    expect(
+      screen.getByTestId('context-center-section-main')
+    ).toBeInTheDocument();
+    expect(
+      screen.getByTestId('context-center-section-settings')
+    ).toBeInTheDocument();
+  });
+
+  it('renders all nav item labels', () => {
+    render(
+      <ContextCenterSidebar sections={mockSections} title="Context Center" />
+    );
+
+    expect(screen.getByText('Articles')).toBeInTheDocument();
+    expect(screen.getByText('Documents')).toBeInTheDocument();
+    expect(screen.getByText('Config')).toBeInTheDocument();
+  });
+
+  it('renders the count badge when count is provided', () => {
+    render(
+      <ContextCenterSidebar sections={mockSections} title="Context Center" />
+    );
+
+    expect(screen.getByText('5')).toBeInTheDocument();
+  });
+
+  it('does not render a count badge when count is not provided', () => {
+    render(
+      <ContextCenterSidebar sections={mockSections} title="Context Center" />
+    );
+
+    const documentsButton = screen.getByTestId('context-center-nav-documents');
+
+    expect(documentsButton.querySelector('span.tw\\:rounded-full')).toBeNull();
+  });
+
+  it('applies active class to the active nav item', () => {
+    render(
+      <ContextCenterSidebar
+        activeKey="articles"
+        sections={mockSections}
+        title="Context Center"
+      />
+    );
+
+    const activeButton = screen.getByTestId('context-center-nav-articles');
+
+    expect(activeButton.className).toContain(
+      'tw:bg-[var(--color-bg-brand-secondary)]'
+    );
+  });
+
+  it('does not apply active class to inactive nav items', () => {
+    render(
+      <ContextCenterSidebar
+        activeKey="articles"
+        sections={mockSections}
+        title="Context Center"
+      />
+    );
+
+    const inactiveButton = screen.getByTestId('context-center-nav-documents');
+
+    expect(inactiveButton.className).not.toContain(
+      'tw:bg-[var(--color-bg-brand-secondary)]'
+    );
+  });
+
+  it('calls onItemClick with the item key when a nav item is clicked', () => {
+    const onItemClick = jest.fn();
+    render(
+      <ContextCenterSidebar
+        sections={mockSections}
+        title="Context Center"
+        onItemClick={onItemClick}
+      />
+    );
+
+    fireEvent.click(screen.getByTestId('context-center-nav-articles'));
+
+    expect(onItemClick).toHaveBeenCalledWith('articles');
+  });
+
+  it('calls item-level onClick when the nav item is clicked', () => {
+    const itemOnClick = jest.fn();
+    const sections: ContextCenterNavSection[] = [
+      {
+        sectionKey: 'main',
+        items: [
+          {
+            key: 'custom',
+            label: 'Custom',
+            icon: MockIcon,
+            onClick: itemOnClick,
+          },
+        ],
+      },
+    ];
+    render(<ContextCenterSidebar sections={sections} title="Context Center" />);
+
+    fireEvent.click(screen.getByTestId('context-center-nav-custom'));
+
+    expect(itemOnClick).toHaveBeenCalled();
+  });
+
+  it('renders the menu icon button', () => {
+    render(
+      <ContextCenterSidebar sections={mockSections} title="Context Center" />
+    );
+
+    expect(
+      screen.getByTestId('context-center-sidebar-menu')
+    ).toBeInTheDocument();
+  });
+});
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.test.tsx
new file mode 100644
index 000000000000..2c562fe569b3
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.test.tsx
@@ -0,0 +1,165 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import { fireEvent, render, screen } from '@testing-library/react';
+import DocumentsView from './DocumentsView.component';
+import { DocFile } from './DocumentsView.interface';
+
+jest.mock(
+  '../../../components/common/ErrorWithPlaceholder/ErrorPlaceHolder',
+  () => jest.fn(() => <div data-testid="error-placeholder" />)
+);
+
+jest.mock('@openmetadata/ui-core-components', () => ({
+  ButtonUtility: jest.fn(
+    ({
+      onClick,
+      'data-testid': testId,
+    }: {
+      onClick?: () => void;
+      'data-testid'?: string;
+    }) => (
+      <button data-testid={testId} onClick={onClick}>
+        btn
+      </button>
+    )
+  ),
+  Card: jest.fn(
+    ({
+      children,
+      'data-testid': testId,
+    }: {
+      children: React.ReactNode;
+      'data-testid'?: string;
+    }) => <div data-testid={testId}>{children}</div>
+  ),
+  Dropdown: {
+    Root: jest.fn(({ children }: { children: React.ReactNode }) => (
+      <div>{children}</div>
+    )),
+    DotsButton: jest.fn(() => <button>⋯</button>),
+    Popover: jest.fn(({ children }: { children: React.ReactNode }) => (
+      <div>{children}</div>
+    )),
+    Menu: jest.fn(
+      ({
+        children,
+        onAction,
+      }: {
+        children: React.ReactNode;
+        onAction?: (key: string) => void;
+      }) => <div data-onaction={String(onAction)}>{children}</div>
+    ),
+    Item: jest.fn(({ id, label }: { id: string; label: string }) => (
+      <button data-testid={`dropdown-item-${id}`}>{label}</button>
+    )),
+  },
+  Skeleton: jest.fn(() => <div data-testid="skeleton" />),
+  Tooltip: jest.fn(({ children }: { children: React.ReactNode }) => (
+    <div>{children}</div>
+  )),
+  TooltipTrigger: jest.fn(({ children }: { children: React.ReactNode }) => (
+    <div>{children}</div>
+  )),
+  Typography: jest.fn(({ children }: { children: React.ReactNode }) => (
+    <span>{children}</span>
+  )),
+}));
+
+const mockFiles: DocFile[] = [
+  {
+    id: 'file-1',
+    name: 'report.pdf',
+    fileType: 'pdf',
+    sizeLabel: '2 MB',
+    uploadedBy: 'alice',
+    uploadedAt: '2024-01-01',
+  },
+  {
+    id: 'file-2',
+    name: 'data.csv',
+    fileType: 'csv',
+    sizeLabel: '500 KB',
+  },
+];
+
+describe('DocumentsView', () => {
+  it('renders the documents view container', () => {
+    render(<DocumentsView data={mockFiles} isLoading={false} />);
+
+    expect(screen.getByTestId('documents-view')).toBeInTheDocument();
+  });
+
+  it('renders a row for each file when data is provided', () => {
+    render(<DocumentsView data={mockFiles} isLoading={false} />);
+
+    expect(screen.getByTestId('document-row-file-1')).toBeInTheDocument();
+    expect(screen.getByTestId('document-row-file-2')).toBeInTheDocument();
+  });
+
+  it('renders file name and size for each file', () => {
+    render(<DocumentsView data={mockFiles} isLoading={false} />);
+
+    expect(screen.getByText('report.pdf')).toBeInTheDocument();
+    expect(screen.getByText('2 MB')).toBeInTheDocument();
+    expect(screen.getByText('data.csv')).toBeInTheDocument();
+    expect(screen.getByText('500 KB')).toBeInTheDocument();
+  });
+
+  it('renders uploadedBy and uploadedAt when provided', () => {
+    render(<DocumentsView data={mockFiles} isLoading={false} />);
+
+    expect(screen.getByText('alice')).toBeInTheDocument();
+    expect(screen.getByText('2024-01-01')).toBeInTheDocument();
+  });
+
+  it('renders the PDF badge label for pdf files', () => {
+    render(<DocumentsView data={[mockFiles[0]]} isLoading={false} />);
+
+    expect(screen.getByText('PDF')).toBeInTheDocument();
+  });
+
+  it('renders the CSV badge label for csv files', () => {
+    render(<DocumentsView data={[mockFiles[1]]} isLoading={false} />);
+
+    expect(screen.getByText('CSV')).toBeInTheDocument();
+  });
+
+  it('renders the error placeholder when data is empty and not loading', () => {
+    render(<DocumentsView data={[]} isLoading={false} />);
+
+    expect(screen.getByTestId('error-placeholder')).toBeInTheDocument();
+  });
+
+  it('renders skeletons when isLoading is true', () => {
+    render(<DocumentsView isLoading data={[]} />);
+
+    expect(screen.getAllByTestId('skeleton').length).toBeGreaterThan(0);
+    expect(screen.queryByTestId('error-placeholder')).not.toBeInTheDocument();
+  });
+
+  it('calls onDownload when the download button is clicked', () => {
+    const onDownload = jest.fn();
+    render(
+      <DocumentsView
+        data={[mockFiles[0]]}
+        isLoading={false}
+        onDownload={onDownload}
+      />
+    );
+
+    fireEvent.click(screen.getAllByText('btn')[0]);
+
+    expect(onDownload).toHaveBeenCalledWith(mockFiles[0]);
+  });
+});
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.test.tsx
new file mode 100644
index 000000000000..3530479ba452
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.test.tsx
@@ -0,0 +1,343 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import {
+  act,
+  fireEvent,
+  render,
+  screen,
+  waitFor,
+} from '@testing-library/react';
+import { uploadAsset } from 'rest/assetAPI';
+import UploadDocumentModal from './UploadDocumentModal.component';
+
+jest.mock('rest/assetAPI', () => ({
+  uploadAsset: jest.fn(),
+}));
+
+let mockOnDropFiles: ((files: FileList) => void) | undefined;
+let mockOnSizeLimitExceed: ((files: FileList) => void) | undefined;
+
+jest.mock('@openmetadata/ui-core-components', () => ({
+  Button: jest.fn(
+    ({
+      children,
+      onClick,
+      isDisabled,
+    }: {
+      children: React.ReactNode;
+      onClick?: () => void;
+      isDisabled?: boolean;
+    }) => (
+      <button disabled={isDisabled} onClick={onClick}>
+        {children}
+      </button>
+    )
+  ),
+  ButtonUtility: jest.fn(
+    ({ onClick, tooltip }: { onClick?: () => void; tooltip?: string }) => (
+      <button aria-label={tooltip} onClick={onClick}>
+        x
+      </button>
+    )
+  ),
+  Dialog: Object.assign(
+    jest.fn(
+      ({
+        children,
+        title,
+        onClose,
+      }: {
+        children: React.ReactNode;
+        title: string;
+        onClose: () => void;
+      }) => (
+        <div data-testid="dialog">
+          <span>{title}</span>
+          <button data-testid="dialog-close" onClick={onClose}>
+            close
+          </button>
+          {children}
+        </div>
+      )
+    ),
+    {
+      Content: jest.fn(({ children }: { children: React.ReactNode }) => (
+        <div>{children}</div>
+      )),
+    }
+  ),
+  FileUpload: Object.assign(
+    jest.fn(({ children }: { children: React.ReactNode }) => (
+      <div>{children}</div>
+    )),
+    {
+      Root: jest.fn(({ children }: { children: React.ReactNode }) => (
+        <div>{children}</div>
+      )),
+      List: jest.fn(({ children }: { children: React.ReactNode }) => (
+        <ul>{children}</ul>
+      )),
+      ListItemProgressBar: jest.fn(
+        ({
+          name,
+          failed,
+          onDelete,
+          onRetry,
+        }: {
+          name: string;
+          failed?: boolean;
+          onDelete?: () => void;
+          onRetry?: () => void;
+        }) => (
+          <li data-failed={String(failed)} data-testid={`progress-bar-${name}`}>
+            {name}
+            {onDelete && (
+              <button data-testid={`delete-${name}`} onClick={onDelete}>
+                del
+              </button>
+            )}
+            {onRetry && (
+              <button data-testid={`retry-${name}`} onClick={onRetry}>
+                retry
+              </button>
+            )}
+          </li>
+        )
+      ),
+    }
+  ),
+  FileUploadDropZone: jest.fn(
+    ({
+      onDropFiles,
+      onSizeLimitExceed,
+    }: {
+      onDropFiles: (files: FileList) => void;
+      onSizeLimitExceed: (files: FileList) => void;
+    }) => {
+      mockOnDropFiles = onDropFiles;
+      mockOnSizeLimitExceed = onSizeLimitExceed;
+
+      return <div data-testid="drop-zone" />;
+    }
+  ),
+  getReadableFileSize: jest.fn((size: number) => `${size} bytes`),
+  Modal: jest.fn(({ children }: { children: React.ReactNode }) => (
+    <div>{children}</div>
+  )),
+  ModalOverlay: jest.fn(
+    ({ children, isOpen }: { children: React.ReactNode; isOpen: boolean }) =>
+      isOpen ? <div data-testid="modal-overlay">{children}</div> : null
+  ),
+}));
+
+const defaultProps = {
+  isOpen: true,
+  entityLink: 'entity::link',
+  onClose: jest.fn(),
+  onUploaded: jest.fn(),
+};
+
+const makeFileList = (...files: File[]): FileList => {
+  const fileList = files.reduce<Record<number, File>>(
+    (acc, file, index) => ({
+      ...acc,
+      [index]: file,
+    }),
+    {}
+  );
+
+  return {
+    ...fileList,
+    item: (index: number) => files[index] ?? null,
+    length: files.length,
+  } as unknown as FileList;
+};
+
+describe('UploadDocumentModal', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    mockOnDropFiles = undefined;
+    mockOnSizeLimitExceed = undefined;
+  });
+
+  it('renders the modal when isOpen is true', () => {
+    render(<UploadDocumentModal {...defaultProps} />);
+
+    expect(screen.getByTestId('modal-overlay')).toBeInTheDocument();
+    expect(screen.getByTestId('dialog')).toBeInTheDocument();
+  });
+
+  it('does not render modal content when isOpen is false', () => {
+    render(<UploadDocumentModal {...defaultProps} isOpen={false} />);
+
+    expect(screen.queryByTestId('modal-overlay')).not.toBeInTheDocument();
+  });
+
+  it('renders the drop zone', () => {
+    render(<UploadDocumentModal {...defaultProps} />);
+
+    expect(screen.getByTestId('drop-zone')).toBeInTheDocument();
+  });
+
+  it('renders cancel and attach buttons', () => {
+    render(<UploadDocumentModal {...defaultProps} />);
+
+    expect(screen.getByText(/cancel/i)).toBeInTheDocument();
+    expect(screen.getByText(/attach-file-plural/i)).toBeInTheDocument();
+  });
+
+  it('attach button is disabled when no files are staged', () => {
+    render(<UploadDocumentModal {...defaultProps} />);
+
+    const attachBtn = screen.getByText(/attach-file-plural/i);
+
+    expect(attachBtn).toBeDisabled();
+  });
+
+  it('shows staged files after files are dropped', () => {
+    render(<UploadDocumentModal {...defaultProps} />);
+
+    act(() => {
+      mockOnDropFiles!(makeFileList(new File(['content'], 'test.pdf')));
+    });
+
+    expect(screen.getByText('test.pdf')).toBeInTheDocument();
+  });
+
+  it('enables the attach button when staged files exist', () => {
+    render(<UploadDocumentModal {...defaultProps} />);
+
+    act(() => {
+      mockOnDropFiles!(makeFileList(new File(['content'], 'test.pdf')));
+    });
+
+    const attachBtn = screen.getByText(/attach-file-plural/i);
+
+    expect(attachBtn).not.toBeDisabled();
+  });
+
+  it('removes a staged file when its delete button is clicked', () => {
+    render(<UploadDocumentModal {...defaultProps} />);
+
+    act(() => {
+      mockOnDropFiles!(makeFileList(new File(['content'], 'remove-me.pdf')));
+    });
+
+    expect(screen.getByText('remove-me.pdf')).toBeInTheDocument();
+
+    fireEvent.click(screen.getByLabelText(/delete/i));
+
+    expect(screen.queryByText('remove-me.pdf')).not.toBeInTheDocument();
+  });
+
+  it('calls onClose when cancel button is clicked', () => {
+    render(<UploadDocumentModal {...defaultProps} />);
+
+    fireEvent.click(screen.getByText(/cancel/i));
+
+    expect(defaultProps.onClose).toHaveBeenCalled();
+  });
+
+  it('calls onClose when dialog close button is clicked', () => {
+    render(<UploadDocumentModal {...defaultProps} />);
+
+    fireEvent.click(screen.getByTestId('dialog-close'));
+
+    expect(defaultProps.onClose).toHaveBeenCalled();
+  });
+
+  it('calls uploadAsset and onUploaded when attach is clicked', async () => {
+    const mockAsset = { id: 'asset-1', name: 'test.pdf' };
+    (uploadAsset as jest.Mock).mockResolvedValue(mockAsset);
+
+    render(<UploadDocumentModal {...defaultProps} />);
+
+    act(() => {
+      mockOnDropFiles!(makeFileList(new File(['content'], 'test.pdf')));
+    });
+
+    fireEvent.click(screen.getByText(/attach-file-plural/i));
+
+    await waitFor(() => expect(uploadAsset).toHaveBeenCalled());
+
+    expect(
+      await screen.findByTestId('progress-bar-test.pdf')
+    ).toBeInTheDocument();
+  });
+
+  it('shows error toast when a file exceeds the size limit', () => {
+    render(<UploadDocumentModal {...defaultProps} />);
+
+    act(() => {
+      mockOnSizeLimitExceed!(
+        makeFileList(new File(['x'.repeat(6 * 1024 * 1024)], 'huge.pdf'))
+      );
+    });
+
+    expect(screen.getByTestId('size-error-message')).toBeInTheDocument();
+  });
+
+  it('shows the failed state in the progress bar on upload error', async () => {
+    (uploadAsset as jest.Mock).mockRejectedValue(new Error('upload failed'));
+
+    render(<UploadDocumentModal {...defaultProps} />);
+
+    act(() => {
+      mockOnDropFiles!(makeFileList(new File(['content'], 'fail.pdf')));
+    });
+
+    fireEvent.click(screen.getByText(/attach-file-plural/i));
+
+    const bar = await screen.findByTestId('progress-bar-fail.pdf');
+
+    expect(bar).toHaveAttribute('data-failed', 'true');
+  });
+
+  it('shows retry button for failed uploads', async () => {
+    (uploadAsset as jest.Mock).mockRejectedValue(new Error('upload failed'));
+
+    render(<UploadDocumentModal {...defaultProps} />);
+
+    act(() => {
+      mockOnDropFiles!(makeFileList(new File(['content'], 'fail.pdf')));
+    });
+
+    fireEvent.click(screen.getByText(/attach-file-plural/i));
+
+    expect(await screen.findByTestId('retry-fail.pdf')).toBeInTheDocument();
+  });
+
+  it('retries a failed upload when the retry button is clicked', async () => {
+    const mockAsset = { id: 'asset-retry', name: 'fail.pdf' };
+    (uploadAsset as jest.Mock)
+      .mockRejectedValueOnce(new Error('first attempt failed'))
+      .mockResolvedValueOnce(mockAsset);
+
+    render(<UploadDocumentModal {...defaultProps} />);
+
+    act(() => {
+      mockOnDropFiles!(makeFileList(new File(['content'], 'fail.pdf')));
+    });
+
+    fireEvent.click(screen.getByText(/attach-file-plural/i));
+
+    const retryBtn = await screen.findByTestId('retry-fail.pdf');
+    fireEvent.click(retryBtn);
+
+    await waitFor(() => expect(uploadAsset).toHaveBeenCalledTimes(2));
+    await waitFor(() =>
+      expect(defaultProps.onUploaded).toHaveBeenCalledWith([mockAsset])
+    );
+  });
+});
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx
index 290083efe2f9..d730d4a349f5 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx
@@ -40,7 +40,10 @@ const UploadedDocumentCard: FC<UploadedDocumentCardProps> = ({
     <Card
       className="tw:flex tw:flex-col tw:gap-3 tw:max-w-42"
       data-testid="uploaded-document-card"
-      onClick={() => onClick?.(document)}>
+      onClick={(e) => {
+        e.stopPropagation();
+        onClick?.(document);
+      }}>
       <div className="tw:flex tw:items-center tw:justify-center tw:h-15 tw:bg-gray-50">
         {fileTypeIcon}
       </div>
@@ -69,7 +72,10 @@ const UploadedDocumentCard: FC<UploadedDocumentCardProps> = ({
                     width={16}
                   />
                 }
-                onClick={() => onDownload?.(document)}
+                onClick={(e) => {
+                  e.stopPropagation();
+                  onDownload?.(document);
+                }}
               />
             </TooltipTrigger>
           </Tooltip>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.test.tsx
new file mode 100644
index 000000000000..522ffb847e01
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.test.tsx
@@ -0,0 +1,122 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import { fireEvent, render, screen } from '@testing-library/react';
+import UploadedDocumentCard from './UploadedDocumentCard.component';
+import { UploadedDocumentItem } from './UploadedDocumentCard.interface';
+
+jest.mock('utils/ContextCenterUtils', () => ({
+  getFileTypeIcon: jest.fn((fileType: string) => (
+    <span data-testid={`file-icon-${fileType}`} />
+  )),
+}));
+
+jest.mock('@openmetadata/ui-core-components', () => ({
+  ButtonUtility: jest.fn(({ onClick }: { onClick?: () => void }) => (
+    <button onClick={onClick}>download</button>
+  )),
+  Card: jest.fn(
+    ({
+      children,
+      onClick,
+      'data-testid': testId,
+    }: {
+      children: React.ReactNode;
+      onClick?: () => void;
+      'data-testid'?: string;
+    }) => (
+      <div data-testid={testId} onClick={onClick}>
+        {children}
+      </div>
+    )
+  ),
+  Typography: jest.fn(
+    ({ children, title }: { children: React.ReactNode; title?: string }) => (
+      <span title={title}>{children}</span>
+    )
+  ),
+  Tooltip: jest.fn(({ children }: { children: React.ReactNode }) => (
+    <div>{children}</div>
+  )),
+  TooltipTrigger: jest.fn(({ children }: { children: React.ReactNode }) => (
+    <div>{children}</div>
+  )),
+}));
+
+const mockDocument: UploadedDocumentItem = {
+  id: 'doc-1',
+  name: 'MyReport.pdf',
+  fileType: 'pdf',
+  sizeLabel: '1.2 MB',
+  status: 'processed',
+};
+
+describe('UploadedDocumentCard', () => {
+  it('renders the uploaded document card', () => {
+    render(<UploadedDocumentCard document={mockDocument} />);
+
+    expect(screen.getByTestId('uploaded-document-card')).toBeInTheDocument();
+  });
+
+  it('renders the file name', () => {
+    render(<UploadedDocumentCard document={mockDocument} />);
+
+    expect(screen.getByText('MyReport.pdf')).toBeInTheDocument();
+  });
+
+  it('renders the size label', () => {
+    render(<UploadedDocumentCard document={mockDocument} />);
+
+    expect(screen.getByText('1.2 MB')).toBeInTheDocument();
+  });
+
+  it('renders the file type icon using getFileTypeIcon', () => {
+    render(<UploadedDocumentCard document={mockDocument} />);
+
+    expect(screen.getByTestId('file-icon-pdf')).toBeInTheDocument();
+  });
+
+  it('renders the correct file icon for doc type', () => {
+    const docDocument: UploadedDocumentItem = {
+      ...mockDocument,
+      id: 'doc-2',
+      fileType: 'doc',
+    };
+    render(<UploadedDocumentCard document={docDocument} />);
+
+    expect(screen.getByTestId('file-icon-doc')).toBeInTheDocument();
+  });
+
+  it('calls onClick with the document when the card is clicked', () => {
+    const onClick = jest.fn();
+    render(<UploadedDocumentCard document={mockDocument} onClick={onClick} />);
+
+    fireEvent.click(screen.getByTestId('uploaded-document-card'));
+
+    expect(onClick).toHaveBeenCalledWith(mockDocument);
+  });
+
+  it('does not throw when onClick is not provided', () => {
+    render(<UploadedDocumentCard document={mockDocument} />);
+
+    expect(() =>
+      fireEvent.click(screen.getByTestId('uploaded-document-card'))
+    ).not.toThrow();
+  });
+
+  it('renders title attribute on the name typography', () => {
+    render(<UploadedDocumentCard document={mockDocument} />);
+
+    expect(screen.getByTitle('MyReport.pdf')).toBeInTheDocument();
+  });
+});
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.test.tsx
new file mode 100644
index 000000000000..07ee792abdea
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.test.tsx
@@ -0,0 +1,167 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import { fireEvent, render, screen } from '@testing-library/react';
+import { UploadedDocumentItem } from '../UploadedDocumentCard/UploadedDocumentCard.interface';
+import UploadedDocumentsSection from './UploadedDocumentsSection.component';
+
+jest.mock('components/common/ErrorWithPlaceholder/ErrorPlaceHolder', () =>
+  jest.fn(() => <div data-testid="error-placeholder" />)
+);
+
+jest.mock('../UploadedDocumentCard/UploadedDocumentCard.component', () =>
+  jest.fn(
+    ({
+      document,
+      onClick,
+    }: {
+      document: UploadedDocumentItem;
+      onClick?: (d: UploadedDocumentItem) => void;
+    }) => (
+      <div
+        data-testid={`uploaded-doc-card-${document.id}`}
+        onClick={() => onClick?.(document)}>
+        {document.name}
+      </div>
+    )
+  )
+);
+
+jest.mock('@openmetadata/ui-core-components', () => ({
+  Button: jest.fn(
+    ({
+      children,
+      onClick,
+    }: {
+      children: React.ReactNode;
+      onClick?: () => void;
+    }) => <button onClick={onClick}>{children}</button>
+  ),
+  Card: jest.fn(
+    ({
+      children,
+      'data-testid': testId,
+    }: {
+      children: React.ReactNode;
+      'data-testid'?: string;
+    }) => <div data-testid={testId}>{children}</div>
+  ),
+  Skeleton: jest.fn(() => <div data-testid="skeleton" />),
+  Typography: jest.fn(({ children }: { children: React.ReactNode }) => (
+    <span>{children}</span>
+  )),
+}));
+
+const mockDocuments: UploadedDocumentItem[] = [
+  {
+    id: 'd1',
+    name: 'Report.pdf',
+    fileType: 'pdf',
+    sizeLabel: '1 MB',
+    status: 'processed',
+  },
+  {
+    id: 'd2',
+    name: 'Sheet.xls',
+    fileType: 'xls',
+    sizeLabel: '200 KB',
+    status: 'analyzing',
+  },
+];
+
+describe('UploadedDocumentsSection', () => {
+  it('renders the section container', () => {
+    render(<UploadedDocumentsSection documents={mockDocuments} />);
+
+    expect(
+      screen.getByTestId('uploaded-documents-section')
+    ).toBeInTheDocument();
+  });
+
+  it('renders a card for each documenisLoating d', () => {
+    render(<UploadedDocumentsSection documents={mockDocuments} />);
+
+    expect(screen.getByTestId('uploaded-doc-card-d1')).toBeInTheDocument();
+    expect(screen.getByTestId('uploaded-doc-card-d2')).toBeInTheDocument();
+  });
+
+  it('renders the error placeholder when documents list is empty', () => {
+    render(<UploadedDocumentsSection documents={[]} />);
+
+    expect(screen.getByTestId('error-placeholder')).toBeInTheDocument();
+  });
+
+  it('renders skeletons when isLoading is true', () => {
+    render(<UploadedDocumentsSection isLoading documents={[]} />);
+
+    expect(screen.getAllByTestId('skeleton').length).toBeGreaterThan(0);
+    expect(screen.queryByTestId('error-placeholder')).not.toBeInTheDocument();
+  });
+
+  it('shows the view-all button when onViewAll is provided', () => {
+    const onViewAll = jest.fn();
+    render(
+      <UploadedDocumentsSection
+        documents={mockDocuments}
+        onViewAll={onViewAll}
+      />
+    );
+
+    expect(screen.getByText(/view-all/i)).toBeInTheDocument();
+  });
+
+  it('shows the view-all button when viewAllHref is provided', () => {
+    render(
+      <UploadedDocumentsSection
+        documents={mockDocuments}
+        viewAllHref="/documents"
+      />
+    );
+
+    expect(screen.getByText(/view-all/i)).toBeInTheDocument();
+  });
+
+  it('does not show the view-all button when neither viewAllHref nor onViewAll is provided', () => {
+    render(<UploadedDocumentsSection documents={mockDocuments} />);
+
+    expect(screen.queryByText(/view-all/i)).not.toBeInTheDocument();
+  });
+
+  it('calls onViewAll when the view-all button is clicked', () => {
+    const onViewAll = jest.fn();
+    render(
+      <UploadedDocumentsSection
+        documents={mockDocuments}
+        onViewAll={onViewAll}
+      />
+    );
+
+    fireEvent.click(screen.getByText(/view-all/i));
+
+    expect(onViewAll).toHaveBeenCalled();
+  });
+
+  it('calls onDocumentClick when a document card is clicked', () => {
+    const onDocumentClick = jest.fn();
+    render(
+      <UploadedDocumentsSection
+        documents={mockDocuments}
+        onDocumentClick={onDocumentClick}
+      />
+    );
+
+    fireEvent.click(screen.getByTestId('uploaded-doc-card-d1'));
+
+    expect(onDocumentClick).toHaveBeenCalledWith(mockDocuments[0]);
+  });
+});
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx
index 4999ad02e09c..88a9a956e019 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx
@@ -18,7 +18,7 @@ import {
   OperationPermission,
   ResourceEntity,
 } from 'context/PermissionProvider/PermissionProvider.interface';
-import { FC, useCallback, useEffect, useMemo, useState } from 'react';
+import { FC, useCallback, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 import { DEFAULT_ENTITY_PERMISSION } from 'utils/PermissionsUtils';
@@ -34,11 +34,6 @@ const ContextCenterArchivePage: FC = () => {
     DEFAULT_ENTITY_PERMISSION
   );
 
-  const hasCreatePermission = useMemo(
-    () => permissions.Create,
-    [permissions.Create]
-  );
-
   const fetchPermission = useCallback(async () => {
     try {
       const response = await getResourcePermission(
@@ -73,7 +68,7 @@ const ContextCenterArchivePage: FC = () => {
             url: '',
           },
         ]}
-        hasPermission={hasCreatePermission}
+        hasPermission={permissions?.Create}
         subtitle={t('message.context-center-archive-subtitle', {
           defaultValue: 'View archived articles and documents',
         })}
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
index e50acae4055f..ff9d8e6c63d9 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
@@ -15,7 +15,7 @@ import { Button, Dropdown } from '@openmetadata/ui-core-components';
 import { ChevronDown, Home02 } from '@untitledui/icons';
 import { AxiosError } from 'axios';
 import cryptoRandomString from 'crypto-random-string-with-promisify-polyfill';
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 import { withActivityFeed } from '../../../components/AppRouter/withActivityFeed';
@@ -81,11 +81,6 @@ const ContextCenterArticlesPage = () => {
   const [isRightPanelOpen, setIsRightPanelOpen] = useState(true);
   const [showAddLinkModal, setShowAddLinkModal] = useState(false);
 
-  const hasCreatePermission = useMemo(
-    () => permissions.Create,
-    [permissions.Create]
-  );
-
   const handleFetchKnowledgePageHierarchy = useCallback(
     (forceRefresh?: boolean) =>
       knowledgePagesHierarchyRef.current?.fetchKnowledgePageHierarchy(
@@ -227,7 +222,7 @@ const ContextCenterArticlesPage = () => {
           { name: t('label.context-center'), url: ROUTES.CONTEXT_CENTER },
           { activeTitle: true, name: t('label.article-plural'), url: '' },
         ]}
-        hasPermission={hasCreatePermission}
+        hasPermission={permissions?.Create}
         subtitle={t('message.internal-knowledge-base-agent-training', {
           defaultValue: 'Internal knowledge base for agent training',
         })}
diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.test.ts b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.test.ts
new file mode 100644
index 000000000000..856f3aa5499a
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.test.ts
@@ -0,0 +1,144 @@
+import { render } from '@testing-library/react';
+import { ROUTES } from 'constants/constants';
+import { Asset } from 'generated/attachments/asset';
+import { PageType } from 'interface/knowledge-center.interface';
+import {
+  assetToDocumentItem,
+  extensionToFileType,
+  formatBytes,
+  getFileTypeIcon,
+  knowledgePageToArticleItem,
+} from './ContextCenterUtils';
+
+jest.mock('./ToastUtils', () => ({
+  showErrorToast: jest.fn(),
+}));
+
+jest.mock('./KnowledgePageUtils', () => ({
+  getContextCenterArticlePath: jest.fn(),
+}));
+
+jest.mock('crypto-random-string-with-promisify-polyfill', () =>
+  jest.fn(() => 'random123')
+);
+
+describe('extensionToFileType', () => {
+  it('should return doc for doc/docx files', () => {
+    expect(extensionToFileType('test.doc')).toBe('doc');
+    expect(extensionToFileType('test.docx')).toBe('doc');
+  });
+
+  it('should return pdf for pdf files', () => {
+    expect(extensionToFileType('test.pdf')).toBe('pdf');
+  });
+
+  it('should return xls for spreadsheet files', () => {
+    expect(extensionToFileType('test.xls')).toBe('xls');
+    expect(extensionToFileType('test.xlsx')).toBe('xls');
+    expect(extensionToFileType('test.csv')).toBe('xls');
+  });
+
+  it('should return image for image files', () => {
+    expect(extensionToFileType('test.png')).toBe('image');
+    expect(extensionToFileType('test.jpeg')).toBe('image');
+  });
+
+  it('should return other for unsupported files', () => {
+    expect(extensionToFileType('test.zip')).toBe('other');
+  });
+
+  it('should return other when extension is missing', () => {
+    expect(extensionToFileType('test')).toBe('other');
+  });
+});
+
+describe('formatBytes', () => {
+  it('should return empty string for undefined', () => {
+    expect(formatBytes()).toBe('');
+  });
+
+  it('should format bytes correctly', () => {
+    expect(formatBytes(500)).toBe('500 B');
+  });
+
+  it('should format KB correctly', () => {
+    expect(formatBytes(2048)).toBe('2.0 KB');
+  });
+
+  it('should format MB correctly', () => {
+    expect(formatBytes(5 * 1024 * 1024)).toBe('5.0 MB');
+  });
+});
+
+describe('assetToDocumentItem', () => {
+  it('should transform asset into UploadedDocumentItem', () => {
+    const asset = {
+      id: '1',
+      fileName: 'sample.pdf',
+      size: 2048,
+    };
+
+    expect(assetToDocumentItem(asset as Asset)).toEqual({
+      fileType: 'pdf',
+      id: '1',
+      name: 'sample.pdf',
+      sizeLabel: '2.0 KB',
+      status: 'processed',
+    });
+  });
+});
+
+describe('knowledgePageToArticleItem', () => {
+  it('should map article page correctly', () => {
+    const page = {
+      id: '1',
+      displayName: 'My Article',
+      description: 'Description',
+      updatedAt: 123456,
+      fullyQualifiedName: 'sample.article',
+      tags: [{ tagFQN: 'Tier.Tier1' }],
+      pageType: PageType.ARTICLE,
+    };
+
+    expect(knowledgePageToArticleItem(page, 'Untitled')).toEqual({
+      description: 'Description',
+      href: `${ROUTES.CONTEXT_CENTER_ARTICLES}/sample.article`,
+      id: '1',
+      lastEditedAt: 123456,
+      tags: [{ label: 'Tier1' }],
+      title: 'My Article',
+    });
+  });
+
+  it('should map quick link correctly', () => {
+    const page = {
+      id: '2',
+      updatedAt: 123,
+      pageType: PageType.QUICK_LINK,
+      page: {
+        url: 'https://example.com',
+      },
+    };
+
+    expect(knowledgePageToArticleItem(page, 'Untitled')).toEqual({
+      description: '',
+      href: 'https://example.com',
+      id: '2',
+      lastEditedAt: 123,
+      tags: [],
+      title: 'Untitled',
+    });
+  });
+});
+
+describe('getFileTypeIcon', () => {
+  it('should render default icon for unknown type', () => {
+    const { container } = render(getFileTypeIcon('unknown'));
+
+    expect(container.querySelector('svg')).toBeInTheDocument();
+  });
+
+  it('should render icon component for pdf type', () => {
+    expect(getFileTypeIcon('pdf')).toBeTruthy();
+  });
+});

From c84eb62c2f743b20260fdd105c7c1825a528226f Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Wed, 13 May 2026 22:48:27 +0530
Subject: [PATCH 23/59] lint fix

---
 .../ui/src/utils/ContextCenterUtils.test.ts          | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.test.ts b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.test.ts
index 856f3aa5499a..6bd59b859798 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.test.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.test.ts
@@ -1,3 +1,15 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
 import { render } from '@testing-library/react';
 import { ROUTES } from 'constants/constants';
 import { Asset } from 'generated/attachments/asset';

From 01aac5da253c39808d628a711abf09f859fc0603 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Wed, 13 May 2026 23:24:09 +0530
Subject: [PATCH 24/59] fixed translations

---
 .../ArticleListSection.component.tsx          |   4 +-
 .../ContextCenterHeader.component.tsx         |   2 +-
 .../ContextCenterSidebar.component.tsx        | 144 ------------
 .../ContextCenterSidebar.interface.ts         |  39 ----
 .../ContextCenterSidebar.test.tsx             | 178 ---------------
 .../DocumentsView/DocumentsView.component.tsx |   2 +-
 .../UploadDocumentModal.component.tsx         |  15 +-
 .../UploadedDocumentsSection.component.tsx    |  26 +--
 .../ui/src/locale/languages/ar-sa.json        |   8 +
 .../ui/src/locale/languages/de-de.json        |   8 +
 .../ui/src/locale/languages/en-us.json        |   8 +
 .../ui/src/locale/languages/es-es.json        |   8 +
 .../ui/src/locale/languages/fr-fr.json        |   8 +
 .../ui/src/locale/languages/gl-es.json        |   8 +
 .../ui/src/locale/languages/he-he.json        |   8 +
 .../ui/src/locale/languages/ja-jp.json        |   8 +
 .../ui/src/locale/languages/ko-kr.json        |   8 +
 .../ui/src/locale/languages/mr-in.json        |   8 +
 .../ui/src/locale/languages/nl-nl.json        |   8 +
 .../ui/src/locale/languages/pr-pr.json        |   8 +
 .../ui/src/locale/languages/pt-br.json        |   8 +
 .../ui/src/locale/languages/pt-pt.json        |   8 +
 .../ui/src/locale/languages/ru-ru.json        |   8 +
 .../ui/src/locale/languages/th-th.json        |   8 +
 .../ui/src/locale/languages/tr-tr.json        |   8 +
 .../ui/src/locale/languages/zh-cn.json        |   8 +
 .../ui/src/locale/languages/zh-tw.json        |   8 +
 .../ContextCenterArchivePage.tsx              |   4 +-
 .../ContextCenterArticlesPage.tsx             |   4 +-
 .../ContextCenterDashboardPage.tsx            |   8 +-
 .../ContextCenterDocumentsPage.tsx            |  19 +-
 .../ContextCenterIntegrationsPage.tsx         |   4 +-
 .../ContextCenterPage.mock.ts                 | 215 ------------------
 33 files changed, 180 insertions(+), 636 deletions(-)
 delete mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.component.tsx
 delete mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.interface.ts
 delete mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.test.tsx
 delete mode 100644 openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterPage.mock.ts

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
index fc6943e58424..f6b5c839073c 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
@@ -93,14 +93,14 @@ const ArticleListSection: FC<ArticleListSectionProps> = ({
       <div className="tw:flex tw:items-center tw:justify-between tw:pb-5">
         <div className="tw:flex tw:items-center tw:gap-3">
           <div className="tw:p-3 tw:rounded-lg tw:bg-gray-blue-50">
-            <File06 className="tw:text-grey-600" height={20} width={20} />
+            <File06 className="tw:text-gray-600" height={20} width={20} />
           </div>
           <div className="tw:flex tw:flex-col">
             <Typography size="text-md" weight="bold">
               {title}
             </Typography>
             {subtitle && (
-              <Typography className="tw:text-grey-500" size="text-xs">
+              <Typography className="tw:text-gray-500" size="text-xs">
                 {subtitle}
               </Typography>
             )}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx
index 423332c1b2ce..567117fcf467 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx
@@ -46,7 +46,7 @@ const ContextCenterHeader: FC<ContextCenterHeaderProps> = ({
           iconLeading={UploadCloud02}
           size="sm"
           onClick={onUploadFile}>
-          {t('label.upload-file', { defaultValue: 'Upload File' })}
+          {t('message.upload-file')}
         </Button>
       )}
     </div>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.component.tsx
deleted file mode 100644
index 3f243c33d58c..000000000000
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.component.tsx
+++ /dev/null
@@ -1,144 +0,0 @@
-/*
- *  Copyright 2026 Collate.
- *  Licensed under the Apache License, Version 2.0 (the "License");
- *  you may not use this file except in compliance with the License.
- *  You may obtain a copy of the License at
- *  http://www.apache.org/licenses/LICENSE-2.0
- *  Unless required by applicable law or agreed to in writing, software
- *  distributed under the License is distributed on an "AS IS" BASIS,
- *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *  See the License for the specific language governing permissions and
- *  limitations under the License.
- */
-
-import { Menu01 } from '@untitledui/icons';
-import { FC } from 'react';
-import {
-  ContextCenterNavItem,
-  ContextCenterNavSection,
-  ContextCenterSidebarProps,
-} from './ContextCenterSidebar.interface';
-
-// ─── Nav Item ─────────────────────────────────────────────────────────────────
-
-interface NavItemProps {
-  item: ContextCenterNavItem;
-  isActive: boolean;
-  onItemClick?: (key: string) => void;
-}
-
-const NavItem: FC<NavItemProps> = ({ item, isActive, onItemClick }) => {
-  const { key, label, icon: Icon, count } = item;
-
-  return (
-    <button
-      className={[
-        'tw:w-full tw:flex tw:items-center tw:justify-between tw:gap-3 tw:px-3 tw:py-2.5 tw:rounded-lg tw:text-left tw:transition-colors tw:duration-100 tw:cursor-pointer tw:border-0',
-        isActive
-          ? 'tw:bg-[var(--color-bg-brand-secondary)] tw:text-[var(--color-text-brand)]'
-          : 'tw:bg-transparent tw:text-[var(--color-text-secondary)] tw:hover:bg-[var(--color-bg-secondary)] tw:hover:text-[var(--color-text-primary)]',
-      ].join(' ')}
-      data-testid={`context-center-nav-${key}`}
-      type="button"
-      onClick={() => {
-        item.onClick?.();
-        onItemClick?.(key);
-      }}>
-      <span className="tw:flex tw:items-center tw:gap-3 tw:min-w-0">
-        <Icon
-          className={[
-            'tw:w-5 tw:h-5 tw:flex-shrink-0',
-            isActive
-              ? 'tw:text-[var(--color-text-brand)]'
-              : 'tw:text-[var(--color-text-tertiary)]',
-          ].join(' ')}
-          strokeWidth={1.5}
-        />
-        <span className="tw:text-sm tw:font-medium tw:truncate">{label}</span>
-      </span>
-
-      {count !== undefined && (
-        <span
-          className={[
-            'tw:flex-shrink-0 tw:min-w-[24px] tw:h-6 tw:px-1.5 tw:rounded-full tw:text-xs tw:font-medium tw:flex tw:items-center tw:justify-center tw:border',
-            isActive
-              ? 'tw:bg-[var(--color-bg-brand-secondary)] tw:text-[var(--color-text-brand)] tw:border-[var(--color-border-brand)]'
-              : 'tw:bg-transparent tw:text-[var(--color-text-tertiary)] tw:border-[var(--color-border-primary)]',
-          ].join(' ')}>
-          {count}
-        </span>
-      )}
-    </button>
-  );
-};
-
-// ─── Nav Section ──────────────────────────────────────────────────────────────
-
-interface NavSectionProps {
-  section: ContextCenterNavSection;
-  activeKey?: string;
-  onItemClick?: (key: string) => void;
-}
-
-const NavSection: FC<NavSectionProps> = ({
-  section,
-  activeKey,
-  onItemClick,
-}) => (
-  <div
-    className="tw:flex tw:flex-col tw:gap-0.5"
-    data-testid={`context-center-section-${section.sectionKey}`}>
-    {section.sectionLabel && (
-      <p className="tw:text-xs tw:font-medium tw:text-[var(--color-text-tertiary)] tw:uppercase tw:tracking-wider tw:px-3 tw:py-1 tw:m-0">
-        {section.sectionLabel}
-      </p>
-    )}
-    {section.items.map((item) => (
-      <NavItem
-        isActive={activeKey === item.key}
-        item={item}
-        key={item.key}
-        onItemClick={onItemClick}
-      />
-    ))}
-  </div>
-);
-
-// ─── Sidebar ──────────────────────────────────────────────────────────────────
-
-const ContextCenterSidebar: FC<ContextCenterSidebarProps> = ({
-  title,
-  activeKey,
-  sections,
-  onItemClick,
-}) => (
-  <aside
-    className="tw:w-64 tw:flex-shrink-0 tw:flex tw:flex-col tw:gap-4 tw:p-4 tw:bg-[var(--color-bg-primary)] tw:border-r tw:border-[var(--color-border-primary)] tw:h-full tw:overflow-y-auto"
-    data-testid="context-center-sidebar">
-    <div className="tw:flex tw:items-center tw:justify-between tw:px-1">
-      <h2 className="tw:text-lg tw:font-bold tw:text-[var(--color-text-primary)] tw:m-0">
-        {title}
-      </h2>
-      <button
-        className="tw:p-1 tw:rounded-md tw:hover:text-[var(--color-text-primary)] tw:hover:bg-[var(--color-bg-secondary)] tw:border-0 tw:bg-transparent tw:cursor-pointer"
-        data-testid="context-center-sidebar-menu"
-        type="button">
-        <Menu01 className="tw:w-5 tw:h-5" />
-      </button>
-    </div>
-
-    <div className="tw:flex tw:flex-col tw:gap-5">
-      {sections.map((section) => (
-        <div key={section.sectionKey}>
-          <NavSection
-            activeKey={activeKey}
-            section={section}
-            onItemClick={onItemClick}
-          />
-        </div>
-      ))}
-    </div>
-  </aside>
-);
-
-export default ContextCenterSidebar;
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.interface.ts
deleted file mode 100644
index 0723ecba8849..000000000000
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.interface.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-/*
- *  Copyright 2026 Collate.
- *  Licensed under the Apache License, Version 2.0 (the "License");
- *  you may not use this file except in compliance with the License.
- *  You may obtain a copy of the License at
- *  http://www.apache.org/licenses/LICENSE-2.0
- *  Unless required by applicable law or agreed to in writing, software
- *  distributed under the License is distributed on an "AS IS" BASIS,
- *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *  See the License for the specific language governing permissions and
- *  limitations under the License.
- */
-
-import type { ComponentType, SVGAttributes } from 'react';
-
-export type IconComponent = ComponentType<
-  SVGAttributes<SVGElement> & { size?: number; strokeWidth?: number }
->;
-
-export interface ContextCenterNavItem {
-  key: string;
-  label: string;
-  icon: IconComponent;
-  count?: number;
-  onClick?: () => void;
-}
-
-export interface ContextCenterNavSection {
-  sectionKey: string;
-  sectionLabel?: string;
-  items: ContextCenterNavItem[];
-}
-
-export interface ContextCenterSidebarProps {
-  title: string;
-  activeKey?: string;
-  sections: ContextCenterNavSection[];
-  onItemClick?: (key: string) => void;
-}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.test.tsx
deleted file mode 100644
index 3f6d3c88e60f..000000000000
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterSidebar/ContextCenterSidebar.test.tsx
+++ /dev/null
@@ -1,178 +0,0 @@
-/*
- *  Copyright 2026 Collate.
- *  Licensed under the Apache License, Version 2.0 (the "License");
- *  you may not use this file except in compliance with the License.
- *  You may obtain a copy of the License at
- *  http://www.apache.org/licenses/LICENSE-2.0
- *  Unless required by applicable law or agreed to in writing, software
- *  distributed under the License is distributed on an "AS IS" BASIS,
- *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *  See the License for the specific language governing permissions and
- *  limitations under the License.
- */
-
-import { fireEvent, render, screen } from '@testing-library/react';
-import { SVGAttributes } from 'react';
-import ContextCenterSidebar from './ContextCenterSidebar.component';
-import {
-  ContextCenterNavSection,
-  IconComponent,
-} from './ContextCenterSidebar.interface';
-
-const MockIcon: IconComponent = (props: SVGAttributes<SVGElement>) => (
-  <svg data-testid="mock-icon" {...props} />
-);
-
-const mockSections: ContextCenterNavSection[] = [
-  {
-    sectionKey: 'main',
-    sectionLabel: 'Main Navigation',
-    items: [
-      { key: 'articles', label: 'Articles', icon: MockIcon, count: 5 },
-      { key: 'documents', label: 'Documents', icon: MockIcon },
-    ],
-  },
-  {
-    sectionKey: 'settings',
-    items: [{ key: 'config', label: 'Config', icon: MockIcon }],
-  },
-];
-
-describe('ContextCenterSidebar', () => {
-  it('renders the sidebar with title', () => {
-    render(
-      <ContextCenterSidebar sections={mockSections} title="Context Center" />
-    );
-
-    expect(screen.getByTestId('context-center-sidebar')).toBeInTheDocument();
-    expect(screen.getByText('Context Center')).toBeInTheDocument();
-  });
-
-  it('renders section labels when provided', () => {
-    render(
-      <ContextCenterSidebar sections={mockSections} title="Context Center" />
-    );
-
-    expect(screen.getByText('Main Navigation')).toBeInTheDocument();
-  });
-
-  it('renders sections with correct data-testid', () => {
-    render(
-      <ContextCenterSidebar sections={mockSections} title="Context Center" />
-    );
-
-    expect(
-      screen.getByTestId('context-center-section-main')
-    ).toBeInTheDocument();
-    expect(
-      screen.getByTestId('context-center-section-settings')
-    ).toBeInTheDocument();
-  });
-
-  it('renders all nav item labels', () => {
-    render(
-      <ContextCenterSidebar sections={mockSections} title="Context Center" />
-    );
-
-    expect(screen.getByText('Articles')).toBeInTheDocument();
-    expect(screen.getByText('Documents')).toBeInTheDocument();
-    expect(screen.getByText('Config')).toBeInTheDocument();
-  });
-
-  it('renders the count badge when count is provided', () => {
-    render(
-      <ContextCenterSidebar sections={mockSections} title="Context Center" />
-    );
-
-    expect(screen.getByText('5')).toBeInTheDocument();
-  });
-
-  it('does not render a count badge when count is not provided', () => {
-    render(
-      <ContextCenterSidebar sections={mockSections} title="Context Center" />
-    );
-
-    const documentsButton = screen.getByTestId('context-center-nav-documents');
-
-    expect(documentsButton.querySelector('span.tw\\:rounded-full')).toBeNull();
-  });
-
-  it('applies active class to the active nav item', () => {
-    render(
-      <ContextCenterSidebar
-        activeKey="articles"
-        sections={mockSections}
-        title="Context Center"
-      />
-    );
-
-    const activeButton = screen.getByTestId('context-center-nav-articles');
-
-    expect(activeButton.className).toContain(
-      'tw:bg-[var(--color-bg-brand-secondary)]'
-    );
-  });
-
-  it('does not apply active class to inactive nav items', () => {
-    render(
-      <ContextCenterSidebar
-        activeKey="articles"
-        sections={mockSections}
-        title="Context Center"
-      />
-    );
-
-    const inactiveButton = screen.getByTestId('context-center-nav-documents');
-
-    expect(inactiveButton.className).not.toContain(
-      'tw:bg-[var(--color-bg-brand-secondary)]'
-    );
-  });
-
-  it('calls onItemClick with the item key when a nav item is clicked', () => {
-    const onItemClick = jest.fn();
-    render(
-      <ContextCenterSidebar
-        sections={mockSections}
-        title="Context Center"
-        onItemClick={onItemClick}
-      />
-    );
-
-    fireEvent.click(screen.getByTestId('context-center-nav-articles'));
-
-    expect(onItemClick).toHaveBeenCalledWith('articles');
-  });
-
-  it('calls item-level onClick when the nav item is clicked', () => {
-    const itemOnClick = jest.fn();
-    const sections: ContextCenterNavSection[] = [
-      {
-        sectionKey: 'main',
-        items: [
-          {
-            key: 'custom',
-            label: 'Custom',
-            icon: MockIcon,
-            onClick: itemOnClick,
-          },
-        ],
-      },
-    ];
-    render(<ContextCenterSidebar sections={sections} title="Context Center" />);
-
-    fireEvent.click(screen.getByTestId('context-center-nav-custom'));
-
-    expect(itemOnClick).toHaveBeenCalled();
-  });
-
-  it('renders the menu icon button', () => {
-    render(
-      <ContextCenterSidebar sections={mockSections} title="Context Center" />
-    );
-
-    expect(
-      screen.getByTestId('context-center-sidebar-menu')
-    ).toBeInTheDocument();
-  });
-});
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
index 27db644b47cb..439bf082c3a1 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
@@ -94,7 +94,7 @@ const FileActions: FC<FileActionsProps> = ({
             data-testid="share-btn"
             icon={Share07}
             id="share"
-            label={t('label.share-file', { defaultValue: 'Share File' })}
+            label={t('label.share-file')}
           />
           {canDelete && (
             <Dropdown.Item
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
index 261395933500..9ee85d5d2ff8 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
@@ -103,12 +103,7 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
   };
 
   const handleSizeLimitExceed = () => {
-    setSizeError(
-      t('message.file-size-limit-exceeded', {
-        defaultValue:
-          'Some files exceed the 5 MB size limit and were not uploaded.',
-      })
-    );
+    setSizeError(t('message.file-size-limit-exceeded'));
   };
 
   const handleRemoveStaged = (id: string) => {
@@ -182,14 +177,10 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
             <FileUpload.Root>
               <FileUploadDropZone
                 allowsMultiple
-                clickToUploadLabel={t('label.click-to-upload', {
-                  defaultValue: 'Click to upload',
-                })}
+                clickToUploadLabel={t('label.click-to-upload')}
                 hint={t('message.upload-document-hint')}
                 maxSize={5 * 1024 * 1024}
-                orDragAndDropLabel={t('message.or-drag-and-drop', {
-                  defaultValue: 'or drag and drop',
-                })}
+                orDragAndDropLabel={t('label.or-drag-and-drop')}
                 onDropFiles={handleDropFiles}
                 onSizeLimitExceed={handleSizeLimitExceed}
               />
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
index 0c13a3fa3326..0029f01c3ff6 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
@@ -56,16 +56,14 @@ const UploadedDocumentsSection: FC<UploadedDocumentsSectionProps> = ({
       <div className="tw:flex tw:items-center tw:justify-between tw:pb-5">
         <div className="tw:flex tw:items-center tw:gap-3">
           <div className="tw:p-3 tw:rounded-lg tw:bg-gray-blue-50">
-            <Upload01 className="tw:text-grey-600" height={20} width={20} />
+            <Upload01 className="tw:text-gray-600" height={20} width={20} />
           </div>
           <div className="tw:flex tw:flex-col">
             <Typography size="text-md" weight="bold">
               {t('label.uploaded-document-plural')}
             </Typography>
-            <Typography className="tw:text-grey-500" size="text-xs">
-              {t('message.manual-upload-agent-context', {
-                defaultValue: 'Manual uploads for specific agent context',
-              })}
+            <Typography className="tw:text-gray-500" size="text-xs">
+              {t('message.manual-upload-agent-context')}
             </Typography>
           </div>
         </div>
@@ -86,14 +84,16 @@ const UploadedDocumentsSection: FC<UploadedDocumentsSectionProps> = ({
             ? Array.from({ length: 8 }).map((_, idx) => (
                 <DocumentCardSkeleton key={idx} />
               ))
-            : documents.map((doc: UploadedDocumentItem) => (
-                <UploadedDocumentCard
-                  document={doc}
-                  key={doc.id}
-                  onClick={onDocumentClick}
-                  onDownload={onDownload}
-                />
-              ))}
+            : documents
+                .slice(0, 25)
+                .map((doc: UploadedDocumentItem) => (
+                  <UploadedDocumentCard
+                    document={doc}
+                    key={doc.id}
+                    onClick={onDocumentClick}
+                    onDownload={onDownload}
+                  />
+                ))}
         </div>
       ) : (
         <ErrorPlaceHolder
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ar-sa.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ar-sa.json
index 73ac4491088e..a56bea3c3489 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ar-sa.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ar-sa.json
@@ -1957,6 +1957,7 @@
     "setup-guide": "دليل الإعداد",
     "severity": "الخطورة",
     "share": "مشاركة",
+    "share-file": "مشاركة الملف",
     "shift": "تحول",
     "should-match": "يجب أن يتطابق",
     "show": "إظهار",
@@ -2537,6 +2538,10 @@
     "connection-test-successful": "نجح اختبار الاتصال.",
     "connection-test-warning": "اختبار الاتصال ناجح جزئيًا: كانت هناك بعض الإخفاقات في بعض الخطوات، سنقوم فقط باستيعاب بيانات وصفية جزئية.",
     "consumer-aligned-domain-type-description": "النطاقات التي تواجه المستخدم حيث يتوفر المنتج النهائي لمجموعة من البيانات من مختلف النطاقات لمستخدمي الأعمال أو مواطني البيانات لاتخاذ قرارات تعتمد على البيانات.",
+    "context-center-archive-subtitle": "عرض المقالات والمستندات المؤرشفة",
+    "context-center-dashboard-subtitle": "نظرة عامة على قاعدة المعرفة ومكتبة المستندات الخاصة بك",
+    "context-center-documents-subtitle": "إدارة وتنظيم المستندات التي تم تحميلها",
+    "context-center-integrations-subtitle": "توصيل وإدارة التكاملات الخارجية",
     "contract-detail-plural-description": "عقد يحدد التوقعات لأصل بيانات.",
     "contract-execution-history-description": "عرض جميع نتائج تنفيذ العقد بمرور الوقت",
     "contract-security-consume-description": "المستهلكون المقصودون للبيانات",
@@ -2773,6 +2778,7 @@
     "field-verify-certs-description": "يشير هذا إلى ما إذا كان سيتم التحقق من الشهادات عند استخدام اتصال SSL بـ Elasticsearch. يتم تجاهله افتراضيًا ويتم تعيينه على صحيح. تأكد من إرسال الشهادات في خاصية 'شهادات المرجع المصدق'.",
     "file-format-size": "{{formats}} (الحد الأقصى {{size}})",
     "file-size-exceeded": "حجم الملف يتجاوز الحد الأقصى المسموح به للـ {{size}}",
+    "file-size-limit-exceeded": "تتجاوز بعض الملفات الحد الأقصى للحجم 5 ميجابايت ولم يتم تحميلها.",
     "filter-pattern-include-exclude-info": "{{activity}} بشكل صريح {{filterPattern}} عن طريق إضافة قائمة من التعبيرات العادية (regex) المفصولة بفاصلة.",
     "filter-pattern-info": "اختر تضمين أو استبعاد {{filterPattern}} كجزء من استيعاب البيانات الوصفية.",
     "filter-pattern-placeholder": "لإضافة نمط تصفية، اكتبه ببساطة واضغط على Enter",
@@ -2837,6 +2843,7 @@
     "input-port-plural": "منافذ الإدخال",
     "instance-identifier": "اسم يحدد مثيل التكوين هذا بشكل فريد.",
     "integration-description": "قم بتكوين التطبيقات والروبوتات لزيادة الإنتاجية.",
+    "internal-knowledge-base-agent-training": "قاعدة معرفة داخلية لتدريب الوكلاء",
     "invalid-dimensions": "أبعاد الصورة غير صالحة",
     "invalid-file": "ملف غير صالح",
     "invalid-file-format": "تنسيق ملف غير صالح. الصيغ المقبولة: {{formats}}",
@@ -2887,6 +2894,7 @@
     "manifest-partition-column-unknown-field": "الإدخال {{entryIndex}}: partitionColumns[{{colIndex}}] يحتوي على حقل غير معروف \"{{field}}\"{{suggestion}}.",
     "manifest-top-level-must-be-object": "قيمة المستوى الأعلى يجب أن تكون كائناً يحتوي على مصفوفة \"entries\".",
     "manifest-unknown-top-level-field": "حقل مستوى أعلى غير معروف \"{{field}}\". يُسمح فقط بـ \"entries\".",
+    "manual-upload-agent-context": "عمليات التحميل اليدوية لسياق وكيل معين",
     "mark-all-deleted-table-message": "هذا تكوين اختياري لتمكين الحذف الناعم للجداول. عند تفعيل هذا الخيار، سيتم حذف الجداول التي تم حذفها من المصدر فقط حذفًا ناعمًا، وسيتم تطبيق هذا على جميع المخططات المتاحة في مصدر البيانات. سيتم أيضًا حذف أي كيانات ذات صلة مثل مجموعات الاختبار أو معلومات سلسلة البيانات التي كانت مرتبطة بتلك الجداول. لا تقم بتفعيل هذا الخيار عندما يكون لديك خطوط أنابيب متعددة لاستيعاب البيانات الوصفية. تأكد أيضًا من تفعيل خيار markDeletedTables لكي يعمل هذا.",
     "mark-deleted-entity-message": "تكوين اختياري لحذف '{{entityPlural}}' حذفًا ناعمًا في OpenMetadata إذا تم حذف '{{entityPlural}}' المصدر. بعد الحذف، سيتم أيضًا حذف جميع الكيانات المرتبطة مثل سلسلة البيانات وما إلى ذلك، مع {{entity}}.",
     "mark-deleted-table-message": "هذا تكوين اختياري لتمكين الحذف الناعم للجداول. عند تفعيل هذا الخيار، سيتم حذف الجداول التي تم حذفها من المصدر فقط حذفًا ناعمًا، وسيتم تطبيق هذا فقط على المخطط الذي يتم استيعابه حاليًا عبر سير العمل. سيتم أيضًا حذف أي كيانات ذات صلة مثل مجموعات الاختبار أو معلومات سلسلة البيانات التي كانت مرتبطة بتلك الجداول.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json
index dda5647e980e..81cd35e274ef 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json
@@ -1957,6 +1957,7 @@
     "setup-guide": "Installationsanleitung",
     "severity": "Schwere",
     "share": "Teilen",
+    "share-file": "Datei teilen",
     "shift": "Schicht",
     "should-match": "Sollte übereinstimmen",
     "show": "Anzeigen",
@@ -2537,6 +2538,10 @@
     "connection-test-successful": "Der Test der Verbindung war erfolgreich.",
     "connection-test-warning": "Der Test der Verbindung war teilweise erfolgreich: Einige Schritte hatten Fehler, es werden nur teilweise Metadaten übernommen.",
     "consumer-aligned-domain-type-description": "Domains, die Daten aus mehreren quellenbezogenen Quellen sammeln und kuratieren, um aggregierte Daten und Datenprodukte bereitzustellen, wie z. B. Customer 360, Kundensitzungen usw., damit andere Domains sie nutzen können.",
+    "context-center-archive-subtitle": "Archivierte Artikel und Dokumente anzeigen",
+    "context-center-dashboard-subtitle": "Übersicht über Ihre Wissensdatenbank und Dokumentenbibliothek",
+    "context-center-documents-subtitle": "Verwalten und organisieren Sie Ihre hochgeladenen Dokumente",
+    "context-center-integrations-subtitle": "Externe Integrationen verbinden und verwalten",
     "contract-detail-plural-description": "Ein Vertrag, der Erwartungen für ein Datenobjekt spezifiziert.",
     "contract-execution-history-description": "Alle Vertragsausführungsergebnisse über die Zeit anzeigen",
     "contract-security-consume-description": "Vorgesehene Verbraucher der Daten",
@@ -2773,6 +2778,7 @@
     "field-verify-certs-description": "Dies gibt an, ob Zertifikate bei Verwendung einer SSL-Verbindung zu Elasticsearch überprüft werden sollen. Standardmäßig wird dies ignoriert und auf true gesetzt. Stellen Sie sicher, dass Sie die Zertifikate in der Eigenschaft 'CA-Zertifikate' senden.",
     "file-format-size": "{{formats}} (max. {{size}})",
     "file-size-exceeded": "Dateigröße überschreitet die maximal zulässige Größe von {{size}}",
+    "file-size-limit-exceeded": "Einige Dateien überschreiten das Größenlimit von 5 MB und wurden nicht hochgeladen.",
     "filter-pattern-include-exclude-info": "Schließen Sie explizit {{filterPattern}} durch Hinzufügen einer Liste von durch Kommas getrennten regulären Ausdrücken {{activity}} ein oder aus.",
     "filter-pattern-info": "Wählen Sie aus, ob {{filterPattern}} als Teil der Metadaten-Erfassung ein- oder ausgeschlossen werden soll.",
     "filter-pattern-placeholder": "Um ein Filtermuster hinzuzufügen, geben Sie es einfach ein und drücken Sie Enter.",
@@ -2837,6 +2843,7 @@
     "input-port-plural": "Eingabe-Ports",
     "instance-identifier": "Ein Name, der diese Konfigurationsinstanz eindeutig identifiziert.",
     "integration-description": "Konfigurieren Sie Anwendungen und Bots, um die Produktivität zu steigern.",
+    "internal-knowledge-base-agent-training": "Interne Wissensdatenbank für das Agententraining",
     "invalid-dimensions": "Ungültige Bildabmessungen",
     "invalid-file": "Ungültige Datei",
     "invalid-file-format": "Ungültiges Dateiformat. Akzeptierte Formate: {{formats}}",
@@ -2887,6 +2894,7 @@
     "manifest-partition-column-unknown-field": "Eintrag {{entryIndex}}: partitionColumns[{{colIndex}}] enthält unbekanntes Feld \"{{field}}\"{{suggestion}}.",
     "manifest-top-level-must-be-object": "Der Wert auf oberster Ebene muss ein Objekt mit einem \"entries\"-Array sein.",
     "manifest-unknown-top-level-field": "Unbekanntes Feld auf oberster Ebene \"{{field}}\". Nur \"entries\" ist zulässig.",
+    "manual-upload-agent-context": "Manuelle Uploads für spezifische Agentenkontexte",
     "mark-all-deleted-table-message": "Dies ist eine optionale Konfiguration zur Aktivierung des sanften Löschens von Tabellen. Wenn diese Option aktiviert ist, werden nur Tabellen, die aus der Quelle gelöscht wurden, sanft gelöscht, und dies gilt für alle verfügbaren Schemata in der Datenquelle. Alle zugehörigen Entitäten wie Test-Suiten oder Verbindungsdaten, die mit diesen Tabellen verknüpft waren, werden ebenfalls gelöscht. Aktivieren Sie diese Option nicht, wenn Sie mehrere Metadatenerfassungspipelines haben. Stellen Sie außerdem sicher, dass die Option markDeletedTables aktiviert ist, damit dies funktioniert.",
     "mark-deleted-entity-message": "Optionale Konfiguration zum sanften Löschen von '{{entityPlural}}' in OpenMetadata, wenn die Quelle '{{entityPlural}}' gelöscht wird. Nach dem Löschen werden alle zugehörigen Entitäten wie Verbindungsdaten usw. mit diesem '{{entity}}' gelöscht.",
     "mark-deleted-table-message": "Dies ist eine optionale Konfiguration zur Aktivierung des sanften Löschens von Tabellen. Wenn diese Option aktiviert ist, werden nur Tabellen, die aus der Quelle gelöscht wurden, sanft gelöscht, und dies gilt ausschließlich für das Schema, das gerade über die Pipeline erfasst wird. Alle zugehörigen Entitäten wie Test-Suiten oder Verbindungsdaten, die mit diesen Tabellen verknüpft waren, werden ebenfalls gelöscht.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
index 5f6faed6e56b..bc60ca4b561b 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
@@ -1957,6 +1957,7 @@
     "setup-guide": "Setup Guide",
     "severity": "Severity",
     "share": "Share",
+    "share-file": "Share File",
     "shift": "Shift",
     "should-match": "Should Match",
     "show": "Show",
@@ -2537,6 +2538,10 @@
     "connection-test-successful": "Connection test was successful.",
     "connection-test-warning": "Test connection partially successful: Some steps had failures, we will only ingest partial metadata.",
     "consumer-aligned-domain-type-description": "Domains that are user-facing where the end product of a combination of data from various domains are available for business users or data citizens for data-driven decision-making.",
+    "context-center-archive-subtitle": "View archived articles and documents",
+    "context-center-dashboard-subtitle": "Overview of your knowledge base and document library",
+    "context-center-documents-subtitle": "Manage and organize your uploaded documents",
+    "context-center-integrations-subtitle": "Connect and manage external integrations",
     "contract-detail-plural-description": "A contract specifying expectations for a data asset.",
     "contract-execution-history-description": "View all the contract execution results over time",
     "contract-security-consume-description": "Intended consumers of the data",
@@ -2773,6 +2778,7 @@
     "field-verify-certs-description": "This indicates whether to verify certificates when using SSL connection to Elasticsearch. It's ignored by default and is set to true. Ensure that you send the certificates in the property `CA Certificates`.",
     "file-format-size": "{{formats}} (max. {{size}})",
     "file-size-exceeded": "File size exceeds maximum allowed size of {{size}}",
+    "file-size-limit-exceeded": "Some files exceed the 5 MB size limit and were not uploaded.",
     "filter-pattern-include-exclude-info": "Explicitly {{activity}} {{filterPattern}} by adding a list of comma-separated regex.",
     "filter-pattern-info": "Choose to include or exclude {{filterPattern}} as part of the metadata ingestion.",
     "filter-pattern-placeholder": "To add a filter pattern, simply type it in and press Enter",
@@ -2837,6 +2843,7 @@
     "input-port-plural": "Input Ports",
     "instance-identifier": "A Name that uniquely identifies this configuration instance.",
     "integration-description": "Configure applications and bots to amplify productivity.",
+    "internal-knowledge-base-agent-training": "Internal knowledge base for agent training",
     "invalid-dimensions": "Invalid image dimensions",
     "invalid-file": "Invalid file",
     "invalid-file-format": "Invalid file format. Accepted formats: {{formats}}",
@@ -2887,6 +2894,7 @@
     "manifest-partition-column-unknown-field": "Entry {{entryIndex}}: partitionColumns[{{colIndex}}] has unknown field \"{{field}}\"{{suggestion}}.",
     "manifest-top-level-must-be-object": "Top-level value must be an object with an \"entries\" array.",
     "manifest-unknown-top-level-field": "Unknown top-level field \"{{field}}\". Only \"entries\" is allowed.",
+    "manual-upload-agent-context": "Manual uploads for specific agent context",
     "mark-all-deleted-table-message": "This is an optional configuration for enabling soft deletion of tables. When this option is enabled, only tables that have been deleted from the source will be soft deleted, and this will apply to all the schemas available in the data source. Any related entities such as test suites or lineage information that were associated with those tables will also be deleted. Do not enable this option when you have multiple metadata ingestion pipelines. Also make sure to enable the markDeletedTables option for this to work.",
     "mark-deleted-entity-message": "Optional configuration to soft delete '{{entityPlural}}' in OpenMetadata if the source '{{entityPlural}}' are deleted. After deleting, all the associated entities like lineage, etc., with that '{{entity}}' will be deleted.",
     "mark-deleted-table-message": "This is an optional configuration for enabling soft deletion of tables. When this option is enabled, only tables that have been deleted from the source will be soft deleted, and this will apply solely to the schema that is currently being ingested via the pipeline. Any related entities such as test suites or lineage information that were associated with those tables will also be deleted.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json
index 1ecfe21f7958..2112102b95a5 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json
@@ -1957,6 +1957,7 @@
     "setup-guide": "Guia de preparación",
     "severity": "Severidad",
     "share": "Compartir",
+    "share-file": "Compartir archivo",
     "shift": "Turno",
     "should-match": "Debería coincidir",
     "show": "Mostrar",
@@ -2537,6 +2538,10 @@
     "connection-test-successful": "La prueba de conexión fue un éxito.",
     "connection-test-warning": "La prueba de conexión fue parcialmente exitosa: Algunos pasos tuvieron fallas, solo ingrearemos metadatos parciales.",
     "consumer-aligned-domain-type-description": "Dominios que son orientados al usuario donde el producto final de una combinación de datos de varios dominios está disponible para los usuarios comerciales o ciudadanos de datos para la toma de decisiones basada en datos.",
+    "context-center-archive-subtitle": "Ver artículos y documentos archivados",
+    "context-center-dashboard-subtitle": "Descripción general de su base de conocimientos y biblioteca de documentos",
+    "context-center-documents-subtitle": "Administre y organice sus documentos cargados",
+    "context-center-integrations-subtitle": "Conecte y administre integraciones externas",
     "contract-detail-plural-description": "Expectativas esperadas de un contrato para un activo de datos.",
     "contract-execution-history-description": "Ver todos los resultados de ejecución de contratos a lo largo del tiempo",
     "contract-security-consume-description": "Consumidores previstos de los datos",
@@ -2773,6 +2778,7 @@
     "field-verify-certs-description": "Esto indica si debemos verificar los certificados al usar una conexión SSL con Elasticsearch. Por defecto se ignoran. Asegúrese de enviar los certificados en la propiedad Certificados CA.",
     "file-format-size": "{{formats}} (máx. {{size}})",
     "file-size-exceeded": "El tamaño del archivo excede el máximo permitido de {{size}}",
+    "file-size-limit-exceeded": "Algunos archivos exceden el límite de tamaño de 5 MB y no se cargaron.",
     "filter-pattern-include-exclude-info": "Excluya o incluya explícitamente {{filterPattern}} mediante la adición de una lista de expresiones regulares separadas por comas.",
     "filter-pattern-info": "Elija incluir o excluir {{filterPattern}} como parte de la ingestión de metadatos.",
     "filter-pattern-placeholder": "Para agregar un patrón de filtro, simplemente escríbalo y presione Enter",
@@ -2837,6 +2843,7 @@
     "input-port-plural": "Puertos de Entrada",
     "instance-identifier": "Un nombre que identifica de manera única esta instancia de configuración.",
     "integration-description": "Configure aplicaciones y bots para amplificar la productividad.",
+    "internal-knowledge-base-agent-training": "Base de conocimientos interna para la capacitación de agentes",
     "invalid-dimensions": "Dimensiones de imagen inválidas",
     "invalid-file": "Archivo inválido",
     "invalid-file-format": "Formato de archivo inválido. Formatos aceptados: {{formats}}",
@@ -2887,6 +2894,7 @@
     "manifest-partition-column-unknown-field": "Entrada {{entryIndex}}: partitionColumns[{{colIndex}}] tiene un campo desconocido \"{{field}}\"{{suggestion}}.",
     "manifest-top-level-must-be-object": "El valor de nivel superior debe ser un objeto con un arreglo \"entries\".",
     "manifest-unknown-top-level-field": "Campo de nivel superior desconocido \"{{field}}\". Solo se permite \"entries\".",
+    "manual-upload-agent-context": "Cargas manuales para contextos de agentes específicos",
     "mark-all-deleted-table-message": "Esta es una configuración opcional para habilitar la eliminación suave de tablas. Cuando se habilita esta opción, solo se eliminarán suavemente las tablas que se hayan eliminado de la fuente, y esto se aplicará a todos los esquemas disponibles en la fuente de datos. Cualquier entidad relacionada, como conjuntos de pruebas o información de linaje que estuvieran asociados con esas tablas, también se eliminarán. No habilite esta opción cuando tenga varios workflows de ingesta de metadatos. Además, asegúrese de habilitar la opción markDeletedTables para que funcione.",
     "mark-deleted-entity-message": "Configuración opcional para eliminar suavemente '{{entityPlural}}' en OpenMetadata si se eliminan las '{{entityPlural}}' de la fuente. Después de la eliminación, todas las entidades asociadas como linaje, etc., con ese '{{entity}}' también se eliminarán.",
     "mark-deleted-table-message": "Esta es una configuración opcional para habilitar la eliminación suave de tablas. Cuando se habilita esta opción, sólo se eliminarán suavemente las tablas que se hayan eliminado de la fuente, y esto se aplicará únicamente al esquema que se esté ingiriendo actualmente a través de la canalización. Cualquier entidad relacionada, como tests o información de linaje que estuvieran asociados con esas tablas, también se eliminarán.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json
index 409ba9e17c9d..ee13be40e964 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json
@@ -1957,6 +1957,7 @@
     "setup-guide": "Guide de Configuration",
     "severity": "Sévérité",
     "share": "Partager",
+    "share-file": "Partager le fichier",
     "shift": "Changement",
     "should-match": "Devrait correspondre",
     "show": "Afficher",
@@ -2537,6 +2538,10 @@
     "connection-test-successful": "Le test de connectivité a réussi.",
     "connection-test-warning": "Le test de connexion a réussi partiellement : Certaines étapes ont échoué, nous n'ingérerons que les métadonnées partielles.",
     "consumer-aligned-domain-type-description": "Domaines qui concentrent les données analytiques reflétant les faits métiers générés par les systèmes opérationnels et appelées produits de données natifs.",
+    "context-center-archive-subtitle": "Voir les articles et documents archivés",
+    "context-center-dashboard-subtitle": "Aperçu de votre base de connaissances et de votre bibliothèque de documents",
+    "context-center-documents-subtitle": "Gérer et organiser vos documents téléchargés",
+    "context-center-integrations-subtitle": "Connecter et gérer les intégrations externes",
     "contract-detail-plural-description": "Un contrat spécifiant les attentes pour un actif de données.",
     "contract-execution-history-description": "Afficher tous les résultats d'exécution des contrats au fil du temps",
     "contract-security-consume-description": "Consommateurs prévus des données",
@@ -2773,6 +2778,7 @@
     "field-verify-certs-description": "Indique si les certificats doivent être vérifiés lors de l'utilisation du protocole SSL pour la connexion à ElasticSearch. Ignoré par défaut. Si \"true\" est sélectionné, le certificat doit être passé dans `CA Certificates`.",
     "file-format-size": "{{formats}} (maximum {{size}})",
     "file-size-exceeded": "La taille du fichier dépasse la taille maximale autorisée de {{size}}",
+    "file-size-limit-exceeded": "Certains fichiers dépassent la limite de taille de 5 Mo et n'ont pas été téléchargés.",
     "filter-pattern-include-exclude-info": "Explicitement {{filterPattern}} {{activity}} en ajoutant une liste d'expressions régulières séparées par des virgules.",
     "filter-pattern-info": "Choisir d'inclure ou d'exclure {{filterPattern}} en tant que partie de l'ingestion de métadonnées.",
     "filter-pattern-placeholder": "Pour ajouter un pattern de filtre, entrez-le et appuyez sur Entrée",
@@ -2837,6 +2843,7 @@
     "input-port-plural": "Ports d'Entrée",
     "instance-identifier": "Un nom qui identifie de manière unique cette instance de configuration.",
     "integration-description": "Configureez les applications et bots pour augmenter votre productivité.",
+    "internal-knowledge-base-agent-training": "Base de connaissances interne pour la formation des agents",
     "invalid-dimensions": "Dimensions d'image non valides",
     "invalid-file": "Fichier non valide",
     "invalid-file-format": "Format de fichier non valide. Formats acceptés : {{formats}}",
@@ -2887,6 +2894,7 @@
     "manifest-partition-column-unknown-field": "Entrée {{entryIndex}} : partitionColumns[{{colIndex}}] contient un champ inconnu \"{{field}}\"{{suggestion}}.",
     "manifest-top-level-must-be-object": "La valeur de premier niveau doit être un objet avec un tableau \"entries\".",
     "manifest-unknown-top-level-field": "Champ de premier niveau inconnu \"{{field}}\". Seul \"entries\" est autorisé.",
+    "manual-upload-agent-context": "Téléchargements manuels pour un contexte d'agent spécifique",
     "mark-all-deleted-table-message": "Configuration optionelle pour marquer uniquement les tables supprimées dans le schéma filtré.",
     "mark-deleted-entity-message": "Configuration optionnelle pour supprimer logiquement '{{entity}}' dans OpenMetadata si les sources de '{{entity}}' sont supprimées. Après la suppression, toutes les entités associées telles que la ligne de données, etc., de cette '{{entity}}' seront supprimées.",
     "mark-deleted-table-message": "Il s'agit d'une configuration optionnelle permettant de permettre la suppression douce des tables. Lorsque cette option est activée, seules les tables supprimées de la source seront supprimées en douceur, et cela s'appliquera uniquement au schéma actuellement ingéré via le pipeline. Toute entité associée telle que les suites de tests ou les informations de lignée qui étaient associées à ces tables sera également supprimée.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/gl-es.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/gl-es.json
index 1376a737a9c3..a668181e65f3 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/gl-es.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/gl-es.json
@@ -1957,6 +1957,7 @@
     "setup-guide": "Guía de configuración",
     "severity": "Gravidade",
     "share": "Compartir",
+    "share-file": "Compartir ficheiro",
     "shift": "Cambio",
     "should-match": "Debería coincidir",
     "show": "Mostrar",
@@ -2537,6 +2538,10 @@
     "connection-test-successful": "A proba de conexión foi exitosa.",
     "connection-test-warning": "Proba de conexión parcialmente exitosa: Algúns pasos fallaron, só inxeriremos metadatos parciais.",
     "consumer-aligned-domain-type-description": "Dominios orientados ao usuario onde o produto final dunha combinación de datos de varios dominios está dispoñible para os usuarios empresariais ou cidadáns de datos para a toma de decisións baseada en datos.",
+    "context-center-archive-subtitle": "Ver artigos e documentos arquivados",
+    "context-center-dashboard-subtitle": "Visión xeral da súa base de coñecemento e biblioteca de documentos",
+    "context-center-documents-subtitle": "Xestionar e organizar os seus documentos cargados",
+    "context-center-integrations-subtitle": "Conectar e xestionar integracións externas",
     "contract-detail-plural-description": "Un contrato que especifica as expectativas para un activo de datos.",
     "contract-execution-history-description": "Visualiza todos os resultados de execución do contrato ao longo do tempo",
     "contract-security-consume-description": "Consumidores previstos dos datos",
@@ -2773,6 +2778,7 @@
     "field-verify-certs-description": "Indica se se deben verificar certificados ao usar conexión SSL con Elasticsearch. Por defecto, está ignorado e establecido en verdadeiro. Asegúrate de enviar os certificados na propiedade 'Certificados CA'.",
     "file-format-size": "{{formats}} (máx. {{size}})",
     "file-size-exceeded": "O tamaño do ficheiro excede o máximo permitido de {{size}}",
+    "file-size-limit-exceeded": "Algúns ficheiros exceden o límite de tamaño de 5 MB e non se cargaron.",
     "filter-pattern-include-exclude-info": "{{activity}} explícitamente {{filterPattern}} engadindo unha lista de regex separados por comas.",
     "filter-pattern-info": "Escolle incluir ou excluír {{filterPattern}} como parte da inxestión de metadatos.",
     "filter-pattern-placeholder": "Para engadir un patrón de filtro, simplemente escríbeo e preme Enter",
@@ -2837,6 +2843,7 @@
     "input-port-plural": "Portos de Entrada",
     "instance-identifier": "Nome que identifica de forma única esta instancia de configuración.",
     "integration-description": "Configura aplicacións e bots para amplificar a produtividade.",
+    "internal-knowledge-base-agent-training": "Base de coñecemento interna para a formación de axentes",
     "invalid-dimensions": "Dimensións de imaxe inválidas",
     "invalid-file": "Ficheiro inválido",
     "invalid-file-format": "Formato de ficheiro inválido. Formatos aceptados: {{formats}}",
@@ -2887,6 +2894,7 @@
     "manifest-partition-column-unknown-field": "Entrada {{entryIndex}}: partitionColumns[{{colIndex}}] ten un campo descoñecido \"{{field}}\"{{suggestion}}.",
     "manifest-top-level-must-be-object": "O valor de nivel superior debe ser un obxecto cun arranxo \"entries\".",
     "manifest-unknown-top-level-field": "Campo de nivel superior descoñecido \"{{field}}\". Só se permite \"entries\".",
+    "manual-upload-agent-context": "Cargas manuais para contextos de axentes específicos",
     "mark-all-deleted-table-message": "Esta é unha configuración opcional para habilitar a eliminación suave de táboas. Cando esta opción está activada, só se eliminarán suavemente as táboas que foron eliminadas na orixe, e isto aplicarase a todos os esquemas dispoñibles na fonte de datos. Calquera entidade relacionada, como conxuntos de probas ou información de liñaxe asociada a esas táboas, tamén será eliminada. Non actives esta opción se tes varios pipelines de inxestión de metadatos. Asegúrate tamén de activar a opción markDeletedTables para que isto funcione.",
     "mark-deleted-entity-message": "Configuración opcional para eliminar suavemente '{{entityPlural}}' en OpenMetadata se os '{{entityPlural}}' na orixe son eliminados. Despois da eliminación, todas as entidades asociadas, como liñaxe, etc., con ese '{{entity}}' tamén serán eliminadas.",
     "mark-deleted-table-message": "Esta é unha configuración opcional para habilitar a eliminación suave de táboas. Cando esta opción está activada, só se eliminarán suavemente as táboas que foron eliminadas na orixe, e isto aplicarase unicamente ao esquema que actualmente se está inxerindo a través do pipeline. Calquera entidade relacionada, como conxuntos de probas ou información de liñaxe asociada a esas táboas, tamén será eliminada.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/he-he.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/he-he.json
index 443dfad5dc70..b09850bb2180 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/he-he.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/he-he.json
@@ -1957,6 +1957,7 @@
     "setup-guide": "מדריך הגדרה",
     "severity": "חומרה",
     "share": "שתף",
+    "share-file": "שתף קובץ",
     "shift": "משמרת",
     "should-match": "צריך להתאים",
     "show": "הצג",
@@ -2537,6 +2538,10 @@
     "connection-test-successful": "בדיקת החיבור הצליחה.",
     "connection-test-warning": "בדיקת החיבור הצליחה באופן חלקי: ישנם כמה שלבים שכשלו, ונקלטו נתוני מטה-דאטה חלקיים בלבד.",
     "consumer-aligned-domain-type-description": "תחומים המולחמים שהתוצאה הסופית של שילוב של נתונים ממגוון תחומים זמינה למשתמשי העסקים או אזרחי המידע לקבלת החלטות עסקיות מבוססות נתוני ",
+    "context-center-archive-subtitle": "צפה במאמרים ומסמכים בארכיון",
+    "context-center-dashboard-subtitle": "סקירה כללית של מאגר הידע וספריית המסמכים שלך",
+    "context-center-documents-subtitle": "נהל וארגן את המסמכים שהועלו",
+    "context-center-integrations-subtitle": "חבר ונהל אינטגרציות חיצוניות",
     "contract-detail-plural-description": "חוזה המפרט ציפיות לנכס נתונים.",
     "contract-execution-history-description": "הצג את כל תוצאות ביצוע החוזה לאורך זמן",
     "contract-security-consume-description": "צרכנים מיועדים של הנתונים",
@@ -2773,6 +2778,7 @@
     "field-verify-certs-description": "מציין האם לאמת תעוזיות בעת שימוש בחיבור SSL ל-Elasticsearch. נתעלם מברירת המחדל ומוגדר ל-true. וודא שאתה שולח את התעוזיות במאפיין `CA Certificates`.",
     "file-format-size": "{{formats}} (מקסימום {{size}})",
     "file-size-exceeded": "גודל הקובץ עולה על הגודל המקסימלי המותר {{size}}",
+    "file-size-limit-exceeded": "חלק מהקבצים חורגים ממגבלת הגודל של 5 MB ולא הועלו.",
     "filter-pattern-include-exclude-info": "הגדר {{activity}} באופן מפורש {{filterPattern}} על ידי הוספת רשימה של רגקס מופרדות בפסיקים.",
     "filter-pattern-info": "בחר לכלול או לא לכלול {{filterPattern}} כחלק מתהליך הקליטה של המטא-דאטה.",
     "filter-pattern-placeholder": "כדי להוסיף דפוס מסנן, פשוט הקלד אותו ולחץ על Enter",
@@ -2837,6 +2843,7 @@
     "input-port-plural": "יציאות קלט",
     "instance-identifier": "שם המזהה שמקצה למקרה הגדרה זו זיהוי ייחודי.",
     "integration-description": "הגדר יישומים ובוטים להגברת הפרודוקטיביות.",
+    "internal-knowledge-base-agent-training": "מאגר ידע פנימי לאימון סוכנים",
     "invalid-dimensions": "מידות תמונה לא חוקיות",
     "invalid-file": "קובץ לא חוקי",
     "invalid-file-format": "פורמט קובץ לא חוקי. פורמטים מקובלים: {{formats}}",
@@ -2887,6 +2894,7 @@
     "manifest-partition-column-unknown-field": "רשומה {{entryIndex}}: partitionColumns[{{colIndex}}] מכיל שדה לא מוכר \"{{field}}\"{{suggestion}}.",
     "manifest-top-level-must-be-object": "ערך ברמה העליונה חייב להיות אובייקט עם מערך \"entries\".",
     "manifest-unknown-top-level-field": "שדה לא מוכר ברמה העליונה \"{{field}}\". רק \"entries\" מותר.",
+    "manual-upload-agent-context": "העלאות ידניות להקשר סוכן ספציפי",
     "mark-all-deleted-table-message": "זו הגדרת אופציונלית לאפשר מחיקה רכה של טבלאות. כאשר האפשרות מופעלת, רק טבלאות שנמחקו ממקור הנתונים יימחקו רכה, וזה יחול על כל הסכמות הנתונים הזמינות במקור הנתונים. יימחקו גם יישויות קשורות כמו סוויטי ניסויים או מידע של שקפיות המשוייכים לטבלאות אלו. לא להפעיל את האפשרות הזו כאשר יש לך מספר תהליכי שינוע קליטת מטא-דאטה. וכן דאג להפעיל את האפשרות markDeletedTables כדי שהדבר יעבוד.",
     "mark-deleted-entity-message": "הגדרה אופציונלית למחיקה רכה של '{{entityPlural}}' ב-OpenMetadata אם '{{entityPlural}}' במקור נמחקו. לאחר המחיקה, כל הישויות הקשורות כמו שקפיות וכו', עם '{{entity}}' זה יימחקו.",
     "mark-deleted-table-message": "זו הגדרת אופציונלית לאפשר מחיקה רכה של טבלאות. כאשר האפשרות מופעלת, רק טבלאות שנמחקו ממקור הנתונים יימחקו רכה, וזה יחול באופן בלעדי על הסכמה הנמצאת כעת בתהליך קליטת הנתונים דרך הצנרת נתונים. יימחקו גם יישויות קשורות כמו סוויטי ניסויים או מידע של שקפיות המשוייכים לטבלאות אלו.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json
index b99529fccf73..d835a3c0bb60 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json
@@ -1957,6 +1957,7 @@
     "setup-guide": "セットアップガイド",
     "severity": "重大度",
     "share": "共有",
+    "share-file": "ファイルを共有",
     "shift": "シフト",
     "should-match": "一致する必要があります",
     "show": "表示",
@@ -2537,6 +2538,10 @@
     "connection-test-successful": "接続テストが成功しました",
     "connection-test-warning": "接続テストは一部成功しました：いくつかのステップで失敗があり、一部のメタデータのみが取り込まれます。",
     "consumer-aligned-domain-type-description": "さまざまなドメインから統合されたデータの最終成果物が、ビジネスユーザーやデータ市民に提供され、意思決定に使われるユーザー向けのドメイン。",
+    "context-center-archive-subtitle": "アーカイブされた記事とドキュメントを表示",
+    "context-center-dashboard-subtitle": "ナレッジベースとドキュメントライブラリの概要",
+    "context-center-documents-subtitle": "アップロードされたドキュメントを管理および整理",
+    "context-center-integrations-subtitle": "外部統合を接続および管理",
     "contract-detail-plural-description": "データアセットに対する期待値を定めた契約。",
     "contract-execution-history-description": "すべての契約実行結果を時系列で表示",
     "contract-security-consume-description": "データの想定される消費者",
@@ -2773,6 +2778,7 @@
     "field-verify-certs-description": "Elasticsearch への SSL 接続時に証明書を検証するかどうかを指定します。デフォルトでは無視され true になります。`CA Certificates` プロパティに証明書を渡してください。",
     "file-format-size": "{{formats}}（最大 {{size}}）",
     "file-size-exceeded": "ファイルサイズが許可された最大サイズ{{size}}を超えています",
+    "file-size-limit-exceeded": "一部のファイルが5 MBの制限を超えているため、アップロードされませんでした。",
     "filter-pattern-include-exclude-info": "カンマ区切りの正規表現リストを追加することで、{{filterPattern}} を明示的に {{activity}} します。",
     "filter-pattern-info": "メタデータ取り込み時に {{filterPattern}} を含めるか除外するかを設定します。",
     "filter-pattern-placeholder": "フィルターパターンを追加するには、入力して Enter を押してください",
@@ -2837,6 +2843,7 @@
     "input-port-plural": "入力ポート",
     "instance-identifier": "この構成インスタンスを一意に識別する名前",
     "integration-description": "生産性を高めるためにアプリケーションやボットを設定しましょう。",
+    "internal-knowledge-base-agent-training": "エージェントトレーニング用の内部ナレッジベース",
     "invalid-dimensions": "無効な画像サイズ",
     "invalid-file": "無効なファイル",
     "invalid-file-format": "無効なファイル形式。対応形式：{{formats}}",
@@ -2887,6 +2894,7 @@
     "manifest-partition-column-unknown-field": "エントリ {{entryIndex}}: partitionColumns[{{colIndex}}] に不明なフィールド \"{{field}}\" があります{{suggestion}}。",
     "manifest-top-level-must-be-object": "最上位の値は \"entries\" 配列を持つオブジェクトである必要があります。",
     "manifest-unknown-top-level-field": "不明な最上位フィールド \"{{field}}\"。\"entries\" のみ許可されています。",
+    "manual-upload-agent-context": "特定のエージェントコンテキストの手動アップロード",
     "mark-all-deleted-table-message": "削除されたテーブルに対して、フィルターされたスキーマのみにマークするオプション設定です。",
     "mark-deleted-entity-message": "ソースで '{{entity}}' が削除された場合、OpenMetadata でも '{{entity}}' をソフト削除するオプション設定です。削除後は、関連するリネージなどのすべてのエンティティも削除されます。",
     "mark-deleted-table-message": "これはテーブルのソフト削除を有効にするためのオプション設定です。有効にすると、ソースから削除されたテーブルのみがソフト削除され、現在パイプラインで取り込まれているスキーマにのみ適用されます。関連するテストスイートやリネージ情報なども削除されます。",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ko-kr.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ko-kr.json
index b935a9c8fba5..1668f42ea2d4 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ko-kr.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ko-kr.json
@@ -1957,6 +1957,7 @@
     "setup-guide": "설정 가이드",
     "severity": "심각도",
     "share": "공유",
+    "share-file": "파일 공유",
     "shift": "이동",
     "should-match": "일치해야 함",
     "show": "표시",
@@ -2537,6 +2538,10 @@
     "connection-test-successful": "연결 테스트가 성공했습니다.",
     "connection-test-warning": "연결 테스트가 부분적으로 성공했습니다: 일부 단계에서 실패가 있었으며, 부분적인 메타데이터만 수집할 것입니다.",
     "consumer-aligned-domain-type-description": "소스 정렬된 여러 데이터를 수집하고 큐레이션하여 다른 도메인이 소비할 수 있는 집계된 데이터와 데이터 제품(예: 고객 360, 고객 세션 등)을 제공하는 도메인입니다.",
+    "context-center-archive-subtitle": "보관된 기사 및 문서 보기",
+    "context-center-dashboard-subtitle": "지식 베이스 및 문서 라이브러리 개요",
+    "context-center-documents-subtitle": "업로드된 문서 관리 및 정리",
+    "context-center-integrations-subtitle": "외부 통합 연결 및 관리",
     "contract-detail-plural-description": "데이터 자산에 대한 기대치를 명시하는 계약입니다.",
     "contract-execution-history-description": "시간에 따른 모든 계약 실행 결과 보기",
     "contract-security-consume-description": "데이터의 예상 소비자",
@@ -2773,6 +2778,7 @@
     "field-verify-certs-description": "Elasticsearch에 SSL 연결을 사용할 때 인증서를 확인할지 여부를 나타냅니다. 기본적으로 무시되며 true로 설정됩니다. 'CA 인증서' 속성에 인증서를 보내야 합니다.",
     "file-format-size": "{{formats}} (최대 {{size}})",
     "file-size-exceeded": "파일 크기가 허용된 최대 크기 {{size}}를 초과합니다",
+    "file-size-limit-exceeded": "일부 파일이 5MB 크기 제한을 초과하여 업로드되지 않았습니다.",
     "filter-pattern-include-exclude-info": "쉼표로 구분된 정규식 목록을 추가하여 {{filterPattern}}을(를) 명시적으로 {{activity}}하세요.",
     "filter-pattern-info": "메타데이터 수집의 일부로 {{filterPattern}}을(를) 포함하거나 제외하도록 선택하세요.",
     "filter-pattern-placeholder": "필터 패턴을 추가하려면 입력하고 Enter 키를 누르세요",
@@ -2837,6 +2843,7 @@
     "input-port-plural": "입력 포트",
     "instance-identifier": "이 구성 인스턴스를 고유하게 식별하는 이름입니다.",
     "integration-description": "생산성을 높이기 위해 애플리케이션과 봇을 구성합니다.",
+    "internal-knowledge-base-agent-training": "에이전트 교육을 위한 내부 지식 베이스",
     "invalid-dimensions": "잘못된 이미지 크기",
     "invalid-file": "잘못된 파일",
     "invalid-file-format": "잘못된 파일 형식입니다. 허용되는 형식: {{formats}}",
@@ -2887,6 +2894,7 @@
     "manifest-partition-column-unknown-field": "항목 {{entryIndex}}: partitionColumns[{{colIndex}}]에 알 수 없는 필드 \"{{field}}\"이(가) 있습니다{{suggestion}}.",
     "manifest-top-level-must-be-object": "최상위 값은 \"entries\" 배열이 있는 객체여야 합니다.",
     "manifest-unknown-top-level-field": "알 수 없는 최상위 필드 \"{{field}}\". \"entries\"만 허용됩니다.",
+    "manual-upload-agent-context": "특정 에이전트 컨텍스트에 대한 수동 업로드",
     "mark-all-deleted-table-message": "이는 테이블의 소프트 삭제를 활성화하기 위한 선택적 구성입니다. 이 옵션이 활성화되면 소스에서 삭제된 테이블만 소프트 삭제되며, 이는 데이터 소스에서 사용 가능한 모든 스키마에 적용됩니다. 해당 테이블과 관련된 테스트 스위트나 계보 정보와 같은 관련 엔티티도 삭제됩니다. 여러 메타데이터 수집 파이프라인이 있는 경우 이 옵션을 활성화하지 마세요. 또한 이 기능이 작동하려면 markDeletedTables 옵션을 활성화해야 합니다.",
     "mark-deleted-entity-message": "소스 '{{entityPlural}}'이(가) 삭제된 경우 OpenMetadata에서 '{{entityPlural}}'을(를) 소프트 삭제하기 위한 선택적 구성입니다. 삭제 후 해당 '{{entity}}'와 관련된 계보 등의 모든 관련 엔티티가 삭제됩니다.",
     "mark-deleted-table-message": "이는 테이블의 소프트 삭제를 활성화하기 위한 선택적 구성입니다. 이 옵션이 활성화되면 소스에서 삭제된 테이블만 소프트 삭제되며, 이는 현재 파이프라인을 통해 수집되는 스키마에만 적용됩니다. 해당 테이블과 관련된 테스트 스위트나 계보 정보와 같은 관련 엔티티도 삭제됩니다.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/mr-in.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/mr-in.json
index 022a9a82000f..fb42de5935b4 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/mr-in.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/mr-in.json
@@ -1957,6 +1957,7 @@
     "setup-guide": "सेटअप मार्गदर्शक",
     "severity": "तीव्रता",
     "share": "सामायिक करा",
+    "share-file": "फाइल शेअर करा",
     "shift": "शिफ्ट",
     "should-match": "जुळायला हवे",
     "show": "दाखवा",
@@ -2537,6 +2538,10 @@
     "connection-test-successful": "कनेक्शन चाचणी यशस्वी झाली.",
     "connection-test-warning": "कनेक्शन चाचणी अंशतः यशस्वी: काही चरणांमध्ये अयशस्वीता आली, आम्ही फक्त आंशिक मेटाडेटा अंतर्ग्रहण करू.",
     "consumer-aligned-domain-type-description": "डोमेन्स जे वापरकर्त्यांना सामोरे जातात जिथे विविध डोमेन्समधील डेटाचे संयोजन व्यवसाय वापरकर्त्यांसाठी किंवा डेटा नागरिकांसाठी डेटा-चालित निर्णय घेण्यासाठी उपलब्ध आहे.",
+    "context-center-archive-subtitle": "संग्रहित लेख आणि दस्तऐवज पहा",
+    "context-center-dashboard-subtitle": "तुमच्या ज्ञानकोश आणि दस्तऐवज लायब्ररीचे विहंगावलोकन",
+    "context-center-documents-subtitle": "तुमचे अपलोड केलेले दस्तऐवज व्यवस्थापित करा आणि व्यवस्थापित करा",
+    "context-center-integrations-subtitle": "बाह्य एकत्रीकरण कनेक्ट करा आणि व्यवस्थापित करा",
     "contract-detail-plural-description": "डेटा अॅसेटसाठी अपेक्षा निर्दिष्ट करणारा करार.",
     "contract-execution-history-description": "वेळोवेळी सर्व करार अंमलबजावणी निकाल पहा",
     "contract-security-consume-description": "डेटाचे अपेक्षित ग्राहक",
@@ -2773,6 +2778,7 @@
     "field-verify-certs-description": "Elasticsearch शी SSL कनेक्शन वापरताना प्रमाणपत्रे सत्यापित करायची की नाही हे दर्शवते. डीफॉल्टनुसार हे दुर्लक्ष केले जाते आणि ते सत्य आहे. कृपया 'CA प्रमाणपत्रे' गुणधर्मात प्रमाणपत्रे पाठवा.",
     "file-format-size": "{{formats}} (कमाल {{size}})",
     "file-size-exceeded": "फाइल आकार परवानगी असलेल्या कमाल आकार {{size}} पेक्षा जास्त आहे",
+    "file-size-limit-exceeded": "काही फायली 5 MB आकार मर्यादा ओलांडतात आणि अपलोड केल्या गेल्या नाहीत.",
     "filter-pattern-include-exclude-info": "स्वल्पविराम-विभक्त regex यादी जोडून स्पष्टपणे {{activity}} {{filterPattern}}.",
     "filter-pattern-info": "मेटाडेटा अंतर्ग्रहणाचा भाग म्हणून {{filterPattern}} समाविष्ट किंवा वगळण्याचा पर्याय निवडा.",
     "filter-pattern-placeholder": "फिल्टर पॅटर्न जोडण्यासाठी, फक्त टाइप करा आणि Enter दाबा",
@@ -2837,6 +2843,7 @@
     "input-port-plural": "इनपुट पोर्ट",
     "instance-identifier": "हे कॉन्फिगरेशन उदाहरण अद्वितीयपणे ओळखणारे नाव.",
     "integration-description": "उत्पादकता वाढवण्यासाठी अनुप्रयोग आणि बॉट्स कॉन्फिगर करा.",
+    "internal-knowledge-base-agent-training": "एजंट प्रशिक्षणासाठी अंतर्गत ज्ञानकोश",
     "invalid-dimensions": "अवैध प्रतिमा परिमाणे",
     "invalid-file": "अवैध फाइल",
     "invalid-file-format": "अवैध फाइल स्वरूप. स्वीकृत स्वरूपे: {{formats}}",
@@ -2887,6 +2894,7 @@
     "manifest-partition-column-unknown-field": "नोंद {{entryIndex}}: partitionColumns[{{colIndex}}] मध्ये अज्ञात फील्ड \"{{field}}\" आहे{{suggestion}}.",
     "manifest-top-level-must-be-object": "शीर्ष स्तरीय मूल्य \"entries\" अॅरेसह ऑब्जेक्ट असणे आवश्यक आहे.",
     "manifest-unknown-top-level-field": "अज्ञात शीर्ष स्तरीय फील्ड \"{{field}}\". फक्त \"entries\" ला परवानगी आहे.",
+    "manual-upload-agent-context": "विशिष्ट एजंट संदर्भासाठी मॅन्युअल अपलोड",
     "mark-all-deleted-table-message": "टेबल्सच्या सॉफ्ट डिलीशन सक्षम करण्यासाठी हे एक पर्यायी संरचना आहे. जेव्हा हा पर्याय सक्षम केला जातो, तेव्हा फक्त स्त्रोतातून हटवलेली टेबल्स सॉफ्ट डिलीट केली जातील आणि हे डेटा स्रोतामध्ये उपलब्ध असलेल्या सर्व योजनांवर लागू होईल. त्या टेबल्सशी संबंधित कोणतीही संबंधित घटक जसे की चाचणी संच किंवा वंशावळ माहिती देखील हटवली जाईल. तुमच्याकडे एकाधिक मेटाडेटा अंतर्ग्रहण पाइपलाइन असल्यास हा पर्याय सक्षम करू नका. हे कार्य करण्यासाठी markDeletedTables पर्याय सक्षम असल्याची खात्री करा.",
     "mark-deleted-entity-message": "OpenMetadata मध्ये '{{entityPlural}}' सॉफ्ट डिलीट करण्यासाठी पर्यायी संरचना जर स्त्रोत '{{entityPlural}}' हटवले गेले असतील. हटवल्यानंतर, त्या '{{entity}}' शी संबंधित सर्व घटक जसे की वंशावळ, इ. हटवले जातील.",
     "mark-deleted-table-message": "टेबल्सच्या सॉफ्ट डिलीशन सक्षम करण्यासाठी हे एक पर्यायी संरचना आहे. जेव्हा हा पर्याय सक्षम केला जातो, तेव्हा फक्त स्त्रोतातून हटवलेली टेबल्स सॉफ्ट डिलीट केली जातील आणि हे फक्त सध्या पाइपलाइनद्वारे अंतर्ग्रहित केलेल्या योजनेवर लागू होईल. त्या टेबल्सशी संबंधित कोणतीही संबंधित घटक जसे की चाचणी संच किंवा वंशावळ माहिती देखील हटवली जाईल.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/nl-nl.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/nl-nl.json
index ef752e3502cc..1c511944c93d 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/nl-nl.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/nl-nl.json
@@ -1957,6 +1957,7 @@
     "setup-guide": "Installatiehandleiding",
     "severity": "Impact",
     "share": "Delen",
+    "share-file": "Bestand delen",
     "shift": "Verschuiving",
     "should-match": "Zou moeten overeenkomen",
     "show": "Tonen",
@@ -2537,6 +2538,10 @@
     "connection-test-successful": "Testconnectie was succesvol.",
     "connection-test-warning": "Testconnectie gedeeltelijk succesvol: Sommige stappen hadden fouten, we zullen slechts gedeeltelijke metadata binnenhalen.",
     "consumer-aligned-domain-type-description": "Domeinen die zichtbaar zijn voor de gebruiker waar het eindproduct van een combinatie van data uit verschillende domeinen beschikbaar is voor zakelijke gebruikers of data citizens voor datagedreven besluitvorming.",
+    "context-center-archive-subtitle": "Gearchiveerde artikelen en documenten bekijken",
+    "context-center-dashboard-subtitle": "Overzicht van uw kennisbank en documentbibliotheek",
+    "context-center-documents-subtitle": "Beheer en organiseer uw geüploade documenten",
+    "context-center-integrations-subtitle": "Externe integraties verbinden en beheren",
     "contract-detail-plural-description": "Een contract dat verwachtingen specificeert voor een data-asset.",
     "contract-execution-history-description": "Bekijk alle contractuitvoeringsresultaten in de tijd",
     "contract-security-consume-description": "Beoogde consumenten van de gegevens",
@@ -2773,6 +2778,7 @@
     "field-verify-certs-description": "Dit geeft aan of certificaten moeten worden geverifieerd bij het gebruik van een SSL-connectie met Elasticsearch. Het wordt standaard genegeerd en is ingesteld op true. Zorg ervoor dat je de certificaten in de eigenschap 'CA-certificaten' verzendt.",
     "file-format-size": "{{formats}} (max. {{size}})",
     "file-size-exceeded": "Bestandsgrootte overschrijdt de maximaal toegestane grootte van {{size}}",
+    "file-size-limit-exceeded": "Sommige bestanden overschrijden de limiet van 5 MB en zijn niet geüpload.",
     "filter-pattern-include-exclude-info": "Expliciet {{activity}} {{filterPattern}} door een lijst met door komma's gescheiden regex toe te voegen.",
     "filter-pattern-info": "Kies ervoor om {{filterPattern}} wel of niet op te nemen als onderdeel van de metadataingestie.",
     "filter-pattern-placeholder": "Voeg een filterpatroon toe door het eenvoudig in te typen en op Enter te drukken",
@@ -2837,6 +2843,7 @@
     "input-port-plural": "Invoerpoorten",
     "instance-identifier": "Een naam die deze configuratie-instantie uniek identificeert.",
     "integration-description": "Configureer applicaties en bots voor hogere productiviteit.",
+    "internal-knowledge-base-agent-training": "Interne kennisbank voor agenttraining",
     "invalid-dimensions": "Ongeldige afbeeldingsafmetingen",
     "invalid-file": "Ongeldig bestand",
     "invalid-file-format": "Ongeldig bestandsformaat. Geaccepteerde formaten: {{formats}}",
@@ -2887,6 +2894,7 @@
     "manifest-partition-column-unknown-field": "Item {{entryIndex}}: partitionColumns[{{colIndex}}] heeft een onbekend veld \"{{field}}\"{{suggestion}}.",
     "manifest-top-level-must-be-object": "De waarde op het hoogste niveau moet een object zijn met een \"entries\"-array.",
     "manifest-unknown-top-level-field": "Onbekend veld op het hoogste niveau \"{{field}}\". Alleen \"entries\" is toegestaan.",
+    "manual-upload-agent-context": "Handmatige uploads for specifieke agentcontext",
     "mark-all-deleted-table-message": "Dit is een optionele configuratie voor het inschakelen van zachte verwijdering van tabellen. Wanneer deze optie is ingeschakeld, worden alleen tabellen die zijn verwijderd uit de bron zacht verwijderd, en dit is van toepassing op alle schema's die beschikbaar zijn in de databron. Elke gerelateerde entiteit, zoals testsuites of lineage-informatie, die met die tabellen was geassocieerd, wordt ook verwijderd. Schakel deze optie niet in wanneer je meerdere metadataingestie-pipelines hebt. Zorg er ook voor dat je de optie markDeletedTables inschakelt voor dit om te werken.",
     "mark-deleted-entity-message": "Optionele configuratie voor het zacht verwijderen van '{{entityPlural}}' in OpenMetadata als de bron '{{entityPlural}}' zijn verwijderd. Na het verwijderen worden alle bijbehorende entiteiten zoals lineage, enz., met dat '{{entity}}' verwijderd.",
     "mark-deleted-table-message": "Dit is een optionele configuratie voor het inschakelen van zachte verwijdering van tabellen. Wanneer deze optie is ingeschakeld, worden alleen tabellen die zijn verwijderd uit de bron zacht verwijderd, en dit is uitsluitend van toepassing op het schema dat momenteel wordt ingenomen via de pipeline. Elke gerelateerde entiteit, zoals testsuites of lineage-informatie, die met die tabellen was geassocieerd, wordt ook verwijderd.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pr-pr.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pr-pr.json
index 82f4a1e4ba61..70497a7f341a 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pr-pr.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pr-pr.json
@@ -1957,6 +1957,7 @@
     "setup-guide": "راهنمای راه‌اندازی",
     "severity": "شدت",
     "share": "Compartilhe",
+    "share-file": "اشتراک‌گذاری فایل",
     "shift": "شیفت",
     "should-match": "باید مطابقت داشته باشد",
     "show": "نمایش",
@@ -2537,6 +2538,10 @@
     "connection-test-successful": "آزمون اتصال با موفقیت انجام شد.",
     "connection-test-warning": "آزمون اتصال به صورت جزئی موفقیت‌آمیز بود: برخی از مراحل با شکست مواجه شدند، ما فقط متادیتای جزئی را وارد خواهیم کرد.",
     "consumer-aligned-domain-type-description": "دامنه‌هایی که کاربر محور هستند و محصول نهایی ترکیب داده‌ها از دامنه‌های مختلف در اختیار کاربران تجاری یا شهروندان داده برای تصمیم‌گیری مبتنی بر داده قرار می‌گیر",
+    "context-center-archive-subtitle": "مشاهده مقالات و اسناد بایگانی شده",
+    "context-center-dashboard-subtitle": "نمای کلی از پایگاه دانش و کتابخانه اسناد شما",
+    "context-center-documents-subtitle": "مدیریت و سازماندهی اسناد آپلود شده شما",
+    "context-center-integrations-subtitle": "اتصال و مدیریت ادغام‌های خارجی",
     "contract-detail-plural-description": "قراردادی که انتظارات یک دارایی داده را مشخص می‌کند.",
     "contract-execution-history-description": "همه نتایج اجرای قرارداد را در طول زمان مشاهده کنید",
     "contract-security-consume-description": "ਡੇਟਾ ਦੇ ਇਰਾਦੇ ਵਾਲੇ ਉਪਭੋਗਤਾ",
@@ -2773,6 +2778,7 @@
     "field-verify-certs-description": "این مشخص می‌کند که آیا باید هنگام استفاده از اتصال SSL گواهینامه‌ها را بررسی کرد یا خیر. به‌طور پیش‌فرض نادیده گرفته می‌شود و روی true تنظیم شده است. اطمینان حاصل کنید که گواهینامه‌ها را در ویژگی 'گواهینامه‌های CA' ارسال می‌کنید.",
     "file-format-size": "{{formats}} (حداکثر {{size}})",
     "file-size-exceeded": "اندازه فایل از حداکثر مجاز {{size}} بیشتر است",
+    "file-size-limit-exceeded": "برخی از فایل‌ها از محدودیت اندازه 5 مگابایت فراتر رفته و آپلود نشده‌اند.",
     "filter-pattern-include-exclude-info": "{{activity}} {{filterPattern}} به‌طور صریح با افزودن لیستی از regex جدا شده با کاما.",
     "filter-pattern-info": "انتخاب کنید که آیا می‌خواهید {{filterPattern}} را به عنوان بخشی از استخراج متادیتا شامل کنید یا حذف کنید.",
     "filter-pattern-placeholder": "برای افزودن یک الگوی فیلتر، کافی است آن را تایپ کنید و Enter را فشار دهید.",
@@ -2837,6 +2843,7 @@
     "input-port-plural": "پورت‌های ورودی",
     "instance-identifier": "نامی که به صورت یکتا این پیکربندی را شناسایی می‌کند.",
     "integration-description": "برنامه‌ها و بات‌ها را پیکربندی کنید تا بهره‌وری را افزایش دهید.",
+    "internal-knowledge-base-agent-training": "پایگاه دانش داخلی برای آموزش عامل",
     "invalid-dimensions": "ابعاد تصویر نامعتبر است",
     "invalid-file": "فایل نامعتبر",
     "invalid-file-format": "قالب فایل نامعتبر است. قالب‌های پذیرفته‌شده: {{formats}}",
@@ -2887,6 +2894,7 @@
     "manifest-partition-column-unknown-field": "ورودی {{entryIndex}}: partitionColumns[{{colIndex}}] دارای فیلد ناشناخته \"{{field}}\" است{{suggestion}}.",
     "manifest-top-level-must-be-object": "مقدار سطح بالا باید شیئی با آرایه \"entries\" باشد.",
     "manifest-unknown-top-level-field": "فیلد سطح بالای ناشناخته \"{{field}}\". فقط \"entries\" مجاز است.",
+    "manual-upload-agent-context": "آپلودهای دستی برای زمینه عامل خاص",
     "mark-all-deleted-table-message": "این یک پیکربندی اختیاری برای فعال کردن حذف نرم جدول‌ها است. زمانی که این گزینه فعال شود، تنها جدول‌هایی که از منبع حذف شده‌اند، به‌طور نرم حذف می‌شوند و این امر برای تمامی طرح‌ها در منبع داده اعمال می‌شود. هرگونه موجودیت مرتبط مانند مجموعه تست‌ها یا اطلاعات lineage که با آن جدول‌ها مرتبط بودند نیز حذف خواهند شد. این گزینه را در صورتی فعال نکنید که چندین لوله داده استخراج متادیتا دارید. همچنین اطمینان حاصل کنید که گزینه markDeletedTables فعال باشد تا این کار انجام شود.",
     "mark-deleted-entity-message": "پیکربندی اختیاری برای حذف نرم '{{entityPlural}}' در OpenMetadata در صورتی که '{{entityPlural}}' از منبع حذف شده باشند. پس از حذف، تمامی موجودیت‌های مرتبط مانند lineage و غیره با آن '{{entity}}' نیز حذف خواهند شد.",
     "mark-deleted-table-message": "این یک پیکربندی اختیاری برای فعال کردن حذف نرم جدول‌ها است. زمانی که این گزینه فعال شود، تنها جدول‌هایی که از منبع حذف شده‌اند، به‌طور نرم حذف می‌شوند و این امر تنها برای طرحی که در حال حاضر از طریق لوله داده استخراج می‌شود اعمال خواهد شد. هرگونه موجودیت مرتبط مانند مجموعه تست‌ها یا اطلاعات lineage که با آن جدول‌ها مرتبط بودند نیز حذف خواهند شد.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json
index 7eaea5f2dd43..73e3df40551b 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json
@@ -1957,6 +1957,7 @@
     "setup-guide": "Guia de Configuração",
     "severity": "Severidade",
     "share": "Compartilhar",
+    "share-file": "Compartilhar Arquivo",
     "shift": "Turno",
     "should-match": "Deveria corresponder",
     "show": "Mostrar",
@@ -2537,6 +2538,10 @@
     "connection-test-successful": "Teste de conexão foi bem-sucedido.",
     "connection-test-warning": "Teste de conexão parcialmente bem-sucedido: Algumas etapas falharam, apenas ingestaremos metadados parciais.",
     "consumer-aligned-domain-type-description": "Domínios que são voltados para o usuário, onde o produto final de uma combinação de dados de vários domínios está disponível para usuários de negócios ou cidadãos de dados para tomada de decisões baseada em dados.",
+    "context-center-archive-subtitle": "Ver artigos e documentos arquivados",
+    "context-center-dashboard-subtitle": "Visão geral da sua base de conhecimento e biblioteca de documentos",
+    "context-center-documents-subtitle": "Gerenciar e organizar seus documentos enviados",
+    "context-center-integrations-subtitle": "Conectar e gerenciar integrações externas",
     "contract-detail-plural-description": "Um contrato especificando expectativas para um ativo de dados.",
     "contract-execution-history-description": "Visualizar todos os resultados de execução do contrato ao longo do tempo",
     "contract-security-consume-description": "Consumidores pretendidos dos dados",
@@ -2773,6 +2778,7 @@
     "field-verify-certs-description": "Isso indica se deve verificar certificados ao usar conexão SSL com o Elasticsearch. É ignorado por padrão e está definido como verdadeiro. Certifique-se de enviar os certificados na propriedade `Certificados CA`.",
     "file-format-size": "{{formats}} (máx. {{size}})",
     "file-size-exceeded": "O tamanho do arquivo excede o tamanho máximo permitido de {{size}}",
+    "file-size-limit-exceeded": "Alguns arquivos excedem o limite de tamanho de 5 MB e não foram enviados.",
     "filter-pattern-include-exclude-info": "Explicitamente {{activity}} {{filterPattern}} adicionando uma lista de regex separados por vírgula.",
     "filter-pattern-info": "Escolha incluir ou excluir {{filterPattern}} como parte da ingestão de metadados.",
     "filter-pattern-placeholder": "Para adicionar um padrão de filtro, basta digitá-lo e pressionar Enter",
@@ -2837,6 +2843,7 @@
     "input-port-plural": "Portas de Entrada",
     "instance-identifier": "Um nome que identifica exclusivamente esta instância de configuração.",
     "integration-description": "Configure aplicações e bots para melhorar a produtividade.",
+    "internal-knowledge-base-agent-training": "Base de conhecimento interna para treinamento de agentes",
     "invalid-dimensions": "Dimensões de imagem inválidas",
     "invalid-file": "Arquivo inválido",
     "invalid-file-format": "Formato de arquivo inválido. Formatos aceitos: {{formats}}",
@@ -2887,6 +2894,7 @@
     "manifest-partition-column-unknown-field": "Entrada {{entryIndex}}: partitionColumns[{{colIndex}}] tem um campo desconhecido \"{{field}}\"{{suggestion}}.",
     "manifest-top-level-must-be-object": "O valor de nível superior deve ser um objeto com um array \"entries\".",
     "manifest-unknown-top-level-field": "Campo de nível superior desconhecido \"{{field}}\". Apenas \"entries\" é permitido.",
+    "manual-upload-agent-context": "Uploads manuais para contextos de agentes específicos",
     "mark-all-deleted-table-message": "Esta é uma configuração opcional para habilitar a exclusão suave de tabelas. Quando esta opção está habilitada, apenas as tabelas que foram excluídas da fonte serão excluídas suavemente, e isso se aplicará a todos os esquemas disponíveis na fonte de dados. Quaisquer entidades relacionadas, como conjuntos de teste ou informações de linhagem que estavam associadas a essas tabelas, também serão excluídas. Não habilite esta opção quando você tiver vários pipelines de ingestão de metadados. Também certifique-se de habilitar a opção markDeletedTables para que isso funcione.",
     "mark-deleted-entity-message": "Configuração opcional para excluir suavemente '{{entityPlural}}' no OpenMetadata se a fonte '{{entityPlural}}' for excluída. Após a exclusão, todas as entidades associadas, como linhagem, etc., com aquele '{{entity}}' serão excluídas.",
     "mark-deleted-table-message": "Esta é uma configuração opcional para habilitar a exclusão suave de tabelas. Quando esta opção está habilitada, apenas as tabelas que foram excluídas da fonte serão excluídas suavemente, e isso se aplicará somente ao esquema que está sendo ingerido atualmente pelo pipeline. Quaisquer entidades relacionadas, como conjuntos de teste ou informações de linhagem que estavam associadas a essas tabelas, também serão excluídas.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-pt.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-pt.json
index 49de26db1622..f5229ce75447 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-pt.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-pt.json
@@ -1957,6 +1957,7 @@
     "setup-guide": "Guia de Configuração",
     "severity": "Gravidade",
     "share": "Partilhar",
+    "share-file": "Partilhar Ficheiro",
     "shift": "Turno",
     "should-match": "Deveria corresponder",
     "show": "Mostrar",
@@ -2537,6 +2538,10 @@
     "connection-test-successful": "Teste de conexão foi bem-sucedido.",
     "connection-test-warning": "Teste de conexão parcialmente bem-sucedido: Algumas etapas falharam, apenas ingestaremos metadados parciais.",
     "consumer-aligned-domain-type-description": "Domínios que são voltados para o utilizador, onde o produto final de uma combinação de dados de vários domínios está disponível para Utilizadores de negócios ou cidadãos de dados para tomada de decisões baseada em dados.",
+    "context-center-archive-subtitle": "Ver artigos e documentos arquivados",
+    "context-center-dashboard-subtitle": "Visão geral da sua base de conhecimento e biblioteca de documentos",
+    "context-center-documents-subtitle": "Gerir e organizar os seus documentos carregados",
+    "context-center-integrations-subtitle": "Ligar e gerir integrações externas",
     "contract-detail-plural-description": "Um contrato que especifica expectativas para um ativo de dados.",
     "contract-execution-history-description": "Ver todos os resultados de execução do contrato ao longo do tempo",
     "contract-security-consume-description": "Consumidores pretendidos dos dados",
@@ -2773,6 +2778,7 @@
     "field-verify-certs-description": "Isso indica se deve verificar certificados ao usar conexão SSL com o Elasticsearch. É ignorado por padrão e está definido como verdadeiro. Certifique-se de enviar os certificados na propriedade `Certificados CA`.",
     "file-format-size": "{{formats}} (máx. {{size}})",
     "file-size-exceeded": "O tamanho do arquivo excede o máximo permitido de {{size}}",
+    "file-size-limit-exceeded": "Alguns ficheiros excedem o limite de tamanho de 5 MB e não foram carregados.",
     "filter-pattern-include-exclude-info": "Explícitamente {{activity}} {{filterPattern}} adicionando uma lista de regex separados por vírgula.",
     "filter-pattern-info": "Escolha incluir ou excluir {{filterPattern}} como parte da ingestão de metadatos.",
     "filter-pattern-placeholder": "Para adicionar um padrão de filtro, basta digitá-lo e pressionar Enter",
@@ -2837,6 +2843,7 @@
     "input-port-plural": "Portas de Entrada",
     "instance-identifier": "Um nome que identifica exclusivamente esta instância de configuração.",
     "integration-description": "Configure aplicações e bots para melhorar a produtividade.",
+    "internal-knowledge-base-agent-training": "Base de conhecimento interna para formação de agentes",
     "invalid-dimensions": "Dimensões de imagem inválidas",
     "invalid-file": "Arquivo inválido",
     "invalid-file-format": "Formato de arquivo inválido. Formatos aceitos: {{formats}}",
@@ -2887,6 +2894,7 @@
     "manifest-partition-column-unknown-field": "Entrada {{entryIndex}}: partitionColumns[{{colIndex}}] tem um campo desconhecido \"{{field}}\"{{suggestion}}.",
     "manifest-top-level-must-be-object": "O valor de nível superior tem de ser um objeto com um array \"entries\".",
     "manifest-unknown-top-level-field": "Campo de nível superior desconhecido \"{{field}}\". Apenas \"entries\" é permitido.",
+    "manual-upload-agent-context": "Carregamentos manuais para contextos de agentes específicos",
     "mark-all-deleted-table-message": "Esta é uma configuração opcional para habilitar a exclusão suave de tabelas. Quando esta opção está habilitada, apenas as tabelas que foram excluídas da fonte serão excluídas suavemente, e isso se aplicará a todos os esquemas disponíveis na fonte de dados. Quaisquer entidades relacionadas, como conjuntos de teste ou informações de linhagem que estavam associadas a essas tabelas, também serão excluídas. Não habilite esta opção quando você tiver vários pipelines de ingestão de metadados. Também certifique-se de habilitar a opção markDeletedTables para que isso funcione.",
     "mark-deleted-entity-message": "Configuração opcional para excluir suavemente '{{entityPlural}}' no OpenMetadata se a fonte '{{entityPlural}}' for excluída. Após a exclusão, todas as entidades associadas, como linhagem, etc., com aquele '{{entity}}' serão excluídas.",
     "mark-deleted-table-message": "Esta é uma configuração opcional para habilitar a exclusão suave de tabelas. Quando esta opção está habilitada, apenas as tabelas que foram excluídas da fonte serão excluídas suavemente, e isso se aplicará somente ao esquema que está sendo ingerido atualmente pelo pipeline. Quaisquer entidades relacionadas, como conjuntos de teste ou informações de linhagem que estavam associadas a essas tabelas, também serão excluídas.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json
index b982dd705995..13d877f9e200 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json
@@ -1957,6 +1957,7 @@
     "setup-guide": "Руководство по установке",
     "severity": "Критичность инцидента",
     "share": "Поделиться",
+    "share-file": "Поделиться файлом",
     "shift": "Сдвиг",
     "should-match": "Должно совпадать",
     "show": "Показать",
@@ -2537,6 +2538,10 @@
     "connection-test-successful": "Тест подключения прошел успешно.",
     "connection-test-warning": "Тестовое соединение частично успешно: на некоторых этапах были сбои, мы будем принимать только частичные метаданные.",
     "consumer-aligned-domain-type-description": "Домены, которые обращены к пользователю, где конечный продукт комбинации данных из различных доменов доступен для бизнес-пользователей для принятия решений на основе данных.",
+    "context-center-archive-subtitle": "Просмотр архивных статей и документов",
+    "context-center-dashboard-subtitle": "Обзор вашей базы знаний и библиотеки документов",
+    "context-center-documents-subtitle": "Управление и организация загруженных документов",
+    "context-center-integrations-subtitle": "Подключение и управление внешними интеграциями",
     "contract-detail-plural-description": "Контракт, определяющий ожидания для объекта данных.",
     "contract-execution-history-description": "Просмотр всех результатов выполнения контракта за время",
     "contract-security-consume-description": "Предполагаемые потребители данных",
@@ -2773,6 +2778,7 @@
     "field-verify-certs-description": "Указывает, следует ли проверять сертификаты при использовании SSL-подключения к Elasticsearch. По умолчанию игнорируется и имеет значение true. Убедитесь, что вы отправляете сертификаты в свойстве «Сертификаты ЦС».",
     "file-format-size": "{{formats}} (макс. {{size}})",
     "file-size-exceeded": "Размер файла превышает максимально допустимый размер {{size}}",
+    "file-size-limit-exceeded": "Некоторые файлы превышают предел размера 5 МБ и не были загружены.",
     "filter-pattern-include-exclude-info": "{{activity}} {{filterPattern}} путем добавления списка регулярных выражений, разделенных запятыми.",
     "filter-pattern-info": "Выберите, следует ли включить или исключить {{filterPattern}} при приеме метаданных.",
     "filter-pattern-placeholder": "Чтобы добавить шаблон фильтра, просто введите его и нажмите Enter.",
@@ -2837,6 +2843,7 @@
     "input-port-plural": "Порты ввода",
     "instance-identifier": "Имя, которое однозначно идентифицирует этот экземпляр конфигурации.",
     "integration-description": "Настройте приложения и ботов для повышения производительности.",
+    "internal-knowledge-base-agent-training": "Внутренняя база знаний для обучения агентов",
     "invalid-dimensions": "Недопустимые размеры изображения",
     "invalid-file": "Недопустимый файл",
     "invalid-file-format": "Недопустимый формат файла. Допустимые форматы: {{formats}}",
@@ -2887,6 +2894,7 @@
     "manifest-partition-column-unknown-field": "Запись {{entryIndex}}: partitionColumns[{{colIndex}}] содержит неизвестное поле \"{{field}}\"{{suggestion}}.",
     "manifest-top-level-must-be-object": "Значение верхнего уровня должно быть объектом с массивом \"entries\".",
     "manifest-unknown-top-level-field": "Неизвестное поле верхнего уровня \"{{field}}\". Допускается только \"entries\".",
+    "manual-upload-agent-context": "Ручные загрузки для конкретного контекста агента",
     "mark-all-deleted-table-message": "Это необязательная конфигурация для включения обратимого удаления таблиц. Если этот параметр включен, обратимо удалятся только таблицы, которые были удалены из источника, и это будет применяться ко всем схемам, доступным в источнике данных. Любые связанные объекты, такие как наборы тестов или информация о происхождении, которые были связаны с этими таблицами, также будут удалены. Не включайте этот параметр при наличии нескольких конвейеров приема метаданных. Также не забудьте включить опцию markDeletedTables, чтобы это работало.",
     "mark-deleted-entity-message": "Необязательная конфигурация для обратимого удаления '{{entityPlural}}' в OpenMetadata, если исходный '{{entityPlural}}' удален. После удаления все связанные объекты, такие как lineage и т. д., с этим «{{entity}}» будут удалены.",
     "mark-deleted-table-message": "Это необязательная конфигурация для включения обратимого удаления таблиц. Если этот параметр включен, обратимому удалению подлежат только таблицы, которые были удалены из источника, и это будет применяться исключительно к схеме, которая в данный момент загружается через конвейер. Любые связанные объекты, такие как наборы тестов или информация о происхождении, которые были связаны с этими таблицами, также будут удалены.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/th-th.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/th-th.json
index f486582f1759..cdc2c413ef4a 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/th-th.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/th-th.json
@@ -1957,6 +1957,7 @@
     "setup-guide": "คู่มือการติดตั้ง",
     "severity": "ความรุนแรง",
     "share": "แชร์",
+    "share-file": "แชร์ไฟล์",
     "shift": "เปลี่ยน",
     "should-match": "ควรตรงกัน",
     "show": "แสดง",
@@ -2537,6 +2538,10 @@
     "connection-test-successful": "การทดสอบการเชื่อมต่อสำเร็จ",
     "connection-test-warning": "การทดสอบการเชื่อมต่อต partially successful: ขั้นตอนบางส่วนล้มเหลว เราจะนำเข้าข้อมูลเมตาส่วนนั้นเท่านั้น",
     "consumer-aligned-domain-type-description": "โดเมนที่เป็นการมอบหมายให้ผู้ใช้โดยที่ผลิตภัณฑ์สุดท้ายของการรวมข้อมูลจากโดเมนต่าง ๆ พร้อมให้บริการแก่ผู้ใช้ธุรกิจหรือประชาชนข้อมูลเพื่อการตัดสินใจที่ขับเคลื่อนด้วยข้อมูล",
+    "context-center-archive-subtitle": "ดูบทความและเอกสารที่เก็บถาวร",
+    "context-center-dashboard-subtitle": "ภาพรวมของฐานความรู้และคลังเอกสารของคุณ",
+    "context-center-documents-subtitle": "จัดการและจัดระเบียบเอกสารที่คุณอัปโหลด",
+    "context-center-integrations-subtitle": "เชื่อมต่อและจัดการการผสานรวมภายนอก",
     "contract-detail-plural-description": "สัญญาที่ระบุความคาดหวังสำหรับทรัพย์สินข้อมูล",
     "contract-execution-history-description": "ดูผลการดำเนินการสัญญาทั้งหมดตามเวลา",
     "contract-security-consume-description": "ผู้บริโภคที่ตั้งใจไว้ของข้อมูล",
@@ -2773,6 +2778,7 @@
     "field-verify-certs-description": "บ่งชี้ว่าต้องการตรวจสอบใบรับรองเมื่อใช้การเชื่อมต่อ SSL กับ Elasticsearch หรือไม่ โดยค่าเริ่มต้นมันจะถูกละเลยและตั้งค่าเป็น true ตรวจสอบให้แน่ใจว่าคุณได้ส่งใบรับรองในคุณสมบัติ `CA Certificates`",
     "file-format-size": "{{formats}} (สูงสุด {{size}})",
     "file-size-exceeded": "ขนาดไฟล์เกินขนาดสูงสุดที่อนุญาต {{size}}",
+    "file-size-limit-exceeded": "ไฟล์บางไฟล์เกินขีดจำกัดขนาด 5 MB และไม่ได้รับการอัปโหลด",
     "filter-pattern-include-exclude-info": "เพิ่มหรือเรียงลำดับ {{activity}} {{filterPattern}} โดยการเพิ่มรายการของ regex ที่แยกด้วยเครื่องหมายจุลภาค",
     "filter-pattern-info": "เลือกที่จะรวมเข้าหรือยกเว้น {{filterPattern}} เป็นส่วนหนึ่งของการนำเข้าข้อมูลเมตา",
     "filter-pattern-placeholder": "ในการเพิ่มรูปแบบการกรอง เพียงแค่พิมพ์และกด Enter",
@@ -2837,6 +2843,7 @@
     "input-port-plural": "พอร์ตอินพุต",
     "instance-identifier": "ชื่อที่ระบุรายละเอียดการกำหนดค่านี้อย่างไม่ซ้ำ",
     "integration-description": "กำหนดค่าแอปพลิเคชันและบอทเพื่อเพิ่มผลผลิต",
+    "internal-knowledge-base-agent-training": "ฐานความรู้ภายในสำหรับการฝึกอบรมตัวแทน",
     "invalid-dimensions": "ขนาดภาพไม่ถูกต้อง",
     "invalid-file": "ไฟล์ไม่ถูกต้อง",
     "invalid-file-format": "รูปแบบไฟล์ไม่ถูกต้อง รูปแบบที่ยอมรับ: {{formats}}",
@@ -2887,6 +2894,7 @@
     "manifest-partition-column-unknown-field": "รายการ {{entryIndex}}: partitionColumns[{{colIndex}}] มีฟิลด์ที่ไม่รู้จัก \"{{field}}\"{{suggestion}}",
     "manifest-top-level-must-be-object": "ค่าระดับบนสุดต้องเป็นอ็อบเจกต์ที่มีอาร์เรย์ \"entries\"",
     "manifest-unknown-top-level-field": "ฟิลด์ระดับบนสุดที่ไม่รู้จัก \"{{field}}\" อนุญาตเฉพาะ \"entries\" เท่านั้น",
+    "manual-upload-agent-context": "การอัปโหลดด้วยตนเองสำหรับบริบทของตัวแทนเฉพาะ",
     "mark-all-deleted-table-message": "นี่คือการกำหนดค่าเสริมสำหรับการเปิดใช้การลบตารางแบบ soft delete เมื่อเปิดใช้ตัวเลือกนี้ เฉพาะตารางที่ถูกลบจากแหล่งที่มาเท่านั้นที่จะถูก soft delete และจะใช้กับสคีมาทั้งหมดที่มีอยู่ในแหล่งข้อมูล เอนทิตีที่เกี่ยวข้อง เช่น ชุดทดสอบหรือข้อมูลสายสัมพันธ์ที่เชื่อมโยงกับตารางเหล่านั้นก็จะถูกลบด้วย อย่าเปิดตัวเลือกนี้เมื่อคุณมีไปป์ไลน์การนำเข้าเมตาดาต้าหลายรายการ และตรวจสอบให้แน่ใจว่าได้เปิดใช้ตัวเลือก markDeletedTables เพื่อให้สิ่งนี้ทำงาน",
     "mark-deleted-entity-message": "การกำหนดค่าเสริมในการ soft delete '{{entityPlural}}' ใน OpenMetadata หากแหล่งที่มา '{{entityPlural}}' ถูกลบ หลังจากลบแล้ว เอนทิตีที่เกี่ยวข้องทั้งหมด เช่น สายสัมพันธ์ ฯลฯ กับ '{{entity}}' นั้นจะถูกลบด้วย",
     "mark-deleted-table-message": "นี่คือการกำหนดค่าเสริมสำหรับการเปิดใช้การลบตารางแบบ soft delete เมื่อเปิดใช้ตัวเลือกนี้ เฉพาะตารางที่ถูกลบจากแหล่งที่มาเท่านั้นที่จะถูก soft delete และจะใช้กับสคีมาที่กำลังนำเข้าผ่านไปป์ไลน์เท่านั้น เอนทิตีที่เกี่ยวข้อง เช่น ชุดทดสอบหรือข้อมูลสายสัมพันธ์ที่เชื่อมโยงกับตารางเหล่านั้นก็จะถูกลบด้วย",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/tr-tr.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/tr-tr.json
index 00f004d416ac..ba13dc98de12 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/tr-tr.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/tr-tr.json
@@ -1957,6 +1957,7 @@
     "setup-guide": "Kurulum Kılavuzu",
     "severity": "Önem Derecesi",
     "share": "Paylaş",
+    "share-file": "Dosyayı Paylaş",
     "shift": "Shift",
     "should-match": "Eşleşmeli",
     "show": "Göster",
@@ -2537,6 +2538,10 @@
     "connection-test-successful": "Bağlantı testi başarılı oldu.",
     "connection-test-warning": "Bağlantı testi kısmen başarılı: Bazı adımlarda hatalar oluştu, yalnızca kısmi metadata alacağız.",
     "consumer-aligned-domain-type-description": "Çeşitli alanlardan gelen verilerin birleşiminin son ürününün iş kullanıcıları veya veri vatandaşları için veri odaklı karar verme amacıyla kullanılabildiği, kullanıcıya yönelik alan adları.",
+    "context-center-archive-subtitle": "Arşivlenmiş makaleleri ve belgeleri görüntüle",
+    "context-center-dashboard-subtitle": "Bilgi tabanınızın ve belge kitaplığınızın genel görünümü",
+    "context-center-documents-subtitle": "Yüklenen belgelerinizi yönetin ve düzenleyin",
+    "context-center-integrations-subtitle": "Harici entegrasyonları bağlayın ve yönetin",
     "contract-detail-plural-description": "Bir veri varlığı için beklentileri belirten bir sözleşme.",
     "contract-execution-history-description": "Tüm sözleşme yürütme sonuçlarını zaman içinde görüntüleyin",
     "contract-security-consume-description": "Verinin hedeflenen tüketicileri",
@@ -2773,6 +2778,7 @@
     "field-verify-certs-description": "Bu, Elasticsearch'e SSL bağlantısı kullanılırken sertifikaların doğrulanıp doğrulanmayacağını gösterir. Varsayılan olarak yok sayılır ve true olarak ayarlanır. Sertifikaları `CA Sertifikaları` özelliğinde gönderdiğinizden emin olun.",
     "file-format-size": "{{formats}} (maks. {{size}})",
     "file-size-exceeded": "Dosya boyutu izin verilen maksimum boyut {{size}}'ı aşıyor",
+    "file-size-limit-exceeded": "Bazı dosyalar 5 MB boyut sınırını aşıyor ve yüklenmedi.",
     "filter-pattern-include-exclude-info": "Virgülle ayrılmış bir regex listesi ekleyerek {{filterPattern}} öğesini açıkça {{activity}}.",
     "filter-pattern-info": "Metadata alımının bir parçası olarak {{filterPattern}} dahil etmeyi veya hariç tutmayı seçin.",
     "filter-pattern-placeholder": "Bir filtre deseni eklemek için yazın ve Enter tuşuna basın",
@@ -2837,6 +2843,7 @@
     "input-port-plural": "Giriş Portları",
     "instance-identifier": "Bu yapılandırma örneğini benzersiz şekilde tanımlayan bir Ad.",
     "integration-description": "Üretkenliği artırmak için uygulamaları ve botları yapılandırın.",
+    "internal-knowledge-base-agent-training": "Temsilci eğitimi için dahili bilgi tabanı",
     "invalid-dimensions": "Geçersiz görsel boyutları",
     "invalid-file": "Geçersiz dosya",
     "invalid-file-format": "Geçersiz dosya formatı. Kabul edilen formatlar: {{formats}}",
@@ -2887,6 +2894,7 @@
     "manifest-partition-column-unknown-field": "Giriş {{entryIndex}}: partitionColumns[{{colIndex}}] bilinmeyen bir alan içeriyor \"{{field}}\"{{suggestion}}.",
     "manifest-top-level-must-be-object": "Üst düzey değer, \"entries\" dizisine sahip bir nesne olmalıdır.",
     "manifest-unknown-top-level-field": "Bilinmeyen üst düzey alan \"{{field}}\". Yalnızca \"entries\" izin verilir.",
+    "manual-upload-agent-context": "Belirli temsilci bağlamları için manuel yüklemeler",
     "mark-all-deleted-table-message": "Bu, tabloların geçici olarak silinmesini sağlamak için isteğe bağlı bir yapılandırmadır. Bu seçenek etkinleştirildiğinde, yalnızca kaynaktan silinmiş olan tablolar geçici olarak silinecek ve bu, veri kaynağında bulunan tüm şemalar için geçerli olacaktır. Bu tablolarla ilişkili olan test paketleri veya veri soyu bilgileri gibi ilgili tüm varlıklar da silinecektir. Birden fazla metadata alım iş akışınız olduğunda bu seçeneği etkinleştirmeyin. Ayrıca bunun çalışması için markDeletedTables seçeneğini etkinleştirdiğinizden emin olun.",
     "mark-deleted-entity-message": "Kaynak '{{entityPlural}}' silinirse OpenMetadata'da '{{entityPlural}}' öğesini geçici olarak silmek için isteğe bağlı yapılandırma. Sildikten sonra, o '{{entity}}' ile ilişkili veri soyu vb. gibi tüm ilişkili varlıklar silinecektir.",
     "mark-deleted-table-message": "Bu, tabloların geçici olarak silinmesini sağlamak için isteğe bağlı bir yapılandırmadır. Bu seçenek etkinleştirildiğinde, yalnızca kaynaktan silinmiş olan tablolar geçici olarak silinecek ve bu, yalnızca iş akışı aracılığıyla şu anda alınan şema için geçerli olacaktır. Bu tablolarla ilişkili olan test paketleri veya veri soyu bilgileri gibi ilgili tüm varlıklar da silinecektir.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json
index 6f18d16b14e6..b5c18cffc805 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json
@@ -1957,6 +1957,7 @@
     "setup-guide": "安装引导",
     "severity": "严重性",
     "share": "分享",
+    "share-file": "分享文件",
     "shift": "转移",
     "should-match": "应该匹配",
     "show": "显示",
@@ -2537,6 +2538,10 @@
     "connection-test-successful": "连接测试成功",
     "connection-test-warning": "连接测试部分成功：部分步骤失败, 只能提取部分元数据",
     "consumer-aligned-domain-type-description": "面向用户的域, 在这些域中, 来自不同域的数据组合的最终产品可供商业用户或数据公民进行数据驱动决策.",
+    "context-center-archive-subtitle": "查看归档的文章和文档",
+    "context-center-dashboard-subtitle": "知识库和文档库概览",
+    "context-center-documents-subtitle": "管理和组织上传的文档",
+    "context-center-integrations-subtitle": "连接和管理外部集成",
     "contract-detail-plural-description": "为数据资产指定期望的合同。",
     "contract-execution-history-description": "查看随时间变化的所有合同执行结果",
     "contract-security-consume-description": "数据的预期消费者",
@@ -2773,6 +2778,7 @@
     "field-verify-certs-description": "指示在使用 SSL 连接到 Elasticsearch 时是否验证证书, 默认情况下忽略。如果设置为 true, 请确保将证书设置到“CA 证书”属性中",
     "file-format-size": "{{formats}}（最大 {{size}}）",
     "file-size-exceeded": "文件大小超过允许的最大值 {{size}}",
+    "file-size-limit-exceeded": "某些文件超过 5 MB 大小限制，未上传。",
     "filter-pattern-include-exclude-info": "通过添加逗号分隔的正则表达式列表明确{{activity}} {{filterPattern}}",
     "filter-pattern-info": "选择包含或排除{{filterPattern}}作为元数据提取的一部分",
     "filter-pattern-placeholder": "输入并按回车键, 即可新建一个过滤器",
@@ -2837,6 +2843,7 @@
     "input-port-plural": "输入端口",
     "instance-identifier": "唯一标识此配置实例的名称",
     "integration-description": "配置应用和机器人以提高生产力",
+    "internal-knowledge-base-agent-training": "用于代理培训的内部知识库",
     "invalid-dimensions": "无效的图片尺寸",
     "invalid-file": "无效的文件",
     "invalid-file-format": "无效的文件格式。支持的格式：{{formats}}",
@@ -2887,6 +2894,7 @@
     "manifest-partition-column-unknown-field": "条目 {{entryIndex}}：partitionColumns[{{colIndex}}] 包含未知字段 \"{{field}}\"{{suggestion}}。",
     "manifest-top-level-must-be-object": "顶层值必须是包含 \"entries\" 数组的对象。",
     "manifest-unknown-top-level-field": "未知的顶层字段 \"{{field}}\"。仅允许 \"entries\"。",
+    "manual-upload-agent-context": "特定代理上下文的手动上传",
     "mark-all-deleted-table-message": "可选配置, 仅将已删除的表标记为过滤的 Schema(模式)",
     "mark-deleted-entity-message": "可选配置, 如果源'{{entity}}'被删除, 则软删除 OpenMetadata 中的'{{entity}}'。该'{{entity}}'的所有关联实体将被删除, 例如血缘信息等。",
     "mark-deleted-table-message": "可选配置, 用于启用数据表的软删除。只有在数据源中被删除的表才会被软删除, 而且仅会作用到当前被工作流提取进来的 Schema(模式)。所有这些数据表的关联实体都将被删除, 例如测试集和血缘信息等。",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-tw.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-tw.json
index 7c4be6fab0c9..7658a7a44643 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-tw.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-tw.json
@@ -1957,6 +1957,7 @@
     "setup-guide": "設定指南",
     "severity": "嚴重性",
     "share": "分享",
+    "share-file": "分享檔案",
     "shift": "Shift",
     "should-match": "應該比對",
     "show": "顯示",
@@ -2537,6 +2538,10 @@
     "connection-test-successful": "連線測試成功。",
     "connection-test-warning": "測試連線部分成功：某些步驟失敗，我們將只擷取部分元資料。",
     "consumer-aligned-domain-type-description": "面向使用者的領域，其中來自各個領域的資料組合的最終產品可供業務使用者或資料公民進行資料驅動的決策。",
+    "context-center-archive-subtitle": "查看封存的文章和文件",
+    "context-center-dashboard-subtitle": "知識庫和文件庫概览",
+    "context-center-documents-subtitle": "管理和組織上傳的文件",
+    "context-center-integrations-subtitle": "連接和管理外部集成",
     "contract-detail-plural-description": "指定資料資產期望的合約。",
     "contract-execution-history-description": "檢視所有合約隨時間的執行結果。",
     "contract-security-consume-description": "資料的預期消費者",
@@ -2773,6 +2778,7 @@
     "field-verify-certs-description": "這表示在使用 SSL 連線到 Elasticsearch 時是否驗證憑證。預設情況下會被忽略並設定為 true。請確保您在屬性 `CA 憑證` 中傳送憑證。",
     "file-format-size": "{{formats}}（最大 {{size}}）",
     "file-size-exceeded": "文件大小超過允許的最大值 {{size}}",
+    "file-size-limit-exceeded": "某些檔案超過 5 MB 大小限制，未上傳。",
     "filter-pattern-include-exclude-info": "透過新增以逗號分隔的正規表示式清單，明確地 {{activity}} {{filterPattern}}。",
     "filter-pattern-info": "選擇在元資料擷取中包含或排除 {{filterPattern}}。",
     "filter-pattern-placeholder": "若要新增篩選模式，只需輸入並按 Enter",
@@ -2837,6 +2843,7 @@
     "input-port-plural": "輸入連接埠",
     "instance-identifier": "唯一識別此組態執行個體的名稱。",
     "integration-description": "設定應用程式和機器人以提高生產力。",
+    "internal-knowledge-base-agent-training": "用于代理培訓的内部知識庫",
     "invalid-dimensions": "無效的圖片尺寸",
     "invalid-file": "無效的文件",
     "invalid-file-format": "無效的文件格式。支持的格式：{{formats}}",
@@ -2887,6 +2894,7 @@
     "manifest-partition-column-unknown-field": "項目 {{entryIndex}}：partitionColumns[{{colIndex}}] 包含未知欄位 \"{{field}}\"{{suggestion}}。",
     "manifest-top-level-must-be-object": "頂層值必須是包含 \"entries\" 陣列的物件。",
     "manifest-unknown-top-level-field": "未知的頂層欄位 \"{{field}}\"。僅允許 \"entries\"。",
+    "manual-upload-agent-context": "特定代理上下文的手動上傳",
     "mark-all-deleted-table-message": "這是啟用資料表軟刪除的選用組態。啟用此選項後，只有從來源刪除的資料表會被軟刪除，這將適用於資料來源中所有可用的結構。任何與這些資料表相關的實體，如測試套件或血緣資訊，也將被刪除。當您有多個元資料擷取管線時，請勿啟用此選項。另請確保啟用 markDeletedTables 選項才能使其正常運作。",
     "mark-deleted-entity-message": "選用組態，用於在來源 '{{entityPlural}}' 被刪除時，在 OpenMetadata 中軟刪除 '{{entityPlural}}'。刪除後，與該 '{{entity}}' 相關的所有實體（如血緣等）將被刪除。",
     "mark-deleted-table-message": "這是啟用資料表軟刪除的選用組態。啟用此選項後，只有從來源刪除的資料表會被軟刪除，這將僅適用於目前透過管線擷取的結構。任何與這些資料表相關的實體，如測試套件或血緣資訊，也將被刪除。",
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx
index 88a9a956e019..f02aca814878 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx
@@ -69,9 +69,7 @@ const ContextCenterArchivePage: FC = () => {
           },
         ]}
         hasPermission={permissions?.Create}
-        subtitle={t('message.context-center-archive-subtitle', {
-          defaultValue: 'View archived articles and documents',
-        })}
+        subtitle={t('message.context-center-archive-subtitle')}
         title={t('label.archive')}
         onCreateArticle={() => navigate(ROUTES.CONTEXT_CENTER_ARTICLES)}
       />
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
index ff9d8e6c63d9..a905d0678705 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
@@ -223,9 +223,7 @@ const ContextCenterArticlesPage = () => {
           { activeTitle: true, name: t('label.article-plural'), url: '' },
         ]}
         hasPermission={permissions?.Create}
-        subtitle={t('message.internal-knowledge-base-agent-training', {
-          defaultValue: 'Internal knowledge base for agent training',
-        })}
+        subtitle={t('message.internal-knowledge-base-agent-training')}
         title={t('label.article-plural')}
       />
     );
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
index 5e5c2f849fd9..e311ce572412 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
@@ -158,9 +158,7 @@ const ContextCenterDashboardPage: FC = () => {
           },
         ]}
         hasPermission={hasCreatePermission}
-        subtitle={t('message.context-center-dashboard-subtitle', {
-          defaultValue: 'Overview of your knowledge base and document library',
-        })}
+        subtitle={t('message.context-center-dashboard-subtitle')}
         title={t('label.dashboard')}
         onCreateArticle={handleCreateArticle}
         onUploadFile={() => setIsUploadModalOpen(true)}
@@ -170,9 +168,7 @@ const ContextCenterDashboardPage: FC = () => {
         <ArticleListSection
           articles={articles}
           isLoading={isArticlesLoading}
-          subtitle={t('message.internal-knowledge-base-agent-training', {
-            defaultValue: 'Internal knowledge base for agent training',
-          })}
+          subtitle={t('message.internal-knowledge-base-agent-training')}
           title={t('label.article-amp-quick-link-plural')}
           onViewAll={() => navigate(ROUTES.CONTEXT_CENTER_ARTICLES)}
         />
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
index c9256d540bba..466c7f25a258 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
@@ -11,8 +11,7 @@
  *  limitations under the License.
  */
 
-import { Button } from '@openmetadata/ui-core-components';
-import { Home02, UploadCloud02 } from '@untitledui/icons';
+import { Home02 } from '@untitledui/icons';
 import { AxiosError } from 'axios';
 import DeleteModal from 'components/common/DeleteModal/DeleteModal';
 import { DocFile } from 'components/ContextCenter/DocumentsView/DocumentsView.interface';
@@ -140,17 +139,6 @@ const ContextCenterDocumentsPage: FC = () => {
       className="tw:flex tw:flex-col tw:w-full tw:h-full tw:bg-secondary tw:p-5 tw:pt-0"
       data-testid="context-center-documents-page">
       <ContextCenterHeader
-        actionsSlot={
-          <div className="tw:flex tw:items-center tw:gap-3 tw:shrink-0">
-            <Button
-              color="primary"
-              iconLeading={UploadCloud02}
-              size="sm"
-              onClick={() => setIsUploadModalOpen(true)}>
-              {t('label.upload-file', { defaultValue: 'Upload File' })}
-            </Button>
-          </div>
-        }
         breadcrumbs={[
           {
             name: '',
@@ -166,10 +154,9 @@ const ContextCenterDocumentsPage: FC = () => {
           },
         ]}
         hasPermission={hasCreatePermission}
-        subtitle={t('message.context-center-documents-subtitle', {
-          defaultValue: 'Manage and organize your uploaded documents',
-        })}
+        subtitle={t('message.context-center-documents-subtitle')}
         title={t('label.document-plural')}
+        onUploadFile={() => setIsUploadModalOpen(true)}
       />
 
       <div className="tw:flex-1 tw:overflow-hidden">
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx
index 49a92384287b..cadb2a9b9c6b 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx
@@ -74,9 +74,7 @@ const ContextCenterIntegrationsPage: FC = () => {
           },
         ]}
         hasPermission={hasCreatePermission}
-        subtitle={t('message.context-center-integrations-subtitle', {
-          defaultValue: 'Connect and manage external integrations',
-        })}
+        subtitle={t('message.context-center-integrations-subtitle')}
         title={t('label.integration-plural')}
         onCreateArticle={() => navigate(ROUTES.CONTEXT_CENTER_ARTICLES)}
       />
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterPage.mock.ts b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterPage.mock.ts
deleted file mode 100644
index 6f0d635f159f..000000000000
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterPage.mock.ts
+++ /dev/null
@@ -1,215 +0,0 @@
-/*
- *  Copyright 2026 Collate.
- *  Licensed under the Apache License, Version 2.0 (the "License");
- *  you may not use this file except in compliance with the License.
- *  You may obtain a copy of the License at
- *  http://www.apache.org/licenses/LICENSE-2.0
- *  Unless required by applicable law or agreed to in writing, software
- *  distributed under the License is distributed on an "AS IS" BASIS,
- *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *  See the License for the specific language governing permissions and
- *  limitations under the License.
- */
-
-import { ArticleCardItem } from '../../components/ContextCenter/ArticleCard/ArticleCard.interface';
-import { DocFolder } from '../../components/ContextCenter/DocumentsView/DocumentsView.interface';
-import { UploadedDocumentItem } from '../../components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.interface';
-
-export const MOCK_ARTICLES: ArticleCardItem[] = [
-  {
-    badge: 'sensitive',
-    description:
-      'Detailed guidelines for regulatory compliance across EMEA and...',
-    id: '1',
-    lastEditedAt: Date.now() - 7200000,
-    tags: [{ label: 'Compliance' }, { label: 'Legal' }],
-    title: 'Q3 Compliance Protocols v4',
-  },
-  {
-    badge: 'new',
-    description:
-      'Developer quick-start guide for integrating the Context API into...',
-    id: '2',
-    lastEditedAt: Date.now() - 18000000,
-    tags: [{ label: 'DevDocs' }, { label: 'Tech' }],
-    title: 'Internal API Documentation',
-  },
-  {
-    badge: 'new',
-    description:
-      'Developer quick-start guide for integrating Context API into...',
-    id: '3',
-    lastEditedAt: Date.now() - 18000000,
-    tags: [{ label: 'DevDocs' }, { label: 'Tech' }],
-    title: 'Internal API Documentation',
-  },
-  {
-    badge: 'sensitive',
-    description:
-      'Detailed guidelines for regulatory compliance across EMEA and...',
-    id: '4',
-    lastEditedAt: Date.now() - 7200000,
-    tags: [{ label: 'Compliance' }, { label: 'Legal' }],
-    title: 'Q3 Compliance Protocols v4',
-  },
-  {
-    badge: 'sensitive',
-    description:
-      'Detailed guidelines for regulatory compliance across EMEA and...',
-    id: '5',
-    lastEditedAt: Date.now() - 7200000,
-    tags: [{ label: 'Compliance' }, { label: 'Legal' }],
-    title: 'Q3 Compliance Protocols v4',
-  },
-  {
-    badge: 'sensitive',
-    description:
-      'Detailed guidelines for regulatory compliance across EMEA and...',
-    id: '6',
-    lastEditedAt: Date.now() - 7200000,
-    tags: [{ label: 'Compliance' }, { label: 'Legal' }],
-    title: 'Q3 Compliance Protocols v4',
-  },
-];
-
-export const MOCK_FOLDERS: DocFolder[] = [
-  {
-    files: [
-      {
-        fileType: 'pdf',
-        id: 'f1-1',
-        name: 'Q4_Revenue_Report.pdf',
-        sizeLabel: '2.4 MB',
-        uploadedAt: '4 hours ago',
-        uploadedBy: 'Phoenix Baker',
-      },
-      {
-        fileType: 'xlsx',
-        id: 'f1-2',
-        name: 'Annual_Budget_2025.xlsx',
-        sizeLabel: '1.8 MB',
-        uploadedAt: '1 day ago',
-        uploadedBy: 'Olivia Rhye',
-      },
-    ],
-    id: 'f1',
-    name: 'Financial Reports',
-  },
-  {
-    files: [
-      {
-        fileType: 'xlsx',
-        id: 'f2-1',
-        name: 'Customer_Data_Export.xlsx',
-        sizeLabel: '5.2 MB',
-        uploadedAt: '2 days ago',
-        uploadedBy: 'Lana Steiner',
-      },
-      {
-        fileType: 'csv',
-        id: 'f2-2',
-        name: 'Sales_Schema_v2.csv',
-        sizeLabel: '340 KB',
-        uploadedAt: '8 hours ago',
-        uploadedBy: 'Demi Wilkinson',
-      },
-    ],
-    id: 'f2',
-    name: 'Data Exports',
-  },
-  {
-    files: [
-      {
-        fileType: 'pdf',
-        id: 'f3-1',
-        name: 'GDPR_Compliance_Audit.pdf',
-        sizeLabel: '3.1 MB',
-        uploadedAt: '3 days ago',
-        uploadedBy: 'Candice Wu',
-      },
-      {
-        fileType: 'pdf',
-        id: 'f3-2',
-        name: 'SOC2_Report_2024.pdf',
-        sizeLabel: '8.7 MB',
-        uploadedAt: '1 day ago',
-        uploadedBy: 'Olivia Rhye',
-      },
-    ],
-    id: 'f3',
-    name: 'Compliance',
-  },
-  {
-    files: [
-      {
-        fileType: 'xlsx',
-        id: 'f4-1',
-        name: 'Employee_Records.xlsx',
-        sizeLabel: '12 MB',
-        uploadedAt: 'Just now',
-        uploadedBy: 'Phoenix Baker',
-      },
-    ],
-    id: 'f4',
-    name: 'Training Materials',
-  },
-];
-
-export const MOCK_DOCUMENTS: UploadedDocumentItem[] = [
-  {
-    fileType: 'doc',
-    id: 'd1',
-    name: 'Annual_Report_2023...',
-    sizeLabel: '4.2 MB',
-    status: 'processed',
-  },
-  {
-    fileType: 'pdf',
-    id: 'd2',
-    name: 'Product_Pricing_Final...',
-    sizeLabel: '128 KB',
-    status: 'processed',
-  },
-  {
-    fileType: 'image',
-    id: 'd3',
-    name: 'Office_Layout_Mocku...',
-    sizeLabel: '2.1 MB',
-    status: 'processed',
-  },
-  {
-    fileType: 'xls',
-    id: 'd4',
-    name: 'Marketing_Overview_...',
-    sizeLabel: '18.5 MB',
-    status: 'analyzing',
-  },
-  {
-    fileType: 'doc',
-    id: 'd5',
-    name: 'Annual_Report_2023...',
-    sizeLabel: '4.2 MB',
-    status: 'processed',
-  },
-  {
-    fileType: 'pdf',
-    id: 'd6',
-    name: 'Product_Pricing_Final...',
-    sizeLabel: '128 KB',
-    status: 'processed',
-  },
-  {
-    fileType: 'image',
-    id: 'd7',
-    name: 'Office_Layout_Mocku...',
-    sizeLabel: '2.1 MB',
-    status: 'processed',
-  },
-  {
-    fileType: 'xls',
-    id: 'd8',
-    name: 'Marketing_Overview_...',
-    sizeLabel: '18.5 MB',
-    status: 'analyzing',
-  },
-];

From 03c96f21b79803b40b7c68a9131e00a797555b0c Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Wed, 13 May 2026 23:53:22 +0530
Subject: [PATCH 25/59] fixed import issue

---
 .../ArticleCard/ArticleCard.component.tsx     |  4 +-
 .../ArticleDetailHeader.component.tsx         |  6 +--
 .../ArticleListSection.component.tsx          |  6 +--
 .../UploadDocumentModal.component.tsx         |  2 +-
 .../UploadedDocumentCard.component.tsx        |  2 +-
 .../UploadedDocumentsSection.component.tsx    |  4 +-
 .../ContextCenterArchivePage.tsx              | 14 +++----
 .../ContextCenterDashboardPage.tsx            | 40 +++++++++----------
 .../ContextCenterDocumentsPage.tsx            | 20 +++++-----
 .../ContextCenterIntegrationsPage.tsx         | 14 +++----
 10 files changed, 56 insertions(+), 56 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.component.tsx
index 38a3053ccf16..c5f56aa5b327 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.component.tsx
@@ -12,10 +12,10 @@
  */
 
 import { Badge, Card, Typography } from '@openmetadata/ui-core-components';
-import RichTextEditorPreviewerV1 from 'components/common/RichTextEditor/RichTextEditorPreviewerV1';
 import { FC, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { getFrontEndFormat } from 'utils/FeedUtils';
+import RichTextEditorPreviewerV1 from '../../../components/common/RichTextEditor/RichTextEditorPreviewerV1';
+import { getFrontEndFormat } from '../../../utils/FeedUtils';
 import { getShortRelativeTime } from '../../../utils/date-time/DateTimeUtils';
 import { ArticleCardItem, ArticleCardProps } from './ArticleCard.interface';
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
index d7bebc6f0ffb..4ef9c1251dd3 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
@@ -35,9 +35,6 @@ import {
   UploadCloud01,
   User03,
 } from '@untitledui/icons';
-import Loader from 'components/common/Loader/Loader';
-import { EntityStatusBadge } from 'components/Entity/EntityStatusBadge/EntityStatusBadge.component';
-import { EntityStatus } from 'generated/governance/workflows/elements/nodes/automatedTask/setGlossaryTermStatusTask';
 import { isEmpty, isUndefined, toString, uniqBy } from 'lodash';
 import { FC, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -49,13 +46,16 @@ import { ReactComponent as StarIcon } from '../../../assets/svg/ic-star.svg';
 import { ReactComponent as VersionIcon } from '../../../assets/svg/ic-version.svg';
 import { DeleteType } from '../../../components/common/DeleteWidget/DeleteWidget.interface';
 import ManageButton from '../../../components/common/EntityPageInfos/ManageButton/ManageButton';
+import Loader from '../../../components/common/Loader/Loader';
 import UserPopOverCard from '../../../components/common/PopOverCard/UserPopOverCard';
 import TabsLabel from '../../../components/common/TabsLabel/TabsLabel.component';
 import TitleBreadcrumb from '../../../components/common/TitleBreadcrumb/TitleBreadcrumb.component';
 import { QueryVoteType } from '../../../components/Database/TableQueries/TableQueries.interface';
+import { EntityStatusBadge } from '../../../components/Entity/EntityStatusBadge/EntityStatusBadge.component';
 import { ROUTES } from '../../../constants/constants';
 import { EntityField } from '../../../constants/Feeds.constants';
 import { EntityTabs, EntityType } from '../../../enums/entity.enum';
+import { EntityStatus } from '../../../generated/governance/workflows/elements/nodes/automatedTask/setGlossaryTermStatusTask';
 import { useCurrentUserPreferences } from '../../../hooks/currentUserStore/useCurrentUserStore';
 import { useApplicationStore } from '../../../hooks/useApplicationStore';
 import { useClipboard } from '../../../hooks/useClipBoard';
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
index f6b5c839073c..5356f70f7066 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
@@ -18,12 +18,12 @@ import {
   Typography,
 } from '@openmetadata/ui-core-components';
 import { ArrowUpRight, File06 } from '@untitledui/icons';
-import ErrorPlaceHolder from 'components/common/ErrorWithPlaceholder/ErrorPlaceHolder';
-import { ERROR_PLACEHOLDER_TYPE } from 'enums/common.enum';
 import { FC, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
-import { getKnowledgePagePath } from 'utils/KnowledgePageUtils';
+import ErrorPlaceHolder from '../../../components/common/ErrorWithPlaceholder/ErrorPlaceHolder';
+import { ERROR_PLACEHOLDER_TYPE } from '../../../enums/common.enum';
+import { getKnowledgePagePath } from '../../../utils/KnowledgePageUtils';
 import ArticleCard from '../ArticleCard/ArticleCard.component';
 import { ArticleCardItem } from '../ArticleCard/ArticleCard.interface';
 import { ArticleListSectionProps } from './ArticleListSection.interface';
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
index 9ee85d5d2ff8..0478d719652e 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
@@ -25,7 +25,7 @@ import { AlertCircle, Trash01, UploadCloud02 } from '@untitledui/icons';
 import { Asset } from 'generated/attachments/asset';
 import { FC, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { uploadAsset } from 'rest/assetAPI';
+import { uploadAsset } from '../../../rest/assetAPI';
 import { UploadDocumentModalProps } from './UploadDocumentModal.interface';
 
 type UploadStatus = 'uploading' | 'done' | 'error';
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx
index d730d4a349f5..9f335c6ae267 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx
@@ -21,7 +21,7 @@ import {
 import { Download01 } from '@untitledui/icons';
 import { FC, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { getFileTypeIcon } from 'utils/ContextCenterUtils';
+import { getFileTypeIcon } from '../../../utils/ContextCenterUtils';
 import { UploadedDocumentCardProps } from './UploadedDocumentCard.interface';
 
 const UploadedDocumentCard: FC<UploadedDocumentCardProps> = ({
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
index 0029f01c3ff6..37d4c6c45d3f 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
@@ -18,10 +18,10 @@ import {
   Typography,
 } from '@openmetadata/ui-core-components';
 import { ArrowUpRight, Upload01 } from '@untitledui/icons';
-import ErrorPlaceHolder from 'components/common/ErrorWithPlaceholder/ErrorPlaceHolder';
-import { ERROR_PLACEHOLDER_TYPE } from 'enums/common.enum';
 import { FC } from 'react';
 import { useTranslation } from 'react-i18next';
+import ErrorPlaceHolder from '../../../components/common/ErrorWithPlaceholder/ErrorPlaceHolder';
+import { ERROR_PLACEHOLDER_TYPE } from '../../../enums/common.enum';
 import UploadedDocumentCard from '../UploadedDocumentCard/UploadedDocumentCard.component';
 import { UploadedDocumentItem } from '../UploadedDocumentCard/UploadedDocumentCard.interface';
 import { UploadedDocumentsSectionProps } from './UploadedDocumentsSection.interface';
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx
index f02aca814878..580b0603cc61 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx
@@ -13,18 +13,18 @@
 
 import { Home02 } from '@untitledui/icons';
 import { AxiosError } from 'axios';
-import { usePermissionProvider } from 'context/PermissionProvider/PermissionProvider';
-import {
-  OperationPermission,
-  ResourceEntity,
-} from 'context/PermissionProvider/PermissionProvider.interface';
 import { FC, useCallback, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
-import { DEFAULT_ENTITY_PERMISSION } from 'utils/PermissionsUtils';
-import { showErrorToast } from 'utils/ToastUtils';
 import ContextCenterHeader from '../../../components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
 import { ROUTES } from '../../../constants/constants';
+import { usePermissionProvider } from '../../../context/PermissionProvider/PermissionProvider';
+import {
+  OperationPermission,
+  ResourceEntity,
+} from '../../../context/PermissionProvider/PermissionProvider.interface';
+import { DEFAULT_ENTITY_PERMISSION } from '../../../utils/PermissionsUtils';
+import { showErrorToast } from '../../../utils/ToastUtils';
 
 const ContextCenterArchivePage: FC = () => {
   const { t } = useTranslation();
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
index e311ce572412..a92370bd1464 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
@@ -13,36 +13,36 @@
 
 import { Home02 } from '@untitledui/icons';
 import { AxiosError } from 'axios';
-import { ArticleCardItem } from 'components/ContextCenter/ArticleCard/ArticleCard.interface';
-import ArticleListSection from 'components/ContextCenter/ArticleListSection/ArticleListSection.component';
-import ContextCenterHeader from 'components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
-import { DocFile } from 'components/ContextCenter/DocumentsView/DocumentsView.interface';
-import UploadDocumentModal from 'components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component';
-import { UploadedDocumentItem } from 'components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.interface';
-import UploadedDocumentsSection from 'components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component';
-import { ROUTES } from 'constants/constants';
-import { usePermissionProvider } from 'context/PermissionProvider/PermissionProvider';
-import {
-  OperationPermission,
-  ResourceEntity,
-} from 'context/PermissionProvider/PermissionProvider.interface';
 import { Asset } from 'generated/attachments/asset';
-import { useApplicationStore } from 'hooks/useApplicationStore';
-import { KnowledgePage } from 'interface/knowledge-center.interface';
 import { FC, useCallback, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
-import { downloadAsset } from 'rest/assetAPI';
-import { getListKnowledgePages } from 'rest/knowledgeCenterAPI';
+import { ArticleCardItem } from '../../../components/ContextCenter/ArticleCard/ArticleCard.interface';
+import ArticleListSection from '../../../components/ContextCenter/ArticleListSection/ArticleListSection.component';
+import ContextCenterHeader from '../../../components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
+import { DocFile } from '../../../components/ContextCenter/DocumentsView/DocumentsView.interface';
+import UploadDocumentModal from '../../../components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component';
+import { UploadedDocumentItem } from '../../../components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.interface';
+import UploadedDocumentsSection from '../../../components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component';
+import { ROUTES } from '../../../constants/constants';
+import { usePermissionProvider } from '../../../context/PermissionProvider/PermissionProvider';
+import {
+  OperationPermission,
+  ResourceEntity,
+} from '../../../context/PermissionProvider/PermissionProvider.interface';
+import { useApplicationStore } from '../../../hooks/useApplicationStore';
+import { KnowledgePage } from '../../../interface/knowledge-center.interface';
+import { downloadAsset } from '../../../rest/assetAPI';
+import { getListKnowledgePages } from '../../../rest/knowledgeCenterAPI';
 import {
   assetToDocumentItem,
   CONTEXT_CENTER_DOCUMENTS_ENTITY_LINK,
   createArticleKnowledgePage,
   fetchContextCenterDocuments,
   knowledgePageToArticleItem,
-} from 'utils/ContextCenterUtils';
-import { DEFAULT_ENTITY_PERMISSION } from 'utils/PermissionsUtils';
-import { showErrorToast } from 'utils/ToastUtils';
+} from '../../../utils/ContextCenterUtils';
+import { DEFAULT_ENTITY_PERMISSION } from '../../../utils/PermissionsUtils';
+import { showErrorToast } from '../../../utils/ToastUtils';
 
 const RECENT_ARTICLES_LIMIT = 25;
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
index 466c7f25a258..1bd42fd00d38 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
@@ -13,27 +13,27 @@
 
 import { Home02 } from '@untitledui/icons';
 import { AxiosError } from 'axios';
-import DeleteModal from 'components/common/DeleteModal/DeleteModal';
-import { DocFile } from 'components/ContextCenter/DocumentsView/DocumentsView.interface';
-import { usePermissionProvider } from 'context/PermissionProvider/PermissionProvider';
-import {
-  OperationPermission,
-  ResourceEntity,
-} from 'context/PermissionProvider/PermissionProvider.interface';
 import { FC, useCallback, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { deleteAsset, downloadAsset } from 'rest/assetAPI';
-import { DEFAULT_ENTITY_PERMISSION } from 'utils/PermissionsUtils';
-import { showErrorToast, showSuccessToast } from 'utils/ToastUtils';
+import DeleteModal from '../../../components/common/DeleteModal/DeleteModal';
 import ContextCenterHeader from '../../../components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
 import DocumentsView from '../../../components/ContextCenter/DocumentsView/DocumentsView.component';
+import { DocFile } from '../../../components/ContextCenter/DocumentsView/DocumentsView.interface';
 import UploadDocumentModal from '../../../components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component';
 import { ROUTES } from '../../../constants/constants';
+import { usePermissionProvider } from '../../../context/PermissionProvider/PermissionProvider';
+import {
+  OperationPermission,
+  ResourceEntity,
+} from '../../../context/PermissionProvider/PermissionProvider.interface';
+import { deleteAsset, downloadAsset } from '../../../rest/assetAPI';
 import {
   assetToDocumentItem,
   CONTEXT_CENTER_DOCUMENTS_ENTITY_LINK,
   fetchContextCenterDocuments,
 } from '../../../utils/ContextCenterUtils';
+import { DEFAULT_ENTITY_PERMISSION } from '../../../utils/PermissionsUtils';
+import { showErrorToast, showSuccessToast } from '../../../utils/ToastUtils';
 
 const ContextCenterDocumentsPage: FC = () => {
   const { t } = useTranslation();
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx
index cadb2a9b9c6b..d274646f4d25 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx
@@ -13,18 +13,18 @@
 
 import { Home02 } from '@untitledui/icons';
 import { AxiosError } from 'axios';
-import { usePermissionProvider } from 'context/PermissionProvider/PermissionProvider';
-import {
-  OperationPermission,
-  ResourceEntity,
-} from 'context/PermissionProvider/PermissionProvider.interface';
 import { FC, useCallback, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
-import { DEFAULT_ENTITY_PERMISSION } from 'utils/PermissionsUtils';
-import { showErrorToast } from 'utils/ToastUtils';
 import ContextCenterHeader from '../../../components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
 import { ROUTES } from '../../../constants/constants';
+import { usePermissionProvider } from '../../../context/PermissionProvider/PermissionProvider';
+import {
+  OperationPermission,
+  ResourceEntity,
+} from '../../../context/PermissionProvider/PermissionProvider.interface';
+import { DEFAULT_ENTITY_PERMISSION } from '../../../utils/PermissionsUtils';
+import { showErrorToast } from '../../../utils/ToastUtils';
 
 const ContextCenterIntegrationsPage: FC = () => {
   const { t } = useTranslation();

From bc42560975ec05d653b59e3510208f0d59627147 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Thu, 14 May 2026 12:22:13 +0530
Subject: [PATCH 26/59] minor fixes

---
 .../ArticleCard/ArticleCard.component.tsx     | 117 ++++++++----------
 .../ui/src/constants/LeftSidebar.constants.ts |  12 +-
 2 files changed, 53 insertions(+), 76 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.component.tsx
index c5f56aa5b327..df7f2c8fe9a9 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.component.tsx
@@ -15,21 +15,13 @@ import { Badge, Card, Typography } from '@openmetadata/ui-core-components';
 import { FC, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import RichTextEditorPreviewerV1 from '../../../components/common/RichTextEditor/RichTextEditorPreviewerV1';
-import { getFrontEndFormat } from '../../../utils/FeedUtils';
 import { getShortRelativeTime } from '../../../utils/date-time/DateTimeUtils';
-import { ArticleCardItem, ArticleCardProps } from './ArticleCard.interface';
-
-const badgeColorMap: Record<
-  NonNullable<ArticleCardItem['badge']>,
-  'error' | 'brand'
-> = {
-  sensitive: 'error',
-  new: 'brand',
-};
+import { getFrontEndFormat } from '../../../utils/FeedUtils';
+import { ArticleCardProps } from './ArticleCard.interface';
 
 const ArticleCard: FC<ArticleCardProps> = ({ article, onClick }) => {
   const { t } = useTranslation();
-  const { title, description, badge, lastEditedAt, tags = [] } = article;
+  const { title, description, lastEditedAt, tags = [] } = article;
 
   const { tagsToShow, remainingTagCount } = useMemo(() => {
     const tagsToShow = tags.slice(0, 2);
@@ -44,64 +36,59 @@ const ArticleCard: FC<ArticleCardProps> = ({ article, onClick }) => {
   return (
     <Card
       isClickable
-      className="tw:p-4 tw:flex tw:flex-col tw:bg-gray-50 tw:border-none tw:max-w-86 tw:h-40"
+      className="tw:p-4 tw:flex tw:flex-col tw:bg-gray-50 tw:border-none tw:max-w-86 tw:h-40 tw:justify-between tw:hover:shadow-xl"
       data-testid="article-card"
       onClick={() => onClick?.(article)}>
-      <div className="tw:flex tw:items-center tw:justify-between tw:w-full tw:mb-3">
-        {badge && (
-          <Badge
-            className="tw:ring-0"
-            color={badgeColorMap[badge]}
-            size="md"
-            type="color">
-            {badge}
-          </Badge>
-        )}
-        {!badge && <span />}
-        {lastEditedAt !== undefined && (
-          <Typography className="tw:text-gray-400" size="text-xs">
-            {t('label.last-updated')} {getShortRelativeTime(lastEditedAt)}
-          </Typography>
-        )}
-      </div>
-
-      <Typography ellipsis weight="bold">
-        {title}
-      </Typography>
+      <div>
+        <Typography ellipsis weight="bold">
+          {title}
+        </Typography>
 
-      <RichTextEditorPreviewerV1
-        showReadMoreBtn
-        className="max-two-lines tw:text-gray-500 tw:text-xs"
-        markdown={getFrontEndFormat(description)}
-      />
+        <RichTextEditorPreviewerV1
+          showReadMoreBtn
+          className="max-two-lines tw:text-gray-500 tw:text-xs"
+          markdown={getFrontEndFormat(description)}
+        />
 
-      {tagsToShow.length > 0 && (
-        <div className="tw:flex tw:flex-wrap tw:gap-1 tw:mt-3">
-          {tagsToShow.map((tag) => (
-            <Badge
-              className="tw:bg-gray-200 tw:ring-0 tw:max-w-30 tw:min-w-0"
-              color="gray"
-              key={tag.label}
-              size="sm"
-              type="color">
-              <Typography ellipsis className="tw:text-gray-700" size="text-xs">
-                {tag.label}
-              </Typography>
-            </Badge>
-          ))}
-          {remainingTagCount > 0 && (
-            <Badge
-              className="tw:bg-gray-200 tw:ring-0"
-              color="gray"
-              key="count"
-              size="sm"
-              type="color">
-              <Typography ellipsis className="tw:text-gray-700" size="text-xs">
-                +{remainingTagCount}
-              </Typography>
-            </Badge>
-          )}
-        </div>
+        {tagsToShow.length > 0 && (
+          <div className="tw:flex tw:flex-wrap tw:gap-1 tw:mt-3">
+            {tagsToShow.map((tag) => (
+              <Badge
+                className="tw:bg-gray-200 tw:ring-0 tw:max-w-30 tw:min-w-0"
+                color="gray"
+                key={tag.label}
+                size="sm"
+                type="color">
+                <Typography
+                  ellipsis
+                  className="tw:text-gray-700"
+                  size="text-xs">
+                  {tag.label}
+                </Typography>
+              </Badge>
+            ))}
+            {remainingTagCount > 0 && (
+              <Badge
+                className="tw:bg-gray-200 tw:ring-0"
+                color="gray"
+                key="count"
+                size="sm"
+                type="color">
+                <Typography
+                  ellipsis
+                  className="tw:text-gray-700"
+                  size="text-xs">
+                  +{remainingTagCount}
+                </Typography>
+              </Badge>
+            )}
+          </div>
+        )}
+      </div>
+      {lastEditedAt !== undefined && (
+        <Typography className="tw:text-gray-400" size="text-xs">
+          {t('label.last-updated')} {getShortRelativeTime(lastEditedAt)}
+        </Typography>
       )}
     </Card>
   );
diff --git a/openmetadata-ui/src/main/resources/ui/src/constants/LeftSidebar.constants.ts b/openmetadata-ui/src/main/resources/ui/src/constants/LeftSidebar.constants.ts
index 4a7bda1c4d72..1fae3ac95cbc 100644
--- a/openmetadata-ui/src/main/resources/ui/src/constants/LeftSidebar.constants.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/constants/LeftSidebar.constants.ts
@@ -50,16 +50,6 @@ type UntitledIconType = React.ComponentType<{
 
 const DataProductIcon = createIconWithStroke(Cube01 as UntitledIconType, 1.2);
 
-const ContextCenterArticlesIcon = createIconWithStroke(
-  File06 as UntitledIconType,
-  1.5
-);
-
-// const ContextCenterArchiveIcon = createIconWithStroke(
-//   Archive as UntitledIconType,
-//   1.5
-// );
-
 export const SIDEBAR_NESTED_KEYS = {
   [ROUTES.OBSERVABILITY_ALERTS]: ROUTES.OBSERVABILITY_ALERTS,
   [ROUTES.ONTOLOGY_EXPLORER]: ROUTES.ONTOLOGY_EXPLORER,
@@ -235,7 +225,7 @@ export const SIDEBAR_LIST: Array<LeftSidebarItem> = [
         key: ROUTES.CONTEXT_CENTER_ARTICLES,
         title: 'label.article-plural',
         redirect_url: ROUTES.CONTEXT_CENTER_ARTICLES,
-        icon: ContextCenterArticlesIcon,
+        icon: File06,
         dataTestId: `app-bar-item-${SidebarItem.ARTICLES}`,
       },
       {

From 993b6845934c0d9b446164282049aec2bfb93ea3 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Thu, 14 May 2026 12:58:58 +0530
Subject: [PATCH 27/59] fixed unit test

---
 .../e2e/Features/ContextCenter.spec.ts        |  4 +++-
 .../ArticleCard/ArticleCard.test.tsx          | 20 -------------------
 2 files changed, 3 insertions(+), 21 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ContextCenter.spec.ts b/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ContextCenter.spec.ts
index d9a4f9c9d540..8161bccd1347 100644
--- a/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ContextCenter.spec.ts
+++ b/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ContextCenter.spec.ts
@@ -455,7 +455,9 @@ test.describe('Context Center', () => {
         page.context().waitForEvent('page'),
         card.first().click(),
       ]);
-      await expect(newTab).toHaveURL(new RegExp(QUICK_LINK_URL));
+      await expect(newTab).toHaveURL(
+        new RegExp(`^${QUICK_LINK_URL.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}$`)
+      );
       await newTab.close();
     });
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.test.tsx
index 00a0bfb90644..fb52263002ad 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.test.tsx
@@ -83,26 +83,6 @@ describe('ArticleCard', () => {
     expect(screen.queryByText('tag1')).not.toBeInTheDocument();
   });
 
-  it('renders the badge with "sensitive" type correctly', () => {
-    const article: ArticleCardItem = { ...mockArticle, badge: 'sensitive' };
-    render(<ArticleCard article={article} />);
-
-    const badge = screen.getByText('sensitive');
-
-    expect(badge).toBeInTheDocument();
-    expect(badge).toHaveAttribute('data-color', 'error');
-  });
-
-  it('renders the badge with "new" type correctly', () => {
-    const article: ArticleCardItem = { ...mockArticle, badge: 'new' };
-    render(<ArticleCard article={article} />);
-
-    const badge = screen.getByText('new');
-
-    expect(badge).toBeInTheDocument();
-    expect(badge).toHaveAttribute('data-color', 'brand');
-  });
-
   it('shows lastEditedAt when provided', () => {
     const article: ArticleCardItem = {
       ...mockArticle,

From c9f50045c926a462d7c96f918d2b135d14410fad Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Thu, 14 May 2026 14:11:01 +0530
Subject: [PATCH 28/59] code refactoring

---
 .../ArticleDetailHeader.component.tsx         | 52 +++++++----
 .../ArticleListSection.component.tsx          | 27 +++---
 .../DocumentsView/DocumentsView.component.tsx | 55 +++++------
 .../DocumentsView/DocumentsView.interface.ts  |  4 +-
 .../UploadDocumentModal.component.tsx         | 31 +++----
 .../UploadDocumentModal.interface.ts          | 14 +++
 .../UploadedDocumentCard.interface.ts         |  2 +
 .../UploadedDocumentsSection.component.tsx    | 35 ++++---
 .../KnowledgePageDetailComponent.tsx          | 10 +-
 .../KnowledgePageListComponent.tsx            | 13 +--
 .../KnowledgePagesHierarchy.tsx               | 26 +-----
 .../src/constants/ContextCenter.constants.ts  | 17 ++++
 .../ContextCenterArticlesPage.tsx             | 93 ++++++++++++-------
 .../ContextCenterDashboardPage.tsx            | 19 +---
 .../ContextCenterDocumentsPage.tsx            | 19 +---
 .../ui/src/utils/ContextCenterUtils.tsx       | 21 ++++-
 .../ui/src/utils/KnowledgePageUtils.tsx       |  2 +-
 17 files changed, 225 insertions(+), 215 deletions(-)
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/constants/ContextCenter.constants.ts

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
index 4ef9c1251dd3..97bf1e08227c 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
@@ -159,25 +159,39 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
     return list.slice(0, 5);
   }, [knowledgePage]);
 
-  const domains = knowledgePage?.domains ?? [];
-  const owners = knowledgePage?.owners ?? [];
-  const firstDomain = domains[0];
-  const extraDomains = domains.slice(1);
-
-  const entityName = getEntityName(knowledgePage);
-  const entityType = t('label.article');
-
-  const deleteOptions = [
-    {
-      description: deleteWidgetClassBase.getDeleteMessage(
-        entityName,
-        entityType
-      ),
-      isAllowed: true,
-      title: `${t('label.permanently-delete')} ${entityType} "${entityName}"`,
-      type: DeleteType.HARD_DELETE,
-    },
-  ];
+  const { deleteOptions, owners, firstDomain, extraDomains, entityType } =
+    useMemo(() => {
+      const domains = knowledgePage?.domains ?? [];
+      const owners = knowledgePage?.owners ?? [];
+      const firstDomain = domains[0];
+      const extraDomains = domains.slice(1);
+
+      const entityName = getEntityName(knowledgePage);
+      const entityType = t('label.article');
+
+      const deleteOptions = [
+        {
+          description: deleteWidgetClassBase.getDeleteMessage(
+            entityName,
+            entityType
+          ),
+          isAllowed: true,
+          title: `${t(
+            'label.permanently-delete'
+          )} ${entityType} "${entityName}"`,
+          type: DeleteType.HARD_DELETE,
+        },
+      ];
+
+      return {
+        deleteOptions,
+        owners,
+        firstDomain,
+        extraDomains,
+        domains,
+        entityType,
+      };
+    }, [knowledgePage]);
 
   const afterDeleteAction = async (isSoftDelete?: boolean) => {
     updateKnowledgeCenterRecentViewed(
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
index 5356f70f7066..3e7032657f2d 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
@@ -86,6 +86,11 @@ const ArticleListSection: FC<ArticleListSectionProps> = ({
     [onArticleClick, getPagePath, navigate]
   );
 
+  const ArticleLoading = () =>
+    Array.from({ length: 6 }).map((_, idx) => (
+      <ArticleCardSkeleton key={idx} />
+    ));
+
   return (
     <Card
       className="tw:p-6 tw:overflow-y-scroll tw:h-[calc(50vh-138px)]"
@@ -119,17 +124,17 @@ const ArticleListSection: FC<ArticleListSectionProps> = ({
 
       {articles.length > 0 || isLoading ? (
         <div className="tw:grid tw:grid-cols-[repeat(auto-fill,320px)]  tw:gap-4">
-          {isLoading
-            ? Array.from({ length: 6 }).map((_, idx) => (
-                <ArticleCardSkeleton key={idx} />
-              ))
-            : articles.map((article: ArticleCardItem) => (
-                <ArticleCard
-                  article={article}
-                  key={article.id}
-                  onClick={handleArticleClick}
-                />
-              ))}
+          {isLoading ? (
+            <ArticleLoading />
+          ) : (
+            articles.map((article: ArticleCardItem) => (
+              <ArticleCard
+                article={article}
+                key={article.id}
+                onClick={handleArticleClick}
+              />
+            ))
+          )}
         </div>
       ) : (
         <ErrorPlaceHolder
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
index 439bf082c3a1..a62d21f98a8c 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
@@ -21,8 +21,10 @@ import {
   Typography,
 } from '@openmetadata/ui-core-components';
 import { Download01, Share07, Trash01 } from '@untitledui/icons';
+import { FILE_TYPE_STYLES } from 'constants/ContextCenter.constants';
 import { FC } from 'react';
 import { useTranslation } from 'react-i18next';
+import { getShortRelativeTime } from 'utils/date-time/DateTimeUtils';
 import ErrorPlaceHolder from '../../../components/common/ErrorWithPlaceholder/ErrorPlaceHolder';
 import { ERROR_PLACEHOLDER_TYPE } from '../../../enums/common.enum';
 import {
@@ -31,20 +33,6 @@ import {
   DocumentsViewProps,
 } from './DocumentsView.interface';
 
-// ─── File type badge ──────────────────────────────────────────────────────────
-
-const FILE_TYPE_STYLES: Record<
-  DocFileType,
-  { label: string; bg: string; text: string }
-> = {
-  csv: { bg: 'tw:bg-green-100', label: 'CSV', text: 'tw:text-green-700' },
-  doc: { bg: 'tw:bg-blue-100', label: 'DOC', text: 'tw:text-blue-700' },
-  image: { bg: 'tw:bg-gray-100', label: 'IMG', text: 'tw:text-gray-600' },
-  other: { bg: 'tw:bg-gray-100', label: 'FILE', text: 'tw:text-gray-600' },
-  pdf: { bg: 'tw:bg-red-100', label: 'PDF', text: 'tw:text-red-700' },
-  xls: { bg: 'tw:bg-green-100', label: 'XLSX', text: 'tw:text-green-700' },
-};
-
 const FileTypeBadge: FC<{ fileType: DocFileType }> = ({ fileType }) => {
   const { bg, label, text } = FILE_TYPE_STYLES[fileType || 'other'];
 
@@ -172,23 +160,23 @@ const FileRow: FC<FileRowProps> = ({
           <Typography className="tw:text-gray-500" size="text-xs">
             {file.sizeLabel}
           </Typography>
-          {file.uploadedBy && (
+          {file.updatedBy && (
             <>
               <span className="tw:text-gray-500 tw:leading-none tw:select-none">
                 &middot;
               </span>
               <Typography className="tw:text-gray-500" size="text-xs">
-                {file.uploadedBy}
+                {file.updatedBy}
               </Typography>
             </>
           )}
-          {file.uploadedAt && (
+          {file.updatedAt && (
             <>
               <span className="tw:text-gray-500 tw:leading-none tw:select-none">
                 &middot;
               </span>
               <Typography className="tw:text-gray-500" size="text-xs">
-                {file.uploadedAt}
+                {getShortRelativeTime(file.updatedAt)}
               </Typography>
             </>
           )}
@@ -222,6 +210,9 @@ const FileRow: FC<FileRowProps> = ({
   );
 };
 
+const DocumentViewLoading = () =>
+  Array.from({ length: 8 }).map((_, idx) => <FileRowSkeleton key={idx} />);
+
 // ─── Main component ───────────────────────────────────────────────────────────
 
 const DocumentsView: FC<DocumentsViewProps> = ({
@@ -239,20 +230,20 @@ const DocumentsView: FC<DocumentsViewProps> = ({
       {/* Right: file list */}
       {data.length > 0 || isLoading ? (
         <div className="tw:flex tw:flex-1 tw:flex-col tw:overflow-y-auto">
-          {isLoading
-            ? Array.from({ length: 8 }).map((_, idx) => (
-                <FileRowSkeleton key={idx} />
-              ))
-            : data.map((file) => (
-                <FileRow
-                  canDelete={canDelete}
-                  file={file}
-                  key={file.id}
-                  onDeleteFile={onDeleteFile}
-                  onDownload={onDownload}
-                  onShareFile={onShareFile}
-                />
-              ))}
+          {isLoading ? (
+            <DocumentViewLoading />
+          ) : (
+            data.map((file) => (
+              <FileRow
+                canDelete={canDelete}
+                file={file}
+                key={file.id}
+                onDeleteFile={onDeleteFile}
+                onDownload={onDownload}
+                onShareFile={onShareFile}
+              />
+            ))
+          )}
         </div>
       ) : (
         <div className="tw:flex tw:flex-1 tw:items-center tw:justify-center tw:p-12">
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.interface.ts
index 7f3cf09773e2..989da28b9e22 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.interface.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.interface.ts
@@ -18,8 +18,8 @@ export interface DocFile {
   name: string;
   fileType: DocFileType;
   sizeLabel: string;
-  uploadedBy?: string;
-  uploadedAt?: string;
+  updatedBy?: string;
+  updatedAt?: number;
   folderId?: string;
 }
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
index 0478d719652e..10b74aeb55e5 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
@@ -22,25 +22,16 @@ import {
   ModalOverlay,
 } from '@openmetadata/ui-core-components';
 import { AlertCircle, Trash01, UploadCloud02 } from '@untitledui/icons';
+import { DOCUMENT_MAX_FILE_SIZE } from 'constants/ContextCenter.constants';
 import { Asset } from 'generated/attachments/asset';
 import { FC, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { uploadAsset } from '../../../rest/assetAPI';
-import { UploadDocumentModalProps } from './UploadDocumentModal.interface';
-
-type UploadStatus = 'uploading' | 'done' | 'error';
-
-interface StagedFile {
-  id: string;
-  file: File;
-}
-
-interface QueuedFile {
-  id: string;
-  file: File;
-  progress: number;
-  status: UploadStatus;
-}
+import {
+  QueuedFile,
+  StagedFile,
+  UploadDocumentModalProps,
+} from './UploadDocumentModal.interface';
 
 const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
   isOpen,
@@ -140,7 +131,7 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
       file,
       id,
       progress: 0,
-      status: 'uploading' as UploadStatus,
+      status: 'uploading',
     }));
 
     setStagedFiles([]);
@@ -179,7 +170,7 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
                 allowsMultiple
                 clickToUploadLabel={t('label.click-to-upload')}
                 hint={t('message.upload-document-hint')}
-                maxSize={5 * 1024 * 1024}
+                maxSize={DOCUMENT_MAX_FILE_SIZE}
                 orDragAndDropLabel={t('label.or-drag-and-drop')}
                 onDropFiles={handleDropFiles}
                 onSizeLimitExceed={handleSizeLimitExceed}
@@ -236,9 +227,9 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
                       tryAgainLabel={t('label.try-again')}
                       uploadingLabel={t('label.uploading')}
                       onDelete={
-                        status !== 'uploading'
-                          ? () => handleRemoveQueued(id)
-                          : undefined
+                        status === 'uploading'
+                          ? undefined
+                          : () => handleRemoveQueued(id)
                       }
                       onRetry={
                         status === 'error' ? () => handleRetry(id) : undefined
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.interface.ts
index 338057ef6d41..40e2d8b28176 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.interface.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.interface.ts
@@ -19,3 +19,17 @@ export interface UploadDocumentModalProps {
   onClose: () => void;
   onUploaded?: (assets: Asset[]) => void;
 }
+
+export type UploadStatus = 'uploading' | 'done' | 'error';
+
+export interface StagedFile {
+  id: string;
+  file: File;
+}
+
+export interface QueuedFile {
+  id: string;
+  file: File;
+  progress: number;
+  status: UploadStatus;
+}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.interface.ts
index 2864354d7e97..8196f8c01e79 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.interface.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.interface.ts
@@ -21,6 +21,8 @@ export interface UploadedDocumentItem {
   fileType: DocumentFileType;
   sizeLabel: string;
   status: DocumentProcessingStatus;
+  updatedBy: string;
+  updatedAt: number;
 }
 
 export interface UploadedDocumentCardProps {
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
index 37d4c6c45d3f..c39e2e341708 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
@@ -18,7 +18,7 @@ import {
   Typography,
 } from '@openmetadata/ui-core-components';
 import { ArrowUpRight, Upload01 } from '@untitledui/icons';
-import { FC } from 'react';
+import { FC, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import ErrorPlaceHolder from '../../../components/common/ErrorWithPlaceholder/ErrorPlaceHolder';
 import { ERROR_PLACEHOLDER_TYPE } from '../../../enums/common.enum';
@@ -49,6 +49,13 @@ const UploadedDocumentsSection: FC<UploadedDocumentsSectionProps> = ({
 }) => {
   const { t } = useTranslation();
 
+  const UploadedDocumentSectionLoading = () =>
+    Array.from({ length: 8 }).map((_, idx) => (
+      <DocumentCardSkeleton key={idx} />
+    ));
+
+  const documentsToShow = useMemo(() => documents.slice(0, 25), [documents]);
+
   return (
     <Card
       className="tw:p-6 tw:h-[calc(50vh-138px)] tw:overflow-y-scroll"
@@ -80,20 +87,18 @@ const UploadedDocumentsSection: FC<UploadedDocumentsSectionProps> = ({
 
       {documents.length > 0 || isLoading ? (
         <div className="tw:grid tw:grid-cols-[repeat(auto-fill,168px)] tw:gap-4">
-          {isLoading
-            ? Array.from({ length: 8 }).map((_, idx) => (
-                <DocumentCardSkeleton key={idx} />
-              ))
-            : documents
-                .slice(0, 25)
-                .map((doc: UploadedDocumentItem) => (
-                  <UploadedDocumentCard
-                    document={doc}
-                    key={doc.id}
-                    onClick={onDocumentClick}
-                    onDownload={onDownload}
-                  />
-                ))}
+          {isLoading ? (
+            <UploadedDocumentSectionLoading />
+          ) : (
+            documentsToShow.map((doc: UploadedDocumentItem) => (
+              <UploadedDocumentCard
+                document={doc}
+                key={doc.id}
+                onClick={onDocumentClick}
+                onDownload={onDownload}
+              />
+            ))
+          )}
         </div>
       ) : (
         <ErrorPlaceHolder
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent.tsx
index f744d6415797..aea0518b8696 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent.tsx
@@ -13,6 +13,7 @@
 import { AxiosError } from 'axios';
 import { compare } from 'fast-json-patch';
 import { cloneDeep, debounce, isEqual, isNil, isUndefined } from 'lodash';
+import { EntityTags } from 'Models';
 import {
   FC,
   KeyboardEvent,
@@ -69,7 +70,6 @@ import {
   KnowledgePage,
   RecentlyViewedQuickLinks,
 } from '../../../interface/knowledge-center.interface';
-import { EntityTags } from '../../../Models';
 import { postThread } from '../../../rest/feedsAPI';
 import {
   followKnowledgePage,
@@ -100,7 +100,6 @@ interface KnowledgePageDetailComponentProps {
   fetchKnowledgePageHierarchy?: (forceRefresh?: boolean) => Promise<void>;
   isRightPanelOpen?: boolean;
   onToggleRightPanel?: () => void;
-  getArticlePath?: (fqn: string, tab?: string) => string;
 }
 
 const KnowledgePageDetailComponent: FC<KnowledgePageDetailComponentProps> = ({
@@ -108,7 +107,6 @@ const KnowledgePageDetailComponent: FC<KnowledgePageDetailComponentProps> = ({
   fetchKnowledgePageHierarchy,
   isRightPanelOpen = true,
   onToggleRightPanel,
-  getArticlePath,
 }) => {
   const { t } = i18n;
   const { hash } = useCustomLocation();
@@ -531,11 +529,7 @@ const KnowledgePageDetailComponent: FC<KnowledgePageDetailComponentProps> = ({
 
   const handleTabChange = (activeKey: string) => {
     if (activeKey !== activeTab) {
-      navigate(
-        getArticlePath
-          ? getArticlePath(fqn, activeKey)
-          : getKnowledgePagePath(fqn, activeKey)
-      );
+      navigate(getKnowledgePagePath(fqn, activeKey));
       setActiveTab(activeKey);
     }
   };
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageListComponent/KnowledgePageListComponent.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageListComponent/KnowledgePageListComponent.tsx
index 6c9b484d8243..0a2205e03247 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageListComponent/KnowledgePageListComponent.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageListComponent/KnowledgePageListComponent.tsx
@@ -82,7 +82,6 @@ interface KnowledgePageListComponentProps {
   permissions: OperationPermission;
   hideAddButton?: boolean;
   rightPanelSlot?: React.ReactNode;
-  getPagePath?: (fqn: string) => string;
 }
 
 const KnowledgePageListComponent = forwardRef<
@@ -90,13 +89,7 @@ const KnowledgePageListComponent = forwardRef<
   KnowledgePageListComponentProps
 >(
   (
-    {
-      onPageChange,
-      permissions,
-      hideAddButton = false,
-      rightPanelSlot,
-      getPagePath,
-    },
+    { onPageChange, permissions, hideAddButton = false, rightPanelSlot },
     ref
   ) => {
     const { currentUser, theme } = useApplicationStore();
@@ -174,9 +167,7 @@ const KnowledgePageListComponent = forwardRef<
         const response = await postKnowledgePage(data);
         getResourceLimit('knowledgeCenter', true, true);
         navigate({
-          pathname: (getPagePath ?? getKnowledgePagePath)(
-            response.fullyQualifiedName
-          ),
+          pathname: getKnowledgePagePath(response.fullyQualifiedName),
           hash: CREATE_PAGE_HASH,
         });
       } catch (error) {
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.tsx
index 18dc824060d7..283612567947 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.tsx
@@ -47,7 +47,6 @@ import {
 } from '../../../rest/knowledgeCenterAPI';
 import { showErrorToast } from '../../../utils/ToastUtils';
 
-import { PlusOutlined } from '@ant-design/icons';
 import classNames from 'classnames';
 import cryptoRandomString from 'crypto-random-string-with-promisify-polyfill';
 import { compare } from 'fast-json-patch';
@@ -103,8 +102,6 @@ interface KnowledgePagesHierarchyProps {
   isPageHeaderAvailable: boolean;
   activeKey?: DirectoryTreeProps['activeKey'];
   activePage?: KnowledgePage;
-  hideAddPageButton?: boolean;
-  getPagePath?: (fqn: string) => string;
   homeRoute?: string;
   onPageDelete?: (id: string | string[]) => void;
   onLoading?: (isLoading: boolean) => void;
@@ -118,8 +115,6 @@ const KnowledgePagesHierarchy = forwardRef<
     {
       activeKey,
       activePage,
-      hideAddPageButton,
-      getPagePath,
       homeRoute,
       onPageDelete,
       onLoading,
@@ -438,9 +433,7 @@ const KnowledgePagesHierarchy = forwardRef<
 
           // push to the newly created page
           navigate({
-            pathname: getPagePath
-              ? getPagePath(response.fullyQualifiedName)
-              : getKnowledgePagePath(response.fullyQualifiedName),
+            pathname: getKnowledgePagePath(response.fullyQualifiedName),
           });
         } catch (error) {
           showErrorToast(error as AxiosError);
@@ -461,11 +454,7 @@ const KnowledgePagesHierarchy = forwardRef<
             data-testid={`page-node-${node.title}`}>
             <Link
               className="anchor-no-underline"
-              to={
-                getPagePath
-                  ? getPagePath(nodeKey)
-                  : getKnowledgePagePath(nodeKey)
-              }>
+              to={getKnowledgePagePath(nodeKey)}>
               <div
                 className={classNames(
                   'knowledge-hierarchy-page-title-wrapper',
@@ -499,17 +488,6 @@ const KnowledgePagesHierarchy = forwardRef<
                   width={12}
                 />
               </Button>
-              {!hideAddPageButton && (
-                <Button
-                  className="knowledge-hierarchy-action-btn-item"
-                  data-testid={`${node.title}-add-page-btn`}
-                  disabled={!permissions.Create}
-                  title="Quickly add a page inside"
-                  type="text"
-                  onClick={() => handleAddPage(node)}>
-                  <PlusOutlined className="text-grey-muted" />
-                </Button>
-              )}
             </div>
           </div>
         );
diff --git a/openmetadata-ui/src/main/resources/ui/src/constants/ContextCenter.constants.ts b/openmetadata-ui/src/main/resources/ui/src/constants/ContextCenter.constants.ts
new file mode 100644
index 000000000000..8e8e33a3ce28
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/constants/ContextCenter.constants.ts
@@ -0,0 +1,17 @@
+// ─── File type badge ──────────────────────────────────────────────────────────
+
+import { DocFileType } from 'components/ContextCenter/DocumentsView/DocumentsView.interface';
+
+export const FILE_TYPE_STYLES: Record<
+  DocFileType,
+  { label: string; bg: string; text: string }
+> = {
+  csv: { bg: 'tw:bg-green-100', label: 'CSV', text: 'tw:text-green-700' },
+  doc: { bg: 'tw:bg-blue-100', label: 'DOC', text: 'tw:text-blue-700' },
+  image: { bg: 'tw:bg-gray-100', label: 'IMG', text: 'tw:text-gray-600' },
+  other: { bg: 'tw:bg-gray-100', label: 'FILE', text: 'tw:text-gray-600' },
+  pdf: { bg: 'tw:bg-red-100', label: 'PDF', text: 'tw:text-red-700' },
+  xls: { bg: 'tw:bg-green-100', label: 'XLSX', text: 'tw:text-green-700' },
+};
+
+export const DOCUMENT_MAX_FILE_SIZE = 5 * 1024 * 1024;
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
index a905d0678705..3da4d6a4e852 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
@@ -15,7 +15,7 @@ import { Button, Dropdown } from '@openmetadata/ui-core-components';
 import { ChevronDown, Home02 } from '@untitledui/icons';
 import { AxiosError } from 'axios';
 import cryptoRandomString from 'crypto-random-string-with-promisify-polyfill';
-import { useCallback, useEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 import { withActivityFeed } from '../../../components/AppRouter/withActivityFeed';
@@ -51,7 +51,6 @@ import {
 } from '../../../interface/knowledge-center.interface';
 import { postKnowledgePage } from '../../../rest/knowledgeCenterAPI';
 import { createArticleKnowledgePage } from '../../../utils/ContextCenterUtils';
-import { getContextCenterArticlePath } from '../../../utils/KnowledgePageUtils';
 import { DEFAULT_ENTITY_PERMISSION } from '../../../utils/PermissionsUtils';
 import { showErrorToast } from '../../../utils/ToastUtils';
 import { useRequiredParams } from '../../../utils/useRequiredParams';
@@ -104,7 +103,7 @@ const ContextCenterArticlesPage = () => {
   const fetchPermission = async () => {
     try {
       const response = await getResourcePermission(
-        ResourceEntity.KNOWLEDGE_PAGE as unknown as ResourceEntity
+        ResourceEntity.KNOWLEDGE_PAGE
       );
       setPermissions(response);
     } catch (error) {
@@ -232,18 +231,22 @@ const ContextCenterArticlesPage = () => {
   const isActivityFeedTab =
     Boolean(fqn) && page.activeTab === EntityTabs.ACTIVITY_FEED;
 
-  const layoutClassName = version
-    ? 'knowledge-version-page'
-    : fqn
-    ? 'knowledge-details-page'
-    : undefined;
+  const layoutClassName = useMemo(() => {
+    if (version) {
+      return 'knowledge-version-page';
+    }
+
+    if (fqn) {
+      return 'knowledge-details-page';
+    }
+
+    return undefined;
+  }, [version, fqn]);
 
   const leftSidebar = isActivityFeedTab ? null : (
     <KnowledgePagesHierarchy
-      hideAddPageButton
       activeKey={fqn}
       activePage={page.data}
-      getPagePath={getContextCenterArticlePath}
       homeRoute={ROUTES.CONTEXT_CENTER_ARTICLES}
       isPageHeaderAvailable={Boolean(fqn)}
       permissions={permissions}
@@ -252,33 +255,51 @@ const ContextCenterArticlesPage = () => {
     />
   );
 
-  const rightSidebar = isActivityFeedTab
-    ? null
-    : version
-    ? page.rightPanel
-    : isRightPanelOpen
-    ? page.rightPanel
-    : null;
+  const rightSidebar = useMemo(() => {
+    if (isActivityFeedTab) {
+      return null;
+    }
 
-  const centerContent = version ? (
-    <KnowledgePageVersionPage onPageChange={handlePageChange} />
-  ) : fqn ? (
-    <KnowledgePageDetailComponent
-      fetchKnowledgePageHierarchy={handleFetchKnowledgePageHierarchy}
-      getArticlePath={getContextCenterArticlePath}
-      isRightPanelOpen={isRightPanelOpen}
-      onPageChange={handlePageChange}
-      onToggleRightPanel={handleToggleRightPanel}
-    />
-  ) : (
-    <KnowledgePageListComponent
-      hideAddButton
-      getPagePath={getContextCenterArticlePath}
-      permissions={permissions}
-      ref={knowledgeCenterPageRef}
-      onPageChange={handlePageChange}
-    />
-  );
+    if (version || isRightPanelOpen) {
+      return page.rightPanel;
+    }
+
+    return null;
+  }, [isActivityFeedTab, version, isRightPanelOpen, page.rightPanel]);
+
+  const centerContent = useMemo(() => {
+    if (version) {
+      return <KnowledgePageVersionPage onPageChange={handlePageChange} />;
+    }
+
+    if (fqn) {
+      return (
+        <KnowledgePageDetailComponent
+          fetchKnowledgePageHierarchy={handleFetchKnowledgePageHierarchy}
+          isRightPanelOpen={isRightPanelOpen}
+          onPageChange={handlePageChange}
+          onToggleRightPanel={handleToggleRightPanel}
+        />
+      );
+    }
+
+    return (
+      <KnowledgePageListComponent
+        hideAddButton
+        permissions={permissions}
+        ref={knowledgeCenterPageRef}
+        onPageChange={handlePageChange}
+      />
+    );
+  }, [
+    version,
+    fqn,
+    isRightPanelOpen,
+    permissions,
+    handlePageChange,
+    handleFetchKnowledgePageHierarchy,
+    handleToggleRightPanel,
+  ]);
 
   return (
     <div
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
index a92370bd1464..0c7541016ac6 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
@@ -20,7 +20,6 @@ import { useNavigate } from 'react-router-dom';
 import { ArticleCardItem } from '../../../components/ContextCenter/ArticleCard/ArticleCard.interface';
 import ArticleListSection from '../../../components/ContextCenter/ArticleListSection/ArticleListSection.component';
 import ContextCenterHeader from '../../../components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
-import { DocFile } from '../../../components/ContextCenter/DocumentsView/DocumentsView.interface';
 import UploadDocumentModal from '../../../components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component';
 import { UploadedDocumentItem } from '../../../components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.interface';
 import UploadedDocumentsSection from '../../../components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component';
@@ -32,13 +31,13 @@ import {
 } from '../../../context/PermissionProvider/PermissionProvider.interface';
 import { useApplicationStore } from '../../../hooks/useApplicationStore';
 import { KnowledgePage } from '../../../interface/knowledge-center.interface';
-import { downloadAsset } from '../../../rest/assetAPI';
 import { getListKnowledgePages } from '../../../rest/knowledgeCenterAPI';
 import {
   assetToDocumentItem,
   CONTEXT_CENTER_DOCUMENTS_ENTITY_LINK,
   createArticleKnowledgePage,
   fetchContextCenterDocuments,
+  handleDownload,
   knowledgePageToArticleItem,
 } from '../../../utils/ContextCenterUtils';
 import { DEFAULT_ENTITY_PERMISSION } from '../../../utils/PermissionsUtils';
@@ -122,22 +121,6 @@ const ContextCenterDashboardPage: FC = () => {
     setDocuments((prev) => [...prev, ...newAssets.map(assetToDocumentItem)]);
   }, []);
 
-  const handleDownload = useCallback(async (file: DocFile) => {
-    try {
-      const blob = await downloadAsset(file.id);
-      const url = URL.createObjectURL(blob);
-      const element = document.createElement('a');
-      element.href = url;
-      element.download = file.name;
-      document.body.appendChild(element);
-      element.click();
-      element.remove();
-      URL.revokeObjectURL(url);
-    } catch (err) {
-      showErrorToast(err as AxiosError);
-    }
-  }, []);
-
   return (
     <div
       className="tw:flex tw:flex-col tw:w-full tw:bg-secondary tw:p-5 tw:pt-0"
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
index 1bd42fd00d38..a7853c26181c 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
@@ -26,11 +26,12 @@ import {
   OperationPermission,
   ResourceEntity,
 } from '../../../context/PermissionProvider/PermissionProvider.interface';
-import { deleteAsset, downloadAsset } from '../../../rest/assetAPI';
+import { deleteAsset } from '../../../rest/assetAPI';
 import {
   assetToDocumentItem,
   CONTEXT_CENTER_DOCUMENTS_ENTITY_LINK,
   fetchContextCenterDocuments,
+  handleDownload,
 } from '../../../utils/ContextCenterUtils';
 import { DEFAULT_ENTITY_PERMISSION } from '../../../utils/PermissionsUtils';
 import { showErrorToast, showSuccessToast } from '../../../utils/ToastUtils';
@@ -86,22 +87,6 @@ const ContextCenterDocumentsPage: FC = () => {
     fetchPermission();
   }, [fetchPermission]);
 
-  const handleDownload = useCallback(async (file: DocFile) => {
-    try {
-      const blob = await downloadAsset(file.id);
-      const url = URL.createObjectURL(blob);
-      const element = document.createElement('a');
-      element.href = url;
-      element.download = file.name;
-      document.body.appendChild(element);
-      element.click();
-      element.remove();
-      URL.revokeObjectURL(url);
-    } catch (err) {
-      showErrorToast(err as AxiosError);
-    }
-  }, []);
-
   const handleDeleteFile = useCallback((file: DocFile) => {
     setFileToDelete(file);
   }, []);
diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx
index 11c8bac4c2f5..32db066940c4 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx
@@ -13,6 +13,7 @@
 
 import { File06 } from '@untitledui/icons';
 import { AxiosError } from 'axios';
+import { DocFile } from 'components/ContextCenter/DocumentsView/DocumentsView.interface';
 import cryptoRandomString from 'crypto-random-string-with-promisify-polyfill';
 import { ReactComponent as DOCIcon } from '../assets/svg/ic-doc.svg';
 import { ReactComponent as ImageIcon } from '../assets/svg/ic-image.svg';
@@ -28,7 +29,7 @@ import {
   PageType,
   QuickLink,
 } from '../interface/knowledge-center.interface';
-import { listAssetsByFqn } from '../rest/assetAPI';
+import { downloadAsset, listAssetsByFqn } from '../rest/assetAPI';
 import { postKnowledgePage } from '../rest/knowledgeCenterAPI';
 import EntityLink from './EntityLink';
 import { getEntityName } from './EntityUtils';
@@ -102,6 +103,8 @@ export const assetToDocumentItem = (asset: Asset): UploadedDocumentItem => ({
   name: asset.fileName,
   sizeLabel: formatBytes(asset.size),
   status: 'processed',
+  updatedBy: asset.updatedBy ?? '',
+  updatedAt: asset.updatedAt ?? 0,
 });
 
 export const knowledgePageToArticleItem = (
@@ -163,3 +166,19 @@ export const createArticleKnowledgePage = async (
     showErrorToast(error as AxiosError);
   }
 };
+
+export const handleDownload = async (file: DocFile) => {
+  try {
+    const blob = await downloadAsset(file.id);
+    const url = URL.createObjectURL(blob);
+    const element = document.createElement('a');
+    element.href = url;
+    element.download = file.name;
+    document.body.appendChild(element);
+    element.click();
+    element.remove();
+    URL.revokeObjectURL(url);
+  } catch (err) {
+    showErrorToast(err as AxiosError);
+  }
+};
diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/KnowledgePageUtils.tsx b/openmetadata-ui/src/main/resources/ui/src/utils/KnowledgePageUtils.tsx
index 0b3325f30d38..392c4f96430f 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/KnowledgePageUtils.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/KnowledgePageUtils.tsx
@@ -32,6 +32,7 @@ import {
 } from '../interface/knowledge-center.interface';
 
 import { Space } from 'antd';
+import { RecentlyViewedData } from 'Models';
 import { Link } from 'react-router-dom';
 import { ReactComponent as ExternalLinkIcon } from '../assets/svg/external-links.svg';
 import { ReactComponent as IconArticle } from '../assets/svg/ic-articles.svg';
@@ -42,7 +43,6 @@ import {
 } from '../constants/CustomizeWidgets.constants';
 import { usePersistentStorage } from '../hooks/currentUserStore/useCurrentUserStore';
 import { useApplicationStore } from '../hooks/useApplicationStore';
-import { RecentlyViewedData } from '../Models';
 import { arraySorterByKey } from './CommonUtils';
 import { getEntityName } from './EntityUtils';
 import Fqn from './Fqn';

From b9e8d43b49d496247530ff03edcdf853d19fb6c0 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Thu, 14 May 2026 15:15:48 +0530
Subject: [PATCH 29/59] minor fixes

---
 .../ui/playwright/e2e/Features/ContextCenter.spec.ts          | 4 +---
 .../KnowledgeCenter/KnowledgeCard/KnowledgeCard.tsx           | 2 +-
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ContextCenter.spec.ts b/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ContextCenter.spec.ts
index 8161bccd1347..e9a043cfaa44 100644
--- a/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ContextCenter.spec.ts
+++ b/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ContextCenter.spec.ts
@@ -455,9 +455,7 @@ test.describe('Context Center', () => {
         page.context().waitForEvent('page'),
         card.first().click(),
       ]);
-      await expect(newTab).toHaveURL(
-        new RegExp(`^${QUICK_LINK_URL.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}$`)
-      );
+      await expect(newTab).toHaveURL(QUICK_LINK_URL);
       await newTab.close();
     });
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCard/KnowledgeCard.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCard/KnowledgeCard.tsx
index 4bc90a25697d..033e457c3c09 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCard/KnowledgeCard.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCard/KnowledgeCard.tsx
@@ -316,7 +316,7 @@ const KnowledgeCard: FC<KnowledgeCardProps> = ({
           target={isQuickLink ? '_blank' : '_self'}
           to={path}
           onClick={handleQuickLinkRecentView}>
-          <Space direction="vertical" size={8}>
+          <Space className='tw:w-full' direction="vertical" size={8}>
             <div className="flex items-center gap-2">
               {isQuickLink ? (
                 <LinkIcon

From c49d81b1798440618373910d7a094742d2ae4f2d Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Thu, 14 May 2026 15:37:40 +0530
Subject: [PATCH 30/59] added context center class changes

---
 .../ArticleDetailHeader.component.tsx         | 43 ++++++---
 .../ArticleListSection.component.tsx          |  4 +-
 .../ArticleVersionHeader.component.tsx        | 32 +++++--
 .../ContextCenterHeader.component.tsx         | 23 ++++-
 .../KnowledgeCard/KnowledgeCard.tsx           |  6 +-
 .../KnowledgePageDetailComponent.tsx          |  4 +-
 .../KnowledgePageListComponent.tsx            |  6 +-
 .../KnowledgePageVersion.tsx                  |  6 +-
 .../KnowledgePages/KnowledgePages.tsx         |  4 +-
 .../KnowledgePagesHierarchy.tsx               |  8 +-
 .../ContextCenterArchivePage.tsx              |  6 +-
 .../ContextCenterArticlesPage.tsx             |  8 +-
 .../ContextCenterDashboardPage.tsx            |  8 +-
 .../ContextCenterDocumentsPage.tsx            |  9 +-
 .../ContextCenterIntegrationsPage.tsx         |  6 +-
 .../ui/src/utils/ContextCenterClassBase.ts    | 89 +++++++++++++++++++
 16 files changed, 218 insertions(+), 44 deletions(-)
 create mode 100644 openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterClassBase.ts

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
index 97bf1e08227c..dbbc87a0de74 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
@@ -39,6 +39,7 @@ import { isEmpty, isUndefined, toString, uniqBy } from 'lodash';
 import { FC, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
+import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import { ReactComponent as EditorIcon } from '../../../assets/svg/ic-editor.svg';
 import { ReactComponent as SidebarCollapsible } from '../../../assets/svg/ic-sidebar-collapsible.svg';
 import { ReactComponent as StarFilledIcon } from '../../../assets/svg/ic-star-filled.svg';
@@ -52,7 +53,6 @@ import TabsLabel from '../../../components/common/TabsLabel/TabsLabel.component'
 import TitleBreadcrumb from '../../../components/common/TitleBreadcrumb/TitleBreadcrumb.component';
 import { QueryVoteType } from '../../../components/Database/TableQueries/TableQueries.interface';
 import { EntityStatusBadge } from '../../../components/Entity/EntityStatusBadge/EntityStatusBadge.component';
-import { ROUTES } from '../../../constants/constants';
 import { EntityField } from '../../../constants/Feeds.constants';
 import { EntityTabs, EntityType } from '../../../enums/entity.enum';
 import { EntityStatus } from '../../../generated/governance/workflows/elements/nodes/automatedTask/setGlossaryTermStatusTask';
@@ -67,10 +67,7 @@ import {
 import deleteWidgetClassBase from '../../../utils/DeleteWidget/DeleteWidgetClassBase';
 import EntityLink from '../../../utils/EntityLink';
 import { getEntityName } from '../../../utils/EntityUtils';
-import {
-  getContextCenterArticleVersionsPath,
-  updateKnowledgeCenterRecentViewed,
-} from '../../../utils/KnowledgePageUtils';
+import { updateKnowledgeCenterRecentViewed } from '../../../utils/KnowledgePageUtils';
 import { ArticleDetailHeaderProps } from './ArticleDetailHeader.interface';
 
 const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
@@ -113,10 +110,13 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
         url: '/',
         activeTitle: true,
       },
-      { name: t('label.context-center'), url: ROUTES.CONTEXT_CENTER },
+      {
+        name: t('label.context-center'),
+        url: contextCenterClassBase.getContextCenterPath(),
+      },
       {
         name: t('label.article-plural'),
-        url: ROUTES.CONTEXT_CENTER_ARTICLES,
+        url: contextCenterClassBase.getArticlesListPath(),
       },
       {
         activeTitle: true,
@@ -201,12 +201,12 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
     if (isSoftDelete) {
       onToggleDelete();
     } else {
-      navigate(ROUTES.CONTEXT_CENTER_ARTICLES);
+      navigate(contextCenterClassBase.getArticlesListPath());
     }
   };
 
   const handleVersionClick = () => {
-    navigate(getContextCenterArticleVersionsPath(fqn, version));
+    navigate(contextCenterClassBase.getArticleVersionPath(fqn, version));
   };
 
   const handleShare = async () => {
@@ -294,6 +294,10 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
       permissions.EditDescription ||
       permissions.EditDisplayName);
 
+  const breadcrumbInsideCard = contextCenterClassBase.isBreadcrumbInsideCard();
+  const cardStyle = contextCenterClassBase.getCardStyle();
+  const breadcrumbClassName = contextCenterClassBase.getBreadcrumbClassName();
+
   if (!knowledgePage && !tabs) {
     return (
       <div
@@ -319,9 +323,24 @@ const ArticleDetailHeader: FC<ArticleDetailHeaderProps> = ({
     <div
       className="tw:flex tw:flex-col tw:gap-3 tw:mb-5"
       data-testid="article-detail-header">
-      <TitleBreadcrumb useCustomArrow titleLinks={breadcrumbs} />
-
-      <Card className="tw:mb-0 tw:p-6 tw:pb-0 tw:pr-3">
+      {!breadcrumbInsideCard && (
+        <TitleBreadcrumb
+          useCustomArrow
+          className={breadcrumbClassName}
+          titleLinks={breadcrumbs}
+        />
+      )}
+
+      <Card className="tw:mb-0 tw:p-6 tw:pb-0 tw:pr-3" style={cardStyle}>
+        {breadcrumbInsideCard && (
+          <div className="tw:mb-4">
+            <TitleBreadcrumb
+              useCustomArrow
+              className={breadcrumbClassName}
+              titleLinks={breadcrumbs}
+            />
+          </div>
+        )}
         {/* Row 1: title + meta + actions */}
         <div className="tw:flex tw:items-center tw:justify-between tw:mb-6">
           <div className="tw:flex tw:gap-4 tw:items-stretch tw:w-full tw:max-w-[60%] tw:pr-3">
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
index 3e7032657f2d..7f43c5c966b8 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
@@ -21,9 +21,9 @@ import { ArrowUpRight, File06 } from '@untitledui/icons';
 import { FC, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
+import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import ErrorPlaceHolder from '../../../components/common/ErrorWithPlaceholder/ErrorPlaceHolder';
 import { ERROR_PLACEHOLDER_TYPE } from '../../../enums/common.enum';
-import { getKnowledgePagePath } from '../../../utils/KnowledgePageUtils';
 import ArticleCard from '../ArticleCard/ArticleCard.component';
 import { ArticleCardItem } from '../ArticleCard/ArticleCard.interface';
 import { ArticleListSectionProps } from './ArticleListSection.interface';
@@ -79,7 +79,7 @@ const ArticleListSection: FC<ArticleListSectionProps> = ({
 
       const path = getPagePath
         ? getPagePath(article.id)
-        : getKnowledgePagePath(article.id);
+        : contextCenterClassBase.getArticlePath(article.id);
 
       navigate(path);
     },
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleVersionHeader/ArticleVersionHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleVersionHeader/ArticleVersionHeader.component.tsx
index 380b928cd680..2c747e8e8adb 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleVersionHeader/ArticleVersionHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleVersionHeader/ArticleVersionHeader.component.tsx
@@ -15,8 +15,8 @@ import { Card, Skeleton, Typography } from '@openmetadata/ui-core-components';
 import { File06, Home02 } from '@untitledui/icons';
 import { FC } from 'react';
 import { useTranslation } from 'react-i18next';
+import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import TitleBreadcrumb from '../../../components/common/TitleBreadcrumb/TitleBreadcrumb.component';
-import { ROUTES } from '../../../constants/constants';
 import { KnowledgePage } from '../../../interface/knowledge-center.interface';
 import { getEntityName } from '../../../utils/EntityUtils';
 
@@ -36,10 +36,13 @@ const ArticleVersionHeader: FC<ArticleVersionHeaderProps> = ({
       url: '/',
       activeTitle: true,
     },
-    { name: t('label.context-center'), url: ROUTES.CONTEXT_CENTER },
+    {
+      name: t('label.context-center'),
+      url: contextCenterClassBase.getContextCenterPath(),
+    },
     {
       name: t('label.article-plural'),
-      url: ROUTES.CONTEXT_CENTER_ARTICLES,
+      url: contextCenterClassBase.getArticlesListPath(),
     },
     {
       activeTitle: true,
@@ -61,13 +64,32 @@ const ArticleVersionHeader: FC<ArticleVersionHeaderProps> = ({
     );
   }
 
+  const breadcrumbInsideCard = contextCenterClassBase.isBreadcrumbInsideCard();
+  const cardStyle = contextCenterClassBase.getCardStyle();
+  const breadcrumbClassName = contextCenterClassBase.getBreadcrumbClassName();
+
   return (
     <div
       className="tw:flex tw:flex-col tw:gap-3 tw:mb-5"
       data-testid="article-version-header">
-      <TitleBreadcrumb useCustomArrow titleLinks={breadcrumbs} />
+      {!breadcrumbInsideCard && (
+        <TitleBreadcrumb
+          useCustomArrow
+          className={breadcrumbClassName}
+          titleLinks={breadcrumbs}
+        />
+      )}
 
-      <Card className="tw:mb-0 tw:p-6">
+      <Card className="tw:mb-0 tw:p-6" style={cardStyle}>
+        {breadcrumbInsideCard && (
+          <div className="tw:mb-4">
+            <TitleBreadcrumb
+              useCustomArrow
+              className={breadcrumbClassName}
+              titleLinks={breadcrumbs}
+            />
+          </div>
+        )}
         <div className="tw:flex tw:gap-4 tw:items-center">
           <div className="tw:w-auto tw:shrink-0 tw:bg-gray-100 tw:rounded-xl tw:flex tw:items-center tw:p-2">
             <File06
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx
index 567117fcf467..7fe682eac48a 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx
@@ -15,6 +15,7 @@ import { Button, Card, Typography } from '@openmetadata/ui-core-components';
 import { Plus, UploadCloud02 } from '@untitledui/icons';
 import { FC } from 'react';
 import { useTranslation } from 'react-i18next';
+import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import TitleBreadcrumb from '../../common/TitleBreadcrumb/TitleBreadcrumb.component';
 import { ContextCenterHeaderProps } from './ContextCenterHeader.interface';
 
@@ -28,6 +29,9 @@ const ContextCenterHeader: FC<ContextCenterHeaderProps> = ({
   actionsSlot,
 }) => {
   const { t } = useTranslation();
+  const breadcrumbInsideCard = contextCenterClassBase.isBreadcrumbInsideCard();
+  const cardStyle = contextCenterClassBase.getCardStyle();
+  const breadcrumbClassName = contextCenterClassBase.getBreadcrumbClassName();
 
   const defaultActions = (
     <div className="tw:flex tw:items-center tw:gap-3 tw:shrink-0">
@@ -56,9 +60,24 @@ const ContextCenterHeader: FC<ContextCenterHeaderProps> = ({
     <div
       className="tw:flex tw:flex-col tw:gap-3"
       data-testid="context-center-header">
-      <TitleBreadcrumb useCustomArrow titleLinks={breadcrumbs} />
+      {!breadcrumbInsideCard && (
+        <TitleBreadcrumb
+          useCustomArrow
+          className={breadcrumbClassName}
+          titleLinks={breadcrumbs}
+        />
+      )}
 
-      <Card className="tw:mb-5 tw:p-5">
+      <Card className="tw:mb-5 tw:p-5" style={cardStyle}>
+        {breadcrumbInsideCard && (
+          <div className="tw:mb-4">
+            <TitleBreadcrumb
+              useCustomArrow
+              className={breadcrumbClassName}
+              titleLinks={breadcrumbs}
+            />
+          </div>
+        )}
         <div className="tw:flex tw:items-center tw:justify-between">
           <div>
             <div className="tw:mb-0.5 tw:flex tw:items-center tw:gap-2">
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCard/KnowledgeCard.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCard/KnowledgeCard.tsx
index 033e457c3c09..704f60395ed1 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCard/KnowledgeCard.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCard/KnowledgeCard.tsx
@@ -56,7 +56,6 @@ import { getFrontEndFormat } from '../../../utils/FeedUtils';
 import { t } from '../../../utils/i18next/LocalUtil';
 import {
   addToKnowledgeCenterRecentViewed,
-  getKnowledgePagePath,
   updateKnowledgeCenterRecentViewed,
 } from '../../../utils/KnowledgePageUtils';
 import { DEFAULT_ENTITY_PERMISSION } from '../../../utils/PermissionsUtils';
@@ -66,6 +65,7 @@ import {
   QuickLinkFormModalFormData,
 } from '../QuickLinkFormModal/QuickLinkFormModal';
 
+import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import { useCurrentUserPreferences } from '../../../hooks/currentUserStore/useCurrentUserStore';
 import './knowledge-card.less';
 
@@ -160,7 +160,7 @@ const KnowledgeCard: FC<KnowledgeCardProps> = ({
   const isFollowing = Boolean(followers?.some(({ id }) => id === USERId));
   const path = isQuickLink
     ? (knowledgePage.page as QuickLink).url
-    : getKnowledgePagePath(knowledgePage.fullyQualifiedName);
+    : contextCenterClassBase.getArticlePath(knowledgePage.fullyQualifiedName);
 
   const handleVoteChange = async (type: QueryVoteType) => {
     let updatedVoteType;
@@ -316,7 +316,7 @@ const KnowledgeCard: FC<KnowledgeCardProps> = ({
           target={isQuickLink ? '_blank' : '_self'}
           to={path}
           onClick={handleQuickLinkRecentView}>
-          <Space className='tw:w-full' direction="vertical" size={8}>
+          <Space className="tw:w-full" direction="vertical" size={8}>
             <div className="flex items-center gap-2">
               {isQuickLink ? (
                 <LinkIcon
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent.tsx
index aea0518b8696..ea28c9522bfd 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent.tsx
@@ -24,6 +24,7 @@ import {
   useState,
 } from 'react';
 import { useLocation, useNavigate } from 'react-router-dom';
+import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import { useActivityFeedProvider } from '../../../components/ActivityFeed/ActivityFeedProvider/ActivityFeedProvider';
 import { ActivityFeedTab } from '../../../components/ActivityFeed/ActivityFeedTab/ActivityFeedTab.component';
 import { ActivityFeedLayoutType } from '../../../components/ActivityFeed/ActivityFeedTab/ActivityFeedTab.interface';
@@ -82,7 +83,6 @@ import { getFeedCounts } from '../../../utils/CommonUtils';
 import i18n from '../../../utils/i18next/LocalUtil';
 import {
   addToKnowledgeCenterRecentViewed,
-  getKnowledgePagePath,
   updateKnowledgeCenterRecentViewed,
 } from '../../../utils/KnowledgePageUtils';
 import { DEFAULT_ENTITY_PERMISSION } from '../../../utils/PermissionsUtils';
@@ -529,7 +529,7 @@ const KnowledgePageDetailComponent: FC<KnowledgePageDetailComponentProps> = ({
 
   const handleTabChange = (activeKey: string) => {
     if (activeKey !== activeTab) {
-      navigate(getKnowledgePagePath(fqn, activeKey));
+      navigate(contextCenterClassBase.getArticlePath(fqn, activeKey));
       setActiveTab(activeKey);
     }
   };
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageListComponent/KnowledgePageListComponent.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageListComponent/KnowledgePageListComponent.tsx
index 0a2205e03247..16faa7451fa0 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageListComponent/KnowledgePageListComponent.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageListComponent/KnowledgePageListComponent.tsx
@@ -35,6 +35,7 @@ import React, {
 } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
+import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import { ReactComponent as AddPlaceHolderIcon } from '../../../assets/svg/add-placeholder.svg';
 import ErrorPlaceHolder from '../../../components/common/ErrorWithPlaceholder/ErrorPlaceHolder';
 import Loader from '../../../components/common/Loader/Loader';
@@ -67,7 +68,6 @@ import {
   updateKnowledgePageVote,
 } from '../../../rest/knowledgeCenterAPI';
 import { Transi18next } from '../../../utils/i18next/LocalUtil';
-import { getKnowledgePagePath } from '../../../utils/KnowledgePageUtils';
 import { showErrorToast } from '../../../utils/ToastUtils';
 import KnowledgeCard from '../KnowledgeCard/KnowledgeCard';
 import KnowledgePageListRightPanel from '../KnowledgePageListRightPanel/KnowledgePageListRightPanel';
@@ -167,7 +167,9 @@ const KnowledgePageListComponent = forwardRef<
         const response = await postKnowledgePage(data);
         getResourceLimit('knowledgeCenter', true, true);
         navigate({
-          pathname: getKnowledgePagePath(response.fullyQualifiedName),
+          pathname: contextCenterClassBase.getArticlePath(
+            response.fullyQualifiedName
+          ),
           hash: CREATE_PAGE_HASH,
         });
       } catch (error) {
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageVersion/KnowledgePageVersion.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageVersion/KnowledgePageVersion.tsx
index b51e462af015..3d27bf5e715e 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageVersion/KnowledgePageVersion.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageVersion/KnowledgePageVersion.tsx
@@ -17,6 +17,7 @@ import { diffWordsWithSpace } from 'diff';
 import { isEmpty, map, toString } from 'lodash';
 import { FC, useMemo } from 'react';
 import { useNavigate } from 'react-router-dom';
+import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import { ReactComponent as VersionIcon } from '../../../assets/svg/ic-version.svg';
 import BlockEditor from '../../../components/BlockEditor/BlockEditor';
 import Loader from '../../../components/common/Loader/Loader';
@@ -39,7 +40,6 @@ import {
 import { VersionEntityTypes } from '../../../utils/EntityVersionUtils.interface';
 import { getFrontEndFormat } from '../../../utils/FeedUtils';
 import i18n from '../../../utils/i18next/LocalUtil';
-import { getKnowledgePagePath } from '../../../utils/KnowledgePageUtils';
 import { stringToHTML } from '../../../utils/StringsUtils';
 
 interface KnowledgePageVersionProps {
@@ -128,7 +128,9 @@ const KnowledgePageVersion: FC<KnowledgePageVersionProps> = ({
   );
 
   const handleVersionClick = () => {
-    navigate(getKnowledgePagePath(knowledgePage.fullyQualifiedName));
+    navigate(
+      contextCenterClassBase.getArticlePath(knowledgePage.fullyQualifiedName)
+    );
   };
 
   if (loading) {
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePages/KnowledgePages.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePages/KnowledgePages.tsx
index d628708b16a8..761c55009212 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePages/KnowledgePages.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePages/KnowledgePages.tsx
@@ -16,6 +16,7 @@ import { isEmpty, map } from 'lodash';
 import { FC, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
+import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import { ReactComponent as IconArticle } from '../../../assets/svg/ic-articles.svg';
 import { ReactComponent as LinkIcon } from '../../../assets/svg/ic-link.svg';
 import ExpandableCard from '../../../components/common/ExpandableCard/ExpandableCard';
@@ -31,7 +32,6 @@ import {
 } from '../../../interface/knowledge-center.interface';
 import { getListKnowledgePages } from '../../../rest/knowledgeCenterAPI';
 import { getEntityName } from '../../../utils/EntityUtils';
-import { getKnowledgePagePath } from '../../../utils/KnowledgePageUtils';
 
 const KnowledgePages: FC = () => {
   const { t } = useTranslation();
@@ -128,7 +128,7 @@ const KnowledgePages: FC = () => {
                   isQuickLink
                     ? quickLink.url
                     : {
-                        pathname: getKnowledgePagePath(
+                        pathname: contextCenterClassBase.getArticlePath(
                           knowledgePage.fullyQualifiedName
                         ),
                       }
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.tsx
index 283612567947..ffee5b9c9591 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.tsx
@@ -52,6 +52,7 @@ import cryptoRandomString from 'crypto-random-string-with-promisify-polyfill';
 import { compare } from 'fast-json-patch';
 import { isUndefined, uniq } from 'lodash';
 import { useTranslation } from 'react-i18next';
+import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import { ReactComponent as DragIcon } from '../../../assets/svg/drag.svg';
 import { ReactComponent as IconDown } from '../../../assets/svg/ic-arrow-down.svg';
 import { ReactComponent as IconRight } from '../../../assets/svg/ic-arrow-right.svg';
@@ -83,7 +84,6 @@ import {
   findPageAndParentInTreeData,
   findPageInTreeData,
   getExpandedNodeKeys,
-  getKnowledgePagePath,
   getPageAllChildren,
   getUpdatePageHierarchy,
   getUpdatePageHierarchyForDelete,
@@ -433,7 +433,9 @@ const KnowledgePagesHierarchy = forwardRef<
 
           // push to the newly created page
           navigate({
-            pathname: getKnowledgePagePath(response.fullyQualifiedName),
+            pathname: contextCenterClassBase.getArticlePath(
+              response.fullyQualifiedName
+            ),
           });
         } catch (error) {
           showErrorToast(error as AxiosError);
@@ -454,7 +456,7 @@ const KnowledgePagesHierarchy = forwardRef<
             data-testid={`page-node-${node.title}`}>
             <Link
               className="anchor-no-underline"
-              to={getKnowledgePagePath(nodeKey)}>
+              to={contextCenterClassBase.getArticlePath(nodeKey)}>
               <div
                 className={classNames(
                   'knowledge-hierarchy-page-title-wrapper',
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx
index 580b0603cc61..810bba8fbdf9 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx
@@ -16,6 +16,7 @@ import { AxiosError } from 'axios';
 import { FC, useCallback, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
+import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import ContextCenterHeader from '../../../components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
 import { ROUTES } from '../../../constants/constants';
 import { usePermissionProvider } from '../../../context/PermissionProvider/PermissionProvider';
@@ -61,7 +62,10 @@ const ContextCenterArchivePage: FC = () => {
             url: '/',
             activeTitle: true,
           },
-          { name: t('label.context-center'), url: ROUTES.CONTEXT_CENTER },
+          {
+            name: t('label.context-center'),
+            url: contextCenterClassBase.getContextCenterPath(),
+          },
           {
             activeTitle: true,
             name: t('label.archive'),
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
index 3da4d6a4e852..9e6bb74f12a7 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
@@ -18,6 +18,7 @@ import cryptoRandomString from 'crypto-random-string-with-promisify-polyfill';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
+import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import { withActivityFeed } from '../../../components/AppRouter/withActivityFeed';
 import ArticleDetailHeader from '../../../components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component';
 import ArticleVersionHeader from '../../../components/ContextCenter/ArticleVersionHeader/ArticleVersionHeader.component';
@@ -218,7 +219,10 @@ const ContextCenterArticlesPage = () => {
             url: '/',
             activeTitle: true,
           },
-          { name: t('label.context-center'), url: ROUTES.CONTEXT_CENTER },
+          {
+            name: t('label.context-center'),
+            url: contextCenterClassBase.getContextCenterPath(),
+          },
           { activeTitle: true, name: t('label.article-plural'), url: '' },
         ]}
         hasPermission={permissions?.Create}
@@ -303,7 +307,7 @@ const ContextCenterArticlesPage = () => {
 
   return (
     <div
-      className="tw:flex tw:flex-col tw:w-full tw:h-full tw:p-5 tw:pt-0"
+      className={`tw:flex tw:flex-col tw:w-full tw:h-full tw:p-5 tw:pt-0 ${contextCenterClassBase.getContainerClassName()}`}
       data-testid="context-center-articles-page">
       {renderHeader()}
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
index 0c7541016ac6..28e218bab1f7 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
@@ -17,6 +17,7 @@ import { Asset } from 'generated/attachments/asset';
 import { FC, useCallback, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
+import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import { ArticleCardItem } from '../../../components/ContextCenter/ArticleCard/ArticleCard.interface';
 import ArticleListSection from '../../../components/ContextCenter/ArticleListSection/ArticleListSection.component';
 import ContextCenterHeader from '../../../components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
@@ -123,7 +124,7 @@ const ContextCenterDashboardPage: FC = () => {
 
   return (
     <div
-      className="tw:flex tw:flex-col tw:w-full tw:bg-secondary tw:p-5 tw:pt-0"
+      className={`tw:flex tw:flex-col tw:w-full tw:bg-secondary tw:p-5 tw:pt-0 ${contextCenterClassBase.getContainerClassName()}`}
       data-testid="context-center-dashboard-page">
       <ContextCenterHeader
         breadcrumbs={[
@@ -133,7 +134,10 @@ const ContextCenterDashboardPage: FC = () => {
             url: '/',
             activeTitle: true,
           },
-          { name: t('label.context-center'), url: ROUTES.CONTEXT_CENTER },
+          {
+            name: t('label.context-center'),
+            url: contextCenterClassBase.getContextCenterPath(),
+          },
           {
             activeTitle: true,
             name: t('label.dashboard'),
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
index a7853c26181c..5655f37d2dc2 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
@@ -15,12 +15,12 @@ import { Home02 } from '@untitledui/icons';
 import { AxiosError } from 'axios';
 import { FC, useCallback, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import DeleteModal from '../../../components/common/DeleteModal/DeleteModal';
 import ContextCenterHeader from '../../../components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
 import DocumentsView from '../../../components/ContextCenter/DocumentsView/DocumentsView.component';
 import { DocFile } from '../../../components/ContextCenter/DocumentsView/DocumentsView.interface';
 import UploadDocumentModal from '../../../components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component';
-import { ROUTES } from '../../../constants/constants';
 import { usePermissionProvider } from '../../../context/PermissionProvider/PermissionProvider';
 import {
   OperationPermission,
@@ -121,7 +121,7 @@ const ContextCenterDocumentsPage: FC = () => {
 
   return (
     <div
-      className="tw:flex tw:flex-col tw:w-full tw:h-full tw:bg-secondary tw:p-5 tw:pt-0"
+      className={`tw:flex tw:flex-col tw:w-full tw:h-full tw:bg-secondary tw:p-5 tw:pt-0 ${contextCenterClassBase.getContainerClassName()}`}
       data-testid="context-center-documents-page">
       <ContextCenterHeader
         breadcrumbs={[
@@ -131,7 +131,10 @@ const ContextCenterDocumentsPage: FC = () => {
             url: '/',
             activeTitle: true,
           },
-          { name: t('label.context-center'), url: ROUTES.CONTEXT_CENTER },
+          {
+            name: t('label.context-center'),
+            url: contextCenterClassBase.getContextCenterPath(),
+          },
           {
             activeTitle: true,
             name: t('label.document-plural'),
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx
index d274646f4d25..143265e2f185 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx
@@ -16,6 +16,7 @@ import { AxiosError } from 'axios';
 import { FC, useCallback, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
+import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import ContextCenterHeader from '../../../components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
 import { ROUTES } from '../../../constants/constants';
 import { usePermissionProvider } from '../../../context/PermissionProvider/PermissionProvider';
@@ -66,7 +67,10 @@ const ContextCenterIntegrationsPage: FC = () => {
             url: '/',
             activeTitle: true,
           },
-          { name: t('label.context-center'), url: ROUTES.CONTEXT_CENTER },
+          {
+            name: t('label.context-center'),
+            url: contextCenterClassBase.getContextCenterPath(),
+          },
           {
             activeTitle: true,
             name: t('label.integration-plural'),
diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterClassBase.ts b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterClassBase.ts
new file mode 100644
index 000000000000..59892e51619b
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterClassBase.ts
@@ -0,0 +1,89 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+import type React from 'react';
+import {
+  PLACEHOLDER_ROUTE_FQN,
+  PLACEHOLDER_ROUTE_SUB_TAB,
+  PLACEHOLDER_ROUTE_TAB,
+  PLACEHOLDER_ROUTE_VERSION,
+  ROUTES,
+} from '../constants/constants';
+import { EntityTabs } from '../enums/entity.enum';
+
+class ContextCenterClassBase {
+  public setEmbeddedMode(_flag: boolean): void {
+    // no-op in base; overridden in Collate
+  }
+
+  public isEmbeddedMode(): boolean {
+    return false;
+  }
+
+  public getCardStyle(): React.CSSProperties {
+    return {};
+  }
+
+  public isBreadcrumbInsideCard(): boolean {
+    return false;
+  }
+
+  public getBreadcrumbClassName(): string {
+    return '';
+  }
+
+  public getContainerClassName(): string {
+    return '';
+  }
+
+  public getContextCenterPath(): string {
+    return ROUTES.CONTEXT_CENTER;
+  }
+
+  public getArticlesListPath(): string {
+    return ROUTES.CONTEXT_CENTER_ARTICLES;
+  }
+
+  public getArticlePath(
+    pageName: string,
+    tab?: string,
+    subTab = 'all'
+  ): string {
+    let path = tab
+      ? ROUTES.CONTEXT_CENTER_ARTICLE_DETAIL_WITH_TAB
+      : ROUTES.CONTEXT_CENTER_ARTICLE_DETAIL;
+
+    if (tab === EntityTabs.ACTIVITY_FEED) {
+      path = ROUTES.CONTEXT_CENTER_ARTICLE_DETAIL_WITH_SUB_TAB;
+      path = path.replace(PLACEHOLDER_ROUTE_SUB_TAB, subTab);
+    }
+
+    if (tab) {
+      path = path.replace(PLACEHOLDER_ROUTE_TAB, tab);
+    }
+
+    return path.replace(PLACEHOLDER_ROUTE_FQN, pageName);
+  }
+
+  public getArticleVersionPath(pageName: string, version: string): string {
+    return ROUTES.CONTEXT_CENTER_ARTICLE_VERSION.replace(
+      PLACEHOLDER_ROUTE_FQN,
+      pageName
+    ).replace(PLACEHOLDER_ROUTE_VERSION, version);
+  }
+}
+
+const contextCenterClassBase = new ContextCenterClassBase();
+
+export default contextCenterClassBase;
+export { ContextCenterClassBase };

From f594514ed25cba3feb06450963aa4083ef717c07 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Thu, 14 May 2026 16:02:30 +0530
Subject: [PATCH 31/59] fixed context center spec

---
 .../resources/ui/playwright/e2e/Features/ContextCenter.spec.ts  | 2 +-
 .../ContextCenterArticlesPage/ContextCenterArticlesPage.tsx     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ContextCenter.spec.ts b/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ContextCenter.spec.ts
index e9a043cfaa44..b38d209e21ec 100644
--- a/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ContextCenter.spec.ts
+++ b/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ContextCenter.spec.ts
@@ -32,7 +32,7 @@ let ARTICLE_TITLE: string;
 const ARTICLE_DESCRIPTION =
   'Playwright article description for card detail check';
 let QUICK_LINK_TITLE: string;
-const QUICK_LINK_URL = 'https://docs.open-metadata.org';
+const QUICK_LINK_URL = 'https://example.com';
 const QUICK_LINK_DESCRIPTION =
   'Playwright quick link description for card detail check';
 let QUICK_LINK_NAME: string;
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
index 9e6bb74f12a7..c1e852f26ecf 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
@@ -312,7 +312,7 @@ const ContextCenterArticlesPage = () => {
       {renderHeader()}
 
       <KnowledgeCenterLayout
-        centerNoPadding={isActivityFeedTab}
+        centerNoPadding={isActivityFeedTab && !version}
         className={layoutClassName}
         leftSidebar={leftSidebar}
         pageTitle={page.title || t('label.article-plural')}

From 55c2c9badc721573e85ea38b4648d90cda9430e1 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Thu, 14 May 2026 16:15:47 +0530
Subject: [PATCH 32/59] added unit test

---
 .../src/constants/ContextCenter.constants.ts  | 12 ++++
 .../ContextCenterDashboardPage.tsx            |  4 +-
 .../ContextCenterDocumentsPage.tsx            |  4 +-
 .../ui/src/utils/ContextCenterUtils.test.ts   | 64 +++++++++++++++++++
 .../ui/src/utils/ContextCenterUtils.tsx       |  2 +-
 5 files changed, 81 insertions(+), 5 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/constants/ContextCenter.constants.ts b/openmetadata-ui/src/main/resources/ui/src/constants/ContextCenter.constants.ts
index 8e8e33a3ce28..afd5909826e9 100644
--- a/openmetadata-ui/src/main/resources/ui/src/constants/ContextCenter.constants.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/constants/ContextCenter.constants.ts
@@ -1,3 +1,15 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
 // ─── File type badge ──────────────────────────────────────────────────────────
 
 import { DocFileType } from 'components/ContextCenter/DocumentsView/DocumentsView.interface';
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
index 28e218bab1f7..762eac9ef13e 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
@@ -38,7 +38,7 @@ import {
   CONTEXT_CENTER_DOCUMENTS_ENTITY_LINK,
   createArticleKnowledgePage,
   fetchContextCenterDocuments,
-  handleDownload,
+  handleAssetDownload,
   knowledgePageToArticleItem,
 } from '../../../utils/ContextCenterUtils';
 import { DEFAULT_ENTITY_PERMISSION } from '../../../utils/PermissionsUtils';
@@ -163,7 +163,7 @@ const ContextCenterDashboardPage: FC = () => {
         <UploadedDocumentsSection
           documents={documents}
           isLoading={isDocumentsLoading}
-          onDownload={handleDownload}
+          onDownload={handleAssetDownload}
           onViewAll={() => navigate(ROUTES.CONTEXT_CENTER_DOCUMENTS)}
         />
       </div>
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
index 5655f37d2dc2..e4023f3ebfbd 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
@@ -31,7 +31,7 @@ import {
   assetToDocumentItem,
   CONTEXT_CENTER_DOCUMENTS_ENTITY_LINK,
   fetchContextCenterDocuments,
-  handleDownload,
+  handleAssetDownload,
 } from '../../../utils/ContextCenterUtils';
 import { DEFAULT_ENTITY_PERMISSION } from '../../../utils/PermissionsUtils';
 import { showErrorToast, showSuccessToast } from '../../../utils/ToastUtils';
@@ -153,7 +153,7 @@ const ContextCenterDocumentsPage: FC = () => {
           data={documents}
           isLoading={isDocumentsLoading}
           onDeleteFile={handleDeleteFile}
-          onDownload={handleDownload}
+          onDownload={handleAssetDownload}
         />
       </div>
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.test.ts b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.test.ts
index 6bd59b859798..9d1a4ea41e18 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.test.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.test.ts
@@ -11,21 +11,29 @@
  *  limitations under the License.
  */
 import { render } from '@testing-library/react';
+import { AxiosError } from 'axios';
 import { ROUTES } from 'constants/constants';
 import { Asset } from 'generated/attachments/asset';
 import { PageType } from 'interface/knowledge-center.interface';
+import { downloadAsset } from 'rest/assetAPI';
 import {
   assetToDocumentItem,
   extensionToFileType,
   formatBytes,
   getFileTypeIcon,
+  handleAssetDownload,
   knowledgePageToArticleItem,
 } from './ContextCenterUtils';
+import { showErrorToast } from './ToastUtils';
 
 jest.mock('./ToastUtils', () => ({
   showErrorToast: jest.fn(),
 }));
 
+jest.mock('../rest/assetAPI', () => ({
+  downloadAsset: jest.fn(),
+}));
+
 jest.mock('./KnowledgePageUtils', () => ({
   getContextCenterArticlePath: jest.fn(),
 }));
@@ -154,3 +162,59 @@ describe('getFileTypeIcon', () => {
     expect(getFileTypeIcon('pdf')).toBeTruthy();
   });
 });
+
+describe('handleAssetDownload', () => {
+  const mockFile = {
+    id: '123',
+    name: 'sample.pdf',
+  };
+
+  const mockBlob = new Blob(['test'], { type: 'application/pdf' });
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+
+    global.URL.createObjectURL = jest.fn(() => 'blob:url');
+    global.URL.revokeObjectURL = jest.fn();
+  });
+
+  it('should download asset successfully', async () => {
+    (downloadAsset as jest.Mock).mockResolvedValue(mockBlob);
+
+    const clickMock = jest.fn();
+    const removeMock = jest.fn();
+
+    const appendChildSpy = jest
+      .spyOn(document.body, 'appendChild')
+      .mockImplementation(() => ({}) as unknown as Node);
+
+    jest.spyOn(document, 'createElement').mockReturnValue({
+      click: clickMock,
+      remove: removeMock,
+    } as unknown as HTMLAnchorElement);
+
+    await handleAssetDownload(mockFile as any);
+
+    expect(downloadAsset).toHaveBeenCalledWith('123');
+
+    expect(URL.createObjectURL).toHaveBeenCalledWith(mockBlob);
+
+    expect(appendChildSpy).toHaveBeenCalled();
+
+    expect(clickMock).toHaveBeenCalled();
+
+    expect(removeMock).toHaveBeenCalled();
+
+    expect(URL.revokeObjectURL).toHaveBeenCalledWith('blob:url');
+  });
+
+  it('should show error toast when download fails', async () => {
+    const error = new Error('Download failed');
+
+    (downloadAsset as jest.Mock).mockRejectedValue(error);
+
+    await handleAssetDownload(mockFile as any);
+
+    expect(showErrorToast).toHaveBeenCalledWith(error as AxiosError);
+  });
+});
diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx
index 32db066940c4..28980e1376eb 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx
@@ -167,7 +167,7 @@ export const createArticleKnowledgePage = async (
   }
 };
 
-export const handleDownload = async (file: DocFile) => {
+export const handleAssetDownload = async (file: DocFile) => {
   try {
     const blob = await downloadAsset(file.id);
     const url = URL.createObjectURL(blob);

From d9aebc1764d57a9759c75a246dde3e15de4fd5d0 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Thu, 14 May 2026 16:30:06 +0530
Subject: [PATCH 33/59] addressed gitar comment

---
 .../playwright/e2e/Features/KnowledgeCenter.spec.ts |  2 +-
 .../ArticleListSection.component.tsx                | 13 ++++++++-----
 .../UploadedDocumentsSection.component.tsx          | 13 ++++++++-----
 .../ui/src/utils/ContextCenterUtils.test.ts         |  2 +-
 4 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/KnowledgeCenter.spec.ts b/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/KnowledgeCenter.spec.ts
index f9103eb01914..609d652776a2 100644
--- a/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/KnowledgeCenter.spec.ts
+++ b/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/KnowledgeCenter.spec.ts
@@ -89,7 +89,7 @@ test.use({
   storageState: 'playwright/.auth/admin.json',
 });
 
-test.describe.fixme('Knowledge Center', () => {
+test.describe('Knowledge Center', () => {
   test.beforeAll('Setup pre-requests', async ({ browser }) => {
     const { apiContext, afterAction } = await createNewPage(browser);
     await user.create(apiContext);
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
index 7f43c5c966b8..eeae393bdbce 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
@@ -44,6 +44,14 @@ const ArticleCardSkeleton: FC = () => (
   </Card>
 );
 
+const ARTICLE_SKELETON_KEYS = Array.from(
+  { length: 6 },
+  (_, i) => `article-skeleton-${i}`
+);
+
+const ArticleLoading = () =>
+  ARTICLE_SKELETON_KEYS.map((key) => <ArticleCardSkeleton key={key} />);
+
 const ArticleListSection: FC<ArticleListSectionProps> = ({
   title,
   subtitle,
@@ -86,11 +94,6 @@ const ArticleListSection: FC<ArticleListSectionProps> = ({
     [onArticleClick, getPagePath, navigate]
   );
 
-  const ArticleLoading = () =>
-    Array.from({ length: 6 }).map((_, idx) => (
-      <ArticleCardSkeleton key={idx} />
-    ));
-
   return (
     <Card
       className="tw:p-6 tw:overflow-y-scroll tw:h-[calc(50vh-138px)]"
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
index c39e2e341708..df5ab7847d8c 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
@@ -39,6 +39,14 @@ const DocumentCardSkeleton: FC = () => (
   </Card>
 );
 
+const DOCUMENT_SKELETON_KEYS = Array.from(
+  { length: 8 },
+  (_, i) => `doc-skeleton-${i}`
+);
+
+const UploadedDocumentSectionLoading = () =>
+  DOCUMENT_SKELETON_KEYS.map((key) => <DocumentCardSkeleton key={key} />);
+
 const UploadedDocumentsSection: FC<UploadedDocumentsSectionProps> = ({
   documents,
   viewAllHref,
@@ -49,11 +57,6 @@ const UploadedDocumentsSection: FC<UploadedDocumentsSectionProps> = ({
 }) => {
   const { t } = useTranslation();
 
-  const UploadedDocumentSectionLoading = () =>
-    Array.from({ length: 8 }).map((_, idx) => (
-      <DocumentCardSkeleton key={idx} />
-    ));
-
   const documentsToShow = useMemo(() => documents.slice(0, 25), [documents]);
 
   return (
diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.test.ts b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.test.ts
index 9d1a4ea41e18..7ccf9a7770ee 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.test.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.test.ts
@@ -186,7 +186,7 @@ describe('handleAssetDownload', () => {
 
     const appendChildSpy = jest
       .spyOn(document.body, 'appendChild')
-      .mockImplementation(() => ({}) as unknown as Node);
+      .mockImplementation(() => ({} as unknown as Node));
 
     jest.spyOn(document, 'createElement').mockReturnValue({
       click: clickMock,

From 9a46d00f44927a78ad3402bbbbe47aa01a867fa1 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Thu, 14 May 2026 16:45:16 +0530
Subject: [PATCH 34/59] removed svg

---
 .../main/resources/ui/src/assets/svg/ic-context-center.svg | 7 -------
 1 file changed, 7 deletions(-)
 delete mode 100644 openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-context-center.svg

diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-context-center.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-context-center.svg
deleted file mode 100644
index b1f091e225ce..000000000000
--- a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-context-center.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M12 8v4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
-  <circle cx="12" cy="15.5" r="0.75" fill="currentColor"/>
-  <path d="M8 10.5c0-2.21 1.79-4 4-4s4 1.79 4 4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
-  <path d="M7 17c1.38.63 2.9 1 4.5 1 1.7 0 3.3-.4 4.72-1.1" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
-</svg>

From cb18b7acafc57b63ec42efbb08baf748a9645226 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Thu, 14 May 2026 16:59:01 +0530
Subject: [PATCH 35/59] fixed import issue

---
 .../ArticleDetailHeader/ArticleDetailHeader.component.tsx     | 2 +-
 .../ArticleListSection/ArticleListSection.component.tsx       | 2 +-
 .../ArticleVersionHeader/ArticleVersionHeader.component.tsx   | 2 +-
 .../ContextCenterHeader/ContextCenterHeader.component.tsx     | 2 +-
 .../ContextCenter/DocumentsView/DocumentsView.component.tsx   | 4 ++--
 .../UploadDocumentModal/UploadDocumentModal.component.tsx     | 2 +-
 .../KnowledgeCenter/KnowledgeCard/KnowledgeCard.tsx           | 2 +-
 .../KnowledgePageDetailComponent.tsx                          | 2 +-
 .../KnowledgePageListComponent/KnowledgePageListComponent.tsx | 2 +-
 .../KnowledgePageVersion/KnowledgePageVersion.tsx             | 2 +-
 .../KnowledgeCenter/KnowledgePages/KnowledgePages.tsx         | 2 +-
 .../KnowledgePagesHierarchy/KnowledgePagesHierarchy.tsx       | 2 +-
 .../ContextCenterArchivePage/ContextCenterArchivePage.tsx     | 2 +-
 .../ContextCenterArticlesPage/ContextCenterArticlesPage.tsx   | 2 +-
 .../ContextCenterDashboardPage/ContextCenterDashboardPage.tsx | 2 +-
 .../ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx | 2 +-
 .../ContextCenterIntegrationsPage.tsx                         | 2 +-
 17 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
index dbbc87a0de74..7709e635a37d 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
@@ -39,7 +39,6 @@ import { isEmpty, isUndefined, toString, uniqBy } from 'lodash';
 import { FC, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
-import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import { ReactComponent as EditorIcon } from '../../../assets/svg/ic-editor.svg';
 import { ReactComponent as SidebarCollapsible } from '../../../assets/svg/ic-sidebar-collapsible.svg';
 import { ReactComponent as StarFilledIcon } from '../../../assets/svg/ic-star-filled.svg';
@@ -64,6 +63,7 @@ import {
   ContentChangeState,
   RecentlyViewedQuickLinks,
 } from '../../../interface/knowledge-center.interface';
+import contextCenterClassBase from '../../../utils/ContextCenterClassBase';
 import deleteWidgetClassBase from '../../../utils/DeleteWidget/DeleteWidgetClassBase';
 import EntityLink from '../../../utils/EntityLink';
 import { getEntityName } from '../../../utils/EntityUtils';
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
index eeae393bdbce..1e3cbc8a975f 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
@@ -21,9 +21,9 @@ import { ArrowUpRight, File06 } from '@untitledui/icons';
 import { FC, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
-import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import ErrorPlaceHolder from '../../../components/common/ErrorWithPlaceholder/ErrorPlaceHolder';
 import { ERROR_PLACEHOLDER_TYPE } from '../../../enums/common.enum';
+import contextCenterClassBase from '../../../utils/ContextCenterClassBase';
 import ArticleCard from '../ArticleCard/ArticleCard.component';
 import { ArticleCardItem } from '../ArticleCard/ArticleCard.interface';
 import { ArticleListSectionProps } from './ArticleListSection.interface';
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleVersionHeader/ArticleVersionHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleVersionHeader/ArticleVersionHeader.component.tsx
index 2c747e8e8adb..165369b72b62 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleVersionHeader/ArticleVersionHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleVersionHeader/ArticleVersionHeader.component.tsx
@@ -15,9 +15,9 @@ import { Card, Skeleton, Typography } from '@openmetadata/ui-core-components';
 import { File06, Home02 } from '@untitledui/icons';
 import { FC } from 'react';
 import { useTranslation } from 'react-i18next';
-import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import TitleBreadcrumb from '../../../components/common/TitleBreadcrumb/TitleBreadcrumb.component';
 import { KnowledgePage } from '../../../interface/knowledge-center.interface';
+import contextCenterClassBase from '../../../utils/ContextCenterClassBase';
 import { getEntityName } from '../../../utils/EntityUtils';
 
 interface ArticleVersionHeaderProps {
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx
index 7fe682eac48a..be7532c3cb52 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx
@@ -15,7 +15,7 @@ import { Button, Card, Typography } from '@openmetadata/ui-core-components';
 import { Plus, UploadCloud02 } from '@untitledui/icons';
 import { FC } from 'react';
 import { useTranslation } from 'react-i18next';
-import contextCenterClassBase from 'utils/ContextCenterClassBase';
+import contextCenterClassBase from '../../../utils/ContextCenterClassBase';
 import TitleBreadcrumb from '../../common/TitleBreadcrumb/TitleBreadcrumb.component';
 import { ContextCenterHeaderProps } from './ContextCenterHeader.interface';
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
index a62d21f98a8c..d67af80d571c 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.component.tsx
@@ -21,12 +21,12 @@ import {
   Typography,
 } from '@openmetadata/ui-core-components';
 import { Download01, Share07, Trash01 } from '@untitledui/icons';
-import { FILE_TYPE_STYLES } from 'constants/ContextCenter.constants';
 import { FC } from 'react';
 import { useTranslation } from 'react-i18next';
-import { getShortRelativeTime } from 'utils/date-time/DateTimeUtils';
 import ErrorPlaceHolder from '../../../components/common/ErrorWithPlaceholder/ErrorPlaceHolder';
+import { FILE_TYPE_STYLES } from '../../../constants/ContextCenter.constants';
 import { ERROR_PLACEHOLDER_TYPE } from '../../../enums/common.enum';
+import { getShortRelativeTime } from '../../../utils/date-time/DateTimeUtils';
 import {
   DocFile,
   DocFileType,
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
index 10b74aeb55e5..12c2b6717032 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
@@ -22,10 +22,10 @@ import {
   ModalOverlay,
 } from '@openmetadata/ui-core-components';
 import { AlertCircle, Trash01, UploadCloud02 } from '@untitledui/icons';
-import { DOCUMENT_MAX_FILE_SIZE } from 'constants/ContextCenter.constants';
 import { Asset } from 'generated/attachments/asset';
 import { FC, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import { DOCUMENT_MAX_FILE_SIZE } from '../../../constants/ContextCenter.constants';
 import { uploadAsset } from '../../../rest/assetAPI';
 import {
   QueuedFile,
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCard/KnowledgeCard.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCard/KnowledgeCard.tsx
index 704f60395ed1..6a510e8b4282 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCard/KnowledgeCard.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCard/KnowledgeCard.tsx
@@ -65,8 +65,8 @@ import {
   QuickLinkFormModalFormData,
 } from '../QuickLinkFormModal/QuickLinkFormModal';
 
-import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import { useCurrentUserPreferences } from '../../../hooks/currentUserStore/useCurrentUserStore';
+import contextCenterClassBase from '../../../utils/ContextCenterClassBase';
 import './knowledge-card.less';
 
 export interface KnowledgeCardProps {
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent.tsx
index ea28c9522bfd..377ffebd719c 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent.tsx
@@ -24,7 +24,6 @@ import {
   useState,
 } from 'react';
 import { useLocation, useNavigate } from 'react-router-dom';
-import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import { useActivityFeedProvider } from '../../../components/ActivityFeed/ActivityFeedProvider/ActivityFeedProvider';
 import { ActivityFeedTab } from '../../../components/ActivityFeed/ActivityFeedTab/ActivityFeedTab.component';
 import { ActivityFeedLayoutType } from '../../../components/ActivityFeed/ActivityFeedTab/ActivityFeedTab.interface';
@@ -80,6 +79,7 @@ import {
   updateKnowledgePageVote,
 } from '../../../rest/knowledgeCenterAPI';
 import { getFeedCounts } from '../../../utils/CommonUtils';
+import contextCenterClassBase from '../../../utils/ContextCenterClassBase';
 import i18n from '../../../utils/i18next/LocalUtil';
 import {
   addToKnowledgeCenterRecentViewed,
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageListComponent/KnowledgePageListComponent.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageListComponent/KnowledgePageListComponent.tsx
index 16faa7451fa0..7ca1c684ec8b 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageListComponent/KnowledgePageListComponent.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageListComponent/KnowledgePageListComponent.tsx
@@ -35,7 +35,6 @@ import React, {
 } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
-import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import { ReactComponent as AddPlaceHolderIcon } from '../../../assets/svg/add-placeholder.svg';
 import ErrorPlaceHolder from '../../../components/common/ErrorWithPlaceholder/ErrorPlaceHolder';
 import Loader from '../../../components/common/Loader/Loader';
@@ -67,6 +66,7 @@ import {
   unFollowKnowledgePage,
   updateKnowledgePageVote,
 } from '../../../rest/knowledgeCenterAPI';
+import contextCenterClassBase from '../../../utils/ContextCenterClassBase';
 import { Transi18next } from '../../../utils/i18next/LocalUtil';
 import { showErrorToast } from '../../../utils/ToastUtils';
 import KnowledgeCard from '../KnowledgeCard/KnowledgeCard';
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageVersion/KnowledgePageVersion.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageVersion/KnowledgePageVersion.tsx
index 3d27bf5e715e..648d21907888 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageVersion/KnowledgePageVersion.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageVersion/KnowledgePageVersion.tsx
@@ -17,7 +17,6 @@ import { diffWordsWithSpace } from 'diff';
 import { isEmpty, map, toString } from 'lodash';
 import { FC, useMemo } from 'react';
 import { useNavigate } from 'react-router-dom';
-import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import { ReactComponent as VersionIcon } from '../../../assets/svg/ic-version.svg';
 import BlockEditor from '../../../components/BlockEditor/BlockEditor';
 import Loader from '../../../components/common/Loader/Loader';
@@ -27,6 +26,7 @@ import { LayoutType } from '../../../components/Tag/TagsViewer/TagsViewer.interf
 import { EntityField } from '../../../constants/Feeds.constants';
 import { TagSource } from '../../../generated/type/tagLabel';
 import { KnowledgePage } from '../../../interface/knowledge-center.interface';
+import contextCenterClassBase from '../../../utils/ContextCenterClassBase';
 import { formatDate } from '../../../utils/date-time/DateTimeUtils';
 import { getEntityName } from '../../../utils/EntityUtils';
 import {
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePages/KnowledgePages.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePages/KnowledgePages.tsx
index 761c55009212..085c39e30ae7 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePages/KnowledgePages.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePages/KnowledgePages.tsx
@@ -16,7 +16,6 @@ import { isEmpty, map } from 'lodash';
 import { FC, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
-import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import { ReactComponent as IconArticle } from '../../../assets/svg/ic-articles.svg';
 import { ReactComponent as LinkIcon } from '../../../assets/svg/ic-link.svg';
 import ExpandableCard from '../../../components/common/ExpandableCard/ExpandableCard';
@@ -31,6 +30,7 @@ import {
   QuickLink,
 } from '../../../interface/knowledge-center.interface';
 import { getListKnowledgePages } from '../../../rest/knowledgeCenterAPI';
+import contextCenterClassBase from '../../../utils/ContextCenterClassBase';
 import { getEntityName } from '../../../utils/EntityUtils';
 
 const KnowledgePages: FC = () => {
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.tsx
index ffee5b9c9591..ba876e5f1073 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.tsx
@@ -52,7 +52,6 @@ import cryptoRandomString from 'crypto-random-string-with-promisify-polyfill';
 import { compare } from 'fast-json-patch';
 import { isUndefined, uniq } from 'lodash';
 import { useTranslation } from 'react-i18next';
-import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import { ReactComponent as DragIcon } from '../../../assets/svg/drag.svg';
 import { ReactComponent as IconDown } from '../../../assets/svg/ic-arrow-down.svg';
 import { ReactComponent as IconRight } from '../../../assets/svg/ic-arrow-right.svg';
@@ -75,6 +74,7 @@ import { EntityType } from '../../../enums/entity.enum';
 import { useCurrentUserPreferences } from '../../../hooks/currentUserStore/useCurrentUserStore';
 import { useApplicationStore } from '../../../hooks/useApplicationStore';
 import useCustomLocation from '../../../hooks/useCustomLocation/useCustomLocation';
+import contextCenterClassBase from '../../../utils/ContextCenterClassBase';
 import { getEntityName } from '../../../utils/EntityUtils';
 import Fqn from '../../../utils/Fqn';
 import { Transi18next } from '../../../utils/i18next/LocalUtil';
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx
index 810bba8fbdf9..6511d95ae071 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArchivePage/ContextCenterArchivePage.tsx
@@ -16,7 +16,6 @@ import { AxiosError } from 'axios';
 import { FC, useCallback, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
-import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import ContextCenterHeader from '../../../components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
 import { ROUTES } from '../../../constants/constants';
 import { usePermissionProvider } from '../../../context/PermissionProvider/PermissionProvider';
@@ -24,6 +23,7 @@ import {
   OperationPermission,
   ResourceEntity,
 } from '../../../context/PermissionProvider/PermissionProvider.interface';
+import contextCenterClassBase from '../../../utils/ContextCenterClassBase';
 import { DEFAULT_ENTITY_PERMISSION } from '../../../utils/PermissionsUtils';
 import { showErrorToast } from '../../../utils/ToastUtils';
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
index c1e852f26ecf..5cec8523c4bb 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
@@ -18,7 +18,6 @@ import cryptoRandomString from 'crypto-random-string-with-promisify-polyfill';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
-import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import { withActivityFeed } from '../../../components/AppRouter/withActivityFeed';
 import ArticleDetailHeader from '../../../components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component';
 import ArticleVersionHeader from '../../../components/ContextCenter/ArticleVersionHeader/ArticleVersionHeader.component';
@@ -51,6 +50,7 @@ import {
   PageType,
 } from '../../../interface/knowledge-center.interface';
 import { postKnowledgePage } from '../../../rest/knowledgeCenterAPI';
+import contextCenterClassBase from '../../../utils/ContextCenterClassBase';
 import { createArticleKnowledgePage } from '../../../utils/ContextCenterUtils';
 import { DEFAULT_ENTITY_PERMISSION } from '../../../utils/PermissionsUtils';
 import { showErrorToast } from '../../../utils/ToastUtils';
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
index 762eac9ef13e..b9b624a06704 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
@@ -17,7 +17,6 @@ import { Asset } from 'generated/attachments/asset';
 import { FC, useCallback, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
-import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import { ArticleCardItem } from '../../../components/ContextCenter/ArticleCard/ArticleCard.interface';
 import ArticleListSection from '../../../components/ContextCenter/ArticleListSection/ArticleListSection.component';
 import ContextCenterHeader from '../../../components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
@@ -33,6 +32,7 @@ import {
 import { useApplicationStore } from '../../../hooks/useApplicationStore';
 import { KnowledgePage } from '../../../interface/knowledge-center.interface';
 import { getListKnowledgePages } from '../../../rest/knowledgeCenterAPI';
+import contextCenterClassBase from '../../../utils/ContextCenterClassBase';
 import {
   assetToDocumentItem,
   CONTEXT_CENTER_DOCUMENTS_ENTITY_LINK,
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
index e4023f3ebfbd..033619e5ad91 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDocumentsPage/ContextCenterDocumentsPage.tsx
@@ -15,7 +15,6 @@ import { Home02 } from '@untitledui/icons';
 import { AxiosError } from 'axios';
 import { FC, useCallback, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import DeleteModal from '../../../components/common/DeleteModal/DeleteModal';
 import ContextCenterHeader from '../../../components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
 import DocumentsView from '../../../components/ContextCenter/DocumentsView/DocumentsView.component';
@@ -27,6 +26,7 @@ import {
   ResourceEntity,
 } from '../../../context/PermissionProvider/PermissionProvider.interface';
 import { deleteAsset } from '../../../rest/assetAPI';
+import contextCenterClassBase from '../../../utils/ContextCenterClassBase';
 import {
   assetToDocumentItem,
   CONTEXT_CENTER_DOCUMENTS_ENTITY_LINK,
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx
index 143265e2f185..0f82c02eef26 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterIntegrationsPage/ContextCenterIntegrationsPage.tsx
@@ -16,7 +16,6 @@ import { AxiosError } from 'axios';
 import { FC, useCallback, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
-import contextCenterClassBase from 'utils/ContextCenterClassBase';
 import ContextCenterHeader from '../../../components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component';
 import { ROUTES } from '../../../constants/constants';
 import { usePermissionProvider } from '../../../context/PermissionProvider/PermissionProvider';
@@ -24,6 +23,7 @@ import {
   OperationPermission,
   ResourceEntity,
 } from '../../../context/PermissionProvider/PermissionProvider.interface';
+import contextCenterClassBase from '../../../utils/ContextCenterClassBase';
 import { DEFAULT_ENTITY_PERMISSION } from '../../../utils/PermissionsUtils';
 import { showErrorToast } from '../../../utils/ToastUtils';
 

From 7ab1761d04500251ad03b2c0ccd0f6fd5adfc5bf Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Thu, 14 May 2026 17:42:34 +0530
Subject: [PATCH 36/59] fixed the page navigation

---
 .../ArticleListSection.component.tsx          |  7 ++-----
 .../ArticleListSection.interface.ts           |  1 -
 .../ContextCenterDashboardPage.tsx            |  9 ++++++---
 .../KnowledgePageVersionPage.tsx              | 19 +++++++++++--------
 .../ui/src/utils/ContextCenterClassBase.ts    |  4 ++++
 .../ui/src/utils/ContextCenterUtils.tsx       | 10 ++++++----
 .../ui/src/utils/KnowledgePageUtils.tsx       |  3 ++-
 7 files changed, 31 insertions(+), 22 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
index 1e3cbc8a975f..add62cfdaea5 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
@@ -57,7 +57,6 @@ const ArticleListSection: FC<ArticleListSectionProps> = ({
   subtitle,
   articles,
   viewAllHref,
-  getPagePath,
   onViewAll,
   onArticleClick,
   isLoading = false,
@@ -85,13 +84,11 @@ const ArticleListSection: FC<ArticleListSectionProps> = ({
         return;
       }
 
-      const path = getPagePath
-        ? getPagePath(article.id)
-        : contextCenterClassBase.getArticlePath(article.id);
+      const path = contextCenterClassBase.getArticlePath(article.id);
 
       navigate(path);
     },
-    [onArticleClick, getPagePath, navigate]
+    [onArticleClick, navigate]
   );
 
   return (
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.interface.ts
index 31ba02bedba8..5eea9747b58b 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.interface.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.interface.ts
@@ -18,7 +18,6 @@ export interface ArticleListSectionProps {
   subtitle?: string;
   articles: ArticleCardItem[];
   viewAllHref?: string;
-  getPagePath?: (fqn: string) => string;
   onViewAll?: () => void;
   onArticleClick?: (article: ArticleCardItem) => void;
   isLoading?: boolean;
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
index b9b624a06704..4dcb3a44e418 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterDashboardPage/ContextCenterDashboardPage.tsx
@@ -23,7 +23,6 @@ import ContextCenterHeader from '../../../components/ContextCenter/ContextCenter
 import UploadDocumentModal from '../../../components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component';
 import { UploadedDocumentItem } from '../../../components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.interface';
 import UploadedDocumentsSection from '../../../components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component';
-import { ROUTES } from '../../../constants/constants';
 import { usePermissionProvider } from '../../../context/PermissionProvider/PermissionProvider';
 import {
   OperationPermission,
@@ -157,14 +156,18 @@ const ContextCenterDashboardPage: FC = () => {
           isLoading={isArticlesLoading}
           subtitle={t('message.internal-knowledge-base-agent-training')}
           title={t('label.article-amp-quick-link-plural')}
-          onViewAll={() => navigate(ROUTES.CONTEXT_CENTER_ARTICLES)}
+          onViewAll={() =>
+            navigate(contextCenterClassBase.getArticlesListPath())
+          }
         />
 
         <UploadedDocumentsSection
           documents={documents}
           isLoading={isDocumentsLoading}
           onDownload={handleAssetDownload}
-          onViewAll={() => navigate(ROUTES.CONTEXT_CENTER_DOCUMENTS)}
+          onViewAll={() =>
+            navigate(contextCenterClassBase.getDocumentsListPath())
+          }
         />
       </div>
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/KnowledgePageVersionPage/KnowledgePageVersionPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/KnowledgePageVersionPage/KnowledgePageVersionPage.tsx
index d07093a0fb65..5dc63d218464 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/KnowledgePageVersionPage/KnowledgePageVersionPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/KnowledgePageVersionPage/KnowledgePageVersionPage.tsx
@@ -30,11 +30,8 @@ import {
 import { Col, Row, Skeleton, Space } from 'antd';
 import TitleBreadcrumb from '../../components/common/TitleBreadcrumb/TitleBreadcrumb.component';
 import { ROUTES } from '../../constants/constants';
+import contextCenterClassBase from '../../utils/ContextCenterClassBase';
 import i18n from '../../utils/i18next/LocalUtil';
-import {
-  getKnowledgePagePath,
-  getKnowledgeVersionsPath,
-} from '../../utils/KnowledgePageUtils';
 import { showErrorToast } from '../../utils/ToastUtils';
 import { useRequiredParams } from '../../utils/useRequiredParams';
 
@@ -120,13 +117,19 @@ const KnowledgePageVersionPage: FC<KnowledgePageVersionPageProps> = ({
   );
 
   const onVersionChange = (selectedVersion: string) => {
-    const path = getKnowledgeVersionsPath(fqn, selectedVersion);
-    navigate(path);
+    navigate(
+      contextCenterClassBase.getArticleVersionPath(fqn, selectedVersion)
+    );
   };
 
   const onBackHandler = () => {
-    const path = getKnowledgePagePath(selectedData?.fullyQualifiedName ?? '');
-    navigate(path);
+    navigate(
+      contextCenterClassBase.getArticlePath(
+        knowledgePage?.fullyQualifiedName ??
+          selectedData?.fullyQualifiedName ??
+          fqn
+      )
+    );
   };
 
   const getVersionTimeLineElement = useCallback(
diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterClassBase.ts b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterClassBase.ts
index 59892e51619b..b0a57895cc3c 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterClassBase.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterClassBase.ts
@@ -54,6 +54,10 @@ class ContextCenterClassBase {
     return ROUTES.CONTEXT_CENTER_ARTICLES;
   }
 
+  public getDocumentsListPath(): string {
+    return ROUTES.CONTEXT_CENTER_DOCUMENTS;
+  }
+
   public getArticlePath(
     pageName: string,
     tab?: string,
diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx
index 28980e1376eb..d86d89815883 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx
@@ -21,7 +21,7 @@ import { ReactComponent as PDFIcon } from '../assets/svg/ic-pdf.svg';
 import { ReactComponent as XLSIcon } from '../assets/svg/ic-xls.svg';
 import { ArticleCardItem } from '../components/ContextCenter/ArticleCard/ArticleCard.interface';
 import { UploadedDocumentItem } from '../components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.interface';
-import { CREATE_PAGE_HASH, ROUTES } from '../constants/constants';
+import { CREATE_PAGE_HASH } from '../constants/constants';
 import { EntityType } from '../enums/entity.enum';
 import { Asset, AssetType } from '../generated/attachments/asset';
 import {
@@ -31,9 +31,9 @@ import {
 } from '../interface/knowledge-center.interface';
 import { downloadAsset, listAssetsByFqn } from '../rest/assetAPI';
 import { postKnowledgePage } from '../rest/knowledgeCenterAPI';
+import contextCenterClassBase from './ContextCenterClassBase';
 import EntityLink from './EntityLink';
 import { getEntityName } from './EntityUtils';
-import { getContextCenterArticlePath } from './KnowledgePageUtils';
 import { showErrorToast } from './ToastUtils';
 
 export const CONTEXT_CENTER_DOCUMENTS_FQN = 'contextCenter.documents';
@@ -125,7 +125,7 @@ export const knowledgePageToArticleItem = (
     data.pageType === PageType.QUICK_LINK
       ? (data.page as QuickLink)?.url
       : data.fullyQualifiedName
-      ? `${ROUTES.CONTEXT_CENTER_ARTICLES}/${data.fullyQualifiedName}`
+      ? contextCenterClassBase.getArticlePath(data.fullyQualifiedName)
       : undefined,
   id: data.id,
   lastEditedAt: data.updatedAt,
@@ -160,7 +160,9 @@ export const createArticleKnowledgePage = async (
     onResourceLimit?.();
     navigate({
       hash: CREATE_PAGE_HASH,
-      pathname: getContextCenterArticlePath(response.fullyQualifiedName),
+      pathname: contextCenterClassBase.getArticlePath(
+        response.fullyQualifiedName
+      ),
     });
   } catch (error) {
     showErrorToast(error as AxiosError);
diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/KnowledgePageUtils.tsx b/openmetadata-ui/src/main/resources/ui/src/utils/KnowledgePageUtils.tsx
index 392c4f96430f..ab5b5e9f2a55 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/KnowledgePageUtils.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/KnowledgePageUtils.tsx
@@ -44,6 +44,7 @@ import {
 import { usePersistentStorage } from '../hooks/currentUserStore/useCurrentUserStore';
 import { useApplicationStore } from '../hooks/useApplicationStore';
 import { arraySorterByKey } from './CommonUtils';
+import contextCenterClassBase from './ContextCenterClassBase';
 import { getEntityName } from './EntityUtils';
 import Fqn from './Fqn';
 import i18n, { t } from './i18next/LocalUtil';
@@ -424,7 +425,7 @@ export const getLink = (knowledgePage: KnowledgePage, testIdPrefix: string) => {
   const isQuickLink = knowledgePage.pageType === PageType.QUICK_LINK;
   const path = isQuickLink
     ? (knowledgePage.page as QuickLink).url
-    : getKnowledgePagePath(knowledgePage.fullyQualifiedName);
+    : contextCenterClassBase.getArticlePath(knowledgePage.fullyQualifiedName);
 
   return (
     <Link

From 96d283d7a63721a9f86684f090d19f4aa958468c Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Thu, 14 May 2026 18:53:29 +0530
Subject: [PATCH 37/59] fixed unit test

---
 .../ArticleListSection.test.tsx               | 12 +++------
 .../DocumentsView/DocumentsView.test.tsx      |  6 ++---
 .../KnowledgePagesHierarchy.test.tsx          | 26 -------------------
 .../ui/src/utils/ContextCenterUtils.test.ts   |  4 +++
 4 files changed, 10 insertions(+), 38 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.test.tsx
index 2a8f62463960..c1a366eb3641 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.test.tsx
@@ -181,7 +181,7 @@ describe('ArticleListSection', () => {
 
     fireEvent.click(screen.getByTestId('article-card-a1'));
 
-    expect(mockNavigate).toHaveBeenCalledWith('/knowledge/a1');
+    expect(mockNavigate).toHaveBeenCalledWith('/context-center/articles/a1');
   });
 
   it('opens external href in a new tab when article href starts with http', () => {
@@ -231,18 +231,12 @@ describe('ArticleListSection', () => {
   });
 
   it('uses getPagePath override when provided', () => {
-    const getPagePath = jest.fn((id: string) => `/custom/${id}`);
     render(
-      <ArticleListSection
-        articles={mockArticles}
-        getPagePath={getPagePath}
-        title="Recent Articles"
-      />
+      <ArticleListSection articles={mockArticles} title="Recent Articles" />
     );
 
     fireEvent.click(screen.getByTestId('article-card-a1'));
 
-    expect(getPagePath).toHaveBeenCalledWith('a1');
-    expect(mockNavigate).toHaveBeenCalledWith('/custom/a1');
+    expect(mockNavigate).toHaveBeenCalledWith('/context-center/articles/a1');
   });
 });
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.test.tsx
index 2c562fe569b3..46223bf3e0b4 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.test.tsx
@@ -82,8 +82,8 @@ const mockFiles: DocFile[] = [
     name: 'report.pdf',
     fileType: 'pdf',
     sizeLabel: '2 MB',
-    uploadedBy: 'alice',
-    uploadedAt: '2024-01-01',
+    updatedBy: 'alice',
+    updatedAt: 1778756959299,
   },
   {
     id: 'file-2',
@@ -120,7 +120,7 @@ describe('DocumentsView', () => {
     render(<DocumentsView data={mockFiles} isLoading={false} />);
 
     expect(screen.getByText('alice')).toBeInTheDocument();
-    expect(screen.getByText('2024-01-01')).toBeInTheDocument();
+    expect(screen.getByText('2 hrs ago')).toBeInTheDocument();
   });
 
   it('renders the PDF badge label for pdf files', () => {
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.test.tsx
index aa67195e1386..7cb7e2d02bc3 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.test.tsx
@@ -340,32 +340,6 @@ describe('KnowledgePagesHierarchy', () => {
     expect(screen.getByTestId('delete-widget')).toBeInTheDocument();
   });
 
-  it('add page flow should work', async () => {
-    await act(async () => {
-      render(
-        <KnowledgePagesHierarchy
-          isPageHeaderAvailable={false}
-          permissions={{ ...DEFAULT_ENTITY_PERMISSION, Create: true }}
-        />,
-        {
-          wrapper: MemoryRouter,
-        }
-      );
-    });
-
-    const addButton = screen.getByTestId(
-      `How to Discover Assets of Interest-add-page-btn`
-    );
-
-    fireEvent.click(addButton);
-
-    await waitFor(() => {
-      expect(mockPush).toHaveBeenCalledWith({
-        pathname: '/context-center/articles/newPage',
-      });
-    });
-  });
-
   describe('Scroll Pagination', () => {
     const mockGetPageHierarchyFromES = jest.requireMock(
       'rest/knowledgeCenterAPI'
diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.test.ts b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.test.ts
index 7ccf9a7770ee..19300f521ad5 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.test.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.test.ts
@@ -96,6 +96,8 @@ describe('assetToDocumentItem', () => {
       id: '1',
       fileName: 'sample.pdf',
       size: 2048,
+      updatedAt: 1778756959299,
+      updatedBy: 'admin',
     };
 
     expect(assetToDocumentItem(asset as Asset)).toEqual({
@@ -104,6 +106,8 @@ describe('assetToDocumentItem', () => {
       name: 'sample.pdf',
       sizeLabel: '2.0 KB',
       status: 'processed',
+      updatedAt: 1778756959299,
+      updatedBy: 'admin',
     });
   });
 });

From f7dd8504e5348254b3bf1a530db3607ea739861a Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Thu, 14 May 2026 20:20:16 +0530
Subject: [PATCH 38/59] addressed copilot comments

---
 .../src/main/resources/ui/package.json        |  4 +---
 .../src/main/resources/ui/yarn.lock           | 22 +++++++++++++++----
 .../ArticleCard/ArticleCard.component.tsx     | 10 ++++++++-
 .../ArticleDetailHeader.component.tsx         |  2 +-
 .../ArticleListSection.component.tsx          | 15 +++++--------
 .../ArticleListSection.interface.ts           |  1 -
 .../ArticleListSection.test.tsx               |  4 ----
 .../ContextCenterHeader.component.tsx         |  2 +-
 .../DocumentsView/DocumentsView.test.tsx      |  2 ++
 .../UploadedDocumentCard.component.tsx        | 15 ++++++++++---
 .../UploadedDocumentCard.test.tsx             |  2 ++
 .../UploadedDocumentsSection.component.tsx    | 15 +++++--------
 .../UploadedDocumentsSection.interface.ts     |  1 -
 .../UploadedDocumentsSection.test.tsx         | 16 +++++---------
 .../ui/src/locale/languages/ar-sa.json        |  1 +
 .../ui/src/locale/languages/de-de.json        |  1 +
 .../ui/src/locale/languages/en-us.json        |  1 +
 .../ui/src/locale/languages/es-es.json        |  1 +
 .../ui/src/locale/languages/fr-fr.json        |  1 +
 .../ui/src/locale/languages/gl-es.json        |  1 +
 .../ui/src/locale/languages/he-he.json        |  1 +
 .../ui/src/locale/languages/ja-jp.json        |  1 +
 .../ui/src/locale/languages/ko-kr.json        |  1 +
 .../ui/src/locale/languages/mr-in.json        |  1 +
 .../ui/src/locale/languages/nl-nl.json        |  1 +
 .../ui/src/locale/languages/pr-pr.json        |  1 +
 .../ui/src/locale/languages/pt-br.json        |  1 +
 .../ui/src/locale/languages/pt-pt.json        |  1 +
 .../ui/src/locale/languages/ru-ru.json        |  1 +
 .../ui/src/locale/languages/th-th.json        |  1 +
 .../ui/src/locale/languages/tr-tr.json        |  1 +
 .../ui/src/locale/languages/zh-cn.json        |  1 +
 .../ui/src/locale/languages/zh-tw.json        |  1 +
 .../ContextCenterArticlesPage.tsx             |  2 +-
 .../KnowledgeCenterPage.tsx                   | 22 ++-----------------
 .../ui/src/utils/ContextCenterClassBase.ts    |  4 ++++
 .../ui/src/utils/ContextCenterUtils.tsx       |  3 ++-
 37 files changed, 91 insertions(+), 70 deletions(-)

diff --git a/openmetadata-ui-core-components/src/main/resources/ui/package.json b/openmetadata-ui-core-components/src/main/resources/ui/package.json
index 669ab219c816..b398ddfb1d96 100644
--- a/openmetadata-ui-core-components/src/main/resources/ui/package.json
+++ b/openmetadata-ui-core-components/src/main/resources/ui/package.json
@@ -75,9 +75,7 @@
   "author": "OpenMetadata",
   "license": "Apache-2.0",
   "dependencies": {
-    "@material/material-color-utilities": "^0.3.0",
-    "@untitledui/file-icons": "^0.0.9",
-    "motion": "^12.38.0"
+    "@material/material-color-utilities": "^0.3.0"
   },
   "peerDependencies": {
     "@emotion/react": ">=11.0.0",
diff --git a/openmetadata-ui-core-components/src/main/resources/ui/yarn.lock b/openmetadata-ui-core-components/src/main/resources/ui/yarn.lock
index 1c4346139b4e..8d9ab67e001b 100644
--- a/openmetadata-ui-core-components/src/main/resources/ui/yarn.lock
+++ b/openmetadata-ui-core-components/src/main/resources/ui/yarn.lock
@@ -5728,8 +5728,16 @@ string-argv@~0.3.1:
   resolved "https://registry.npmjs.org/string-argv/-/string-argv-0.3.2.tgz"
   integrity sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==
 
-"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0:
-  name string-width-cjs
+"string-width-cjs@npm:string-width@^4.2.0":
+  version "4.2.3"
+  resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+string-width@^4.1.0:
   version "4.2.3"
   resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -5806,8 +5814,14 @@ string.prototype.trimstart@^1.0.8:
     define-properties "^1.2.1"
     es-object-atoms "^1.0.0"
 
-"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
-  name strip-ansi-cjs
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
+  version "6.0.1"
+  resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
+strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   version "6.0.1"
   resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
   integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.component.tsx
index df7f2c8fe9a9..208bb015b146 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleCard/ArticleCard.component.tsx
@@ -38,7 +38,15 @@ const ArticleCard: FC<ArticleCardProps> = ({ article, onClick }) => {
       isClickable
       className="tw:p-4 tw:flex tw:flex-col tw:bg-gray-50 tw:border-none tw:max-w-86 tw:h-40 tw:justify-between tw:hover:shadow-xl"
       data-testid="article-card"
-      onClick={() => onClick?.(article)}>
+      role="button"
+      tabIndex={0}
+      onClick={() => onClick?.(article)}
+      onKeyDown={(e) => {
+        if (e.key === 'Enter' || e.key === ' ') {
+          e.preventDefault();
+          onClick?.(article);
+        }
+      }}>
       <div>
         <Typography ellipsis weight="bold">
           {title}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
index 7709e635a37d..448caab17943 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
@@ -35,6 +35,7 @@ import {
   UploadCloud01,
   User03,
 } from '@untitledui/icons';
+import { EntityStatus } from 'generated/entity/data/glossaryTerm';
 import { isEmpty, isUndefined, toString, uniqBy } from 'lodash';
 import { FC, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -54,7 +55,6 @@ import { QueryVoteType } from '../../../components/Database/TableQueries/TableQu
 import { EntityStatusBadge } from '../../../components/Entity/EntityStatusBadge/EntityStatusBadge.component';
 import { EntityField } from '../../../constants/Feeds.constants';
 import { EntityTabs, EntityType } from '../../../enums/entity.enum';
-import { EntityStatus } from '../../../generated/governance/workflows/elements/nodes/automatedTask/setGlossaryTermStatusTask';
 import { useCurrentUserPreferences } from '../../../hooks/currentUserStore/useCurrentUserStore';
 import { useApplicationStore } from '../../../hooks/useApplicationStore';
 import { useClipboard } from '../../../hooks/useClipBoard';
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
index add62cfdaea5..b4d551791ea7 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
@@ -56,7 +56,6 @@ const ArticleListSection: FC<ArticleListSectionProps> = ({
   title,
   subtitle,
   articles,
-  viewAllHref,
   onViewAll,
   onArticleClick,
   isLoading = false,
@@ -112,14 +111,12 @@ const ArticleListSection: FC<ArticleListSectionProps> = ({
           </div>
         </div>
 
-        {(viewAllHref || onViewAll) && (
-          <Button
-            color="link-color"
-            iconTrailing={<ArrowUpRight className="tw:w-4 tw:h-4" />}
-            onClick={onViewAll}>
-            {t('label.view-all')} {t('label.article-plural')}
-          </Button>
-        )}
+        <Button
+          color="link-color"
+          iconTrailing={<ArrowUpRight className="tw:w-4 tw:h-4" />}
+          onClick={onViewAll}>
+          {t('label.view-all')} {t('label.article-plural')}
+        </Button>
       </div>
 
       {articles.length > 0 || isLoading ? (
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.interface.ts
index 5eea9747b58b..a070899256c7 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.interface.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.interface.ts
@@ -17,7 +17,6 @@ export interface ArticleListSectionProps {
   title: string;
   subtitle?: string;
   articles: ArticleCardItem[];
-  viewAllHref?: string;
   onViewAll?: () => void;
   onArticleClick?: (article: ArticleCardItem) => void;
   isLoading?: boolean;
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.test.tsx
index c1a366eb3641..f95ce4f697c1 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.test.tsx
@@ -21,10 +21,6 @@ jest.mock('react-router-dom', () => ({
   useNavigate: jest.fn(() => mockNavigate),
 }));
 
-jest.mock('utils/KnowledgePageUtils', () => ({
-  getKnowledgePagePath: jest.fn((id: string) => `/knowledge/${id}`),
-}));
-
 jest.mock('../ArticleCard/ArticleCard.component', () =>
   jest.fn(
     ({
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx
index be7532c3cb52..ba97b6603929 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ContextCenterHeader/ContextCenterHeader.component.tsx
@@ -50,7 +50,7 @@ const ContextCenterHeader: FC<ContextCenterHeaderProps> = ({
           iconLeading={UploadCloud02}
           size="sm"
           onClick={onUploadFile}>
-          {t('message.upload-file')}
+          {t('label.upload-file')}
         </Button>
       )}
     </div>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.test.tsx
index 46223bf3e0b4..481fcc472873 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.test.tsx
@@ -90,6 +90,8 @@ const mockFiles: DocFile[] = [
     name: 'data.csv',
     fileType: 'csv',
     sizeLabel: '500 KB',
+    updatedBy: 'alice',
+    updatedAt: 1778756959299,
   },
 ];
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx
index 9f335c6ae267..eab84c05c187 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx
@@ -19,7 +19,7 @@ import {
   Typography,
 } from '@openmetadata/ui-core-components';
 import { Download01 } from '@untitledui/icons';
-import { FC, useMemo } from 'react';
+import React, { FC, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { getFileTypeIcon } from '../../../utils/ContextCenterUtils';
 import { UploadedDocumentCardProps } from './UploadedDocumentCard.interface';
@@ -38,11 +38,20 @@ const UploadedDocumentCard: FC<UploadedDocumentCardProps> = ({
 
   return (
     <Card
+      isClickable
       className="tw:flex tw:flex-col tw:gap-3 tw:max-w-42"
       data-testid="uploaded-document-card"
+      role="button"
+      tabIndex={0}
       onClick={(e) => {
         e.stopPropagation();
         onClick?.(document);
+      }}
+      onKeyDown={(e: React.KeyboardEvent) => {
+        if (e.key === 'Enter' || e.key === ' ') {
+          e.preventDefault();
+          onClick?.(document);
+        }
       }}>
       <div className="tw:flex tw:items-center tw:justify-center tw:h-15 tw:bg-gray-50">
         {fileTypeIcon}
@@ -61,7 +70,7 @@ const UploadedDocumentCard: FC<UploadedDocumentCardProps> = ({
           <Typography className="tw:text-gray-400" size="text-xs">
             {sizeLabel}
           </Typography>
-          <Tooltip title={t('label.download')}>
+          {onDownload && <Tooltip title={t('label.download')}>
             <TooltipTrigger>
               <ButtonUtility
                 color="tertiary"
@@ -78,7 +87,7 @@ const UploadedDocumentCard: FC<UploadedDocumentCardProps> = ({
                 }}
               />
             </TooltipTrigger>
-          </Tooltip>
+          </Tooltip>}
         </div>
       </div>
     </Card>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.test.tsx
index 522ffb847e01..3b10d6de527f 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.test.tsx
@@ -59,6 +59,8 @@ const mockDocument: UploadedDocumentItem = {
   fileType: 'pdf',
   sizeLabel: '1.2 MB',
   status: 'processed',
+  updatedBy: 'alice',
+  updatedAt: 1778756959299,
 };
 
 describe('UploadedDocumentCard', () => {
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
index df5ab7847d8c..a1843caa7e4b 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
@@ -49,7 +49,6 @@ const UploadedDocumentSectionLoading = () =>
 
 const UploadedDocumentsSection: FC<UploadedDocumentsSectionProps> = ({
   documents,
-  viewAllHref,
   onViewAll,
   onDocumentClick,
   onDownload,
@@ -78,14 +77,12 @@ const UploadedDocumentsSection: FC<UploadedDocumentsSectionProps> = ({
           </div>
         </div>
 
-        {(viewAllHref || onViewAll) && (
-          <Button
-            color="link-color"
-            iconTrailing={<ArrowUpRight className="tw:w-4 tw:h-4" />}
-            onClick={onViewAll}>
-            {t('label.view-all')}
-          </Button>
-        )}
+        <Button
+          color="link-color"
+          iconTrailing={<ArrowUpRight className="tw:w-4 tw:h-4" />}
+          onClick={onViewAll}>
+          {t('label.view-all')}
+        </Button>
       </div>
 
       {documents.length > 0 || isLoading ? (
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.interface.ts
index cfcf2b22c9aa..4d1b632fbd9a 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.interface.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.interface.ts
@@ -15,7 +15,6 @@ import { UploadedDocumentItem } from '../UploadedDocumentCard/UploadedDocumentCa
 
 export interface UploadedDocumentsSectionProps {
   documents: UploadedDocumentItem[];
-  viewAllHref?: string;
   onViewAll?: () => void;
   onDocumentClick?: (document: UploadedDocumentItem) => void;
   onDownload?: (document: UploadedDocumentItem) => void;
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.test.tsx
index 07ee792abdea..b6d5c1a4caf4 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.test.tsx
@@ -69,6 +69,8 @@ const mockDocuments: UploadedDocumentItem[] = [
     fileType: 'pdf',
     sizeLabel: '1 MB',
     status: 'processed',
+    updatedBy: 'alice',
+    updatedAt: 1778756959299,
   },
   {
     id: 'd2',
@@ -76,6 +78,8 @@ const mockDocuments: UploadedDocumentItem[] = [
     fileType: 'xls',
     sizeLabel: '200 KB',
     status: 'analyzing',
+    updatedBy: 'alice',
+    updatedAt: 1778756959299,
   },
 ];
 
@@ -88,7 +92,7 @@ describe('UploadedDocumentsSection', () => {
     ).toBeInTheDocument();
   });
 
-  it('renders a card for each documenisLoating d', () => {
+  it('renders a card for each documenisLoading', () => {
     render(<UploadedDocumentsSection documents={mockDocuments} />);
 
     expect(screen.getByTestId('uploaded-doc-card-d1')).toBeInTheDocument();
@@ -120,16 +124,6 @@ describe('UploadedDocumentsSection', () => {
     expect(screen.getByText(/view-all/i)).toBeInTheDocument();
   });
 
-  it('shows the view-all button when viewAllHref is provided', () => {
-    render(
-      <UploadedDocumentsSection
-        documents={mockDocuments}
-        viewAllHref="/documents"
-      />
-    );
-
-    expect(screen.getByText(/view-all/i)).toBeInTheDocument();
-  });
 
   it('does not show the view-all button when neither viewAllHref nor onViewAll is provided', () => {
     render(<UploadedDocumentsSection documents={mockDocuments} />);
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ar-sa.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ar-sa.json
index a56bea3c3489..9f4c71950eae 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ar-sa.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ar-sa.json
@@ -2293,6 +2293,7 @@
     "upload-cover-image": "رفع صورة الغلاف",
     "upload-csv-uppercase-file": "رفع ملف CSV",
     "upload-document-plural": "تحميل مستندات",
+    "upload-file": "تحميل ملف",
     "upload-image": "رفع صورة",
     "upload-lowercase": "رفع",
     "uploaded-document-plural": "المستندات المحملة",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json
index 81cd35e274ef..bb4c5b524ff4 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json
@@ -2293,6 +2293,7 @@
     "upload-cover-image": "Titelbild hochladen",
     "upload-csv-uppercase-file": "CSV-Datei hochladen",
     "upload-document-plural": "Dokumente hochladen",
+    "upload-file": "Datei hochladen",
     "upload-image": "Bild hochladen",
     "upload-lowercase": "hochladen",
     "uploaded-document-plural": "Hochgeladene Dokumente",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
index bc60ca4b561b..ece7b0483c5f 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
@@ -2293,6 +2293,7 @@
     "upload-cover-image": "Upload cover image",
     "upload-csv-uppercase-file": "Upload CSV file",
     "upload-document-plural": "Upload Documents",
+    "upload-file": "Upload File",
     "upload-image": "Upload Image",
     "upload-lowercase": "upload",
     "uploaded-document-plural": "Uploaded Documents",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json
index 2112102b95a5..a56ba151d281 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json
@@ -2293,6 +2293,7 @@
     "upload-cover-image": "Cargar imagen de portada",
     "upload-csv-uppercase-file": "Cargar archivo CSV",
     "upload-document-plural": "Subir documentos",
+    "upload-file": "Subir archivo",
     "upload-image": "Cargar Imagen",
     "upload-lowercase": "subir",
     "uploaded-document-plural": "Documentos subidos",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json
index ee13be40e964..65fe7a7b2b3c 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json
@@ -2293,6 +2293,7 @@
     "upload-cover-image": "Télécharger l'image de couverture",
     "upload-csv-uppercase-file": "Télécharger le Fichier CSV",
     "upload-document-plural": "Téléverser des documents",
+    "upload-file": "Télécharger le fichier",
     "upload-image": "Télécharger Image",
     "upload-lowercase": "télécharger",
     "uploaded-document-plural": "Documents téléversés",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/gl-es.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/gl-es.json
index a668181e65f3..4785023d5f21 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/gl-es.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/gl-es.json
@@ -2293,6 +2293,7 @@
     "upload-cover-image": "Cargar imaxe de portada",
     "upload-csv-uppercase-file": "Cargar ficheiro CSV",
     "upload-document-plural": "Subir documentos",
+    "upload-file": "Cargar ficheiro",
     "upload-image": "Cargar imaxe",
     "upload-lowercase": "subir",
     "uploaded-document-plural": "Documentos subidos",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/he-he.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/he-he.json
index b09850bb2180..c301b0328345 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/he-he.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/he-he.json
@@ -2293,6 +2293,7 @@
     "upload-cover-image": "העלה תמונת שער",
     "upload-csv-uppercase-file": "העלאת קובץ CSV",
     "upload-document-plural": "העלה מסמכים",
+    "upload-file": "העלה קובץ",
     "upload-image": "העלאת תמונה",
     "upload-lowercase": "העלה",
     "uploaded-document-plural": "מסמכים שהועלו",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json
index d835a3c0bb60..bd410070812b 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json
@@ -2293,6 +2293,7 @@
     "upload-cover-image": "カバー画像をアップロード",
     "upload-csv-uppercase-file": "CSV ファイルをアップロード",
     "upload-document-plural": "ドキュメントをアップロード",
+    "upload-file": "ファイルをアップロード",
     "upload-image": "画像をアップロード",
     "upload-lowercase": "アップロード",
     "uploaded-document-plural": "アップロード済みドキュメント",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ko-kr.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ko-kr.json
index 1668f42ea2d4..83c6880f552a 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ko-kr.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ko-kr.json
@@ -2293,6 +2293,7 @@
     "upload-cover-image": "커버 이미지 업로드",
     "upload-csv-uppercase-file": "CSV 파일 업로드",
     "upload-document-plural": "문서 업로드",
+    "upload-file": "파일 업로드",
     "upload-image": "이미지 업로드",
     "upload-lowercase": "업로드",
     "uploaded-document-plural": "업로드된 문서",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/mr-in.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/mr-in.json
index fb42de5935b4..191ba2c66812 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/mr-in.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/mr-in.json
@@ -2293,6 +2293,7 @@
     "upload-cover-image": "कव्हर प्रतिमा अपलोड करा",
     "upload-csv-uppercase-file": "CSV फाइल अपलोड करा",
     "upload-document-plural": "कागदपत्रे अपलोड करा",
+    "upload-file": "फाईल अपलोड करा",
     "upload-image": "प्रतिमा अपलोड करा",
     "upload-lowercase": "अपलोड करा",
     "uploaded-document-plural": "अपलोड केलेली कागदपत्रे",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/nl-nl.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/nl-nl.json
index 1c511944c93d..14913abdd2a5 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/nl-nl.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/nl-nl.json
@@ -2293,6 +2293,7 @@
     "upload-cover-image": "Omslagafbeelding uploaden",
     "upload-csv-uppercase-file": "CSV-bestand uploaden",
     "upload-document-plural": "Documenten uploaden",
+    "upload-file": "Bestand uploaden",
     "upload-image": "Afbeelding uploaden",
     "upload-lowercase": "uploaden",
     "uploaded-document-plural": "Geüploade documenten",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pr-pr.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pr-pr.json
index 70497a7f341a..605d9fb25005 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pr-pr.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pr-pr.json
@@ -2293,6 +2293,7 @@
     "upload-cover-image": "آپلود تصویر جلد",
     "upload-csv-uppercase-file": "بارگذاری فایل CSV",
     "upload-document-plural": "Carregue Os Documentos",
+    "upload-file": "بارگذاری فایل",
     "upload-image": "بارگذاری تصویر",
     "upload-lowercase": "بارگذاری",
     "uploaded-document-plural": "Documentos Carregados",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json
index 73e3df40551b..f070048c3007 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json
@@ -2293,6 +2293,7 @@
     "upload-cover-image": "Carregar imagem de capa",
     "upload-csv-uppercase-file": "Carregar arquivo CSV",
     "upload-document-plural": "Enviar documentos",
+    "upload-file": "Carregar arquivo",
     "upload-image": "Carregar Imagem",
     "upload-lowercase": "fazer upload",
     "uploaded-document-plural": "Documentos enviados",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-pt.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-pt.json
index f5229ce75447..3b89f39e775d 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-pt.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-pt.json
@@ -2293,6 +2293,7 @@
     "upload-cover-image": "Carregar imagem de capa",
     "upload-csv-uppercase-file": "Carregar arquivo CSV",
     "upload-document-plural": "Carregar documentos",
+    "upload-file": "Carregar ficheiro",
     "upload-image": "Carregar Imagem",
     "upload-lowercase": "carregar",
     "uploaded-document-plural": "Documentos carregados",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json
index 13d877f9e200..baa67f4cc29a 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json
@@ -2293,6 +2293,7 @@
     "upload-cover-image": "Загрузить изображение обложки",
     "upload-csv-uppercase-file": "Загрузить CSV-файл",
     "upload-document-plural": "Загрузить документы",
+    "upload-file": "Загрузить файл",
     "upload-image": "Загрузить изображение",
     "upload-lowercase": "загрузить",
     "uploaded-document-plural": "Загруженные документы",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/th-th.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/th-th.json
index cdc2c413ef4a..8d240077375d 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/th-th.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/th-th.json
@@ -2293,6 +2293,7 @@
     "upload-cover-image": "อัปโหลดภาพปก",
     "upload-csv-uppercase-file": "อัปโหลดไฟล์ CSV",
     "upload-document-plural": "อัปโหลดเอกสาร",
+    "upload-file": "อัปโหลดไฟล์",
     "upload-image": "อัปโหลดภาพ",
     "upload-lowercase": "อัปโหลด",
     "uploaded-document-plural": "เอกสารที่อัปโหลดแล้ว",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/tr-tr.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/tr-tr.json
index ba13dc98de12..a9bfb734322d 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/tr-tr.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/tr-tr.json
@@ -2293,6 +2293,7 @@
     "upload-cover-image": "Kapak görseli yükle",
     "upload-csv-uppercase-file": "CSV dosyası yükle",
     "upload-document-plural": "Belgeler Yükle",
+    "upload-file": "Dosya Yükle",
     "upload-image": "Resim Yükle",
     "upload-lowercase": "yükle",
     "uploaded-document-plural": "Yüklenen Belgeler",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json
index b5c18cffc805..510a1bec7925 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json
@@ -2293,6 +2293,7 @@
     "upload-cover-image": "上传封面图片",
     "upload-csv-uppercase-file": "上传 CSV 文件",
     "upload-document-plural": "上传文档",
+    "upload-file": "上传文件",
     "upload-image": "上传图片",
     "upload-lowercase": "上传",
     "uploaded-document-plural": "已上传文档",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-tw.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-tw.json
index 7658a7a44643..70ca9cd4a414 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-tw.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-tw.json
@@ -2293,6 +2293,7 @@
     "upload-cover-image": "上傳封面圖片",
     "upload-csv-uppercase-file": "上傳 CSV 檔案",
     "upload-document-plural": "上傳文件",
+    "upload-file": "上傳檔案",
     "upload-image": "上傳圖片",
     "upload-lowercase": "上傳",
     "uploaded-document-plural": "已上傳文件",
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
index 5cec8523c4bb..a9018f44624d 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
@@ -260,7 +260,7 @@ const ContextCenterArticlesPage = () => {
   );
 
   const rightSidebar = useMemo(() => {
-    if (isActivityFeedTab) {
+    if (isActivityFeedTab || contextCenterClassBase.isRightPanelHidden()) {
       return null;
     }
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/KnowledgeCenterPage/KnowledgeCenterPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/KnowledgeCenterPage/KnowledgeCenterPage.tsx
index e4366f4c5d5a..5fc2395840ab 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/KnowledgeCenterPage/KnowledgeCenterPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/KnowledgeCenterPage/KnowledgeCenterPage.tsx
@@ -11,7 +11,7 @@
  *  limitations under the License.
  */
 import { DownOutlined } from '@ant-design/icons';
-import { Button, Dropdown, MenuProps, Space, Tabs, TabsProps } from 'antd';
+import { Button, Dropdown, MenuProps, Space } from 'antd';
 import { AxiosError } from 'axios';
 import classNames from 'classnames';
 import cryptoRandomString from 'crypto-random-string-with-promisify-polyfill';
@@ -262,27 +262,9 @@ const KnowledgeCenterPage = () => {
     if (version) {
       return renderVersionPage();
     }
-    if (page.tabs && fqn) {
-      return (
-        <Tabs
-          activeKey={page.activeTab}
-          className="entity-details-page-tabs"
-          items={page.tabs as unknown as TabsProps['items']}
-          onChange={page.onTabChange}
-        />
-      );
-    }
 
     return renderDetailOrListPage();
-  }, [
-    version,
-    page.tabs,
-    page.activeTab,
-    page.onTabChange,
-    fqn,
-    renderVersionPage,
-    renderDetailOrListPage,
-  ]);
+  }, [version, renderVersionPage, renderDetailOrListPage]);
 
   return (
     <PageLayoutV1 pageTitle={t('label.knowledge-center')}>
diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterClassBase.ts b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterClassBase.ts
index b0a57895cc3c..6939ee30cd28 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterClassBase.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterClassBase.ts
@@ -58,6 +58,10 @@ class ContextCenterClassBase {
     return ROUTES.CONTEXT_CENTER_DOCUMENTS;
   }
 
+  public isRightPanelHidden(): boolean {
+    return false;
+  }
+
   public getArticlePath(
     pageName: string,
     tab?: string,
diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx
index d86d89815883..bc131d4ce89f 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx
@@ -15,6 +15,7 @@ import { File06 } from '@untitledui/icons';
 import { AxiosError } from 'axios';
 import { DocFile } from 'components/ContextCenter/DocumentsView/DocumentsView.interface';
 import cryptoRandomString from 'crypto-random-string-with-promisify-polyfill';
+import { isNull, isUndefined } from 'lodash';
 import { ReactComponent as DOCIcon } from '../assets/svg/ic-doc.svg';
 import { ReactComponent as ImageIcon } from '../assets/svg/ic-image.svg';
 import { ReactComponent as PDFIcon } from '../assets/svg/ic-pdf.svg';
@@ -84,7 +85,7 @@ export const getFileTypeIcon = (fileType: string) => {
 };
 
 export const formatBytes = (bytes?: number): string => {
-  if (!bytes) {
+  if (isUndefined(bytes) || isNull(bytes)) {
     return '';
   }
   if (bytes < 1024) {

From cf63d6d058e2f2f4b59d193db253acccabbf761d Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Thu, 14 May 2026 20:24:58 +0530
Subject: [PATCH 39/59] lint fix

---
 .../UploadedDocumentCard.component.tsx        | 38 ++++++++++---------
 .../UploadedDocumentsSection.test.tsx         |  1 -
 2 files changed, 20 insertions(+), 19 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx
index eab84c05c187..2d65a90ea9be 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentCard/UploadedDocumentCard.component.tsx
@@ -70,24 +70,26 @@ const UploadedDocumentCard: FC<UploadedDocumentCardProps> = ({
           <Typography className="tw:text-gray-400" size="text-xs">
             {sizeLabel}
           </Typography>
-          {onDownload && <Tooltip title={t('label.download')}>
-            <TooltipTrigger>
-              <ButtonUtility
-                color="tertiary"
-                icon={
-                  <Download01
-                    className="tw:text-gray-500"
-                    height={16}
-                    width={16}
-                  />
-                }
-                onClick={(e) => {
-                  e.stopPropagation();
-                  onDownload?.(document);
-                }}
-              />
-            </TooltipTrigger>
-          </Tooltip>}
+          {onDownload && (
+            <Tooltip title={t('label.download')}>
+              <TooltipTrigger>
+                <ButtonUtility
+                  color="tertiary"
+                  icon={
+                    <Download01
+                      className="tw:text-gray-500"
+                      height={16}
+                      width={16}
+                    />
+                  }
+                  onClick={(e) => {
+                    e.stopPropagation();
+                    onDownload?.(document);
+                  }}
+                />
+              </TooltipTrigger>
+            </Tooltip>
+          )}
         </div>
       </div>
     </Card>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.test.tsx
index b6d5c1a4caf4..7925900210c8 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.test.tsx
@@ -124,7 +124,6 @@ describe('UploadedDocumentsSection', () => {
     expect(screen.getByText(/view-all/i)).toBeInTheDocument();
   });
 
-
   it('does not show the view-all button when neither viewAllHref nor onViewAll is provided', () => {
     render(<UploadedDocumentsSection documents={mockDocuments} />);
 

From 50ae5edd91cb90343ff56a45b537a6d2f8fee196 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Thu, 14 May 2026 20:31:36 +0530
Subject: [PATCH 40/59] revert yarn.lock changes

---
 .../src/main/resources/ui/yarn.lock           | 22 ++++---------------
 1 file changed, 4 insertions(+), 18 deletions(-)

diff --git a/openmetadata-ui-core-components/src/main/resources/ui/yarn.lock b/openmetadata-ui-core-components/src/main/resources/ui/yarn.lock
index 8d9ab67e001b..1c4346139b4e 100644
--- a/openmetadata-ui-core-components/src/main/resources/ui/yarn.lock
+++ b/openmetadata-ui-core-components/src/main/resources/ui/yarn.lock
@@ -5728,16 +5728,8 @@ string-argv@~0.3.1:
   resolved "https://registry.npmjs.org/string-argv/-/string-argv-0.3.2.tgz"
   integrity sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==
 
-"string-width-cjs@npm:string-width@^4.2.0":
-  version "4.2.3"
-  resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
-  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
-  dependencies:
-    emoji-regex "^8.0.0"
-    is-fullwidth-code-point "^3.0.0"
-    strip-ansi "^6.0.1"
-
-string-width@^4.1.0:
+"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0:
+  name string-width-cjs
   version "4.2.3"
   resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -5814,14 +5806,8 @@ string.prototype.trimstart@^1.0.8:
     define-properties "^1.2.1"
     es-object-atoms "^1.0.0"
 
-"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
-  version "6.0.1"
-  resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
-  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
-  dependencies:
-    ansi-regex "^5.0.1"
-
-strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+  name strip-ansi-cjs
   version "6.0.1"
   resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
   integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==

From 766a643073ebc409e363d284309c092070532018 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Thu, 14 May 2026 20:32:48 +0530
Subject: [PATCH 41/59] revert yarn.lock

---
 .../src/main/resources/ui/yarn.lock           | 41 ++-----------------
 1 file changed, 4 insertions(+), 37 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/yarn.lock b/openmetadata-ui/src/main/resources/ui/yarn.lock
index 5ff7d9b532f5..618dff69a33d 100644
--- a/openmetadata-ui/src/main/resources/ui/yarn.lock
+++ b/openmetadata-ui/src/main/resources/ui/yarn.lock
@@ -2375,8 +2375,9 @@
     compare-versions "^4.1.2"
 
 "@openmetadata/ui-core-components@link:../../../../../openmetadata-ui-core-components/src/main/resources/ui":
-  version "0.0.0"
-  uid ""
+  version "1.0.0"
+  dependencies:
+    "@material/material-color-utilities" "^0.3.0"
 
 "@peculiar/asn1-schema@^2.3.13", "@peculiar/asn1-schema@^2.3.8":
   version "2.6.0"
@@ -4547,11 +4548,6 @@
     "@typescript-eslint/types" "8.59.0"
     eslint-visitor-keys "^5.0.0"
 
-"@untitledui/file-icons@^0.0.9":
-  version "0.0.9"
-  resolved "https://registry.yarnpkg.com/@untitledui/file-icons/-/file-icons-0.0.9.tgz#5f2d25bde9bcdecb4efff00a775009caf14a4ce5"
-  integrity sha512-wz3btNnSSv2hTujgyxEFL21oyjPtGTj3osU8ZEMe8nwdlmLQEILLe96NMg9b1ciiOC5UOWNDeYIt7IfxEM6qtg==
-
 "@untitledui/icons@^0.0.21":
   version "0.0.21"
   resolved "https://registry.yarnpkg.com/@untitledui/icons/-/icons-0.0.21.tgz#ad4e4c001e4f9506649f1a003d0d6fa96765d88b"
@@ -7225,15 +7221,6 @@ fraction.js@^5.3.4:
   resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-5.3.4.tgz#8c0fcc6a9908262df4ed197427bdeef563e0699a"
   integrity sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==
 
-framer-motion@^12.38.0:
-  version "12.38.0"
-  resolved "https://registry.yarnpkg.com/framer-motion/-/framer-motion-12.38.0.tgz#cf28e072a95942881ca4e33fd33be41192fd146b"
-  integrity sha512-rFYkY/pigbcswl1XQSb7q424kSTQ8q6eAC+YUsSKooHQYuLdzdHjrt6uxUC+PRAO++q5IS7+TamgIw1AphxR+g==
-  dependencies:
-    motion-dom "^12.38.0"
-    motion-utils "^12.36.0"
-    tslib "^2.4.0"
-
 fs-constants@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/fs-constants/-/fs-constants-1.0.0.tgz#6be0de9be998ce16af8afc24497b9ee9b7ccd9ad"
@@ -9299,26 +9286,6 @@ moment@^2.24.0, moment@^2.29.2, moment@^2.30.1:
   resolved "https://registry.yarnpkg.com/moment/-/moment-2.30.1.tgz#f8c91c07b7a786e30c59926df530b4eac96974ae"
   integrity sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==
 
-motion-dom@^12.38.0:
-  version "12.38.0"
-  resolved "https://registry.yarnpkg.com/motion-dom/-/motion-dom-12.38.0.tgz#9ef3253ea0fb28b6757588327073848d940e9aab"
-  integrity sha512-pdkHLD8QYRp8VfiNLb8xIBJis1byQ9gPT3Jnh2jqfFtAsWUA3dEepDlsWe/xMpO8McV+VdpKVcp+E+TGJEtOoA==
-  dependencies:
-    motion-utils "^12.36.0"
-
-motion-utils@^12.36.0:
-  version "12.36.0"
-  resolved "https://registry.yarnpkg.com/motion-utils/-/motion-utils-12.36.0.tgz#cff2df2a28c3fe53a3de7e0103ba7f73ff7d77a7"
-  integrity sha512-eHWisygbiwVvf6PZ1vhaHCLamvkSbPIeAYxWUuL3a2PD/TROgE7FvfHWTIH4vMl798QLfMw15nRqIaRDXTlYRg==
-
-motion@^12.38.0:
-  version "12.38.0"
-  resolved "https://registry.yarnpkg.com/motion/-/motion-12.38.0.tgz#851fb591f98ed98815e223c09a0de13614ea4155"
-  integrity sha512-uYfXzeHlgThchzwz5Te47dlv5JOUC7OB4rjJ/7XTUgtBZD8CchMN8qEJ4ZVsUmTyYA44zjV0fBwsiktRuFnn+w==
-  dependencies:
-    framer-motion "^12.38.0"
-    tslib "^2.4.0"
-
 ms@^2.1.3:
   version "2.1.3"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
@@ -12972,4 +12939,4 @@ zustand@^4.4.1, zustand@^4.5.0:
   resolved "https://registry.yarnpkg.com/zustand/-/zustand-4.5.7.tgz#7d6bb2026a142415dd8be8891d7870e6dbe65f55"
   integrity sha512-CHOUy7mu3lbD6o6LJLfllpjkzhHXSBlX8B9+qPddUsIfeF5S/UZ5q0kmCsnRqT1UHFQZchNFDDzMbQsuesHWlw==
   dependencies:
-    use-sync-external-store "^1.2.2"
+    use-sync-external-store "^1.2.2"
\ No newline at end of file

From 5a88443f2efdfc7fad66be93f4db52aff3dd451c Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Thu, 14 May 2026 20:40:20 +0530
Subject: [PATCH 42/59] addressed gitar comment

---
 .../ArticleListSection.component.tsx                   |  4 ++--
 .../ArticleListSection/ArticleListSection.test.tsx     | 10 ----------
 .../UploadedDocumentsSection.component.tsx             |  4 ++--
 3 files changed, 4 insertions(+), 14 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
index b4d551791ea7..c5a8c5d56e8c 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
@@ -111,12 +111,12 @@ const ArticleListSection: FC<ArticleListSectionProps> = ({
           </div>
         </div>
 
-        <Button
+        {onViewAll && <Button
           color="link-color"
           iconTrailing={<ArrowUpRight className="tw:w-4 tw:h-4" />}
           onClick={onViewAll}>
           {t('label.view-all')} {t('label.article-plural')}
-        </Button>
+        </Button>}
       </div>
 
       {articles.length > 0 || isLoading ? (
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.test.tsx
index f95ce4f697c1..1b2df74d52a6 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.test.tsx
@@ -225,14 +225,4 @@ describe('ArticleListSection', () => {
 
     expect(mockNavigate).toHaveBeenCalledWith('/internal/path');
   });
-
-  it('uses getPagePath override when provided', () => {
-    render(
-      <ArticleListSection articles={mockArticles} title="Recent Articles" />
-    );
-
-    fireEvent.click(screen.getByTestId('article-card-a1'));
-
-    expect(mockNavigate).toHaveBeenCalledWith('/context-center/articles/a1');
-  });
 });
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
index a1843caa7e4b..7617a215ccdb 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
@@ -77,12 +77,12 @@ const UploadedDocumentsSection: FC<UploadedDocumentsSectionProps> = ({
           </div>
         </div>
 
-        <Button
+        {onViewAll && <Button
           color="link-color"
           iconTrailing={<ArrowUpRight className="tw:w-4 tw:h-4" />}
           onClick={onViewAll}>
           {t('label.view-all')}
-        </Button>
+        </Button>}
       </div>
 
       {documents.length > 0 || isLoading ? (

From 4161b96127e32e66f736c47a0e292c40604b07ae Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Thu, 14 May 2026 21:14:48 +0530
Subject: [PATCH 43/59] lint fix

---
 .../ArticleListSection.component.tsx               | 14 ++++++++------
 .../UploadedDocumentsSection.component.tsx         | 14 ++++++++------
 2 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
index c5a8c5d56e8c..deacf615210f 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleListSection/ArticleListSection.component.tsx
@@ -111,12 +111,14 @@ const ArticleListSection: FC<ArticleListSectionProps> = ({
           </div>
         </div>
 
-        {onViewAll && <Button
-          color="link-color"
-          iconTrailing={<ArrowUpRight className="tw:w-4 tw:h-4" />}
-          onClick={onViewAll}>
-          {t('label.view-all')} {t('label.article-plural')}
-        </Button>}
+        {onViewAll && (
+          <Button
+            color="link-color"
+            iconTrailing={<ArrowUpRight className="tw:w-4 tw:h-4" />}
+            onClick={onViewAll}>
+            {t('label.view-all')} {t('label.article-plural')}
+          </Button>
+        )}
       </div>
 
       {articles.length > 0 || isLoading ? (
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
index 7617a215ccdb..c902f6d4e212 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadedDocumentsSection/UploadedDocumentsSection.component.tsx
@@ -77,12 +77,14 @@ const UploadedDocumentsSection: FC<UploadedDocumentsSectionProps> = ({
           </div>
         </div>
 
-        {onViewAll && <Button
-          color="link-color"
-          iconTrailing={<ArrowUpRight className="tw:w-4 tw:h-4" />}
-          onClick={onViewAll}>
-          {t('label.view-all')}
-        </Button>}
+        {onViewAll && (
+          <Button
+            color="link-color"
+            iconTrailing={<ArrowUpRight className="tw:w-4 tw:h-4" />}
+            onClick={onViewAll}>
+            {t('label.view-all')}
+          </Button>
+        )}
       </div>
 
       {documents.length > 0 || isLoading ? (

From c6f0c38b1221a83a1686129cb67af3f09df98435 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Thu, 14 May 2026 22:44:01 +0530
Subject: [PATCH 44/59] unit test fix

---
 .../ContextCenter/DocumentsView/DocumentsView.test.tsx         | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.test.tsx
index 481fcc472873..08c40433b909 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/DocumentsView/DocumentsView.test.tsx
@@ -90,8 +90,6 @@ const mockFiles: DocFile[] = [
     name: 'data.csv',
     fileType: 'csv',
     sizeLabel: '500 KB',
-    updatedBy: 'alice',
-    updatedAt: 1778756959299,
   },
 ];
 
@@ -122,7 +120,6 @@ describe('DocumentsView', () => {
     render(<DocumentsView data={mockFiles} isLoading={false} />);
 
     expect(screen.getByText('alice')).toBeInTheDocument();
-    expect(screen.getByText('2 hrs ago')).toBeInTheDocument();
   });
 
   it('renders the PDF badge label for pdf files', () => {

From 0556d7a483cd8c03c5784ff16328d81b29e5f856 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Thu, 14 May 2026 23:24:56 +0530
Subject: [PATCH 45/59] addressed co-pilot comments

---
 .../AppRouter/AuthenticatedAppRouter.tsx      | 36 -------------------
 .../ui/src/locale/languages/ar-sa.json        |  2 +-
 .../ui/src/locale/languages/de-de.json        |  2 +-
 .../ui/src/locale/languages/en-us.json        |  2 +-
 .../ui/src/locale/languages/es-es.json        |  2 +-
 .../ui/src/locale/languages/fr-fr.json        |  2 +-
 .../ui/src/locale/languages/gl-es.json        |  2 +-
 .../ui/src/locale/languages/he-he.json        |  2 +-
 .../ui/src/locale/languages/ja-jp.json        |  2 +-
 .../ui/src/locale/languages/ko-kr.json        |  2 +-
 .../ui/src/locale/languages/mr-in.json        |  2 +-
 .../ui/src/locale/languages/nl-nl.json        |  2 +-
 .../ui/src/locale/languages/pr-pr.json        |  2 +-
 .../ui/src/locale/languages/pt-br.json        |  2 +-
 .../ui/src/locale/languages/pt-pt.json        |  2 +-
 .../ui/src/locale/languages/ru-ru.json        |  2 +-
 .../ui/src/locale/languages/th-th.json        |  2 +-
 .../ui/src/locale/languages/tr-tr.json        |  2 +-
 .../ui/src/locale/languages/zh-cn.json        |  2 +-
 .../ui/src/locale/languages/zh-tw.json        |  2 +-
 .../ContextCenterArticlesPage.tsx             |  5 ++-
 .../main/resources/ui/src/rest/assetAPI.ts    |  3 +-
 .../ui/src/utils/ContextCenterClassBase.ts    |  4 ---
 23 files changed, 24 insertions(+), 62 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/AppRouter/AuthenticatedAppRouter.tsx b/openmetadata-ui/src/main/resources/ui/src/components/AppRouter/AuthenticatedAppRouter.tsx
index e60bca505fa9..3aff2fed4f5f 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/AppRouter/AuthenticatedAppRouter.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/AppRouter/AuthenticatedAppRouter.tsx
@@ -313,26 +313,6 @@ const ContextCenterRouter = withSuspenseFallback(
   React.lazy(() => import('./ContextCenterRouter/ContextCenterRouter'))
 );
 
-const KnowledgeCenterPage = withSuspenseFallback(
-  React.lazy(
-    () => import('../../pages/KnowledgeCenterPage/KnowledgeCenterPage')
-  )
-);
-
-const KnowledgeCenterFilterPage = withSuspenseFallback(
-  React.lazy(
-    () =>
-      import('../../pages/KnowledgeCenterFilterPage/KnowledgeCenterFilterPage')
-  )
-);
-
-const KnowledgePageVersionPage = withSuspenseFallback(
-  React.lazy(
-    () =>
-      import('../../pages/KnowledgePageVersionPage/KnowledgePageVersionPage')
-  )
-);
-
 const MetricListPage = withSuspenseFallback(
   React.lazy(
     () => import('../../pages/MetricsPage/MetricListPage/MetricListPage')
@@ -861,22 +841,6 @@ const AuthenticatedAppRouter: FunctionComponent = () => {
         element={<Navigate to={ROUTES.MY_DATA} />}
         path={ROUTES.FORGOT_PASSWORD}
       />
-      {[
-        ROUTES.KNOWLEDGE_CENTER,
-        ROUTES.KNOWLEDGE_PAGE,
-        ROUTES.KNOWLEDGE_PAGE_WITH_TAB,
-        ROUTES.KNOWLEDGE_PAGE_WITH_SUB_TAB,
-      ].map((route) => (
-        <Route element={<KnowledgeCenterPage />} key={route} path={route} />
-      ))}
-      <Route
-        element={<KnowledgePageVersionPage onPageChange={() => undefined} />}
-        path={ROUTES.KNOWLEDGE_PAGE_VERSION}
-      />
-      <Route
-        element={<KnowledgeCenterFilterPage />}
-        path={ROUTES.KNOWLEDGE_CENTER_FILTER}
-      />
       <Route
         element={<ContextCenterRouter />}
         path={`${ROUTES.CONTEXT_CENTER}/*`}
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ar-sa.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ar-sa.json
index 9f4c71950eae..60fe939bb062 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ar-sa.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ar-sa.json
@@ -3355,7 +3355,7 @@
     "update-profiler-settings": "تحديث إعدادات المُحلل (profiler).",
     "update-tag-message": "طلب تحديث العلامات لـ",
     "updating-existing-not-possible-can-add-new-values": "تحديث القيم الحالية غير ممكن، يُسمح فقط بإضافة قيم جديدة.",
-    "upload-document-hint": "SVG, PNG, JPG أو GIF, PNG, JPG (الحد الأقصى 5MB)",
+    "upload-document-hint": "PDF, DOC, XLS, CSV, PNG, JPG أو SVG (الحد الأقصى 5MB)",
     "upload-failed": "فشل التحميل، يرجى المحاولة مرة أخرى",
     "upload-file": "تحميل ملف",
     "upload-file-description": "قم بتحميل ملفات العقد إلى هذا الأصل.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json
index bb4c5b524ff4..eff973ed9e5a 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json
@@ -3355,7 +3355,7 @@
     "update-profiler-settings": "Profiler Einstellungen updaten.",
     "update-tag-message": "Anfrage zur Aktualisierung der Tags für",
     "updating-existing-not-possible-can-add-new-values": "Die Aktualisierung bestehender Werte ist nicht möglich, nur das Hinzufügen neuer Werte ist erlaubt.",
-    "upload-document-hint": "SVG, PNG, JPG oder GIF, PNG, JPG (max. 5MB)",
+    "upload-document-hint": "PDF, DOC, XLS, CSV, PNG, JPG oder SVG (max. 5MB)",
     "upload-failed": "Upload fehlgeschlagen, bitte erneut versuchen",
     "upload-file": "Datei hochladen",
     "upload-file-description": "Laden Sie Vertragsdateien zu diesem Asset hoch.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
index ece7b0483c5f..55f2a6638c76 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
@@ -3355,7 +3355,7 @@
     "update-profiler-settings": "Update profiler setting.",
     "update-tag-message": "Request to update tags for",
     "updating-existing-not-possible-can-add-new-values": "Updating existing values is not possible, only the addition of new values is allowed.",
-    "upload-document-hint": "SVG, PNG, JPG or GIF, PNG, JPG (max. 5MB)",
+    "upload-document-hint": "PDF, DOC, XLS, CSV, PNG, JPG or SVG (max. 5MB)",
     "upload-failed": "Upload failed, please try again",
     "upload-file": "Upload File",
     "upload-file-description": "Upload contract files to this asset.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json
index a56ba151d281..1c181bd52d99 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json
@@ -3355,7 +3355,7 @@
     "update-profiler-settings": "Actualizar la configuración del perfilador.",
     "update-tag-message": "Solicitud para actualizar etiquetas de",
     "updating-existing-not-possible-can-add-new-values": "No es posible actualizar valores existentes, solo se permite añadir nuevos valores.",
-    "upload-document-hint": "SVG, PNG, JPG o GIF, PNG, JPG (máx. 5MB)",
+    "upload-document-hint": "PDF, DOC, XLS, CSV, PNG, JPG o SVG (máx. 5MB)",
     "upload-failed": "Error al subir, inténtalo de nuevo",
     "upload-file": "Subir archivo",
     "upload-file-description": "Cargue archivos de contrato a este activo.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json
index 65fe7a7b2b3c..cb8a86ec5394 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json
@@ -3355,7 +3355,7 @@
     "update-profiler-settings": "Mettre à jour les réglages du profiler.",
     "update-tag-message": "Demander la mise à jour des tags pour",
     "updating-existing-not-possible-can-add-new-values": "Mettre à jour les valeurs actuelles n'est pas possible, seul l'ajout de nouvelles valeurs et permis.",
-    "upload-document-hint": "SVG, PNG, JPG ou GIF, PNG, JPG (max. 5Mo)",
+    "upload-document-hint": "PDF, DOC, XLS, CSV, PNG, JPG ou SVG (max. 5Mo)",
     "upload-failed": "Échec du téléversement, veuillez réessayer",
     "upload-file": "Télécharger Fichier",
     "upload-file-description": "Téléchargez des fichiers de contrat vers cet actif.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/gl-es.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/gl-es.json
index 4785023d5f21..019d8438b6b4 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/gl-es.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/gl-es.json
@@ -3355,7 +3355,7 @@
     "update-profiler-settings": "Actualizar a configuración do perfilador.",
     "update-tag-message": "Solicitude de actualización de etiquetas para",
     "updating-existing-not-possible-can-add-new-values": "Updating existing values is not possible,only the addition of new values is allowed.",
-    "upload-document-hint": "SVG, PNG, JPG ou GIF, PNG, JPG (máx. 5MB)",
+    "upload-document-hint": "PDF, DOC, XLS, CSV, PNG, JPG ou SVG (máx. 5MB)",
     "upload-failed": "Erro ao subir, téntao de novo",
     "upload-file": "Cargar ficheiro",
     "upload-file-description": "Cargar ficheiros de contrato a este activo.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/he-he.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/he-he.json
index c301b0328345..86ee1942b135 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/he-he.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/he-he.json
@@ -3355,7 +3355,7 @@
     "update-profiler-settings": "עדכן הגדרות הפרופיילר.",
     "update-tag-message": "בקשה לעדכון תגיות עבור",
     "updating-existing-not-possible-can-add-new-values": "Updating existing values is not possible,only the addition of new values is allowed.",
-    "upload-document-hint": "SVG, PNG, JPG או GIF, PNG, JPG (מקס. 5MB)",
+    "upload-document-hint": "PDF, DOC, XLS, CSV, PNG, JPG או SVG (מקס. 5MB)",
     "upload-failed": "ההעלאה נכשלה, אנא נסה שנית",
     "upload-file": "העלה קובץ",
     "upload-file-description": "העלה קבצי חוזה לנכס זה.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json
index bd410070812b..a77c3d247855 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json
@@ -3355,7 +3355,7 @@
     "update-profiler-settings": "プロファイラー設定を更新",
     "update-tag-message": "タグの更新をリクエスト中:",
     "updating-existing-not-possible-can-add-new-values": "既存の値の更新はできません。新しい値の追加のみ可能です。",
-    "upload-document-hint": "SVG、PNG、JPG または GIF、PNG、JPG（最大 5MB）",
+    "upload-document-hint": "PDF、DOC、XLS、CSV、PNG、JPG または SVG（最大 5MB）",
     "upload-failed": "アップロードに失敗しました。もう一度お試しください",
     "upload-file": "ファイルをアップロード",
     "upload-file-description": "このアセットに契約ファイルをアップロードします。",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ko-kr.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ko-kr.json
index 83c6880f552a..2db2f175bfad 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ko-kr.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ko-kr.json
@@ -3355,7 +3355,7 @@
     "update-profiler-settings": "프로파일러 설정을 업데이트합니다.",
     "update-tag-message": "다음에 대한 태그 업데이트 요청:",
     "updating-existing-not-possible-can-add-new-values": "기존 값을 업데이트할 수 없으며, 새 값만 추가할 수 있습니다.",
-    "upload-document-hint": "SVG, PNG, JPG 또는 GIF, PNG, JPG (최대 5MB)",
+    "upload-document-hint": "PDF, DOC, XLS, CSV, PNG, JPG 또는 SVG (최대 5MB)",
     "upload-failed": "업로드 실패, 다시 시도해 주세요",
     "upload-file": "파일 업로드",
     "upload-file-description": "이 자산에 계약 파일을 업로드하세요.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/mr-in.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/mr-in.json
index 191ba2c66812..4b4aff9c7f32 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/mr-in.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/mr-in.json
@@ -3355,7 +3355,7 @@
     "update-profiler-settings": "प्रोफाइलर सेटिंग अद्यतनित करा.",
     "update-tag-message": "साठी टॅग अद्यतनित करण्याची विनंती",
     "updating-existing-not-possible-can-add-new-values": "विद्यमान मूल्ये अद्यतनित करणे शक्य नाही, फक्त नवीन मूल्ये जोडणे अनुमत आहे.",
-    "upload-document-hint": "SVG, PNG, JPG किंवा GIF, PNG, JPG (कमाल 5MB)",
+    "upload-document-hint": "PDF, DOC, XLS, CSV, PNG, JPG किंवा SVG (कमाल 5MB)",
     "upload-failed": "अपलोड अयशस्वी झाले, कृपया पुन्हा प्रयत्न करा",
     "upload-file": "फाइल अपलोड करा",
     "upload-file-description": "या मालमत्तेत करार फाइल्स अपलोड करा.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/nl-nl.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/nl-nl.json
index 14913abdd2a5..8f72044e49c2 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/nl-nl.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/nl-nl.json
@@ -3355,7 +3355,7 @@
     "update-profiler-settings": "Profielinstellingen updaten.",
     "update-tag-message": "Verzoek om de tags aan te passen voor",
     "updating-existing-not-possible-can-add-new-values": "Updating existing values is not possible,only the addition of new values is allowed.",
-    "upload-document-hint": "SVG, PNG, JPG of GIF, PNG, JPG (max. 5MB)",
+    "upload-document-hint": "PDF, DOC, XLS, CSV, PNG, JPG of SVG (max. 5MB)",
     "upload-failed": "Upload mislukt, probeer het opnieuw",
     "upload-file": "Bestand uploaden",
     "upload-file-description": "Upload contractbestanden naar deze asset.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pr-pr.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pr-pr.json
index 605d9fb25005..56c632c9faae 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pr-pr.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pr-pr.json
@@ -3355,7 +3355,7 @@
     "update-profiler-settings": "به‌روزرسانی تنظیمات پروفایلر.",
     "update-tag-message": "درخواست برای به‌روزرسانی برچسب‌ها برای",
     "updating-existing-not-possible-can-add-new-values": "به‌روزرسانی مقادیر موجود امکان‌پذیر نیست، فقط افزودن مقادیر جدید مجاز است.",
-    "upload-document-hint": "SVG, PNG, JPG ou GIF, PNG, JPG (máx. 5MB)",
+    "upload-document-hint": "PDF, DOC, XLS, CSV, PNG, JPG ou SVG (máx. 5MB)",
     "upload-failed": "Carregamento falhou, tente de novo",
     "upload-file": "بارگذاری فایل",
     "upload-file-description": "Carregue ficheiros de contrato para este ativo.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json
index f070048c3007..c5a9b326b30a 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json
@@ -3355,7 +3355,7 @@
     "update-profiler-settings": "Atualizar configurações do examinador.",
     "update-tag-message": "Solicitar atualização de tags para",
     "updating-existing-not-possible-can-add-new-values": "Updating existing values is not possible,only the addition of new values is allowed.",
-    "upload-document-hint": "SVG, PNG, JPG ou GIF, PNG, JPG (máx. 5MB)",
+    "upload-document-hint": "PDF, DOC, XLS, CSV, PNG, JPG ou SVG (máx. 5MB)",
     "upload-failed": "Falha no envio, tente novamente",
     "upload-file": "Carregar arquivo",
     "upload-file-description": "Carregue arquivos de contrato para este ativo.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-pt.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-pt.json
index 3b89f39e775d..3f8d5a4775ab 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-pt.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-pt.json
@@ -3355,7 +3355,7 @@
     "update-profiler-settings": "Atualizar configurações do examinador.",
     "update-tag-message": "Solicitar atualização de tags para",
     "updating-existing-not-possible-can-add-new-values": "Não é possível atualizar valores existentes, apenas a adição de novos valores é permitida.",
-    "upload-document-hint": "SVG, PNG, JPG ou GIF, PNG, JPG (máx. 5MB)",
+    "upload-document-hint": "PDF, DOC, XLS, CSV, PNG, JPG ou SVG (máx. 5MB)",
     "upload-failed": "Falha no carregamento, tente novamente",
     "upload-file": "Carregar Ficheiro",
     "upload-file-description": "Carregar ficheiros de contrato para este ativo.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json
index baa67f4cc29a..bf07a48afb45 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json
@@ -3355,7 +3355,7 @@
     "update-profiler-settings": "Обновить настройки профилировщика.",
     "update-tag-message": "Запрос на обновление тегов для",
     "updating-existing-not-possible-can-add-new-values": "Обновлять существующие значения нельзя, но можно добавить новые.",
-    "upload-document-hint": "SVG, PNG, JPG или GIF, PNG, JPG (макс. 5МБ)",
+    "upload-document-hint": "PDF, DOC, XLS, CSV, PNG, JPG или SVG (макс. 5МБ)",
     "upload-failed": "Ошибка загрузки, попробуйте ещё раз",
     "upload-file": "Загрузить файл",
     "upload-file-description": "Загрузите файлы контракта для этого ресурса.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/th-th.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/th-th.json
index 8d240077375d..4b2c82a33fd9 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/th-th.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/th-th.json
@@ -3355,7 +3355,7 @@
     "update-profiler-settings": "อัปเดตการตั้งค่าโปรไฟล์เลอร์",
     "update-tag-message": "คำขอเพื่ออัปเดตแท็กสำหรับ",
     "updating-existing-not-possible-can-add-new-values": "ไม่สามารถปรับปรุงค่าที่มีอยู่ได้เท่านั้นสามารถเพิ่มค่าใหม่ได้",
-    "upload-document-hint": "SVG, PNG, JPG หรือ GIF, PNG, JPG (สูงสุด 5MB)",
+    "upload-document-hint": "PDF, DOC, XLS, CSV, PNG, JPG หรือ SVG (สูงสุด 5MB)",
     "upload-failed": "อัปโหลดล้มเหลว กรุณาลองอีกครั้ง",
     "upload-file": "อัปโหลดไฟล์",
     "upload-file-description": "อัปโหลดไฟล์สัญญาไปยังสินทรัพย์นี้",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/tr-tr.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/tr-tr.json
index a9bfb734322d..678f493e738f 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/tr-tr.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/tr-tr.json
@@ -3355,7 +3355,7 @@
     "update-profiler-settings": "Profilleyici ayarını güncelle.",
     "update-tag-message": "için etiketleri güncelleme isteği",
     "updating-existing-not-possible-can-add-new-values": "Mevcut değerleri güncellemek mümkün değil, yalnızca yeni değerlerin eklenmesine izin verilir.",
-    "upload-document-hint": "SVG, PNG, JPG veya GIF, PNG, JPG (maks. 5MB)",
+    "upload-document-hint": "PDF, DOC, XLS, CSV, PNG, JPG veya SVG (maks. 5MB)",
     "upload-failed": "Yükleme başarısız, lütfen tekrar deneyin",
     "upload-file": "Dosya Yükle",
     "upload-file-description": "Bu varlık için sözleşme dosyalarını yükleyin.",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json
index 510a1bec7925..e6eab4fe88cb 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json
@@ -3355,7 +3355,7 @@
     "update-profiler-settings": "更新分析器设置",
     "update-tag-message": "请求更新标签",
     "updating-existing-not-possible-can-add-new-values": "无法更新现有值, 只能添加新值",
-    "upload-document-hint": "SVG、PNG、JPG 或 GIF、PNG、JPG（最大 5MB）",
+    "upload-document-hint": "PDF、DOC、XLS、CSV、PNG、JPG 或 SVG（最大 5MB）",
     "upload-failed": "上传失败，请重试",
     "upload-file": "上传文件",
     "upload-file-description": "将合约文件上传到此资产。",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-tw.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-tw.json
index 70ca9cd4a414..0e732ac8c89b 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-tw.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-tw.json
@@ -3355,7 +3355,7 @@
     "update-profiler-settings": "更新分析器設定。",
     "update-tag-message": "請求更新標籤",
     "updating-existing-not-possible-can-add-new-values": "無法更新現有值，只允許新增新值。",
-    "upload-document-hint": "SVG、PNG、JPG 或 GIF、PNG、JPG（最大 5MB）",
+    "upload-document-hint": "PDF、DOC、XLS、CSV、PNG、JPG 或 SVG（最大 5MB）",
     "upload-failed": "上傳失敗，請重試",
     "upload-file": "上傳檔案",
     "upload-file-description": "將合約檔案上傳到此資產。",
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
index a9018f44624d..0b7c2cc51555 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
@@ -260,7 +260,7 @@ const ContextCenterArticlesPage = () => {
   );
 
   const rightSidebar = useMemo(() => {
-    if (isActivityFeedTab || contextCenterClassBase.isRightPanelHidden()) {
+    if (isActivityFeedTab) {
       return null;
     }
 
@@ -292,6 +292,9 @@ const ContextCenterArticlesPage = () => {
         hideAddButton
         permissions={permissions}
         ref={knowledgeCenterPageRef}
+        rightPanelSlot={
+          contextCenterClassBase.isEmbeddedMode() ? null : undefined
+        }
         onPageChange={handlePageChange}
       />
     );
diff --git a/openmetadata-ui/src/main/resources/ui/src/rest/assetAPI.ts b/openmetadata-ui/src/main/resources/ui/src/rest/assetAPI.ts
index d8f9633c9c0a..93e6af682484 100644
--- a/openmetadata-ui/src/main/resources/ui/src/rest/assetAPI.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/rest/assetAPI.ts
@@ -26,8 +26,7 @@ export const uploadAsset = async (
 
   const response = await APIClient.post<FormData, AxiosResponse<Asset>>(
     '/attachments/upload',
-    formData,
-    { headers: { 'Content-Type': 'multipart/form-data' } }
+    formData
   );
 
   return response.data;
diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterClassBase.ts b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterClassBase.ts
index 6939ee30cd28..b0a57895cc3c 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterClassBase.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterClassBase.ts
@@ -58,10 +58,6 @@ class ContextCenterClassBase {
     return ROUTES.CONTEXT_CENTER_DOCUMENTS;
   }
 
-  public isRightPanelHidden(): boolean {
-    return false;
-  }
-
   public getArticlePath(
     pageName: string,
     tab?: string,

From e4426051cf982ee1a90bb4dc1837ef2bf7407649 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Fri, 15 May 2026 00:03:17 +0530
Subject: [PATCH 46/59] minor UI fix

---
 .../KnowledgeCenterLayout/knowledge-center-layout.less          | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/knowledge-center-layout.less b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/knowledge-center-layout.less
index 7bb2eef15fa3..3326323fd859 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/knowledge-center-layout.less
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/knowledge-center-layout.less
@@ -19,7 +19,7 @@
   height: calc(100vh - 246px);
 
   &.knowledge-details-page {
-    height: calc(100vh - 295px);
+    height: calc(100vh - 278px);
     padding-bottom: 20px;
   }
 

From 51599083716fd8ab45d0925a61ab622aded2964a Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Fri, 15 May 2026 11:30:32 +0530
Subject: [PATCH 47/59] fixed knowledge center playwright

---
 .../ui/playwright/utils/KnowledgeCenter.ts          |  7 +++++++
 .../ContextCenterRouter/ContextCenterRouter.tsx     | 13 +++++++++++++
 .../KnowledgeCenterWidget/KnowledgeCenterWidget.tsx | 10 +++++-----
 .../KnowledgePages/KnowledgePages.tsx               |  2 +-
 .../KnowledgePagesHierarchy.tsx                     |  4 ++--
 .../main/resources/ui/src/constants/constants.ts    |  1 +
 .../ContextCenterArticlesPage.tsx                   |  3 +--
 .../KnowledgeCenterFilterPage.tsx                   |  2 +-
 8 files changed, 31 insertions(+), 11 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/playwright/utils/KnowledgeCenter.ts b/openmetadata-ui/src/main/resources/ui/playwright/utils/KnowledgeCenter.ts
index 1d08784bbecb..e413a45d2d25 100644
--- a/openmetadata-ui/src/main/resources/ui/playwright/utils/KnowledgeCenter.ts
+++ b/openmetadata-ui/src/main/resources/ui/playwright/utils/KnowledgeCenter.ts
@@ -115,7 +115,14 @@ export const updateTags = async (
   await page.waitForSelector('[data-testid="tag-selector"] input', {
     state: 'visible',
   });
+  const searchTagResponse = page.waitForResponse(
+    (response) =>
+      response.url().includes('/api/v1/search/query') &&
+      response.url().includes(`q=*${data.tag}*`) &&
+      response.request().method() === 'GET'
+  );
   await page.fill('[data-testid="tag-selector"] input', data.tag);
+  await searchTagResponse;
   await page.click(`[data-testid='tag-${data.tagFqn}']`);
 
   await expect(
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/AppRouter/ContextCenterRouter/ContextCenterRouter.tsx b/openmetadata-ui/src/main/resources/ui/src/components/AppRouter/ContextCenterRouter/ContextCenterRouter.tsx
index 020159e37588..dd39841f0b6f 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/AppRouter/ContextCenterRouter/ContextCenterRouter.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/AppRouter/ContextCenterRouter/ContextCenterRouter.tsx
@@ -42,6 +42,15 @@ const ContextCenterDocumentsPage = withSuspenseFallback(
       )
   )
 );
+
+const KnowledgeCenterFilterPage = withSuspenseFallback(
+  React.lazy(
+    () =>
+      import(
+        '../../../pages/KnowledgeCenterFilterPage/KnowledgeCenterFilterPage'
+      )
+  )
+);
 {
   /* TODO: In progress */
 }
@@ -98,6 +107,10 @@ const ContextCenterRouter = () => {
           ''
         )}
       />
+      <Route
+        element={<KnowledgeCenterFilterPage />}
+        path={ROUTES.CONTEXT_CENTER_FILTER.replace(ROUTES.CONTEXT_CENTER, '')}
+      />
       {/* TODO: In progress */}
       {/* <Route
         element={<ContextCenterIntegrationsPage />}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterWidget/KnowledgeCenterWidget.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterWidget/KnowledgeCenterWidget.tsx
index 7206c4a79029..fb89ff9ed78a 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterWidget/KnowledgeCenterWidget.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterWidget/KnowledgeCenterWidget.tsx
@@ -42,7 +42,7 @@ import { getKnowledgePagePath } from '../../../utils/KnowledgePageUtils';
 import { showErrorToast } from '../../../utils/ToastUtils';
 import './KnowledgeCenterWidget.less';
 
-import { ROUTES } from '../../../constants/constants';
+import contextCenterClassBase from 'utils/ContextCenterClassBase';
 const KnowledgeCenterWidget = ({
   isEditView = false,
   widgetKey,
@@ -86,8 +86,8 @@ const KnowledgeCenterWidget = ({
   const emptyState = useMemo(() => {
     return (
       <WidgetEmptyState
-        actionButtonLink={ROUTES.KNOWLEDGE_CENTER}
-        actionButtonText={t('label.create-articles')}
+        actionButtonLink={contextCenterClassBase.getArticlesListPath()}
+        actionButtonText={t('label.create-entity', {entity: t('label.article')})}
         description={t('message.no-article-data')}
         icon={
           <KnowledgeCenterNoDataPlaceholder
@@ -171,7 +171,7 @@ const KnowledgeCenterWidget = ({
   const footer = useMemo(() => {
     return (
       <WidgetFooter
-        moreButtonLink={ROUTES.KNOWLEDGE_CENTER}
+        moreButtonLink={contextCenterClassBase.getArticlesListPath()}
         moreButtonText={t('label.view-more')}
         showMoreButton={showWidgetFooterMoreButton}
       />
@@ -189,7 +189,7 @@ const KnowledgeCenterWidget = ({
         isEditView={isEditView}
         title={t('label.knowledge-center')}
         widgetKey={widgetKey}
-        onTitleClick={() => navigate(ROUTES.KNOWLEDGE_CENTER)}
+        onTitleClick={() => navigate(contextCenterClassBase.getArticlesListPath())}
       />
     );
   }, [
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePages/KnowledgePages.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePages/KnowledgePages.tsx
index 085c39e30ae7..43a9d9118a16 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePages/KnowledgePages.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePages/KnowledgePages.tsx
@@ -79,7 +79,7 @@ const KnowledgePages: FC = () => {
       {paging?.total > PAGE_SIZE && (
         <Link
           data-testid="view-all-data-asset-related-articles"
-          to={`${ROUTES.KNOWLEDGE_CENTER_FILTER}?entityId=${entityId}&entityType=${entityType}`}>
+          to={`${ROUTES.CONTEXT_CENTER_FILTER}?entityId=${entityId}&entityType=${entityType}`}>
           {t('label.view-all')}
         </Link>
       )}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.tsx
index ba876e5f1073..b9a2cbebcd4b 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePagesHierarchy/KnowledgePagesHierarchy.tsx
@@ -15,7 +15,7 @@ import { DataNode } from 'antd/es/tree';
 import { AntTreeNodeProps, DirectoryTreeProps, TreeProps } from 'antd/lib/tree';
 import { AxiosError } from 'axios';
 import { ReactComponent as KnowledgeCenterIcon } from '../../../assets/svg/ic-knowledge-page.svg';
-import { CREATE_PAGE_HASH, ROUTES } from '../../../constants/constants';
+import { CREATE_PAGE_HASH } from '../../../constants/constants';
 import {
   CreateKnowledgePage,
   KnowledgePage,
@@ -357,7 +357,7 @@ const KnowledgePagesHierarchy = forwardRef<
           activeKey === deletedPageData.fullyQualifiedName ||
           isActivePageParent
         ) {
-          navigate(homeRoute ?? ROUTES.KNOWLEDGE_CENTER);
+          navigate(homeRoute ?? contextCenterClassBase.getArticlesListPath());
         }
       },
       [knowledgePageHierarchy, onPageDelete, activeKey, activePage]
diff --git a/openmetadata-ui/src/main/resources/ui/src/constants/constants.ts b/openmetadata-ui/src/main/resources/ui/src/constants/constants.ts
index 63cf4f9ea8f9..2608b0013bad 100644
--- a/openmetadata-ui/src/main/resources/ui/src/constants/constants.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/constants/constants.ts
@@ -169,6 +169,7 @@ export const ROUTES = {
   CONTEXT_CENTER_ARTICLE_DETAIL_WITH_SUB_TAB: `/context-center/articles/${PLACEHOLDER_ROUTE_FQN}/${PLACEHOLDER_ROUTE_TAB}/${PLACEHOLDER_ROUTE_SUB_TAB}`,
   CONTEXT_CENTER_ARTICLE_VERSION: `/context-center/articles/${PLACEHOLDER_ROUTE_FQN}/versions/${PLACEHOLDER_ROUTE_VERSION}`,
   CONTEXT_CENTER_DOCUMENTS: '/context-center/documents',
+  CONTEXT_CENTER_FILTER: '/context-center/filter',
   CONTEXT_CENTER_INTEGRATIONS: '/context-center/integrations',
   CONTEXT_CENTER_ARCHIVE: '/context-center/archive',
   SETTINGS_WITH_CATEGORY: `/settings/${PLACEHOLDER_SETTING_CATEGORY}`,
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
index 0b7c2cc51555..4dfd9785ec1c 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
@@ -30,7 +30,6 @@ import {
   QuickLinkFormModal,
   QuickLinkFormModalFormData,
 } from '../../../components/KnowledgeCenter/QuickLinkFormModal/QuickLinkFormModal';
-import { ROUTES } from '../../../constants/constants';
 import { useLimitStore } from '../../../context/LimitsProvider/useLimitsStore';
 import { usePermissionProvider } from '../../../context/PermissionProvider/PermissionProvider';
 import {
@@ -251,7 +250,7 @@ const ContextCenterArticlesPage = () => {
     <KnowledgePagesHierarchy
       activeKey={fqn}
       activePage={page.data}
-      homeRoute={ROUTES.CONTEXT_CENTER_ARTICLES}
+      homeRoute={contextCenterClassBase.getArticlesListPath()}
       isPageHeaderAvailable={Boolean(fqn)}
       permissions={permissions}
       ref={knowledgePagesHierarchyRef}
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/KnowledgeCenterFilterPage/KnowledgeCenterFilterPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/KnowledgeCenterFilterPage/KnowledgeCenterFilterPage.tsx
index c19ca360d5eb..015687eff633 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/KnowledgeCenterFilterPage/KnowledgeCenterFilterPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/KnowledgeCenterFilterPage/KnowledgeCenterFilterPage.tsx
@@ -115,7 +115,7 @@ const KnowledgeCenterFilterPage = () => {
     return [
       {
         name: t('label.knowledge-center'),
-        url: ROUTES.KNOWLEDGE_CENTER,
+        url: ROUTES.CONTEXT_CENTER,
       },
       {
         name,

From 6b5773c3d10e0257c2815ea73a501851cd53313d Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Fri, 15 May 2026 11:32:47 +0530
Subject: [PATCH 48/59] lint fix

---
 .../KnowledgeCenterWidget/KnowledgeCenterWidget.tsx       | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterWidget/KnowledgeCenterWidget.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterWidget/KnowledgeCenterWidget.tsx
index fb89ff9ed78a..3761b5c5ab00 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterWidget/KnowledgeCenterWidget.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterWidget/KnowledgeCenterWidget.tsx
@@ -87,7 +87,9 @@ const KnowledgeCenterWidget = ({
     return (
       <WidgetEmptyState
         actionButtonLink={contextCenterClassBase.getArticlesListPath()}
-        actionButtonText={t('label.create-entity', {entity: t('label.article')})}
+        actionButtonText={t('label.create-entity', {
+          entity: t('label.article'),
+        })}
         description={t('message.no-article-data')}
         icon={
           <KnowledgeCenterNoDataPlaceholder
@@ -189,7 +191,9 @@ const KnowledgeCenterWidget = ({
         isEditView={isEditView}
         title={t('label.knowledge-center')}
         widgetKey={widgetKey}
-        onTitleClick={() => navigate(contextCenterClassBase.getArticlesListPath())}
+        onTitleClick={() =>
+          navigate(contextCenterClassBase.getArticlesListPath())
+        }
       />
     );
   }, [

From 1e1745a99d16a5ee536d0c7009db631ce912da06 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Fri, 15 May 2026 11:42:54 +0530
Subject: [PATCH 49/59] import fix

---
 .../ArticleDetailHeader/ArticleDetailHeader.component.tsx       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
index 448caab17943..8d14dfd35a09 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/ArticleDetailHeader/ArticleDetailHeader.component.tsx
@@ -35,7 +35,6 @@ import {
   UploadCloud01,
   User03,
 } from '@untitledui/icons';
-import { EntityStatus } from 'generated/entity/data/glossaryTerm';
 import { isEmpty, isUndefined, toString, uniqBy } from 'lodash';
 import { FC, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -55,6 +54,7 @@ import { QueryVoteType } from '../../../components/Database/TableQueries/TableQu
 import { EntityStatusBadge } from '../../../components/Entity/EntityStatusBadge/EntityStatusBadge.component';
 import { EntityField } from '../../../constants/Feeds.constants';
 import { EntityTabs, EntityType } from '../../../enums/entity.enum';
+import { EntityStatus } from '../../../generated/entity/data/glossaryTerm';
 import { useCurrentUserPreferences } from '../../../hooks/currentUserStore/useCurrentUserStore';
 import { useApplicationStore } from '../../../hooks/useApplicationStore';
 import { useClipboard } from '../../../hooks/useClipBoard';

From acd24edfe39a1ee9d4b28c26d241bef846be7c33 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Fri, 15 May 2026 12:05:24 +0530
Subject: [PATCH 50/59] addressed gitar comment

---
 .../KnowledgeCenterWidget/KnowledgeCenterWidget.tsx             | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterWidget/KnowledgeCenterWidget.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterWidget/KnowledgeCenterWidget.tsx
index 3761b5c5ab00..66f1b606abd3 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterWidget/KnowledgeCenterWidget.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterWidget/KnowledgeCenterWidget.tsx
@@ -42,7 +42,7 @@ import { getKnowledgePagePath } from '../../../utils/KnowledgePageUtils';
 import { showErrorToast } from '../../../utils/ToastUtils';
 import './KnowledgeCenterWidget.less';
 
-import contextCenterClassBase from 'utils/ContextCenterClassBase';
+import contextCenterClassBase from '../../../utils/ContextCenterClassBase';
 const KnowledgeCenterWidget = ({
   isEditView = false,
   widgetKey,

From 9b89e0479964d6938ceb40505e6d1a14ce57713e Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Fri, 15 May 2026 12:40:27 +0530
Subject: [PATCH 51/59] fixed unit test

---
 .../KnowledgeCenter/KnowledgePages/KnowledgePages.test.tsx      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePages/KnowledgePages.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePages/KnowledgePages.test.tsx
index 5e1e6d06198d..ba66a927ef5b 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePages/KnowledgePages.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePages/KnowledgePages.test.tsx
@@ -166,7 +166,7 @@ describe('KnowledgePages', () => {
 
     expect(viewAllLink).toHaveAttribute(
       'href',
-      `/knowledge-center-filter?entityId=${mockProps.entityId}&entityType=${mockProps.entityType}`
+      `/context-center/filter?entityId=${mockProps.entityId}&entityType=${mockProps.entityType}`
     );
   });
 

From 14a143257bae37be50ab51517b3cb0a997c07199 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Fri, 15 May 2026 13:13:58 +0530
Subject: [PATCH 52/59] addressed PR comment

---
 .../KnowledgeCenterLayout/knowledge-center-layout.less   | 7 +++++--
 .../KnowledgeCenterWidget/KnowledgeCenterWidget.tsx      | 9 ++++-----
 .../KnowledgePageDetailComponent.tsx                     | 8 ++++----
 3 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/knowledge-center-layout.less b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/knowledge-center-layout.less
index 3326323fd859..e6f823621886 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/knowledge-center-layout.less
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterLayout/knowledge-center-layout.less
@@ -16,15 +16,18 @@
 @border-color: #0000001a;
 
 .knowledge-center-layout {
-  height: calc(100vh - 246px);
+  // 80px navbar + 150px page header + 20px margin = 250px
+  height: calc(100vh - 250px);
 
   &.knowledge-details-page {
+   // 80px navbar + 178px page header + 20px margin = 278px
     height: calc(100vh - 278px);
     padding-bottom: 20px;
   }
 
   &.knowledge-version-page {
-    height: calc(100vh - 246px);
+    // 80px navbar + 142px page header + 20px margin = 242px
+    height: calc(100vh - 242px);
     padding-bottom: 20px;
   }
 }
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterWidget/KnowledgeCenterWidget.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterWidget/KnowledgeCenterWidget.tsx
index 66f1b606abd3..671a2e05b781 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterWidget/KnowledgeCenterWidget.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterWidget/KnowledgeCenterWidget.tsx
@@ -25,7 +25,7 @@ import WidgetEmptyState from '../../../components/MyData/Widgets/Common/WidgetEm
 import WidgetFooter from '../../../components/MyData/Widgets/Common/WidgetFooter/WidgetFooter';
 import WidgetHeader from '../../../components/MyData/Widgets/Common/WidgetHeader/WidgetHeader';
 import WidgetWrapper from '../../../components/MyData/Widgets/Common/WidgetWrapper/WidgetWrapper';
-import { PAGE_SIZE_MEDIUM } from '../../../constants/constants';
+import { PAGE_SIZE_MEDIUM, ROUTES } from '../../../constants/constants';
 import { SIZE } from '../../../enums/common.enum';
 import { EntityType } from '../../../enums/entity.enum';
 import { useApplicationStore } from '../../../hooks/useApplicationStore';
@@ -42,7 +42,6 @@ import { getKnowledgePagePath } from '../../../utils/KnowledgePageUtils';
 import { showErrorToast } from '../../../utils/ToastUtils';
 import './KnowledgeCenterWidget.less';
 
-import contextCenterClassBase from '../../../utils/ContextCenterClassBase';
 const KnowledgeCenterWidget = ({
   isEditView = false,
   widgetKey,
@@ -86,7 +85,7 @@ const KnowledgeCenterWidget = ({
   const emptyState = useMemo(() => {
     return (
       <WidgetEmptyState
-        actionButtonLink={contextCenterClassBase.getArticlesListPath()}
+        actionButtonLink={ROUTES.CONTEXT_CENTER_ARTICLES}
         actionButtonText={t('label.create-entity', {
           entity: t('label.article'),
         })}
@@ -173,7 +172,7 @@ const KnowledgeCenterWidget = ({
   const footer = useMemo(() => {
     return (
       <WidgetFooter
-        moreButtonLink={contextCenterClassBase.getArticlesListPath()}
+        moreButtonLink={ROUTES.CONTEXT_CENTER_ARTICLES}
         moreButtonText={t('label.view-more')}
         showMoreButton={showWidgetFooterMoreButton}
       />
@@ -192,7 +191,7 @@ const KnowledgeCenterWidget = ({
         title={t('label.knowledge-center')}
         widgetKey={widgetKey}
         onTitleClick={() =>
-          navigate(contextCenterClassBase.getArticlesListPath())
+          navigate(ROUTES.CONTEXT_CENTER_ARTICLES)
         }
       />
     );
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent.tsx
index 377ffebd719c..98db7b31f067 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent.tsx
@@ -549,8 +549,8 @@ const KnowledgePageDetailComponent: FC<KnowledgePageDetailComponentProps> = ({
   const tabs = useMemo(() => {
     const items = [
       {
-        name: String(t('label.content')),
-        label: <div data-testid="overview">{String(t('label.content'))}</div>,
+        name: t('label.content'),
+        label: <div data-testid="overview">{t('label.content')}</div>,
         key: EntityTabs.OVERVIEW,
         children: (
           <>
@@ -578,13 +578,13 @@ const KnowledgePageDetailComponent: FC<KnowledgePageDetailComponentProps> = ({
         ),
       },
       {
-        name: String(t('label.activity-feed-and-task-plural')),
+        name: t('label.activity-feed-and-task-plural'),
         label: (
           <TabsLabel
             count={feedCount.totalCount}
             id={EntityTabs.ACTIVITY_FEED}
             isActive={activeTab === EntityTabs.ACTIVITY_FEED}
-            name={String(t('label.activity-feed-and-task-plural'))}
+            name={t('label.activity-feed-and-task-plural')}
           />
         ),
         key: EntityTabs.ACTIVITY_FEED,

From c49d555e30b84e855f928a2a5ddf56a9b58e9923 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Fri, 15 May 2026 13:16:26 +0530
Subject: [PATCH 53/59] lint fix

---
 .../KnowledgeCenterWidget/KnowledgeCenterWidget.tsx           | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterWidget/KnowledgeCenterWidget.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterWidget/KnowledgeCenterWidget.tsx
index 671a2e05b781..e73a2045da2b 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterWidget/KnowledgeCenterWidget.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgeCenterWidget/KnowledgeCenterWidget.tsx
@@ -190,9 +190,7 @@ const KnowledgeCenterWidget = ({
         isEditView={isEditView}
         title={t('label.knowledge-center')}
         widgetKey={widgetKey}
-        onTitleClick={() =>
-          navigate(ROUTES.CONTEXT_CENTER_ARTICLES)
-        }
+        onTitleClick={() => navigate(ROUTES.CONTEXT_CENTER_ARTICLES)}
       />
     );
   }, [

From ff934ccc10866ac146caba90c4d9df4a5d042aa6 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Fri, 15 May 2026 16:25:00 +0530
Subject: [PATCH 54/59] minor fix

---
 .../UploadDocumentModal/UploadDocumentModal.component.tsx        | 1 +
 1 file changed, 1 insertion(+)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
index 12c2b6717032..a56715a5ede4 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
@@ -157,6 +157,7 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
     <ModalOverlay
       isDismissable
       isOpen={isOpen}
+      style={{ zIndex: 999 }}
       onOpenChange={(open) => !open && handleClose()}>
       <Modal>
         <Dialog

From cc6a89bb938530abf825ac6a8143b6b770e19cef Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Fri, 15 May 2026 16:37:22 +0530
Subject: [PATCH 55/59] added missing translation

---
 .../src/main/resources/ui/src/locale/languages/ar-sa.json        | 1 +
 .../src/main/resources/ui/src/locale/languages/de-de.json        | 1 +
 .../src/main/resources/ui/src/locale/languages/en-us.json        | 1 +
 .../src/main/resources/ui/src/locale/languages/es-es.json        | 1 +
 .../src/main/resources/ui/src/locale/languages/fr-fr.json        | 1 +
 .../src/main/resources/ui/src/locale/languages/gl-es.json        | 1 +
 .../src/main/resources/ui/src/locale/languages/he-he.json        | 1 +
 .../src/main/resources/ui/src/locale/languages/ja-jp.json        | 1 +
 .../src/main/resources/ui/src/locale/languages/ko-kr.json        | 1 +
 .../src/main/resources/ui/src/locale/languages/mr-in.json        | 1 +
 .../src/main/resources/ui/src/locale/languages/nl-nl.json        | 1 +
 .../src/main/resources/ui/src/locale/languages/pr-pr.json        | 1 +
 .../src/main/resources/ui/src/locale/languages/pt-br.json        | 1 +
 .../src/main/resources/ui/src/locale/languages/pt-pt.json        | 1 +
 .../src/main/resources/ui/src/locale/languages/ru-ru.json        | 1 +
 .../src/main/resources/ui/src/locale/languages/th-th.json        | 1 +
 .../src/main/resources/ui/src/locale/languages/tr-tr.json        | 1 +
 .../src/main/resources/ui/src/locale/languages/zh-cn.json        | 1 +
 .../src/main/resources/ui/src/locale/languages/zh-tw.json        | 1 +
 19 files changed, 19 insertions(+)

diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ar-sa.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ar-sa.json
index 60fe939bb062..1fba0b57a48a 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ar-sa.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ar-sa.json
@@ -219,6 +219,7 @@
     "azure-config-source": "مصدر تكوين Azure",
     "back": "رجوع",
     "back-to-login-lowercase": "العودة إلى تسجيل الدخول",
+    "base-knowledge": "المعرفة الأساسية",
     "base-path": "المسار الأساسي",
     "basic-configuration": "التكوين الأساسي",
     "batch-size": "حجم الدفعة",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json
index eff973ed9e5a..303862b353de 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json
@@ -219,6 +219,7 @@
     "azure-config-source": "Azure-Konfigurationsquelle",
     "back": "Zurück",
     "back-to-login-lowercase": "Zurück zur Anmeldeseite",
+    "base-knowledge": "Basiswissen",
     "base-path": "Basispfad",
     "basic-configuration": "Grundkonfiguration",
     "batch-size": "Batchgröße",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
index 55f2a6638c76..ef2191f84da4 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
@@ -219,6 +219,7 @@
     "azure-config-source": "Azure Config Source",
     "back": "Back",
     "back-to-login-lowercase": "back to login",
+    "base-knowledge": "Base Knowledge",
     "base-path": "Base Path",
     "basic-configuration": "Basic Configuration",
     "batch-size": "Batch Size",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json
index 1c181bd52d99..b4333553f802 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json
@@ -219,6 +219,7 @@
     "azure-config-source": "Configuración de origen de Azure",
     "back": "Volver",
     "back-to-login-lowercase": "volver a iniciar sesión",
+    "base-knowledge": "Conocimiento base",
     "base-path": "Ruta Base",
     "basic-configuration": "Configuración básica",
     "batch-size": "Tamaño del lote",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json
index cb8a86ec5394..48a1235214d1 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json
@@ -219,6 +219,7 @@
     "azure-config-source": "Source de Configuration Azure",
     "back": "Retour",
     "back-to-login-lowercase": "Retour à la Page de Connexion",
+    "base-knowledge": "Connaissance de base",
     "base-path": "Chemin de Base",
     "basic-configuration": "Configuration de Base",
     "batch-size": "Taille du Lot",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/gl-es.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/gl-es.json
index 019d8438b6b4..8b5269b973ba 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/gl-es.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/gl-es.json
@@ -219,6 +219,7 @@
     "azure-config-source": "Fonte de configuración de Azure",
     "back": "Volver",
     "back-to-login-lowercase": "volver ao inicio de sesión",
+    "base-knowledge": "Coñecemento base",
     "base-path": "Ruta Base",
     "basic-configuration": "Configuración básica",
     "batch-size": "Tamaño do lote",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/he-he.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/he-he.json
index 86ee1942b135..04f6487c68f2 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/he-he.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/he-he.json
@@ -219,6 +219,7 @@
     "azure-config-source": "מקור תצורת Azure",
     "back": "חזור",
     "back-to-login-lowercase": "חזור להתחברות",
+    "base-knowledge": "ידע בסיסי",
     "base-path": "נתיב בסיס",
     "basic-configuration": "תצורה בסיסית",
     "batch-size": "גודל סדרה",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json
index a77c3d247855..8b36bd72946b 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json
@@ -219,6 +219,7 @@
     "azure-config-source": "Azure設定ソース",
     "back": "戻る",
     "back-to-login-lowercase": "ログインに戻る",
+    "base-knowledge": "基本知識",
     "base-path": "ベースパス",
     "basic-configuration": "基本設定",
     "batch-size": "バッチサイズ",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ko-kr.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ko-kr.json
index 2db2f175bfad..997a074f9710 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ko-kr.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ko-kr.json
@@ -219,6 +219,7 @@
     "azure-config-source": "Azure 설정 소스",
     "back": "뒤로",
     "back-to-login-lowercase": "로그인으로 돌아가기",
+    "base-knowledge": "기본 지식",
     "base-path": "기본 경로",
     "basic-configuration": "기본 설정",
     "batch-size": "배치 크기",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/mr-in.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/mr-in.json
index 4b4aff9c7f32..2e12930fed13 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/mr-in.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/mr-in.json
@@ -219,6 +219,7 @@
     "azure-config-source": "Azure कॉन्फिग स्रोत",
     "back": "मागे",
     "back-to-login-lowercase": "लॉगिन करण्यासाठी परत",
+    "base-knowledge": "पायाभूत ज्ञान",
     "base-path": "मूळ मार्ग",
     "basic-configuration": "मूलभूत संरचना",
     "batch-size": "बॅच आकार",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/nl-nl.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/nl-nl.json
index 8f72044e49c2..e9ef832afe1f 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/nl-nl.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/nl-nl.json
@@ -219,6 +219,7 @@
     "azure-config-source": "Azure Config-bron",
     "back": "Terug",
     "back-to-login-lowercase": "terug naar inloggen",
+    "base-knowledge": "Basiskennis",
     "base-path": "Basispad",
     "basic-configuration": "Basisconfiguratie",
     "batch-size": "Batchgrootte",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pr-pr.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pr-pr.json
index 56c632c9faae..bbb22064ccf8 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pr-pr.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pr-pr.json
@@ -219,6 +219,7 @@
     "azure-config-source": "منبع پیکربندی Azure",
     "back": "بازگشت",
     "back-to-login-lowercase": "بازگشت به ورود",
+    "base-knowledge": "دانش پایه",
     "base-path": "مسیر پایه",
     "basic-configuration": "پیکربندی پایه",
     "batch-size": "اندازه دسته",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json
index c5a9b326b30a..8c8ac88d206e 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json
@@ -219,6 +219,7 @@
     "azure-config-source": "Fonte de Configuração Azure",
     "back": "Voltar",
     "back-to-login-lowercase": "voltar para o login",
+    "base-knowledge": "Conhecimento base",
     "base-path": "Caminho Base",
     "basic-configuration": "Configuração Básica",
     "batch-size": "Tamanho do Lote",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-pt.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-pt.json
index 3f8d5a4775ab..d994e5f5bddc 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-pt.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-pt.json
@@ -219,6 +219,7 @@
     "azure-config-source": "Fonte de Configuração Azure",
     "back": "Voltar",
     "back-to-login-lowercase": "voltar para a autenticação",
+    "base-knowledge": "Conhecimento base",
     "base-path": "Caminho Base",
     "basic-configuration": "Configuração Básica",
     "batch-size": "Tamanho do Lote",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json
index bf07a48afb45..cf33309ccfbe 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json
@@ -219,6 +219,7 @@
     "azure-config-source": "Источник конфигурации Azure",
     "back": "Назад",
     "back-to-login-lowercase": "Вернуться на страницу входа",
+    "base-knowledge": "Базовые знания",
     "base-path": "Базовый Путь",
     "basic-configuration": "Базовая конфигурация",
     "batch-size": "Размер пакета",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/th-th.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/th-th.json
index 4b2c82a33fd9..fa6f90883e4b 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/th-th.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/th-th.json
@@ -219,6 +219,7 @@
     "azure-config-source": "แหล่งที่มาของการกำหนดค่าของ Azure",
     "back": "กลับ",
     "back-to-login-lowercase": "กลับสู่หน้าล็อกอิน",
+    "base-knowledge": "ความรู้พื้นฐาน",
     "base-path": "พาธฐาน",
     "basic-configuration": "การกำหนดค่าพื้นฐาน",
     "batch-size": "ขนาดชุดข้อมูล",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/tr-tr.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/tr-tr.json
index 678f493e738f..5f206730dc78 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/tr-tr.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/tr-tr.json
@@ -219,6 +219,7 @@
     "azure-config-source": "Azure Yapılandırma Kaynağı",
     "back": "Geri",
     "back-to-login-lowercase": "girişe geri dön",
+    "base-knowledge": "Temel Bilgi",
     "base-path": "Temel Yol",
     "basic-configuration": "Temel Yapılandırma",
     "batch-size": "Toplu İş Boyutu",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json
index e6eab4fe88cb..3ed7622a9fd1 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json
@@ -219,6 +219,7 @@
     "azure-config-source": "Azure 配置源",
     "back": "返回",
     "back-to-login-lowercase": "返回登录",
+    "base-knowledge": "基础知识",
     "base-path": "基础路径",
     "basic-configuration": "基本配置",
     "batch-size": "批大小",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-tw.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-tw.json
index 0e732ac8c89b..33165643d60e 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-tw.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-tw.json
@@ -219,6 +219,7 @@
     "azure-config-source": "Azure 組態來源",
     "back": "返回",
     "back-to-login-lowercase": "返回登入頁面",
+    "base-knowledge": "基礎知識",
     "base-path": "基础路径",
     "basic-configuration": "基本組態",
     "batch-size": "批次大小",

From 26e01dc19c06b76cbeda00a044ef06c1c9caf617 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Sat, 16 May 2026 09:47:50 +0530
Subject: [PATCH 56/59] showing activity feed count

---
 .../KnowledgePageDetailComponent.tsx                            | 2 ++
 .../resources/ui/src/interface/knowledge-center.interface.ts    | 1 +
 .../ContextCenterArticlesPage/ContextCenterArticlesPage.tsx     | 1 +
 3 files changed, 4 insertions(+)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent.tsx
index 98db7b31f067..a57fd57c2adc 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageDetailComponent/KnowledgePageDetailComponent.tsx
@@ -722,6 +722,7 @@ const KnowledgePageDetailComponent: FC<KnowledgePageDetailComponentProps> = ({
     return {
       activeTab,
       data: knowledgePage,
+      feedCount: feedCount?.totalCount,
       handlers: {
         contentChangeState,
         onFollowChange: handleFollowChange,
@@ -745,6 +746,7 @@ const KnowledgePageDetailComponent: FC<KnowledgePageDetailComponentProps> = ({
     permissions,
     contentChangeState,
     activeTab,
+    feedCount,
     tags,
     tabs,
     getHeaderElement,
diff --git a/openmetadata-ui/src/main/resources/ui/src/interface/knowledge-center.interface.ts b/openmetadata-ui/src/main/resources/ui/src/interface/knowledge-center.interface.ts
index 1b183d396d92..08e18272a73d 100644
--- a/openmetadata-ui/src/main/resources/ui/src/interface/knowledge-center.interface.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/interface/knowledge-center.interface.ts
@@ -132,6 +132,7 @@ export interface KnowledgeCenterPageProps {
   header: React.ReactNode;
   data?: KnowledgePage;
   activeTab?: string;
+  feedCount?: number;
   tabs?: ArticleTab[];
   onTabChange?: (key: string) => void;
   isRightPanelOpen?: boolean;
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
index 4dfd9785ec1c..db6d70866d78 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/ContextCenterPage/ContextCenterArticlesPage/ContextCenterArticlesPage.tsx
@@ -161,6 +161,7 @@ const ContextCenterArticlesPage = () => {
           contentChangeState={
             page.handlers?.contentChangeState ?? ContentChangeState.SAVED
           }
+          feedCount={page?.feedCount}
           fetchKnowledgePageHierarchy={handleFetchKnowledgePageHierarchy}
           isRightPanelOpen={isRightPanelOpen}
           knowledgePage={page.data}

From 7c9e661c9b703f0146986a46663027aad6de7487 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Sat, 16 May 2026 10:01:38 +0530
Subject: [PATCH 57/59] addressed gitar comment

---
 .../UploadDocumentModal.component.tsx          | 18 ++++++++++++++----
 .../UploadDocumentModal.test.tsx               |  7 +++++++
 .../ui/src/utils/ContextCenterUtils.tsx        | 15 +++++++++++----
 3 files changed, 32 insertions(+), 8 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
index a56715a5ede4..0679440a78db 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.component.tsx
@@ -45,10 +45,12 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
   const [isUploading, setIsUploading] = useState(false);
   const [sizeError, setSizeError] = useState('');
   const uploadedAssetsRef = useRef<Asset[]>([]);
+  const cancelledRef = useRef(false);
 
   const hasStartedUploading = queuedFiles.length > 0;
 
   const handleClose = () => {
+    cancelledRef.current = true;
     uploadedAssetsRef.current = [];
     setStagedFiles([]);
     setQueuedFiles([]);
@@ -87,7 +89,7 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
   const handleDropFiles = (files: FileList) => {
     const newEntries: StagedFile[] = Array.from(files).map((file) => ({
       file,
-      id: `${file.name}-${file.size}-${Date.now()}`,
+      id: crypto.randomUUID(),
     }));
 
     setStagedFiles((prev) => [...prev, ...newEntries]);
@@ -127,6 +129,8 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
       return;
     }
 
+    cancelledRef.current = false;
+
     const newQueued: QueuedFile[] = stagedFiles.map(({ id, file }) => ({
       file,
       id,
@@ -140,16 +144,22 @@ const UploadDocumentModal: FC<UploadDocumentModalProps> = ({
 
     const batchAssets: Asset[] = [];
     for (const entry of newQueued) {
+      if (cancelledRef.current) {
+        break;
+      }
+
       const asset = await uploadSingleFile(entry);
       if (asset) {
         batchAssets.push(asset);
       }
     }
 
-    setIsUploading(false);
+    if (!cancelledRef.current) {
+      setIsUploading(false);
 
-    if (batchAssets.length > 0) {
-      onUploaded?.(batchAssets);
+      if (batchAssets.length > 0) {
+        onUploaded?.(batchAssets);
+      }
     }
   };
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.test.tsx
index 3530479ba452..b1623a7c6b9c 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ContextCenter/UploadDocumentModal/UploadDocumentModal.test.tsx
@@ -165,10 +165,17 @@ const makeFileList = (...files: File[]): FileList => {
 };
 
 describe('UploadDocumentModal', () => {
+  let uuidCounter = 0;
+
   beforeEach(() => {
     jest.clearAllMocks();
     mockOnDropFiles = undefined;
     mockOnSizeLimitExceed = undefined;
+    uuidCounter = 0;
+    Object.defineProperty(globalThis, 'crypto', {
+      value: { randomUUID: () => `test-uuid-${++uuidCounter}` },
+      configurable: true,
+    });
   });
 
   it('renders the modal when isOpen is true', () => {
diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx
index bc131d4ce89f..19291e97e420 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/ContextCenterUtils.tsx
@@ -171,17 +171,24 @@ export const createArticleKnowledgePage = async (
 };
 
 export const handleAssetDownload = async (file: DocFile) => {
+  let url: string | undefined;
+  let element: HTMLAnchorElement | undefined;
+
   try {
     const blob = await downloadAsset(file.id);
-    const url = URL.createObjectURL(blob);
-    const element = document.createElement('a');
+    url = URL.createObjectURL(blob);
+    element = document.createElement('a');
     element.href = url;
     element.download = file.name;
     document.body.appendChild(element);
     element.click();
-    element.remove();
-    URL.revokeObjectURL(url);
   } catch (err) {
     showErrorToast(err as AxiosError);
+  } finally {
+    element?.remove();
+
+    if (url) {
+      URL.revokeObjectURL(url);
+    }
   }
 };

From fe4b2bfeea1706060f8f5b8bbed690684476f186 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Sat, 16 May 2026 10:15:18 +0530
Subject: [PATCH 58/59] minor fix

---
 openmetadata-ui/src/main/resources/ui/yarn.lock | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/openmetadata-ui/src/main/resources/ui/yarn.lock b/openmetadata-ui/src/main/resources/ui/yarn.lock
index 618dff69a33d..480e680fe3a4 100644
--- a/openmetadata-ui/src/main/resources/ui/yarn.lock
+++ b/openmetadata-ui/src/main/resources/ui/yarn.lock
@@ -12939,4 +12939,4 @@ zustand@^4.4.1, zustand@^4.5.0:
   resolved "https://registry.yarnpkg.com/zustand/-/zustand-4.5.7.tgz#7d6bb2026a142415dd8be8891d7870e6dbe65f55"
   integrity sha512-CHOUy7mu3lbD6o6LJLfllpjkzhHXSBlX8B9+qPddUsIfeF5S/UZ5q0kmCsnRqT1UHFQZchNFDDzMbQsuesHWlw==
   dependencies:
-    use-sync-external-store "^1.2.2"
\ No newline at end of file
+    use-sync-external-store "^1.2.2"

From 6f6db961442a1895572b62c779ef685ce433d540 Mon Sep 17 00:00:00 2001
From: Rohit0301 <rj03012002@gmail.com>
Date: Sat, 16 May 2026 11:36:23 +0530
Subject: [PATCH 59/59] addressed gitar comment

---
 .../KnowledgePageListComponent/KnowledgePageListComponent.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageListComponent/KnowledgePageListComponent.tsx b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageListComponent/KnowledgePageListComponent.tsx
index 7ca1c684ec8b..cae1229a121b 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageListComponent/KnowledgePageListComponent.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/KnowledgeCenter/KnowledgePageListComponent/KnowledgePageListComponent.tsx
@@ -376,7 +376,7 @@ const KnowledgePageListComponent = forwardRef<
         data: undefined,
         header: null,
       });
-    }, [permissions, refreshBookMarkWidget, refreshTagsCategory]);
+    }, [getRightPanelElement]);
 
     useImperativeHandle(ref, () => ({
       onPageDelete: handleDelete,