From 789e9a34ea96f36fb68eed5245aba814b054ad1b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcos=20Ben=C3=ADtez?= <marcos.benitez@inquality.com.py>
Date: Tue, 7 Jul 2026 22:18:25 -0300
Subject: [PATCH] =?UTF-8?q?feat(library):=20bot=C3=B3n=20Importar=20BPMN?=
 =?UTF-8?q?=20visible=20para=20client=5Feditor;=20empty=20state=20diferenc?=
 =?UTF-8?q?iado?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/features/library/LibraryPage.tsx       | 21 ++++++++++++++++++++-
 tests/features/library/library-ui.test.tsx |  4 ++--
 2 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/src/features/library/LibraryPage.tsx b/src/features/library/LibraryPage.tsx
index 729fd53..256dad7 100644
--- a/src/features/library/LibraryPage.tsx
+++ b/src/features/library/LibraryPage.tsx
@@ -383,6 +383,25 @@ function HomeView({
   // Empty state: sin grupos ni procesos (ya terminó de cargar)
   if (groups.length === 0 && processes.length === 0) {
     if (isClientRole) {
+      if (user?.platformRole === 'client_editor') {
+        return (
+          <div className="flex flex-col items-center justify-center py-24 gap-4">
+            <Building2 className="h-16 w-16 text-muted-foreground/30" />
+            <p className="text-base font-medium">Tu biblioteca está vacía</p>
+            <p className="text-[13px] text-muted-foreground">
+              Importá tu primer BPMN para empezar a cuantificar costos
+            </p>
+            <button
+              onClick={() => onImport()}
+              className="flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium text-white transition-opacity hover:opacity-90"
+              style={{ background: '#F59845' }}
+            >
+              <Upload className="h-4 w-4" />
+              Importar BPMN
+            </button>
+          </div>
+        )
+      }
       return (
         <div className="flex flex-col items-center justify-center py-24 gap-4">
           <Building2 className="h-16 w-16 text-muted-foreground/30" />
@@ -847,7 +866,7 @@ export function LibraryPage() {
                 <Settings className="h-4 w-4" />
               </button>
             )}
-            {!isClientRole && (
+            {user.platformRole !== 'client_viewer' && (
               <button
                 onClick={handleImport}
                 className="flex items-center gap-2 px-3 py-2 rounded-lg text-sm font-medium text-white transition-opacity hover:opacity-90"
diff --git a/tests/features/library/library-ui.test.tsx b/tests/features/library/library-ui.test.tsx
index 1ff6621..5fafdad 100644
--- a/tests/features/library/library-ui.test.tsx
+++ b/tests/features/library/library-ui.test.tsx
@@ -134,9 +134,9 @@ describe('LibraryPage — visibilidad de controles según rol', () => {
       authUserRef.current = { ...authUserRef.current, platformRole: 'client_editor' }
     })
 
-    it('NO muestra el botón "Importar BPMN"', () => {
+    it('muestra el botón "Importar BPMN"', () => {
       render(<LibraryPage />)
-      expect(screen.queryByText('Importar BPMN')).not.toBeInTheDocument()
+      expect(screen.getByText('Importar BPMN')).toBeInTheDocument()
     })
 
     it('NO muestra el panel de grupos', () => {