This is an automated email from the ASF dual-hosted git repository.

marat pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/camel-karavan.git

commit 70eff99bb3b539401a2745d9d2862831c4795289
Author: Marat Gubaidullin <[email protected]>
AuthorDate: Fri Feb 27 18:49:15 2026 -0500

    Front-end Documentation for 4.18.0
---
 .../webui/src/karavan/features/documentation/Documentation.css |  1 -
 .../src/karavan/features/documentation/DocumentationPage.tsx   | 10 ++++++----
 .../features/documentation/components/ComponentCard.tsx        |  2 +-
 .../features/documentation/components/ComponentModal.tsx       |  4 ++--
 .../webui/src/karavan/features/documentation/eip/EipCard.tsx   |  2 +-
 .../webui/src/karavan/features/documentation/eip/EipModal.tsx  |  4 ++--
 .../karavan/features/documentation/kamelets/KameletCard.tsx    |  2 +-
 .../karavan/features/documentation/kamelets/KameletModal.tsx   |  2 +-
 8 files changed, 14 insertions(+), 13 deletions(-)

diff --git 
a/karavan-app/src/main/webui/src/karavan/features/documentation/Documentation.css
 
b/karavan-app/src/main/webui/src/karavan/features/documentation/Documentation.css
index 756cc34b..8b477627 100644
--- 
a/karavan-app/src/main/webui/src/karavan/features/documentation/Documentation.css
+++ 
b/karavan-app/src/main/webui/src/karavan/features/documentation/Documentation.css
@@ -16,7 +16,6 @@
  */
 
 .karavan .documentation-section {
-    padding: 16px;
     height: 100%;
     overflow: auto;
 }
diff --git 
a/karavan-app/src/main/webui/src/karavan/features/documentation/DocumentationPage.tsx
 
b/karavan-app/src/main/webui/src/karavan/features/documentation/DocumentationPage.tsx
index 7ac03fdf..8e875075 100644
--- 
a/karavan-app/src/main/webui/src/karavan/features/documentation/DocumentationPage.tsx
+++ 
b/karavan-app/src/main/webui/src/karavan/features/documentation/DocumentationPage.tsx
@@ -33,8 +33,9 @@ import {extractTitleFromMarkdown} from "@util/StringUtils";
 import MarkdownPreview from "@uiw/react-markdown-preview";
 import {ErrorBoundaryWrapper} from "@shared/ui/ErrorBoundaryWrapper";
 import {useTheme} from "@app/theme/ThemeContext";
+import {SourcesTab} from "@features/project/files/SourcesTab";
 
-const BUILD_IN_DOCUMENTATION_PAGES = ['processors', 'components', 'kamelets']
+const BUILD_IN_DOCUMENTATION_PAGES = ['processors', 'components', 'kamelets', 
'source']
 
 export const DocumentationPage = () => {
 
@@ -95,8 +96,8 @@ export const DocumentationPage = () => {
     }
     function getNavigation() {
         const lengths: any = {
-            'processors': components.length,
-            'components': elements.length,
+            'processors': elements.length,
+            'components': components.length,
             'kamelets': kameletList.length,
         }
         return (
@@ -149,13 +150,14 @@ export const DocumentationPage = () => {
         <RightPanel
             title={title()}
             toolsStart={getNavigation()}
-            tools={activeItemIsBuildIn() ? getTools() : <></>}
+            tools={activeItemIsBuildIn() ? getTools() : undefined}
             mainPanel={
                 <div className="right-panel-card">
                     <div className="documentation-section">
                         {activeItem === 'kamelets' && <KameletsTab 
kameletList={kameletList}/>}
                         {activeItem === 'processors' && <EipTab 
elements={elements}/>}
                         {activeItem === 'components' && <ComponentsTab 
components={components}/>}
+                        {activeItem === 'source' && <SourcesTab />}
                         {!activeItemIsBuildIn() &&
                             <ErrorBoundaryWrapper onError={error => 
console.error((error))}>
                                 <MarkdownPreview 
key={"DocumentationMarkdownPreview"} source={markdown} 
wrapperElement={{'data-color-mode': isDark ? 'dark' : 'light'}}/>
diff --git 
a/karavan-app/src/main/webui/src/karavan/features/documentation/components/ComponentCard.tsx
 
b/karavan-app/src/main/webui/src/karavan/features/documentation/components/ComponentCard.tsx
index a6466bd5..f24bfe5a 100644
--- 
a/karavan-app/src/main/webui/src/karavan/features/documentation/components/ComponentCard.tsx
+++ 
b/karavan-app/src/main/webui/src/karavan/features/documentation/components/ComponentCard.tsx
@@ -16,7 +16,7 @@
  */
 import React from 'react';
 import {Badge, Card, CardBody, CardFooter, CardHeader, CardTitle, Content, 
Flex} from '@patternfly/react-core';
-import {CamelUi} from "@features/integration/designer/utils/CamelUi";
+import {CamelUi} from "@features/project/designer/utils/CamelUi";
 import {Component} from "@karavan-core/model/ComponentModels";
 import {useDocumentationStore} from "../../../stores/DocumentationStore";
 import {shallow} from "zustand/shallow";
diff --git 
a/karavan-app/src/main/webui/src/karavan/features/documentation/components/ComponentModal.tsx
 
b/karavan-app/src/main/webui/src/karavan/features/documentation/components/ComponentModal.tsx
index 2abef808..5bae27e7 100644
--- 
a/karavan-app/src/main/webui/src/karavan/features/documentation/components/ComponentModal.tsx
+++ 
b/karavan-app/src/main/webui/src/karavan/features/documentation/components/ComponentModal.tsx
@@ -17,9 +17,9 @@
 import React, {useState} from 'react';
 import {Badge, Button, CardHeader, Content, Flex, Modal, ModalBody, 
ModalFooter, ModalHeader, Tab, Tabs, TabTitleText} from 
'@patternfly/react-core';
 
-import '@features/integration/designer/karavan.css';
+import '@features/project/designer/karavan.css';
 import {Table, Tbody, Td, Th, Thead, Tr} from "@patternfly/react-table";
-import {CamelUi} from "@features/integration/designer/utils/CamelUi";
+import {CamelUi} from "@features/project/designer/utils/CamelUi";
 import {ComponentApi} from "@karavan-core/api/ComponentApi";
 import {ComponentHeader, ComponentProperty} from 
"@karavan-core/model/ComponentModels";
 import {useDocumentationStore} from "../../../stores/DocumentationStore";
diff --git 
a/karavan-app/src/main/webui/src/karavan/features/documentation/eip/EipCard.tsx 
b/karavan-app/src/main/webui/src/karavan/features/documentation/eip/EipCard.tsx
index d1659954..6f7f3ae2 100644
--- 
a/karavan-app/src/main/webui/src/karavan/features/documentation/eip/EipCard.tsx
+++ 
b/karavan-app/src/main/webui/src/karavan/features/documentation/eip/EipCard.tsx
@@ -16,7 +16,7 @@
  */
 import React from 'react';
 import {Badge, Card, CardBody, CardFooter, CardHeader, CardTitle, Content} 
from '@patternfly/react-core';
-import {CamelUi} from "@features/integration/designer/utils/CamelUi";
+import {CamelUi} from "@features/project/designer/utils/CamelUi";
 import {ElementMeta} from "@karavan-core/model/CamelMetadata";
 import {useDocumentationStore} from "../../../stores/DocumentationStore";
 import {shallow} from "zustand/shallow";
diff --git 
a/karavan-app/src/main/webui/src/karavan/features/documentation/eip/EipModal.tsx
 
b/karavan-app/src/main/webui/src/karavan/features/documentation/eip/EipModal.tsx
index 7d98e3de..85ccc71d 100644
--- 
a/karavan-app/src/main/webui/src/karavan/features/documentation/eip/EipModal.tsx
+++ 
b/karavan-app/src/main/webui/src/karavan/features/documentation/eip/EipModal.tsx
@@ -17,9 +17,9 @@
 import React from 'react';
 import {Badge, Button, CardHeader, CardTitle, Content, Flex, Modal, ModalBody, 
ModalFooter, ModalHeader} from '@patternfly/react-core';
 
-import '@features/integration/designer/karavan.css';
+import '@features/project/designer/karavan.css';
 import {Table, Tbody, Td, Th, Thead, Tr} from "@patternfly/react-table";
-import {CamelUi} from "@features/integration/designer/utils/CamelUi";
+import {CamelUi} from "@features/project/designer/utils/CamelUi";
 import {PropertyMeta} from "@karavan-core/model/CamelMetadata";
 import {useDocumentationStore} from "../../../stores/DocumentationStore";
 import {shallow} from "zustand/shallow";
diff --git 
a/karavan-app/src/main/webui/src/karavan/features/documentation/kamelets/KameletCard.tsx
 
b/karavan-app/src/main/webui/src/karavan/features/documentation/kamelets/KameletCard.tsx
index 175346af..4292c22d 100644
--- 
a/karavan-app/src/main/webui/src/karavan/features/documentation/kamelets/KameletCard.tsx
+++ 
b/karavan-app/src/main/webui/src/karavan/features/documentation/kamelets/KameletCard.tsx
@@ -17,7 +17,7 @@
 import React from 'react';
 import {Badge, Card, CardBody, CardFooter, CardHeader, CardTitle, Flex} from 
'@patternfly/react-core';
 import {KameletModel} from "@karavan-core/model/KameletModels";
-import {CamelUi} from "@features/integration/designer/utils/CamelUi";
+import {CamelUi} from "@features/project/designer/utils/CamelUi";
 import {KameletApi} from "@karavan-core/api/KameletApi";
 import {useDocumentationStore} from "../../../stores/DocumentationStore";
 import {shallow} from "zustand/shallow";
diff --git 
a/karavan-app/src/main/webui/src/karavan/features/documentation/kamelets/KameletModal.tsx
 
b/karavan-app/src/main/webui/src/karavan/features/documentation/kamelets/KameletModal.tsx
index 3992b44c..c78a4217 100644
--- 
a/karavan-app/src/main/webui/src/karavan/features/documentation/kamelets/KameletModal.tsx
+++ 
b/karavan-app/src/main/webui/src/karavan/features/documentation/kamelets/KameletModal.tsx
@@ -18,7 +18,7 @@ import React from 'react';
 import {Badge, Button, CardHeader, CardTitle, Content, Flex, Modal, ModalBody, 
ModalFooter, ModalHeader} from '@patternfly/react-core';
 import {Property} from "@karavan-core/model/KameletModels";
 import {Table, Tbody, Td, Th, Thead, Tr} from "@patternfly/react-table";
-import {CamelUi} from "@features/integration/designer/utils/CamelUi";
+import {CamelUi} from "@features/project/designer/utils/CamelUi";
 import {useDocumentationStore} from "../../../stores/DocumentationStore";
 import {shallow} from "zustand/shallow";
 

Reply via email to