Filtro en listado de respuestas admin

app/admin/responses/page.tsx

@@ -8,6 +8,13 @@ export const dynamic = 'force-dynamic'
 const MAX_SUBMISSIONS = 500
 const PROMPT_MAX_LEN = 60
 
+const SURVEY_OPTIONS = [
+  { label: 'Todos', id: null },
+  { label: 'InQuality', id: '30000000-0000-0000-0000-000000000002' },
+  { label: 'Fundación Solidaridad', id: '30000000-0000-0000-0000-000000000003' },
+  { label: 'Demo', id: '30000000-0000-0000-0000-000000000001' },
+] as const
+
 interface AllowedQuestion {
   id: string
   code: string
@@ -63,7 +70,12 @@ function renderValue(value: unknown, type: string): string | null {
   }
 }
 
-export default async function AdminResponsesPage() {
+export default async function AdminResponsesPage({
+  searchParams,
+}: {
+  searchParams: Promise<{ survey_id?: string }>
+}) {
+  const { survey_id: surveyId } = await searchParams
   const supabase = getSupabaseAdmin()
 
   // 1. Preguntas permitidas — text_long e is_sensitive=true se excluyen ACÁ,
@@ -91,22 +103,26 @@ export default async function AdminResponsesPage() {
 
   // 2. Submissions con sus respuestas — answers!inner + .in() filtra el ARRAY
   //    embebido a solo question_id permitidos (consulta, no post-filtro).
+  let responsesQuery = supabase
+    .from('responses')
+    .select(
+      `
+      id,
+      submitted_at,
+      qi_zone,
+      qi_sector,
+      answers!inner ( value, question_id )
+    `
+    )
+    .in('answers.question_id', allowedIds)
+
+  if (surveyId) {
+    responsesQuery = responsesQuery.eq('survey_id', surveyId)
+  }
+
   const { data: responsesData, error: responsesError } =
     allowedIds.length > 0
-      ? await supabase
-          .from('responses')
-          .select(
-            `
-            id,
-            submitted_at,
-            qi_zone,
-            qi_sector,
-            answers!inner ( value, question_id )
-          `
-          )
-          .in('answers.question_id', allowedIds)
-          .order('submitted_at', { ascending: false })
-          .limit(MAX_SUBMISSIONS)
+      ? await responsesQuery.order('submitted_at', { ascending: false }).limit(MAX_SUBMISSIONS)
       : { data: [] as ResponseRow[], error: null }
 
   if (responsesError) {
@@ -170,6 +186,22 @@ export default async function AdminResponsesPage() {
             {totalSubmissions ?? 0} submissions · {totalAnswers ?? 0} respuestas individuales ·
             actualizado {formatDate(new Date().toISOString())}
           </p>
+          <nav className="admin-survey-nav" aria-label="Selección de empresa">
+            {SURVEY_OPTIONS.map((opt) => (
+              <a
+                key={opt.label}
+                href={opt.id ? `/admin/responses?survey_id=${opt.id}` : '/admin/responses'}
+                className={
+                  opt.id === (surveyId ?? null)
+                    ? 'admin-survey-link admin-survey-link-active'
+                    : 'admin-survey-link'
+                }
+                aria-current={opt.id === (surveyId ?? null) ? 'page' : undefined}
+              >
+                {opt.label}
+              </a>
+            ))}
+          </nav>
         </div>
         <a href="/admin/responses" className="admin-refresh">Actualizar</a>
       </header>