feat(changelog): add v3.2 changelog and update announcement modal

- Add v3.2.0 changelog entry with AI features, SDK migration,
  smart error recovery, video playback fix, and shadcn v3 upgrade
- Update announcement modal to v3.2 content (AI Intelligence theme)
- Replace emojis with Lucide icons in modal feature highlights
- Change localStorage key from "seenV3" to "v3.2SAW"
- Auto-show modal on first visit when v3.2SAW is not set
- Update header button text from "V3 is Here!" to "V3.2"

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: aramb-dev

src/app/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Suspense, useState, lazy } from "react";
+import { Suspense, useState, useEffect, lazy } from "react";
 import { motion, AnimatePresence } from "framer-motion";
 import { Card, CardContent } from "../components/ui/card";
 import { Header } from "../components/layout/Header";
@@ -36,6 +36,14 @@ export default function Page() {
     useState<TranscriptionSession | null>(null);
   const [transcriptionResult] = useState<string | null>(null);
 
+  // Auto-show V3.2 announcement for users who haven't seen it
+  useEffect(() => {
+    const hasSeen = localStorage.getItem("v3.2SAW")
+    if (!hasSeen) {
+      setShowV3Modal(true)
+    }
+  }, [])
+
   // Updated to use the new window method instead of direct DOM manipulation
   const openFeedbackModal = (type: "general" | "issue" | "feature") => {
     if (window.openFeedbackModal) {

src/components/V3AnnouncementModal.tsx

@@ -1,53 +1,51 @@
-import { useEffect, useState } from "react";
-import { motion } from "framer-motion";
-import { X, Sparkles, Music2, Play } from "lucide-react";
-import Confetti from "react-confetti";
-import { Button } from "./ui/button";
-import { AnimatedBackdrop } from "./ui/animated-backdrop";
-import { expandCenter } from "../lib/animations";
+import { useEffect, useState } from "react"
+import { motion } from "framer-motion"
+import { X, Brain, Languages, RefreshCw } from "lucide-react"
+import Confetti from "react-confetti"
+import { Button } from "./ui/button"
+import { AnimatedBackdrop } from "./ui/animated-backdrop"
+import { expandCenter } from "../lib/animations"
+
+const STORAGE_KEY = "v3.2SAW"
 
 interface V3AnnouncementModalProps {
-  onClose: () => void;
+  onClose: () => void
 }
 
 export function V3AnnouncementModal({ onClose }: V3AnnouncementModalProps) {
-  const [showConfetti, setShowConfetti] = useState(false);
+  const [showConfetti, setShowConfetti] = useState(false)
   const [windowDimensions, setWindowDimensions] = useState({
     width: 0,
     height: 0,
-  });
+  })
 
   useEffect(() => {
-    // Set window dimensions for confetti
     const updateWindowDimensions = () => {
       setWindowDimensions({
         width: window.innerWidth,
         height: window.innerHeight,
-      });
-    };
+      })
+    }
 
-    updateWindowDimensions();
-    window.addEventListener("resize", updateWindowDimensions);
+    updateWindowDimensions()
+    window.addEventListener("resize", updateWindowDimensions)
 
-    // Start confetti animation
-    setShowConfetti(true);
+    setShowConfetti(true)
 
-    // Stop confetti after 6 seconds
     const confettiTimer = setTimeout(() => {
-      setShowConfetti(false);
-    }, 6800);
+      setShowConfetti(false)
+    }, 6800)
 
     return () => {
-      window.removeEventListener("resize", updateWindowDimensions);
-      clearTimeout(confettiTimer);
-    };
-  }, []);
+      window.removeEventListener("resize", updateWindowDimensions)
+      clearTimeout(confettiTimer)
+    }
+  }, [])
 
   const handleClose = () => {
-    // Set the flag to prevent showing again
-    localStorage.setItem("seenV3", "true");
-    onClose();
-  };
+    localStorage.setItem(STORAGE_KEY, "true")
+    onClose()
+  }
 
   return (
     <>
@@ -66,10 +64,10 @@ export function V3AnnouncementModal({ onClose }: V3AnnouncementModalProps) {
             <div className="mb-6 flex items-center justify-between">
               <div className="flex items-center gap-3">
                 <div className="rounded-full bg-gradient-to-r from-blue-500 to-purple-600 p-2">
-                  <Play className="h-6 w-6 text-white" />
+                  <Brain className="h-6 w-6 text-white" />
                 </div>
                 <h1 className="bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-2xl font-bold text-transparent dark:from-blue-400 dark:to-purple-400">
-                  V3 is here!
+                  V3.2 -- AI Intelligence
                 </h1>
               </div>
               <Button
@@ -85,57 +83,58 @@ export function V3AnnouncementModal({ onClose }: V3AnnouncementModalProps) {
             {/* Main content */}
             <div className="space-y-6">
               <p className="text-lg text-gray-700 dark:text-gray-300">
-                Experience the future of transcription with Transcription Studio!
-                V3 brings a revolutionary interactive workspace with OpenAI's
-                official Whisper model for unmatched accuracy.
+                Transcriptr now runs on the AssemblyAI SDK with opt-in AI
+                analysis features. Get chapters, summaries, sentiment, entities,
+                and more -- all from a single transcription.
               </p>
 
               {/* Feature highlights */}
               <div className="space-y-4">
                 <div className="flex items-start gap-3">
                   <div className="mt-1 rounded-full bg-blue-100 p-1 dark:bg-blue-900">
-                    <Play className="h-4 w-4 text-blue-600 dark:text-blue-400" />
+                    <Brain className="h-4 w-4 text-blue-600 dark:text-blue-400" />
                   </div>
                   <div>
                     <h3 className="font-medium text-blue-600 dark:text-blue-400">
-                      🎬 Transcription Studio
+                      AI Analysis Features
                     </h3>
                     <p className="text-sm text-gray-700 dark:text-gray-300">
-                      Brand new interactive workspace with an integrated audio
-                      player. Click any segment to jump to that exact moment in
-                      the audio!
+                      Toggle Auto Chapters, Summarization, Sentiment Analysis,
+                      Entity Detection, Key Phrases, Content Moderation, and
+                      Topic Detection. Each feature appears as a new tab in the
+                      Studio.
                     </p>
                   </div>
                 </div>
 
                 <div className="flex items-start gap-3">
                   <div className="mt-1 rounded-full bg-purple-100 p-1 dark:bg-purple-900">
-                    <Music2 className="h-4 w-4 text-purple-600 dark:text-purple-400" />
+                    <Languages className="h-4 w-4 text-purple-600 dark:text-purple-400" />
                   </div>
                   <div>
                     <h3 className="font-medium text-purple-600 dark:text-purple-400">
-                      🤖 OpenAI Whisper Model
+                      30+ Language Support
                     </h3>
                     <p className="text-sm text-gray-700 dark:text-gray-300">
-                      Upgraded to OpenAI's official Whisper model with precise
-                      timestamps for every segment. Better accuracy, better
-                      results.
+                      Auto-detect or manually select from 20+ languages.
+                      AssemblyAI natively supports audio and video formats --
+                      no conversion step needed.
                     </p>
                   </div>
                 </div>
 
                 <div className="flex items-start gap-3">
                   <div className="mt-1 rounded-full bg-green-100 p-1 dark:bg-green-900">
-                    <Sparkles className="h-4 w-4 text-green-600 dark:text-green-400" />
+                    <RefreshCw className="h-4 w-4 text-green-600 dark:text-green-400" />
                   </div>
                   <div>
                     <h3 className="font-medium text-green-600 dark:text-green-400">
-                      ⏱️ Interactive Playback
+                      Smart Error Recovery
                     </h3>
                     <p className="text-sm text-gray-700 dark:text-gray-300">
-                      Watch segments highlight in real-time as audio plays. Export
-                      professional SRT and VTT subtitle files with perfect
-                      timestamps.
+                      If a feature does not support the detected language, you
+                      get a clear explanation and a one-click retry that
+                      automatically disables the unsupported feature.
                     </p>
                   </div>
                 </div>
@@ -144,8 +143,8 @@ export function V3AnnouncementModal({ onClose }: V3AnnouncementModalProps) {
               {/* Call to action */}
               <div className="rounded-lg border border-gray-200 bg-gray-50 p-4 dark:border-gray-700 dark:bg-gray-900">
                 <p className="text-center text-sm text-gray-600 dark:text-gray-400">
-                  Try the new Studio! Upload an audio file and click "Open in
-                  Studio" to experience interactive playback.
+                  Enable AI features in the Transcription Options panel before
+                  uploading. Results appear as tabs in the Studio.
                 </p>
               </div>
 
@@ -175,17 +174,17 @@ export function V3AnnouncementModal({ onClose }: V3AnnouncementModalProps) {
               numberOfPieces={200}
               gravity={0.3}
               colors={[
-                "#3b82f6", // blue-500
-                "#10b981", // emerald-500
-                "#f59e0b", // amber-500
-                "#ef4444", // red-500
-                "#8b5cf6", // violet-500
-                "#06b6d4", // cyan-500
+                "#3b82f6",
+                "#10b981",
+                "#f59e0b",
+                "#ef4444",
+                "#8b5cf6",
+                "#06b6d4",
               ]}
             />
           </div>
         )}
       </AnimatedBackdrop>
     </>
-  );
+  )
 }

src/components/layout/Header.tsx

@@ -73,7 +73,7 @@ export function Header({
                   <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-white opacity-75"></span>
                   <span className="relative inline-flex h-2 w-2 rounded-full bg-white"></span>
                 </span>
-                V3 is Here!
+                V3.2
               </button>
             )}
             <a

src/components/ui/mobile-navigation.tsx

@@ -173,7 +173,7 @@ export function MobileNavigation({
                         <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-white opacity-75"></span>
                         <span className="relative inline-flex h-2 w-2 rounded-full bg-white"></span>
                       </span>
-                      V3 is Here!
+                      V3.2
                     </Button>
                   </motion.div>
                 )}

src/data/changelog.ts

@@ -9,6 +9,33 @@ export interface ChangeItem {
 }
 
 export const changelogItems: ChangeItem[] = [
+  {
+    date: "Fri, 14 Feb 2026",
+    version: "3.2.0",
+    changes: {
+      new: [
+        "**AssemblyAI SDK Integration**: Migrated transcription engine to the official AssemblyAI JavaScript SDK for better reliability and type safety",
+        "**AI Analysis Features**: Opt-in AI intelligence features including Auto Chapters, Summarization, Sentiment Analysis, Entity Detection, Key Phrases, Content Moderation, and Topic Detection",
+        "**Speaker Diarization**: Identify different speakers in interviews, meetings, and conversations",
+        "**Smart Error Recovery**: Feature-language incompatibility errors now show a clear explanation and a one-click retry button that automatically disables the unsupported feature",
+        "**Options Badges**: Selected transcription options (language, diarize, AI features) are shown as badges on the result screen",
+        "**shadcn/ui v3 Upgrade**: All UI components upgraded to shadcn v3 (radix-vega) with unified Radix UI package and Tabler icons",
+        "**Intelligence Panels**: New Studio tabs for Chapters, Summary, Sentiment, Entities, and Key Phrases when AI features are enabled",
+      ],
+      improved: [
+        "**Video File Playback**: Studio player now uses a video element to handle both audio and video containers (MP4, WebM, etc.)",
+        "**Polling Resilience**: Transcription status polling retries up to 5 consecutive errors before failing, with 5-second intervals",
+        "**Mutual Exclusivity Handling**: Auto Chapters and Summarization are mutually exclusive in the UI with clear descriptions",
+        "**Donation Transparency**: Premium features show a one-time donation nudge explaining processing costs",
+      ],
+      fixed: [
+        "**Null Safety**: Added guards on nullable SDK fields to prevent crashes during polling",
+        "**Polling Error Details**: Error responses are now fully read and displayed instead of generic messages",
+        "**Dialog Overlay**: Fixed nearly invisible modal overlay (was 10% opacity, now 50%)",
+        "**CSS Variable System**: Cleaned up theme variables to work correctly with shadcn v3 and Tailwind CSS v4",
+      ],
+    },
+  },
   {
     date: "Fri, 31 Oct 2025",
     version: "3.0.0",