From a1c8cdea96890c842aa362442a0141276a7e2c9a Mon Sep 17 00:00:00 2001
From: Jaseem Jas <89440144+jaseemjaskp@users.noreply.github.com>
Date: Fri, 26 Jun 2026 18:13:13 +0530
Subject: [PATCH 01/23] UN-3185: Fix squished route-loading spinner in the
content area (#2118)
GenericLoader's .center uses width/height: inherit, which collapsed to a
narrow column when used as LazyOutlet's content-area Suspense fallback (the
loader text wrapped one word per line beside the sidebar). Wrap the fallback in
a full-width, flex-centered .lazyOutletFallback box and pin .center to width:100%
so it renders centered at its natural size. The top-level loader in Router.jsx
is unaffected (it doesn't use this wrapper).
---
.../components/error/LazyOutlet/LazyOutlet.css | 17 +++++++++++++++++
.../components/error/LazyOutlet/LazyOutlet.jsx | 11 ++++++++++-
2 files changed, 27 insertions(+), 1 deletion(-)
create mode 100644 frontend/src/components/error/LazyOutlet/LazyOutlet.css
diff --git a/frontend/src/components/error/LazyOutlet/LazyOutlet.css b/frontend/src/components/error/LazyOutlet/LazyOutlet.css
new file mode 100644
index 0000000000..45e908db26
--- /dev/null
+++ b/frontend/src/components/error/LazyOutlet/LazyOutlet.css
@@ -0,0 +1,17 @@
+/* Center the route-loading fallback in the content area. */
+.lazyOutletFallback {
+ display: flex;
+ width: 100%;
+ min-height: 60vh;
+ align-items: center;
+ justify-content: center;
+}
+
+/* GenericLoader's .center uses `width/height: inherit`, which collapses to a
+ narrow column inside the flex content area (the loader text ends up wrapping
+ one word per line next to the sidebar). Pin it to the full fallback width so
+ it renders centered at its natural size instead. */
+.lazyOutletFallback > .center {
+ width: 100%;
+ height: auto;
+}
diff --git a/frontend/src/components/error/LazyOutlet/LazyOutlet.jsx b/frontend/src/components/error/LazyOutlet/LazyOutlet.jsx
index ce321c9c60..fb43d5a0eb 100644
--- a/frontend/src/components/error/LazyOutlet/LazyOutlet.jsx
+++ b/frontend/src/components/error/LazyOutlet/LazyOutlet.jsx
@@ -4,6 +4,7 @@ import { Outlet, useLocation } from "react-router-dom";
import { GenericLoader } from "../../generic-loader/GenericLoader.jsx";
import { ErrorBoundary } from "../../widgets/error-boundary/ErrorBoundary.jsx";
+import "./LazyOutlet.css";
// A failed dynamic import — almost always a stale hashed chunk after a
// redeploy (the client's index.html references a filename the CDN no longer
@@ -74,7 +75,15 @@ export function LazyOutlet() {
onError={handleRouteError}
fallbackComponent={}
>
- }>
+ {/* Wrap the loader so it fills the content area and stays centered — see
+ LazyOutlet.css for why GenericLoader needs this here. */}
+
+
+
+ }
+ >
From 24d087282df88ba8e9b2bd5fea3f3f70cdd24fa3 Mon Sep 17 00:00:00 2001
From: Jaseem Jas <89440144+jaseemjaskp@users.noreply.github.com>
Date: Fri, 26 Jun 2026 18:19:01 +0530
Subject: [PATCH 02/23] UN-3185: Pin LLM profile form submit button as a sticky
footer (#2119)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
* UN-3185: Pin LLM profile form submit button as a sticky footer
In the prompt-studio Settings modal, the LLM-profile Add/Edit form put its
submit button (Update/Add) as the last element in normal flow inside a fixed
800px scroll column. When the form is tall — e.g. Advanced Settings expanded —
the button flowed past the modal's visible area and appeared to overflow.
- Make the button a sticky footer (position: sticky; bottom: 0) with a solid
themed background so it stays pinned at the bottom of the scroll column and
fields scroll beneath it.
- The form root's .settings-body-pad-top declared overflow-y: auto with no
bounded height — a dead nested scroll context that would stop the sticky
footer from pinning to the real scroller (.conn-modal-col). Override it back
to visible for this form (scoped via .add-llm-profile-scroll-root).
Verified the sticky pinning against the real CSS rules; build green, biome clean.
* Apply suggestion from @greptile-apps[bot]
Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>
Signed-off-by: Jaseem Jas <89440144+jaseemjaskp@users.noreply.github.com>
---------
Signed-off-by: Jaseem Jas <89440144+jaseemjaskp@users.noreply.github.com>
Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>
---
.../add-llm-profile/AddLlmProfile.css | 22 +++++++++++++++++++
.../add-llm-profile/AddLlmProfile.jsx | 7 ++++--
2 files changed, 27 insertions(+), 2 deletions(-)
diff --git a/frontend/src/components/custom-tools/add-llm-profile/AddLlmProfile.css b/frontend/src/components/custom-tools/add-llm-profile/AddLlmProfile.css
index b4a330b154..69be0e646f 100644
--- a/frontend/src/components/custom-tools/add-llm-profile/AddLlmProfile.css
+++ b/frontend/src/components/custom-tools/add-llm-profile/AddLlmProfile.css
@@ -1,5 +1,27 @@
/* Styles for AddLlmProfile */
+/* The settings modal's content column (.conn-modal-col) is the real scroll
+ container. .settings-body-pad-top declares its own overflow-y: auto with no
+ bounded height, which does nothing except register a nested scroll context
+ that would stop the sticky footer below from pinning to .conn-modal-col.
+ Drop it back to visible for this form. */
+.settings-body-pad-top.add-llm-profile-scroll-root {
+ overflow: visible;
+}
+
+/* Pin the submit button to the bottom of the scrollable panel so it stays
+ visible as the form grows (e.g. Advanced Settings expanded) instead of
+ flowing past the modal. Background is set inline from the antd theme token
+ so scrolling fields don't show through. */
+.add-llm-profile-footer {
+ position: sticky;
+ bottom: 0;
+ z-index: 1;
+ margin-bottom: 0;
+ padding-top: 12px;
+ border-top: 1px solid var(--ant-color-border-secondary, #f0f0f0);
+}
+
.add-llm-profile-row {
width: 100%;
}
diff --git a/frontend/src/components/custom-tools/add-llm-profile/AddLlmProfile.jsx b/frontend/src/components/custom-tools/add-llm-profile/AddLlmProfile.jsx
index bac0e5325f..6740cf0cda 100644
--- a/frontend/src/components/custom-tools/add-llm-profile/AddLlmProfile.jsx
+++ b/frontend/src/components/custom-tools/add-llm-profile/AddLlmProfile.jsx
@@ -453,7 +453,7 @@ function AddLlmProfile({
};
return (
-