From 45d2b0b69352f4a0d56e5cde2156dc250806c28c Mon Sep 17 00:00:00 2001
From: ajaysi <ajay.calsoft@gmail.com>
Date: Mon, 6 Apr 2026 16:20:28 +0530
Subject: [PATCH] Fix: Remove duplicate Research Queries section in podcast
 maker

- Remove Research Queries section from AnalysisPanel.tsx
- Keep QuerySelection component as single source for research queries
- Remove unused props (onRunResearch, isResearchRunning, selectedQueries, etc.)
---
 .../components/PodcastMaker/AnalysisPanel.tsx | 117 +-----------------
 .../PodcastMaker/PodcastDashboard.tsx         |   5 -
 2 files changed, 3 insertions(+), 119 deletions(-)

diff --git a/frontend/src/components/PodcastMaker/AnalysisPanel.tsx b/frontend/src/components/PodcastMaker/AnalysisPanel.tsx
index 7bde1257..474379bf 100644
--- a/frontend/src/components/PodcastMaker/AnalysisPanel.tsx
+++ b/frontend/src/components/PodcastMaker/AnalysisPanel.tsx
@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from "react";
-import { Stack, Box, Typography, Divider, Chip, Paper, alpha, CircularProgress, Button, Checkbox } from "@mui/material";
-import { Psychology as PsychologyIcon, Insights as InsightsIcon, Search as SearchIcon, Person as PersonIcon, AutoAwesome as AutoAwesomeIcon, Edit as EditIcon, Save as SaveIcon, Close as CloseIcon, Add as AddIcon, EditNote as EditNoteIcon, Input as InputIcon, Groups as GroupsIcon, ListAlt as ListAltIcon, RecordVoiceOver as VoiceIcon, Lightbulb as TipsIcon, Quiz as TalkIcon } from "@mui/icons-material";
+import { Stack, Box, Typography, Divider, Chip, alpha, Button } from "@mui/material";
+import { Psychology as PsychologyIcon, Insights as InsightsIcon, Person as PersonIcon, AutoAwesome as AutoAwesomeIcon, Edit as EditIcon, Save as SaveIcon, Close as CloseIcon, Add as AddIcon, EditNote as EditNoteIcon, Input as InputIcon, Groups as GroupsIcon, ListAlt as ListAltIcon, RecordVoiceOver as VoiceIcon, Lightbulb as TipsIcon, Quiz as TalkIcon } from "@mui/icons-material";
 import { PodcastAnalysis, PodcastEstimate } from "./types";
 import { GlassyCard, glassyCardSx, SecondaryButton } from "./ui";
 import { Refresh as RefreshIcon } from "@mui/icons-material";
@@ -17,11 +17,6 @@ interface AnalysisPanelProps {
   avatarPrompt?: string | null;
   onRegenerate?: () => void;
   onUpdateAnalysis?: (updatedAnalysis: PodcastAnalysis) => void;
-  onRunResearch?: () => void;
-  isResearchRunning?: boolean;
-  selectedQueries?: Set<string>;
-  onToggleQuery?: (queryId: string) => void;
-  queries?: { id: string; query: string; rationale: string }[];
 }
 
 type TabId = 'inputs' | 'audience' | 'content' | 'outline' | 'titles' | 'hook' | 'takeaways' | 'cta' | 'guest';
@@ -68,12 +63,7 @@ export const AnalysisPanel: React.FC<AnalysisPanelProps> = ({
   avatarUrl, 
   avatarPrompt, 
   onRegenerate,
-  onUpdateAnalysis,
-  onRunResearch,
-  isResearchRunning,
-  selectedQueries,
-  onToggleQuery,
-  queries
+  onUpdateAnalysis
 }) => {
   const [activeTab, setActiveTab] = useState<TabId>('inputs');
   const [avatarBlobUrl, setAvatarBlobUrl] = useState<string | null>(null);
@@ -454,107 +444,6 @@ export const AnalysisPanel: React.FC<AnalysisPanelProps> = ({
             <CTATab analysis={currentAnalysis} />
           )}
         </Box>
-
-        {/* Research Section - Separate from tabs */}
-        <Divider sx={{ borderColor: "rgba(0,0,0,0.06)", my: 2 }} />
-        
-        <Box>
-          <Stack direction="row" justifyContent="space-between" alignItems="center" sx={{ mb: 2 }}>
-            <Typography variant="subtitle1" sx={{ color: "#0f172a", fontWeight: 700, display: "flex", alignItems: "center", gap: 1 }}>
-              <SearchIcon sx={{ color: "#4f46e5" }} />
-              Research Queries
-              {selectedQueries && selectedQueries.size > 0 && (
-                <Chip 
-                  label={`${selectedQueries.size} selected`} 
-                  size="small" 
-                  sx={{ ml: 1, height: 20, fontSize: "0.65rem", bgcolor: "#4f46e5", color: "#fff" }} 
-                />
-              )}
-            </Typography>
-            {onRunResearch && (
-              <Button
-                variant="contained"
-                size="small"
-                onClick={onRunResearch}
-                disabled={isResearchRunning || !selectedQueries || selectedQueries.size === 0}
-                startIcon={isResearchRunning ? <CircularProgress size={16} color="inherit" /> : <SearchIcon />}
-                sx={{
-                  background: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
-                  color: "#fff",
-                  fontWeight: 600,
-                  fontSize: "0.75rem",
-                  px: 2,
-                  py: 0.75,
-                  borderRadius: 2,
-                  textTransform: "none",
-                  "&:hover": {
-                    background: "linear-gradient(135deg, #764ba2 0%, #667eea 100%)",
-                  },
-                  "&:disabled": {
-                    background: "#94a3b8",
-                  }
-                }}
-              >
-                {isResearchRunning ? "Running..." : "Run Research"}
-              </Button>
-            )}
-          </Stack>
-
-          {!analysis?.research_queries || analysis.research_queries.length === 0 ? (
-            <Typography variant="body2" sx={{ color: "#64748b", fontStyle: "italic" }}>
-              No research queries yet. Click "Regenerate Analysis" to generate research queries based on your podcast idea.
-            </Typography>
-          ) : (
-            <Stack spacing={1.5}>
-              {(queries || analysis.research_queries?.map((rq, idx) => ({ id: `query-${idx}`, ...rq }))).map((rq: { id: string; query: string; rationale: string }, idx: number) => {
-                const queryId = rq.id;
-                const isSelected = selectedQueries?.has(queryId) || false;
-                return (
-                  <Paper 
-                    key={idx} 
-                    elevation={0} 
-                    sx={{ 
-                      p: 2, 
-                      bgcolor: isSelected ? "#f0f9ff" : "#f8fafc", 
-                      border: `1px solid ${isSelected ? 'rgba(79,70,229,0.4)' : 'rgba(0,0,0,0.08)'}`,
-                      borderRadius: 2,
-                      transition: "all 0.2s ease",
-                      cursor: onToggleQuery ? "pointer" : "default",
-                      "&:hover": onToggleQuery ? {
-                        borderColor: "rgba(79,70,229,0.3)",
-                        bgcolor: "#f8fafc"
-                      } : {}
-                    }}
-                    onClick={() => onToggleQuery?.(queryId)}
-                  >
-                    <Stack direction="row" alignItems="flex-start" gap={1.5}>
-                      <Checkbox
-                        checked={isSelected}
-                        onChange={() => onToggleQuery?.(queryId)}
-                        sx={{
-                          color: "#64748b",
-                          "&.Mui-checked": {
-                            color: "#4f46e5",
-                          },
-                          padding: 0.5,
-                        }}
-                      />
-                      <Chip label={idx + 1} size="small" sx={{ minWidth: 24, bgcolor: "#4f46e5", color: "#fff" }} />
-                      <Box>
-                        <Typography variant="body2" sx={{ color: "#0f172a", fontWeight: 600, mb: 0.5 }}>
-                          {rq.query}
-                        </Typography>
-                        <Typography variant="caption" sx={{ color: "#64748b" }}>
-                          Rationale: {rq.rationale}
-                        </Typography>
-                      </Box>
-                    </Stack>
-                  </Paper>
-                );
-              })}
-            </Stack>
-          )}
-        </Box>
       </Stack>
     </GlassyCard>
   );
diff --git a/frontend/src/components/PodcastMaker/PodcastDashboard.tsx b/frontend/src/components/PodcastMaker/PodcastDashboard.tsx
index 1cd83a65..4152bf55 100644
--- a/frontend/src/components/PodcastMaker/PodcastDashboard.tsx
+++ b/frontend/src/components/PodcastMaker/PodcastDashboard.tsx
@@ -242,11 +242,6 @@ const PodcastDashboard: React.FC = () => {
                 avatarPrompt={project?.avatarPrompt}
                 onRegenerate={() => setShowRegenModal(true)}
                 onUpdateAnalysis={(updated) => projectState.setAnalysis(updated)}
-                onRunResearch={() => workflow.handleRunResearch()}
-                isResearchRunning={workflow.isResearching}
-                selectedQueries={selectedQueries}
-                onToggleQuery={workflow.toggleQuery}
-                queries={queries}
               />
             )}