Remove AI chat feature to eliminate API costs

- Delete ChatPanel component, chat routes, and chatService
- Uninstall openai and @azure/identity packages
- Remove chat CSS, rename chat-send to btn-primary
- Remove Ask nav link, keep all static features and Watch Mode

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: haileyvictory

client/src/App.tsx

@@ -4,10 +4,9 @@ import Dashboard from "./components/Dashboard";
 import ContestantExplorer from "./components/ContestantExplorer";
 import ContestantDetail from "./components/ContestantDetail";
 import SeasonView from "./components/SeasonView";
-import ChatPanel from "./components/ChatPanel";
 import WatchMode from "./components/WatchMode";
 
-type Page = "dashboard" | "contestants" | "seasons" | "chat" | "watch";
+type Page = "dashboard" | "contestants" | "seasons" | "watch";
 
 function App() {
   const [page, setPage] = useState<Page>("dashboard");
@@ -22,7 +21,6 @@ function App() {
           <a href="#" className={page === "contestants" ? "active" : ""} onClick={() => setPage("contestants")}>Contestants</a>
           <a href="#" className={page === "seasons" ? "active" : ""} onClick={() => setPage("seasons")}>Seasons</a>
           <a href="#" className={page === "watch" ? "active" : ""} onClick={() => setPage("watch")}>🎬 Watch</a>
-          <a href="#" className={page === "chat" ? "active" : ""} onClick={() => setPage("chat")}>💬 Ask</a>
         </nav>
       </header>
 
@@ -33,7 +31,6 @@ function App() {
         )}
         {page === "seasons" && <SeasonView />}
         {page === "watch" && <WatchMode />}
-        {page === "chat" && <ChatPanel />}
       </main>
 
       {selectedContestant && (

client/src/components/ChatPanel.tsx

@@ -135,7 +135,7 @@ export default function WatchMode() {
             onChange={(e) => setNewName(e.target.value)}
             onKeyDown={(e) => e.key === "Enter" && handleAddProfile()}
           />
-          <button className="chat-send" onClick={handleAddProfile}>Add</button>
+          <button className="btn-primary" onClick={handleAddProfile}>Add</button>
         </div>
 
         <h3>Select Episode</h3>
@@ -153,7 +153,7 @@ export default function WatchMode() {
         </div>
 
         <button
-          className="chat-send"
+          className="btn-primary"
           style={{ width: "100%", padding: "1rem", fontSize: "1.1rem" }}
           onClick={startGame}
           disabled={!selectedSeason || profiles.length === 0}

client/src/components/WatchMode.tsx

@@ -166,7 +166,7 @@ export default function WatchModeScorer({ tasks, players, seasonNumber, onComple
       </div>
 
       <button
-        className="chat-send"
+        className="btn-primary"
         style={{ width: "100%", marginTop: "1rem", padding: "0.75rem" }}
         onClick={handleNext}
         disabled={!allContestantsScored}
@@ -316,7 +316,7 @@ function ResultsView({
       </div>
 
       <button
-        className="chat-send"
+        className="btn-primary"
         style={{ width: "100%", marginTop: "1rem", padding: "1rem", fontSize: "1.1rem" }}
         onClick={onDone}
       >

client/src/components/WatchModeScorer.tsx

@@ -19,21 +19,3 @@ export async function fetchAnalysis() {
   const res = await fetch(`${API_BASE}/analysis`);
   return res.json();
 }
-
-export interface ChatMessage {
-  role: "user" | "assistant";
-  content: string;
-}
-
-export async function sendChatMessage(
-  message: string,
-  history: ChatMessage[]
-): Promise<string> {
-  const res = await fetch(`${API_BASE}/chat`, {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({ message, history }),
-  });
-  const data = await res.json();
-  return data.response;
-}

client/src/hooks/useData.ts

@@ -248,71 +248,8 @@ nav a.active {
   margin-left: 0.5rem;
 }
 
-/* Chat — brown board style */
-.chat-container {
-  display: flex;
-  flex-direction: column;
-  height: calc(100vh - 180px);
-  max-height: 700px;
-}
-
-.chat-messages {
-  flex: 1;
-  overflow-y: auto;
-  padding: 1rem;
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-  background: rgba(0,0,0,0.03);
-  border-radius: 4px;
-}
-
-.chat-message {
-  max-width: 80%;
-  padding: 0.75rem 1rem;
-  border-radius: 8px;
-  line-height: 1.5;
-  white-space: pre-wrap;
-}
-
-.chat-message.user {
-  align-self: flex-end;
-  background: var(--tm-brown);
-  color: var(--tm-text-light);
-  border-bottom-right-radius: 2px;
-  box-shadow: 2px 2px 4px var(--tm-shadow);
-}
-
-.chat-message.assistant {
-  align-self: flex-start;
-  background: white;
-  border: 1px solid var(--tm-cream-dark);
-  color: var(--tm-text-dark);
-  border-bottom-left-radius: 2px;
-  box-shadow: 2px 2px 4px var(--tm-shadow);
-}
-
-.chat-input-area {
-  display: flex;
-  gap: 0.5rem;
-  padding: 1rem;
-  border-top: 2px dashed var(--tm-cream-dark);
-}
-
-.chat-input {
-  flex: 1;
-  padding: 0.75rem 1rem;
-  border-radius: 6px;
-  border: 2px solid var(--tm-cream-dark);
-  background: white;
-  color: var(--tm-text-dark);
-  font-size: 0.95rem;
-  outline: none;
-}
-
-.chat-input:focus { border-color: var(--tm-red); }
-
-.chat-send {
+/* Buttons */
+.btn-primary {
   padding: 0.75rem 1.5rem;
   background: var(--tm-red-bright);
   color: white;
@@ -325,16 +262,10 @@ nav a.active {
   box-shadow: 2px 2px 4px var(--tm-shadow);
 }
 
-.chat-send:hover { background: var(--tm-link-hover); }
-.chat-send:disabled { opacity: 0.5; cursor: not-allowed; }
+.btn-primary:hover { background: var(--tm-link-hover); }
+.btn-primary:disabled { opacity: 0.5; cursor: not-allowed; }
 
-/* Suggested questions */
-.suggestions {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-  padding: 0.5rem 1rem;
-}
+/* Pill selector buttons */
 
 .suggestion-btn {
   padding: 0.4rem 0.8rem;