your-ai-workflow-firebase-os 1.2.20 → 1.2.21

package/src/templates/TemplateCalendar.tsx

@@ -119,14 +119,19 @@ export function TemplateCalendar({
   const [userProfile, setUserProfile] = useState<any>(null);
   const [authReady, setAuthReady] = useState(false);
 
-  // 12/24h toggle
+  // 12/24h toggle (per-calendar preference)
+  const timeFormatKey = `cal_24h_${eventsCollection}`;
   const [use24Hour, setUse24Hour] = useState(() => {
-    try { return localStorage.getItem('calendar_use_24h') === 'true'; } catch { return defaultTimeFormat === '24h'; }
+    try {
+      const stored = localStorage.getItem(timeFormatKey);
+      if (stored !== null) return stored === 'true';
+    } catch {}
+    return defaultTimeFormat === '24h';
   });
   const handleToggle24Hour = () => {
     const next = !use24Hour;
     setUse24Hour(next);
-    try { localStorage.setItem('calendar_use_24h', String(next)); } catch {}
+    try { localStorage.setItem(timeFormatKey, String(next)); } catch {}
   };
 
   useEffect(() => {
@@ -768,7 +773,7 @@ export function TemplateCalendar({
       <ConfirmModal
         isOpen={!!confirmDeleteEvent}
         title="Confirm Deletion"
-        message={<>Are you entirely sure you wish to delete <strong>{confirmDeleteEvent?.title}</strong>? This action is permanent.</>}
+        message={<>Are you sure you want to delete <strong className="text-foreground block my-0.5 text-left overflow-hidden text-ellipsis whitespace-nowrap max-w-full">{confirmDeleteEvent?.title}</strong> This action is permanent.</>}
         onConfirm={handleDeleteEvent}
         onCancel={() => { setConfirmDeleteEvent(null); }}
         isProcessing={isDeleting}

package/src/templates/TemplateTable.tsx

@@ -279,7 +279,16 @@ export function TemplateTable({
             <ArrowLeft className="w-4 h-4" /> <span className="hidden sm:inline">Go Back</span>
           </Link>
         )}
-        {isTabMode && <div />}
+        {isTabMode && (
+          <div className="flex-1 min-w-0">
+            <h2 className="text-xl font-extrabold text-foreground tracking-tight truncate">
+              {config?.tabTitle || config?.tabName || title}
+            </h2>
+            <p className="text-[13px] font-medium text-foreground/50 mt-1">
+              {tables.length} {tables.length === 1 ? 'table' : 'tables'}
+            </p>
+          </div>
+        )}
         <div className="flex gap-2 shrink-0">
           {showPrompt && (
             <motion.button