From 49390b1896b5ea211575e783ce575991ad9cfca1 Mon Sep 17 00:00:00 2001
From: lizerk <lizerk-dev@gmail.com>
Date: Mon, 20 Apr 2026 12:41:41 +0300
Subject: [PATCH] Separate request statistics panel from list

---
 frontend/src/app/requests/page.tsx            | 98 ++++++++++---------
 .../requests/RequestStatisticsPanel.tsx       |  2 +-
 2 files changed, 51 insertions(+), 49 deletions(-)

diff --git a/frontend/src/app/requests/page.tsx b/frontend/src/app/requests/page.tsx
index c4fd89b7..ade3d01e 100644
--- a/frontend/src/app/requests/page.tsx
+++ b/frontend/src/app/requests/page.tsx
@@ -90,58 +90,60 @@ function RequestsPageContent() {
       ) : h.error ? (
         <div className="app-feedback-danger rounded-2xl p-6 text-center"><p className="text-sm">{h.error}</p></div>
       ) : (
-        <section className="app-surface rounded-2xl p-4">
-          {h.swipeMode && h.pendingDecisionRequests.length > 0 ? (
-            <RequestSwipeModePanel
-              actionError={h.actionError}
-              onApprove={h.handleApprove}
-              onClose={() => h.setSwipeMode(false)}
-              onReject={h.handleReject}
-              requests={h.pendingDecisionRequests}
-            />
-          ) : (
-          <>
+        <>
           <RequestStatisticsPanel
             canView={canViewStats}
             employees={h.employees}
           />
-          <RequestListControls
-            actions={requestControlsActions}
-            feedback={requestControlsFeedback}
-            state={requestControlsState}
-          />
-          <RequestListSection
-            busyKey={h.busyKey}
-            commentDrafts={h.commentDrafts}
-            commentsMap={h.commentsMap}
-            currentUserId={user?.id}
-            departmentNameMap={h.departmentNameMap}
-            expandedComments={h.expandedComments}
-            expandedRows={h.expandedRows}
-            handleAddComment={h.handleAddComment}
-            handleApprove={h.handleApprove}
-            handleCancel={h.handleCancel}
-            handleDelete={h.handleDelete}
-            handleDeleteComment={h.handleDeleteComment}
-            handleReject={h.handleReject}
-            isFinal={h.isFinal}
-            loadMoreRef={h.loadMoreRef}
-            loadingMore={h.loadingMore}
-            nextPage={h.nextPage}
-            openEdit={h.openEdit}
-            requestMenuOpenId={screen.requestMenuOpenId}
-            requestMenuRef={screen.requestMenuRef}
-            requests={h.requests}
-            setAttachmentPreview={h.setAttachmentPreview}
-            onSetCommentDraft={h.setCommentDraft}
-            setDetailsRequest={h.setDetailsRequest}
-            setRequestMenuOpenId={screen.setRequestMenuOpenId}
-            toggleComments={h.toggleComments}
-            toggleRow={h.toggleRow}
-          />
-          </>
-          )}
-        </section>
+          <section className="app-surface rounded-2xl p-4">
+            {h.swipeMode && h.pendingDecisionRequests.length > 0 ? (
+              <RequestSwipeModePanel
+                actionError={h.actionError}
+                onApprove={h.handleApprove}
+                onClose={() => h.setSwipeMode(false)}
+                onReject={h.handleReject}
+                requests={h.pendingDecisionRequests}
+              />
+            ) : (
+            <>
+            <RequestListControls
+              actions={requestControlsActions}
+              feedback={requestControlsFeedback}
+              state={requestControlsState}
+            />
+            <RequestListSection
+              busyKey={h.busyKey}
+              commentDrafts={h.commentDrafts}
+              commentsMap={h.commentsMap}
+              currentUserId={user?.id}
+              departmentNameMap={h.departmentNameMap}
+              expandedComments={h.expandedComments}
+              expandedRows={h.expandedRows}
+              handleAddComment={h.handleAddComment}
+              handleApprove={h.handleApprove}
+              handleCancel={h.handleCancel}
+              handleDelete={h.handleDelete}
+              handleDeleteComment={h.handleDeleteComment}
+              handleReject={h.handleReject}
+              isFinal={h.isFinal}
+              loadMoreRef={h.loadMoreRef}
+              loadingMore={h.loadingMore}
+              nextPage={h.nextPage}
+              openEdit={h.openEdit}
+              requestMenuOpenId={screen.requestMenuOpenId}
+              requestMenuRef={screen.requestMenuRef}
+              requests={h.requests}
+              setAttachmentPreview={h.setAttachmentPreview}
+              onSetCommentDraft={h.setCommentDraft}
+              setDetailsRequest={h.setDetailsRequest}
+              setRequestMenuOpenId={screen.setRequestMenuOpenId}
+              toggleComments={h.toggleComments}
+              toggleRow={h.toggleRow}
+            />
+            </>
+            )}
+          </section>
+        </>
       )}
 
       <RequestDetailModal
diff --git a/frontend/src/components/requests/RequestStatisticsPanel.tsx b/frontend/src/components/requests/RequestStatisticsPanel.tsx
index ab51d889..736b2526 100644
--- a/frontend/src/components/requests/RequestStatisticsPanel.tsx
+++ b/frontend/src/components/requests/RequestStatisticsPanel.tsx
@@ -80,7 +80,7 @@ export function RequestStatisticsPanel({
   ] : [];
 
   return (
-    <div className="app-surface mb-4 overflow-hidden rounded-2xl">
+    <div className="app-surface overflow-hidden rounded-2xl">
       <button
         type="button"
         onClick={() => setOpen((current) => !current)}