From 6763613ed4f1bc9ed47cfde008e14ec6fc0c0acb Mon Sep 17 00:00:00 2001
From: 4Ventures <4ventures@MacBook-Air-de-4Ventures.local>
Date: Fri, 16 Oct 2026 04:31:54 +0200
Subject: [PATCH] fix(calendario): hacer visible LinkedIn en el creador desde
 el primer paso

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/components/CalendarCreator.tsx | 119 +++++++++++++++++------------
 1 file changed, 70 insertions(+), 49 deletions(-)

diff --git a/src/components/CalendarCreator.tsx b/src/components/CalendarCreator.tsx
index 4d0f397..3198476 100644
--- a/src/components/CalendarCreator.tsx
+++ b/src/components/CalendarCreator.tsx
@@ -541,11 +541,15 @@ Regeneradas: ${regenIds.size} · Conservadas: ${
           setErr(null);
           setDayZoom(null);
           setForm(null);
+          setCreatorTab('ig-fb');
         }}
         className="ml-auto inline-flex items-center gap-2 rounded-xl bg-gray-900 px-4 py-2.5 text-sm font-semibold text-white hover:bg-gray-800"
       >
         <CalendarPlus className="h-4 w-4" />
-        Crear nuevo calendario
+        Crear calendario
+        <span className="hidden sm:inline font-normal text-white/70">
+          · IG/FB + LinkedIn
+        </span>
       </button>
 
       {open ? (
@@ -554,7 +558,7 @@ Regeneradas: ${regenIds.size} · Conservadas: ${
             <header className="flex items-center justify-between gap-3 border-b border-gray-200 px-4 py-3">
               <div>
                 <p className="text-[11px] font-bold uppercase tracking-wider text-sky-600">
-                  {tenantLabel} · nuevo mes editorial
+                  {tenantLabel} · nuevo mes editorial · IG/FB + LinkedIn
                 </p>
                 <h2 className="text-lg font-extrabold text-gray-900">
                   {step === 'pick'
@@ -578,6 +582,67 @@ Regeneradas: ${regenIds.size} · Conservadas: ${
                 </p>
               ) : null}
 
+              {/* Tabs de red siempre visibles (también al elegir mes) */}
+              <div className="flex flex-wrap items-center gap-2">
+                <div className="inline-flex rounded-xl border border-gray-200 bg-gray-50 p-0.5">
+                  <button
+                    type="button"
+                    onClick={() => setCreatorTab('ig-fb')}
+                    className={`inline-flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-xs font-semibold ${
+                      creatorTab === 'ig-fb'
+                        ? 'bg-white text-gray-900 shadow-sm'
+                        : 'text-gray-500'
+                    }`}
+                  >
+                    <Instagram className="h-3.5 w-3.5" />
+                    IG / FB
+                    {step === 'edit' ? (
+                      <span className="text-[10px] text-gray-400">
+                        {
+                          (plan?.pieces || []).filter(
+                            (p) => !/linkedin/i.test(p.platform || '')
+                          ).length
+                        }
+                      </span>
+                    ) : null}
+                  </button>
+                  <button
+                    type="button"
+                    onClick={() => setCreatorTab('linkedin')}
+                    className={`inline-flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-xs font-semibold ${
+                      creatorTab === 'linkedin'
+                        ? 'bg-[#7C66B8] text-white shadow-sm'
+                        : 'text-gray-500'
+                    }`}
+                  >
+                    <Linkedin className="h-3.5 w-3.5" />
+                    LinkedIn
+                    {step === 'edit' ? (
+                      <span
+                        className={`text-[10px] ${
+                          creatorTab === 'linkedin'
+                            ? 'text-white/70'
+                            : 'text-gray-400'
+                        }`}
+                      >
+                        {
+                          (plan?.pieces || []).filter((p) =>
+                            /linkedin/i.test(p.platform || '')
+                          ).length
+                        }
+                      </span>
+                    ) : null}
+                  </button>
+                </div>
+                {step === 'pick' ? (
+                  <p className="text-[11px] text-gray-500">
+                    {creatorTab === 'linkedin'
+                      ? 'Tras elegir el mes podrás generar posts LinkedIn desde la estrategia B2B.'
+                      : 'Tras elegir el mes genera IG/FB o cambia a LinkedIn.'}
+                  </p>
+                ) : null}
+              </div>
+
               {step === 'pick' ? (
                 <div className="grid grid-cols-2 sm:grid-cols-3 gap-3">
                   {monthChoices.map((ym) => {
@@ -611,52 +676,6 @@ Regeneradas: ${regenIds.size} · Conservadas: ${
               ) : (
                 <>
                   <div className="flex flex-wrap items-center gap-2">
-                    <div className="inline-flex rounded-xl border border-gray-200 bg-gray-50 p-0.5">
-                      <button
-                        type="button"
-                        onClick={() => setCreatorTab('ig-fb')}
-                        className={`inline-flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-xs font-semibold ${
-                          creatorTab === 'ig-fb'
-                            ? 'bg-white text-gray-900 shadow-sm'
-                            : 'text-gray-500'
-                        }`}
-                      >
-                        <Instagram className="h-3.5 w-3.5" />
-                        IG / FB
-                        <span className="text-[10px] text-gray-400">
-                          {
-                            (plan?.pieces || []).filter(
-                              (p) => !/linkedin/i.test(p.platform || '')
-                            ).length
-                          }
-                        </span>
-                      </button>
-                      <button
-                        type="button"
-                        onClick={() => setCreatorTab('linkedin')}
-                        className={`inline-flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-xs font-semibold ${
-                          creatorTab === 'linkedin'
-                            ? 'bg-[#7C66B8] text-white shadow-sm'
-                            : 'text-gray-500'
-                        }`}
-                      >
-                        <Linkedin className="h-3.5 w-3.5" />
-                        LinkedIn
-                        <span
-                          className={`text-[10px] ${
-                            creatorTab === 'linkedin'
-                              ? 'text-white/70'
-                              : 'text-gray-400'
-                          }`}
-                        >
-                          {
-                            (plan?.pieces || []).filter((p) =>
-                              /linkedin/i.test(p.platform || '')
-                            ).length
-                          }
-                        </span>
-                      </button>
-                    </div>
                     <button
                       type="button"
                       onClick={() => setStep('pick')}
@@ -675,7 +694,9 @@ Regeneradas: ${regenIds.size} · Conservadas: ${
                       ) : (
                         <Sparkles className="h-3.5 w-3.5" />
                       )}
-                      Generar estrategia del mes
+                      {creatorTab === 'linkedin'
+                        ? 'Generar LinkedIn del mes'
+                        : 'Generar estrategia del mes'}
                     </button>
                     <button
                       type="button"