From cc5563974abb2dc999ddd20531a0821772e07f86 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 21:57:29 -0300
Subject: [PATCH] =?UTF-8?q?fix(library):=20scroll=20a=20secci=C3=B3n=20de?=
 =?UTF-8?q?=20org=20al=20volver=20del=20workspace=20con=20=3Forg=20param?=
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 |  1 +
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/features/library/LibraryPage.tsx b/src/features/library/LibraryPage.tsx
index cae952b..729fd53 100644
--- a/src/features/library/LibraryPage.tsx
+++ b/src/features/library/LibraryPage.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useState, useMemo } from 'react'
-import { useNavigate } from '@tanstack/react-router'
+import { useNavigate, useLocation } from '@tanstack/react-router'
 import {
   Upload, Search, Building2, GitBranch,
   Clock, TrendingUp, BarChart2, FileX2, X, Settings,
@@ -508,7 +508,7 @@ function HomeView({
             const areaGroups = getAreaGroups(orgProcesses)
 
             return (
-              <div key={orgId} className="border border-border rounded-xl overflow-hidden">
+              <div key={orgId} id={`org-section-${orgId}`} className="border border-border rounded-xl overflow-hidden">
                 {/* Header de org — colapsable */}
                 <button
                   onClick={() => toggleOrg(orgId)}
@@ -731,7 +731,7 @@ function GroupView({
 
 export function LibraryPage() {
   const navigate = useNavigate()
-  const { load, processes } = useLibraryStore()
+  const { load, processes, isLoading } = useLibraryStore()
   const { user, isProfileLoaded } = useAuth()
   const [view, setView] = useState<'home' | 'group'>('home')
   const [activeGroupId, setActiveGroupId] = useState<string | null>(null)
@@ -739,11 +739,26 @@ export function LibraryPage() {
   const [ownerFilter, setOwnerFilter] = useState<'all' | 'mine'>('all')
   const { message: toastMessage, show: showToast } = useToast()
 
+  const location = useLocation()
+  const orgParam = useMemo(
+    () => new URLSearchParams(location.search).get('org') ?? undefined,
+    [location.search]
+  )
+
   useEffect(() => {
     if (!user) return // no fetchear hasta tener usuario confirmado (evita race condition con sesión Supabase)
     load()
   }, [load, user?.id])
 
+  // Scroll a la sección del org si venimos del workspace
+  useEffect(() => {
+    if (!orgParam || isLoading || processes.length === 0) return
+    requestAnimationFrame(() => {
+      const el = document.getElementById(`org-section-${orgParam}`)
+      el?.scrollIntoView({ behavior: 'smooth', block: 'start' })
+    })
+  }, [orgParam, isLoading, processes.length])
+
   function navigateHome() {
     setTransitioning(true)
     setTimeout(() => {
diff --git a/tests/features/library/library-ui.test.tsx b/tests/features/library/library-ui.test.tsx
index 992302f..1ff6621 100644
--- a/tests/features/library/library-ui.test.tsx
+++ b/tests/features/library/library-ui.test.tsx
@@ -74,6 +74,7 @@ vi.mock('@/components/AppHeader', () => ({ AppHeader: () => null }))
 vi.mock('@tanstack/react-router', () => ({
   useNavigate: () => vi.fn(),
   useRouterState: () => ({ location: { search: '' } }),
+  useLocation: () => ({ search: '' }),
   Link: ({ children }: { children: React.ReactNode }) => <>{children}</>,
 }))