From b149e1cd0c2d22fbbf768041dfb99508075ab308 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:18:58 -0300
Subject: [PATCH] =?UTF-8?q?fix(workspace):=20sentinel=20'=5F=5Fnone=5F=5F'?=
 =?UTF-8?q?=20en=20selector=20=C3=A1rea=20=E2=80=94=20Radix=20UI=20proh?=
 =?UTF-8?q?=C3=ADbe=20value=3D''=20en=20SelectItem?=
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/workspace/GlobalSettingsPanel.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/features/workspace/GlobalSettingsPanel.tsx b/src/features/workspace/GlobalSettingsPanel.tsx
index ac8d562..5816aca 100644
--- a/src/features/workspace/GlobalSettingsPanel.tsx
+++ b/src/features/workspace/GlobalSettingsPanel.tsx
@@ -30,7 +30,7 @@ export function GlobalSettingsPanel() {
   const { user } = useAuth()
   const isClientRole = user?.platformRole === 'client_editor' || user?.platformRole === 'client_viewer'
   const [localName, setLocalName] = useState('')
-  const [localAreaId, setLocalAreaId] = useState<string>('')
+  const [localAreaId, setLocalAreaId] = useState<string>('__none__')
   const [areas, setAreas] = useState<Area[]>([])
   const [areasLoading, setAreasLoading] = useState(false)
   const [localCurrency, setLocalCurrency] = useState('USD')
@@ -43,7 +43,7 @@ export function GlobalSettingsPanel() {
   useEffect(() => {
     if (!currentProcess) return
     setLocalName(currentProcess.name)
-    setLocalAreaId(currentProcess.areaId ?? '')
+    setLocalAreaId(currentProcess.areaId ?? '__none__')
 
     // Cargar áreas de la org del proceso
     if (currentProcess.orgId) {
@@ -69,7 +69,7 @@ export function GlobalSettingsPanel() {
     const clampedHorizon = Math.min(10, Math.max(1, localHorizon))
     await updateProcess({
       name: localName.trim() || 'Proceso sin nombre',
-      areaId: localAreaId === '' ? null : localAreaId,
+      areaId: localAreaId === '__none__' ? null : localAreaId,
       currency: localCurrency,
       overheadPercentage: localOverhead / 100,
       annualFrequency: Math.max(1, localFrequency),
@@ -115,7 +115,7 @@ export function GlobalSettingsPanel() {
                 <SelectValue placeholder="Sin área" />
               </SelectTrigger>
               <SelectContent>
-                <SelectItem value="" className="text-xs text-slate-400 italic">Sin área</SelectItem>
+                <SelectItem value="__none__" className="text-xs text-slate-400 italic">Sin área</SelectItem>
                 {areas.map((a) => (
                   <SelectItem key={a.id} value={a.id} className="text-xs">{a.name}</SelectItem>
                 ))}