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/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" />