From 1813a9396adc99739c621e989cf4e81b57119b1b 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:20 -0300
Subject: [PATCH] =?UTF-8?q?fix(admin):=20InQuality=20visible=20en=20Organi?=
 =?UTF-8?q?zationsPage=20con=20badge=20=E2=80=94=20quitar=20filtro=20is=5F?=
 =?UTF-8?q?provider?=
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/admin/OrganizationsPage.tsx | 27 +++++++++++++++++++-----
 1 file changed, 22 insertions(+), 5 deletions(-)

diff --git a/src/features/admin/OrganizationsPage.tsx b/src/features/admin/OrganizationsPage.tsx
index a40b1fe..cd90563 100644
--- a/src/features/admin/OrganizationsPage.tsx
+++ b/src/features/admin/OrganizationsPage.tsx
@@ -17,6 +17,7 @@ import {
 interface OrgRow {
   id: string
   name: string
+  is_provider: boolean
   created_at: string
   processes: [{ count: number }]
   users: [{ count: number }]
@@ -41,10 +42,16 @@ export function OrganizationsPage() {
   const fetchOrgs = async () => {
     const { data } = await supabase
       .from('organizations')
-      .select('id, name, created_at, processes:processes(count), users:users(count)')
-      .eq('is_provider', false)
+      .select('id, name, is_provider, created_at, processes:processes(count), users:users(count)')
       .order('name')
-    setOrgs((data as OrgRow[] | null) ?? [])
+
+    const sorted = ((data as OrgRow[] | null) ?? []).sort((a, b) => {
+      if (a.is_provider && !b.is_provider) return -1
+      if (!a.is_provider && b.is_provider) return 1
+      return a.name.localeCompare(b.name)
+    })
+
+    setOrgs(sorted)
     setLoading(false)
   }
 
@@ -84,7 +91,7 @@ export function OrganizationsPage() {
   return (
     <>
       <div className="flex items-center justify-between mb-5">
-        <h2 className="text-lg font-semibold text-slate-900">Organizaciones clientes</h2>
+        <h2 className="text-lg font-semibold text-slate-900">Organizaciones</h2>
         <Button size="sm" onClick={openCreate}>
           <Plus className="h-4 w-4 mr-1.5" />
           Nueva organización
@@ -113,7 +120,17 @@ export function OrganizationsPage() {
             <tbody>
               {orgs.map((org) => (
                 <tr key={org.id} className="border-b border-slate-100 last:border-0 hover:bg-slate-50/50 transition-colors">
-                  <td className="py-3 px-4 font-medium text-slate-900">{org.name}</td>
+                  <td className="py-3 px-4 font-medium text-slate-900">
+                    <div className="flex items-center gap-2">
+                      {org.name}
+                      {org.is_provider && (
+                        <span className="text-[10px] font-semibold px-1.5 py-0.5 rounded-full border"
+                          style={{ color: '#F59845', background: '#fff8f0', borderColor: '#fcd9aa' }}>
+                          InQuality
+                        </span>
+                      )}
+                    </div>
+                  </td>
                   <td className="py-3 px-4 text-right text-slate-600 tabular-nums">
                     {org.processes[0]?.count ?? 0}
                   </td>