From 6767df541f968ae5e93e23f834f4396990341774 Mon Sep 17 00:00:00 2001 From: 1AhmedYasser <26207361+1AhmedYasser@users.noreply.github.com> Date: Sun, 24 May 2026 15:37:28 +0300 Subject: [PATCH 1/7] fix(1021): tooltip overflow in api registry page --- GUI/src/pages/ApiRegistryPage/ApiRegistryTable.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/GUI/src/pages/ApiRegistryPage/ApiRegistryTable.tsx b/GUI/src/pages/ApiRegistryPage/ApiRegistryTable.tsx index 32d457f6..15cbe23f 100644 --- a/GUI/src/pages/ApiRegistryPage/ApiRegistryTable.tsx +++ b/GUI/src/pages/ApiRegistryPage/ApiRegistryTable.tsx @@ -74,7 +74,7 @@ export const EndpointTooltipContent: React.FC<{ const IND2: React.CSSProperties = { paddingLeft: 32, opacity: 0.75, fontSize: 11 }; return ( -
+
NAME: {name || '—'}
From 02caea2597127f6f75505b45e65110e85358d883 Mon Sep 17 00:00:00 2001 From: 1AhmedYasser <26207361+1AhmedYasser@users.noreply.github.com> Date: Sun, 24 May 2026 15:38:32 +0300 Subject: [PATCH 2/7] fix(1021): Fixed format --- GUI/src/pages/ApiRegistryPage/ApiRegistryTable.tsx | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/GUI/src/pages/ApiRegistryPage/ApiRegistryTable.tsx b/GUI/src/pages/ApiRegistryPage/ApiRegistryTable.tsx index 15cbe23f..2bc4e7de 100644 --- a/GUI/src/pages/ApiRegistryPage/ApiRegistryTable.tsx +++ b/GUI/src/pages/ApiRegistryPage/ApiRegistryTable.tsx @@ -74,7 +74,16 @@ export const EndpointTooltipContent: React.FC<{ const IND2: React.CSSProperties = { paddingLeft: 32, opacity: 0.75, fontSize: 11 }; return ( -
+
NAME: {name || '—'}
From c4070392867ef8a99448617801199c07a7f29ee2 Mon Sep 17 00:00:00 2001 From: 1AhmedYasser <26207361+1AhmedYasser@users.noreply.github.com> Date: Sun, 24 May 2026 15:49:37 +0300 Subject: [PATCH 3/7] fix(1024): Fixed endpoint modal overflow --- .../components/Flow/EdgeTypes/AddEndpointModal.tsx | 2 +- GUI/src/components/Modal/Modal.scss | 5 +++++ GUI/src/components/Modal/index.tsx | 12 ++++++++++-- 3 files changed, 16 insertions(+), 3 deletions(-) diff --git a/GUI/src/components/Flow/EdgeTypes/AddEndpointModal.tsx b/GUI/src/components/Flow/EdgeTypes/AddEndpointModal.tsx index 754559ac..fcefee8f 100644 --- a/GUI/src/components/Flow/EdgeTypes/AddEndpointModal.tsx +++ b/GUI/src/components/Flow/EdgeTypes/AddEndpointModal.tsx @@ -188,7 +188,7 @@ const AddEndpointModal: React.FC = ({ const modalTitle = mode === 'edit' ? t('newService.editEndpoint') : t('newService.createNewEndpoint'); return ( - + void; + size?: 'default' | 'large'; }; -const Modal: FC> = ({ title, footer, onClose, children, description }) => { +const Modal: FC> = ({ + title, + footer, + onClose, + children, + description, + size = 'default', +}) => { return ( e.stopPropagation()} - className="modal" + className={`modal${size === 'large' ? ' modal--large' : ''}`} aria-describedby={description ? 'modal-description' : undefined} > {title && ( From dc0e557d981ec4ab1c5633d0ee1d386d16451dc2 Mon Sep 17 00:00:00 2001 From: 1AhmedYasser <26207361+1AhmedYasser@users.noreply.github.com> Date: Sun, 24 May 2026 16:10:13 +0300 Subject: [PATCH 4/7] fix(1022): Elements modal dark mode fix --- .../Flow/EdgeTypes/ApiElementsPanel.scss | 73 +++++++++++++++++-- .../Flow/EdgeTypes/ApiElementsPanel.tsx | 21 ++---- 2 files changed, 71 insertions(+), 23 deletions(-) diff --git a/GUI/src/components/Flow/EdgeTypes/ApiElementsPanel.scss b/GUI/src/components/Flow/EdgeTypes/ApiElementsPanel.scss index 7cfd7a3a..0cc26866 100644 --- a/GUI/src/components/Flow/EdgeTypes/ApiElementsPanel.scss +++ b/GUI/src/components/Flow/EdgeTypes/ApiElementsPanel.scss @@ -1,10 +1,16 @@ -.api-elements-search::placeholder { - font-family: 'Roboto', sans-serif; - font-style: normal; - font-weight: 400; - font-size: 16px; - line-height: 24px; - color: #9799a4; +.api-elements-search { + background: #ffffff; + border: 1px solid #9799a4; + color: #09090b; + + &::placeholder { + font-family: 'Roboto', sans-serif; + font-style: normal; + font-weight: 400; + font-size: 16px; + line-height: 24px; + color: #9799a4; + } } .api-elements-panel { @@ -12,6 +18,11 @@ border-collapse: separate; border-spacing: 0 4px; + thead th { + background: #f0f0f2; + border-bottom: 1px solid #d2d3d8; + } + tbody tr td { background: #e7f0f6; border-top: 1px solid #b9d2e5; @@ -34,4 +45,52 @@ background: #d4e6f1; } } + + .data-table__pagination-wrapper { + background: #ffffff; + box-shadow: 0px -1px 0px #5d6071; + } + + &__action-btn { + color: #555867; + } +} + +[data-theme='dark'] { + .api-elements-search { + background: var(--dark-bg-extra-light); + border-color: var(--dark-text-border); + color: var(--dark-text-primary); + + &::placeholder { + color: var(--dark-text-disabled); + } + } + + .api-elements-panel { + .data-table thead th { + background: var(--dark-bg-light); + border-bottom: 1px solid var(--dark-text-border); + color: var(--dark-text-primary); + } + + .data-table tbody tr td { + background: var(--dark-bg-secondary); + border-color: var(--dark-text-border); + color: var(--dark-text-secondary); + } + + .data-table tbody tr:hover td { + background: var(--dark-bg-light); + } + + .data-table__pagination-wrapper { + background: var(--dark-bg-highlight); + box-shadow: 0px -1px 0px var(--dark-text-border); + } + + &__action-btn { + color: var(--dark-text-secondary); + } + } } diff --git a/GUI/src/components/Flow/EdgeTypes/ApiElementsPanel.tsx b/GUI/src/components/Flow/EdgeTypes/ApiElementsPanel.tsx index 0bfb5be0..e938f9ee 100644 --- a/GUI/src/components/Flow/EdgeTypes/ApiElementsPanel.tsx +++ b/GUI/src/components/Flow/EdgeTypes/ApiElementsPanel.tsx @@ -179,14 +179,11 @@ const ApiElementsPanel: React.FC = ({ onAddToCanvas }) => minWidth: 0, height: 40, padding: '4px 8px', - background: '#FFFFFF', - border: '1px solid #9799A4', borderRadius: 4, fontFamily: "'Roboto', sans-serif", fontSize: 16, fontWeight: 400, lineHeight: '24px', - color: '#09090b', outline: 'none', boxSizing: 'border-box', }} @@ -225,14 +222,12 @@ const ApiElementsPanel: React.FC = ({ onAddToCanvas }) => style={{ tableLayout: 'fixed', width: '100%', borderCollapse: 'separate', borderSpacing: '0 4px' }} > - + handleSort('name')} style={{ cursor: 'pointer', userSelect: 'none', - background: '#F0F0F2', - borderBottom: '1px solid #D2D3D8', }} > {' '} @@ -245,8 +240,6 @@ const ApiElementsPanel: React.FC = ({ onAddToCanvas }) => userSelect: 'none', width: 90, textAlign: 'center', - background: '#F0F0F2', - borderBottom: '1px solid #D2D3D8', }} > {' '} @@ -259,15 +252,13 @@ const ApiElementsPanel: React.FC = ({ onAddToCanvas }) => userSelect: 'none', width: 100, textAlign: 'center', - background: '#F0F0F2', - borderBottom: '1px solid #D2D3D8', whiteSpace: 'nowrap', }} > {' '} {t('apiRegistry.columns.schema')} - + @@ -339,6 +330,7 @@ const ApiElementsPanel: React.FC = ({ onAddToCanvas }) => useToastStore.getState().error({ title: t('global.notificationError') }); }); }} + className="api-elements-panel__action-btn" style={{ background: 'none', border: 'none', @@ -346,7 +338,6 @@ const ApiElementsPanel: React.FC = ({ onAddToCanvas }) => padding: 6, opacity: isTesting ? 0.4 : 1, lineHeight: 1, - color: '#555867', fontSize: 18, display: 'flex', }} @@ -360,13 +351,13 @@ const ApiElementsPanel: React.FC = ({ onAddToCanvas }) => e.stopPropagation(); setEditingEndpoint(endpoint); }} + className="api-elements-panel__action-btn" style={{ background: 'none', border: 'none', cursor: 'pointer', padding: 6, lineHeight: 1, - color: '#555867', fontSize: 18, display: 'flex', }} @@ -380,13 +371,13 @@ const ApiElementsPanel: React.FC = ({ onAddToCanvas }) => e.stopPropagation(); setDeletingEndpoint(endpoint); }} + className="api-elements-panel__action-btn" style={{ background: 'none', border: 'none', cursor: 'pointer', padding: 6, lineHeight: 1, - color: '#555867', fontSize: 18, display: 'flex', }} @@ -405,8 +396,6 @@ const ApiElementsPanel: React.FC = ({ onAddToCanvas }) =>
Date: Sun, 24 May 2026 16:27:20 +0300 Subject: [PATCH 5/7] fix(1022): Fixed border spacing in api elements --- GUI/src/components/Flow/EdgeTypes/ApiElementsPanel.scss | 3 +-- GUI/src/components/Flow/EdgeTypes/ApiElementsPanel.tsx | 2 +- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/GUI/src/components/Flow/EdgeTypes/ApiElementsPanel.scss b/GUI/src/components/Flow/EdgeTypes/ApiElementsPanel.scss index 0cc26866..0a94264b 100644 --- a/GUI/src/components/Flow/EdgeTypes/ApiElementsPanel.scss +++ b/GUI/src/components/Flow/EdgeTypes/ApiElementsPanel.scss @@ -27,8 +27,7 @@ background: #e7f0f6; border-top: 1px solid #b9d2e5; border-bottom: 1px solid #b9d2e5 !important; - height: 40px; - padding: 0 10px; + padding: 8px 10px; } tbody tr td:first-child { diff --git a/GUI/src/components/Flow/EdgeTypes/ApiElementsPanel.tsx b/GUI/src/components/Flow/EdgeTypes/ApiElementsPanel.tsx index e938f9ee..2d2d8b6c 100644 --- a/GUI/src/components/Flow/EdgeTypes/ApiElementsPanel.tsx +++ b/GUI/src/components/Flow/EdgeTypes/ApiElementsPanel.tsx @@ -219,7 +219,7 @@ const ApiElementsPanel: React.FC = ({ onAddToCanvas }) => > From 92460fb2a842cb50c37b4de540008a490a942755 Mon Sep 17 00:00:00 2001 From: 1AhmedYasser <26207361+1AhmedYasser@users.noreply.github.com> Date: Sun, 24 May 2026 18:05:18 +0300 Subject: [PATCH 6/7] chore(1022): changed data table padding --- GUI/src/components/Flow/EdgeTypes/ApiElementsPanel.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/GUI/src/components/Flow/EdgeTypes/ApiElementsPanel.scss b/GUI/src/components/Flow/EdgeTypes/ApiElementsPanel.scss index 0a94264b..3689ab3a 100644 --- a/GUI/src/components/Flow/EdgeTypes/ApiElementsPanel.scss +++ b/GUI/src/components/Flow/EdgeTypes/ApiElementsPanel.scss @@ -17,6 +17,7 @@ .data-table { border-collapse: separate; border-spacing: 0 4px; + padding: 0px 15px; thead th { background: #f0f0f2; From 27c29ff35bb14fc44f7d54d2cc1f8204d72d1676 Mon Sep 17 00:00:00 2001 From: 1AhmedYasser <26207361+1AhmedYasser@users.noreply.github.com> Date: Sun, 24 May 2026 18:20:07 +0300 Subject: [PATCH 7/7] fix(1023): Fixed api registry table overflow on smaller screens --- .../ApiRegistryPage/ApiRegistryTable.tsx | 22 +++++++++---------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/GUI/src/pages/ApiRegistryPage/ApiRegistryTable.tsx b/GUI/src/pages/ApiRegistryPage/ApiRegistryTable.tsx index 32d457f6..4974527b 100644 --- a/GUI/src/pages/ApiRegistryPage/ApiRegistryTable.tsx +++ b/GUI/src/pages/ApiRegistryPage/ApiRegistryTable.tsx @@ -218,7 +218,7 @@ const ApiRegistryTable: React.FC = ({ - + @@ -355,6 +355,14 @@ const ApiRegistryTable: React.FC = ({ {isTesting ? t('global.loading') : t('apiRegistry.actions.test')} + -
handleSort('name')} - style={{ cursor: 'pointer', userSelect: 'none', whiteSpace: 'nowrap', width: '30%' }} + style={{ cursor: 'pointer', userSelect: 'none', whiteSpace: 'nowrap', width: '20%' }} > {' '} {String(t('apiRegistry.columns.name'))} @@ -230,7 +230,7 @@ const ApiRegistryTable: React.FC = ({ userSelect: 'none', whiteSpace: 'nowrap', textAlign: 'center', - width: '160px', + width: '200px', }} > {' '} @@ -259,7 +259,7 @@ const ApiRegistryTable: React.FC = ({ {t('apiRegistry.columns.llmIndexStatus') ?? 'LLM Index Status'}