fix(01-code-splitting): convert PodcastMaker AnalysisPanel MUI icons

- Converted barrel imports to individual imports across 18 AnalysisPanel files
- AnalysisPanel.tsx (12 icons), AnalysisTabNav.tsx (9 icons)

frontend/src/components/PodcastMaker/AnalysisPanel.tsx

@@ -1,9 +1,19 @@
 import React, { useState, useEffect } from "react";
 import { Stack, Box, Typography, Divider, Chip, alpha, Button, IconButton, Popover, TextField, Tooltip } from "@mui/material";
-import { Psychology as PsychologyIcon, Person as PersonIcon, Edit as EditIcon, Save as SaveIcon, Close as CloseIcon, Input as InputIcon, Groups as GroupsIcon, ListAlt as ListAltIcon, Lightbulb as TipsIcon, Article as ArticleIcon, AutoFixHigh as BibleIcon } from "@mui/icons-material";
+import PsychologyIcon from "@mui/icons-material/Psychology";
+import PersonIcon from "@mui/icons-material/Person";
+import EditIcon from "@mui/icons-material/Edit";
+import SaveIcon from "@mui/icons-material/Save";
+import CloseIcon from "@mui/icons-material/Close";
+import InputIcon from "@mui/icons-material/Input";
+import GroupsIcon from "@mui/icons-material/Groups";
+import ListAltIcon from "@mui/icons-material/ListAlt";
+import TipsIcon from "@mui/icons-material/Lightbulb";
+import ArticleIcon from "@mui/icons-material/Article";
+import BibleIcon from "@mui/icons-material/AutoFixHigh";
+import RefreshIcon from "@mui/icons-material/Refresh";
 import { PodcastAnalysis, PodcastEstimate, PodcastBible } from "./types";
 import { GlassyCard, glassyCardSx, SecondaryButton } from "./ui";
-import { Refresh as RefreshIcon } from "@mui/icons-material";
 import { aiApiClient } from "../../api/client";
 import { InputsTab, AudienceTab, OutlineTab, EpisodeDetailsTab, TakeawaysTab, GuestTab } from "./AnalysisPanel/tabs";
 

frontend/src/components/PodcastMaker/AnalysisPanel/AnalysisPanelLayout.tsx

@@ -1,6 +1,11 @@
 import React from "react";
 import { Box, Stack, Typography, Chip, Button, Divider } from "@mui/material";
-import { Psychology as PsychologyIcon, Refresh as RefreshIcon, Edit as EditIcon, Save as SaveIcon, Close as CloseIcon, Mic as MicIcon } from "@mui/icons-material";
+import PsychologyIcon from "@mui/icons-material/Psychology";
+import RefreshIcon from "@mui/icons-material/Refresh";
+import EditIcon from "@mui/icons-material/Edit";
+import SaveIcon from "@mui/icons-material/Save";
+import CloseIcon from "@mui/icons-material/Close";
+import MicIcon from "@mui/icons-material/Mic";
 import { GlassyCard, glassyCardSx, SecondaryButton } from "../ui";
 import { useAnalysisPanel, TabId } from "./AnalysisPanelContext";
 import { PodcastEstimate } from "../types";

frontend/src/components/PodcastMaker/AnalysisPanel/AnalysisTabNav.tsx

@@ -1,6 +1,14 @@
 import React from "react";
 import { Stack, Button, Typography, Box } from "@mui/material";
-import { Input as InputIcon, Groups as GroupsIcon, ListAlt as ListAltIcon, EditNote as EditNoteIcon, Search as SearchIcon, AutoAwesome as AutoAwesomeIcon, Lightbulb as TipsIcon, Quiz as TalkIcon, RecordVoiceOver as VoiceIcon } from "@mui/icons-material";
+import InputIcon from "@mui/icons-material/Input";
+import GroupsIcon from "@mui/icons-material/Groups";
+import ListAltIcon from "@mui/icons-material/ListAlt";
+import EditNoteIcon from "@mui/icons-material/EditNote";
+import SearchIcon from "@mui/icons-material/Search";
+import AutoAwesomeIcon from "@mui/icons-material/AutoAwesome";
+import TipsIcon from "@mui/icons-material/Lightbulb";
+import TalkIcon from "@mui/icons-material/Quiz";
+import VoiceIcon from "@mui/icons-material/RecordVoiceOver";
 
 export type TabId = "inputs" | "audience" | "content" | "outline" | "titles" | "research" | "hook" | "takeaways" | "guest" | "cta";
 

frontend/src/components/PodcastMaker/AnalysisPanel/parts/AnalysisPanelAudienceTab.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { Stack, Box, Typography, Chip, TextField, Divider } from "@mui/material";
-import { Groups as GroupsIcon, Search as SearchIcon } from "@mui/icons-material";
+import GroupsIcon from "@mui/icons-material/Groups";
+import SearchIcon from "@mui/icons-material/Search";
 import { useAnalysisPanel } from "../AnalysisPanelContext";
 
 const inputStyles = {

frontend/src/components/PodcastMaker/AnalysisPanel/parts/AnalysisPanelDetailsTab.tsx

@@ -1,6 +1,9 @@
 import React from "react";
 import { Stack, Box, Typography, Chip, TextField, IconButton, Paper, Divider } from "@mui/material";
-import { EditNote as EditNoteIcon, Add as AddIcon, AutoAwesome as AutoAwesomeIcon, CallToAction as CTAIcon } from "@mui/icons-material";
+import EditNoteIcon from "@mui/icons-material/EditNote";
+import AddIcon from "@mui/icons-material/Add";
+import AutoAwesomeIcon from "@mui/icons-material/AutoAwesome";
+import CTAIcon from "@mui/icons-material/CallToAction";
 import { useAnalysisPanel } from "../AnalysisPanelContext";
 
 const inputStyles = {

frontend/src/components/PodcastMaker/AnalysisPanel/parts/AnalysisPanelGuestTab.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Stack, Box, Typography, Chip, Paper } from "@mui/material";
-import { Quiz as TalkIcon } from "@mui/icons-material";
+import TalkIcon from "@mui/icons-material/Quiz";
 import { useAnalysisPanel } from "../AnalysisPanelContext";
 
 export const AnalysisPanelGuestTab: React.FC = () => {

frontend/src/components/PodcastMaker/AnalysisPanel/parts/AnalysisPanelInputsTab.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { Box, Stack, Typography, Chip, Paper, alpha } from "@mui/material";
-import { Input as InputIcon, Mic as MicIcon } from "@mui/icons-material";
+import InputIcon from "@mui/icons-material/Input";
+import MicIcon from "@mui/icons-material/Mic";
 import { useAnalysisPanel } from "../AnalysisPanelContext";
 
 interface AnalysisTabContentProps {

frontend/src/components/PodcastMaker/AnalysisPanel/parts/AnalysisPanelTakeawaysTab.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Stack, Box, Typography, Chip, Paper } from "@mui/material";
-import { Lightbulb as TipsIcon } from "@mui/icons-material";
+import TipsIcon from "@mui/icons-material/Lightbulb";
 import { useAnalysisPanel } from "../AnalysisPanelContext";
 
 export const AnalysisPanelTakeawaysTab: React.FC = () => {

frontend/src/components/PodcastMaker/AnalysisPanel/tabs/AudienceTab.tsx

@@ -1,6 +1,10 @@
 import React from "react";
 import { Stack, Box, Typography, Chip, TextField, IconButton, Paper, Divider } from "@mui/material";
-import { Groups as GroupsIcon, Insights as InsightsIcon, Search as SearchIcon, EditNote as EditNoteIcon, Add as AddIcon } from "@mui/icons-material";
+import GroupsIcon from "@mui/icons-material/Groups";
+import InsightsIcon from "@mui/icons-material/Insights";
+import SearchIcon from "@mui/icons-material/Search";
+import EditNoteIcon from "@mui/icons-material/EditNote";
+import AddIcon from "@mui/icons-material/Add";
 import { PodcastAnalysis } from "../../types";
 import { AnalysisTabContent } from "../AnalysisTabNav";
 

frontend/src/components/PodcastMaker/AnalysisPanel/tabs/CTATab.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Box, Typography, Paper } from "@mui/material";
-import { Psychology as PsychologyIcon } from "@mui/icons-material";
+import PsychologyIcon from "@mui/icons-material/Psychology";
 import { PodcastAnalysis } from "../../types";
 import { AnalysisTabContent } from "../AnalysisTabNav";
 

frontend/src/components/PodcastMaker/AnalysisPanel/tabs/EpisodeDetailsTab.tsx

@@ -1,6 +1,10 @@
 import React from "react";
 import { Stack, Box, Typography, Chip, TextField, IconButton, Paper, Divider } from "@mui/material";
-import { EditNote as EditNoteIcon, Add as AddIcon, AutoAwesome as AutoAwesomeIcon, CallToAction as CTAIcon, Edit as EditIcon } from "@mui/icons-material";
+import EditNoteIcon from "@mui/icons-material/EditNote";
+import AddIcon from "@mui/icons-material/Add";
+import AutoAwesomeIcon from "@mui/icons-material/AutoAwesome";
+import CTAIcon from "@mui/icons-material/CallToAction";
+import EditIcon from "@mui/icons-material/Edit";
 import { PodcastAnalysis } from "../../types";
 import { AnalysisTabContent } from "../AnalysisTabNav";
 

frontend/src/components/PodcastMaker/AnalysisPanel/tabs/GuestTab.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Stack, Box, Typography, Chip, Paper } from "@mui/material";
-import { Quiz as TalkIcon } from "@mui/icons-material";
+import TalkIcon from "@mui/icons-material/Quiz";
 import { PodcastAnalysis } from "../../types";
 import { AnalysisTabContent } from "../AnalysisTabNav";
 import { TextToSpeechButton } from "../../../shared/TextToSpeechButton";

frontend/src/components/PodcastMaker/AnalysisPanel/tabs/HookTab.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Box, Typography, Paper } from "@mui/material";
-import { AutoAwesome as AutoAwesomeIcon } from "@mui/icons-material";
+import AutoAwesomeIcon from "@mui/icons-material/AutoAwesome";
 import { PodcastAnalysis } from "../../types";
 import { AnalysisTabContent } from "../AnalysisTabNav";
 

frontend/src/components/PodcastMaker/AnalysisPanel/tabs/InputsTab.tsx

@@ -1,6 +1,8 @@
 import React from "react";
 import { Box, Stack, Typography, Chip, Paper, CircularProgress, alpha } from "@mui/material";
-import { Input as InputIcon, Person as PersonIcon, AutoAwesome as AutoAwesomeIcon } from "@mui/icons-material";
+import InputIcon from "@mui/icons-material/Input";
+import PersonIcon from "@mui/icons-material/Person";
+import AutoAwesomeIcon from "@mui/icons-material/AutoAwesome";
 import { AnalysisTabContent } from "../AnalysisTabNav";
 
 interface InputsTabProps {

frontend/src/components/PodcastMaker/AnalysisPanel/tabs/OutlineTab.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Stack, Box, Typography, Chip } from "@mui/material";
-import { ListAlt as ListAltIcon } from "@mui/icons-material";
+import ListAltIcon from "@mui/icons-material/ListAlt";
 import { PodcastAnalysis } from "../../types";
 import { AnalysisTabContent } from "../AnalysisTabNav";
 import { TextToSpeechButton } from "../../../shared/TextToSpeechButton";

frontend/src/components/PodcastMaker/AnalysisPanel/tabs/ResearchTab.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Stack, Box, Typography, Chip, Paper } from "@mui/material";
-import { Search as SearchIcon } from "@mui/icons-material";
+import SearchIcon from "@mui/icons-material/Search";
 import { PodcastAnalysis } from "../../types";
 import { AnalysisTabContent } from "../AnalysisTabNav";
 

frontend/src/components/PodcastMaker/AnalysisPanel/tabs/TakeawaysTab.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Stack, Box, Typography, Chip, Paper } from "@mui/material";
-import { Lightbulb as TipsIcon } from "@mui/icons-material";
+import TipsIcon from "@mui/icons-material/Lightbulb";
 import { PodcastAnalysis } from "../../types";
 import { AnalysisTabContent } from "../AnalysisTabNav";
 import { TextToSpeechButton } from "../../../shared/TextToSpeechButton";

frontend/src/components/PodcastMaker/AnalysisPanel/tabs/TitlesTab.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { Stack, Box, Typography, Chip, TextField, IconButton } from "@mui/material";
-import { EditNote as EditNoteIcon, Add as AddIcon } from "@mui/icons-material";
+import EditNoteIcon from "@mui/icons-material/EditNote";
+import AddIcon from "@mui/icons-material/Add";
 import { PodcastAnalysis } from "../../types";
 import { AnalysisTabContent } from "../AnalysisTabNav";