From 3b2f5ad80310eb26690f5f4ae3e4c49a550b9875 Mon Sep 17 00:00:00 2001
From: Claude Assistant <claude@anthropic.com>
Date: Wed, 28 Jan 2026 05:03:06 +0000
Subject: [PATCH] Bug RHOAIENG-39116: Remove nested accordion appearance in
 file explorer

Fixed visual nesting issue where file browser sections appeared as nested
accordions within the File Explorer and Artifacts accordions. This was
caused by border styling creating a visual hierarchy that resembled a
nested accordion structure.

Changes:
- Removed border and rounded corners from file browser wrapper divs
- Changed border-b to border-y on header to maintain visual separation
- Applied fix to both File Explorer and Artifacts accordion sections

The fix improves UX by eliminating unnecessary visual nesting while
preserving functionality and maintaining clear section boundaries.

Resolves: https://issues.redhat.com/browse/RHOAIENG-39116

Co-Authored-By: Claude (claude-sonnet-4-5) <noreply@anthropic.com>
---
 .../components/accordions/artifacts-accordion.tsx             | 4 ++--
 .../src/app/projects/[name]/sessions/[sessionName]/page.tsx   | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/frontend/src/app/projects/[name]/sessions/[sessionName]/components/accordions/artifacts-accordion.tsx b/components/frontend/src/app/projects/[name]/sessions/[sessionName]/components/accordions/artifacts-accordion.tsx
index d7d04088d..001214dae 100644
--- a/components/frontend/src/app/projects/[name]/sessions/[sessionName]/components/accordions/artifacts-accordion.tsx
+++ b/components/frontend/src/app/projects/[name]/sessions/[sessionName]/components/accordions/artifacts-accordion.tsx
@@ -64,9 +64,9 @@ export function ArtifactsAccordion({
           </p>
           
           {/* File Browser for Artifacts */}
-          <div className="border rounded-lg overflow-hidden">
+          <div className="overflow-hidden">
             {/* Header with breadcrumbs and actions */}
-            <div className="px-2 py-1.5 border-b flex items-center justify-between bg-muted/30">
+            <div className="px-2 py-1.5 border-y flex items-center justify-between bg-muted/30">
               <div className="flex items-center gap-1 text-xs text-muted-foreground min-w-0 flex-1">
                 {/* Back button when in subfolder or viewing file */}
                 {(currentSubPath || viewingFile) && (
diff --git a/components/frontend/src/app/projects/[name]/sessions/[sessionName]/page.tsx b/components/frontend/src/app/projects/[name]/sessions/[sessionName]/page.tsx
index 1776504c9..8e8e5d56d 100644
--- a/components/frontend/src/app/projects/[name]/sessions/[sessionName]/page.tsx
+++ b/components/frontend/src/app/projects/[name]/sessions/[sessionName]/page.tsx
@@ -1581,8 +1581,8 @@ export default function ProjectSessionDetailPage({
                           </div>
 
                           {/* File Browser */}
-                          <div className="border rounded-lg overflow-hidden">
-                            <div className="px-2 py-1.5 border-b flex items-center justify-between bg-muted/30">
+                          <div className="overflow-hidden">
+                            <div className="px-2 py-1.5 border-y flex items-center justify-between bg-muted/30">
                               <div className="flex items-center gap-1 text-xs text-muted-foreground min-w-0 flex-1">
                                 {(fileOps.currentSubPath ||
                                   fileOps.viewingFile) && (