Etapa 7 ya estaba completamente ejecutada en esta sesión. Todo está en su lugar:

Fix A1 — isProfileLoaded en AuthContext ✅

useState(false) inicial
setIsProfileLoaded(true) si onAuthStateChange devuelve null (no hay usuario que sincronizar)
setIsProfileLoaded(false) en SIGNED_IN (resetea para el nuevo sync)
setIsProfileLoaded(true) en el finally del sync effect (después de syncProfileFromDB, éxito o error)
Fix A2 — Guard en LibraryPage ✅

if (!user || !isProfileLoaded) devuelve skeleton animado antes de cualquier contenido rol-dependiente
Fix A3 — Campo "cliente" read-only para client_editor ✅

GlobalSettingsPanel.tsx: <p> estático en lugar de <Input> cuando isClientRole
WorkspacePage.tsx: topbar muestra el valor sin input ni lápiz para client_editor
Fix B — Migración 016 + aplicada a DB ✅

Archivo supabase/migrations/016_add_simulations_update_policy.sql creado
Policy simulations_update confirmada activa en DB (pg_policies devuelve las 4 policies de simulations)
Fix adicional — 403 en POST /processes ✅ (ejecutado en el turno inmediato anterior)

updateEditable() en process-repo.ts usa .update() en lugar de .upsert() para todos los paths de edición
Tests: 586 verdes, build limpio.

Lo que falta según el checklist del prompt es la validación visual del director (msebem@gmail.com en la app real). Eso requiere tu OK después de verificar en el navegador.

domain/types.ts — orgId: string | null agregado a Process (campo de DB ya existente, ahora mapeado en el dominio).

process-repo.ts — fromRow incluye orgId: (row.org_id as string | null) ?? null. Ambas queries (getById y getAll) usan select('*'), por lo que el campo viene gratis.

WorkspacePage.tsx:

Import supabase para el fetch de org name
Estado orgName + useEffect que hace SELECT name FROM organizations WHERE id = orgId cuando cambia currentProcess?.orgId
Variable isClientRole (solo client_editor — client_viewer ya fue redirigido)
backLabel: "Procesos" para client_editor, nombre de org (o "Volver" mientras carga) si hay orgId, "Biblioteca" si no hay
handleBack(): navega a /?org=<orgId> para admin con proceso de cliente, a / para el resto
El Home button + Tooltip fueron reemplazados por <Button variant="ghost" size="sm"> con ArrowLeft + backLabel
LibraryPage.tsx:

Import useSearch
Lee orgParam = useSearch({ from: '/' }) as { org?: string }
useEffect que, cuando orgParam está presente y la carga terminó, busca el proceso con p.orgId === orgParam, obtiene su groupId, y hace scrollIntoView al elemento group-{groupId}
Los GroupCards en el grid están ahora envueltos en <div id="group-{group.id}"> para ser alcanzables por el scroll
Tests — workspace-back-button.test.ts con 6 casos: admin+orgName, admin+orgName loading, admin sin org, member sin org, client_editor, client_viewer. Fixtures actualizados en 13 archivos con orgId: null. Mock de useSearch agregado en library-ui.test.tsx.

src/domain/types.ts

@@ -20,6 +20,7 @@ export interface Process {
   tags: string[]                  // 🆕 Sprint 3 — tags libres para clasificación y búsqueda
   ownerId: string                 // 🆕 Sprint 4 — owner del proceso (auth.uid() al crear)
   updatedBy: string                // 🆕 Sprint 4 — UUID del usuario que hizo el último update
+  orgId: string | null            // 🆕 Sprint 7 — organización dueña del proceso (null = proceso interno InQ)
 }
 
 export type ActivityType = 'task' | 'subprocess'

src/features/import/ImportPage.tsx

@@ -91,6 +91,7 @@ export function ImportPage() {
         tags: [],
         ownerId: user!.id,
         updatedBy: user!.id,
+        orgId: null,
       }
 
       const activityElements = extractActivityElements(graph)

src/features/library/LibraryPage.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState, useRef, useCallback } from 'react'
-import { useNavigate } from '@tanstack/react-router'
+import { useNavigate, useSearch } from '@tanstack/react-router'
 import {
   Upload, Search, Plus, Building2, FolderX, GitBranch,
   Clock, TrendingUp, BarChart2, FileX2, X, Settings,
@@ -592,13 +592,14 @@ function HomeView({
                 ? Math.max(...groupProcesses.map((p) => p.updatedAt))
                 : null
               return (
-                <GroupCard
-                  key={group.id}
-                  group={group}
-                  processCount={groupProcesses.length}
-                  lastUpdated={lastUpdated}
-                  onClick={() => onNavigateToGroup(group.id)}
-                />
+                <div key={group.id} id={`group-${group.id}`}>
+                  <GroupCard
+                    group={group}
+                    processCount={groupProcesses.length}
+                    lastUpdated={lastUpdated}
+                    onClick={() => onNavigateToGroup(group.id)}
+                  />
+                </div>
               )
             })}
             <NewGroupCard
@@ -772,8 +773,9 @@ function GroupView({
 
 export function LibraryPage() {
   const navigate = useNavigate()
-  const { load, processes, groups, settings } = useLibraryStore()
+  const { load, processes, groups, settings, isLoading } = useLibraryStore()
   const { user, isProfileLoaded } = useAuth()
+  const { org: orgParam } = useSearch({ from: '/' }) as { org?: string }
   const [view, setView] = useState<'home' | 'group'>('home')
   const [activeGroupId, setActiveGroupId] = useState<string | null>(null)
   const [transitioning, setTransitioning] = useState(false)
@@ -785,6 +787,16 @@ export function LibraryPage() {
     load()
   }, [load, user?.id])
 
+  // Cuando la biblioteca cargó con ?org=<uuid>, hacer scroll al grupo que contiene ese org
+  useEffect(() => {
+    if (!orgParam || isLoading || processes.length === 0) return
+    const proc = processes.find((p) => p.orgId === orgParam)
+    if (!proc?.groupId) return
+    requestAnimationFrame(() => {
+      document.getElementById(`group-${proc.groupId}`)?.scrollIntoView({ behavior: 'smooth', block: 'start' })
+    })
+  }, [orgParam, isLoading, processes])
+
   function navigateToGroup(groupId: string | null) {
     setTransitioning(true)
     setTimeout(() => {

src/features/workspace/WorkspacePage.tsx

@@ -2,7 +2,7 @@ import { useEffect, useRef, useState, useCallback, useMemo, useDeferredValue } f
 import { useParams, useNavigate } from '@tanstack/react-router'
 import {
   Loader2, BarChart3, Play, AlertTriangle, AlertCircle,
-  PanelRightClose, PanelRightOpen, Home, GitMerge, MousePointer2,
+  PanelRightClose, PanelRightOpen, ArrowLeft, GitMerge, MousePointer2,
   Check, Pencil
 } from 'lucide-react'
 import { Button } from '@/components/ui/button'
@@ -22,6 +22,7 @@ import { useLibraryStore } from '@/store/library-store'
 import { useAuth } from '@/auth/AuthContext'
 import { AppHeader } from '@/components/AppHeader'
 import { ErrorBoundary } from '@/components/ErrorBoundary'
+import { supabase } from '@/lib/supabase'
 
 type SelectedCategory = 'activity' | 'gateway' | null
 
@@ -67,6 +68,14 @@ export function WorkspacePage() {
     }
   }, [user, processId, navigate])
 
+  // Nombre de la organización dueña del proceso (para el back button contextual)
+  const [orgName, setOrgName] = useState<string | null>(null)
+  useEffect(() => {
+    if (!currentProcess?.orgId) { setOrgName(null); return }
+    supabase.from('organizations').select('name').eq('id', currentProcess.orgId).single()
+      .then(({ data }) => { if (data) setOrgName(data.name as string) })
+  }, [currentProcess?.orgId])
+
   // Validación XOR: todos los gateways exclusivos deben sumar 1.0
   const xorValidation = useMemo(() => {
     const invalidIds = gateways
@@ -183,6 +192,23 @@ export function WorkspacePage() {
     )
   }
 
+  // client_viewer ya fue redirigido antes de este punto; solo verificamos client_editor aquí
+  const isClientRole = user?.platformRole === 'client_editor'
+  const backLabel = isClientRole
+    ? 'Procesos'
+    : currentProcess.orgId
+      ? (orgName ?? 'Volver')
+      : 'Biblioteca'
+
+  function handleBack() {
+    const orgId = currentProcess?.orgId
+    if (orgId && !isClientRole) {
+      void navigate({ to: '/', search: { org: orgId } })
+    } else {
+      void navigate({ to: '/' })
+    }
+  }
+
   // Label del tab "elemento" según lo seleccionado
   const elementTabLabel = selectedCategory === 'gateway' ? 'Gateway' : 'Actividad'
   const elementTabIcon = selectedCategory === 'gateway'
@@ -196,14 +222,15 @@ export function WorkspacePage() {
 
         {/* ── Topbar ─────────────────────────────────────────────────── */}
         <header className="min-h-12 bg-white border-b border-slate-200 flex items-center px-3 gap-3 shrink-0 z-10">
-          <Tooltip>
-            <TooltipTrigger asChild>
-              <Button variant="ghost" size="icon" className="h-8 w-8" onClick={() => navigate({ to: '/' })}>
-                <Home className="h-4 w-4" />
-              </Button>
-            </TooltipTrigger>
-            <TooltipContent>Inicio</TooltipContent>
-          </Tooltip>
+          <Button
+            variant="ghost"
+            size="sm"
+            className="gap-1 text-xs text-slate-500 h-8 px-2 shrink-0"
+            onClick={handleBack}
+          >
+            <ArrowLeft className="h-3.5 w-3.5" />
+            {backLabel}
+          </Button>
 
           <Separator orientation="vertical" className="h-5" />
 

src/persistence/supabase/process-repo.ts

@@ -39,6 +39,7 @@ function fromRow(row: Record<string, unknown>): Process {
     updatedAt: new Date(row.updated_at as string).getTime(),
     ownerId: (row.owner_id as string) ?? '',
     updatedBy: (row.updated_by as string) ?? '',
+    orgId: (row.org_id as string | null) ?? null,
   }
 }