Remove guest Foods/Supplements/Exercise/Healthcare track popup.

Heidi’s panel is food-only, so first-run guests go straight to chat.

Co-authored-by: Cursor <cursoragent@cursor.com>

phd-advisor-frontend/src/components/SearchPathGate.css

@@ -1,129 +0,0 @@
-.search-path-backdrop {
-  position: fixed;
-  inset: 0;
-  z-index: 1200;
-  background: rgba(15, 23, 42, 0.55);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 24px 16px;
-  backdrop-filter: blur(4px);
-}
-
-.search-path-card {
-  width: 100%;
-  max-width: 560px;
-  background: var(--bg-primary, #fff);
-  border: 1px solid var(--border-primary, #e2e8f0);
-  border-radius: 20px;
-  padding: 28px 24px 22px;
-  box-shadow: var(--shadow-xl, 0 20px 40px rgba(0, 0, 0, 0.18));
-}
-
-.search-path-card h2 {
-  margin: 0 0 8px;
-  font-size: 1.35rem;
-  color: var(--text-primary, #0f172a);
-}
-
-.search-path-sub {
-  margin: 0 0 20px;
-  color: var(--text-secondary, #475569);
-  line-height: 1.5;
-  font-size: 0.95rem;
-}
-
-.search-path-options {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 12px;
-  margin-bottom: 16px;
-}
-
-@media (max-width: 560px) {
-  .search-path-options {
-    grid-template-columns: 1fr;
-  }
-}
-
-.search-path-option {
-  text-align: left;
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  padding: 16px;
-  border-radius: 14px;
-  border: 2px solid var(--border-primary, #e2e8f0);
-  background: var(--bg-secondary, #f8fafc);
-  cursor: pointer;
-  transition: border-color 0.15s, background 0.15s, transform 0.15s;
-}
-
-.search-path-option:hover {
-  border-color: var(--accent-primary, #0f766e);
-  transform: translateY(-1px);
-}
-
-.search-path-option.active {
-  border-color: var(--accent-primary, #0f766e);
-  background: var(--accent-soft, #ccfbf1);
-}
-
-.search-path-option-icon {
-  color: var(--accent-primary, #0f766e);
-}
-
-.search-path-option-title {
-  font-weight: 700;
-  font-size: 1.05rem;
-  color: var(--text-primary, #0f172a);
-}
-
-.search-path-option-desc {
-  font-size: 0.85rem;
-  line-height: 1.4;
-  color: var(--text-secondary, #475569);
-}
-
-.search-path-error {
-  color: #b91c1c;
-  font-size: 0.875rem;
-  margin-bottom: 10px;
-}
-
-.search-path-continue {
-  width: 100%;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  border: none;
-  border-radius: 12px;
-  padding: 12px 16px;
-  background: var(--accent-primary, #0f766e);
-  color: #fff;
-  font-weight: 600;
-  cursor: pointer;
-}
-
-.search-path-continue:disabled {
-  opacity: 0.55;
-  cursor: not-allowed;
-}
-
-.search-path-skip {
-  width: 100%;
-  margin-top: 10px;
-  border: none;
-  background: transparent;
-  color: var(--text-secondary, #64748b);
-  font-size: 0.9rem;
-  font-weight: 500;
-  cursor: pointer;
-  padding: 8px;
-}
-
-.search-path-skip:hover {
-  color: var(--text-primary, #0f172a);
-  text-decoration: underline;
-}

phd-advisor-frontend/src/components/SearchPathGate.js

@@ -1,156 +1,32 @@
-import React, { useState } from 'react';
-import { Leaf, Pill, Dumbbell, HeartPulse, ArrowRight } from 'lucide-react';
-import { writeScopedItem, readScopedItem, SEARCH_PATH_KEY } from '../utils/canvasStorage';
-import './SearchPathGate.css';
+import { Leaf } from 'lucide-react';
+import { writeScopedItem, SEARCH_PATH_KEY } from '../utils/canvasStorage';
 
 export const SEARCH_PATH_STORAGE_KEY = SEARCH_PATH_KEY;
+export const FOOD_TRACK = 'Foods';
 
+/** Food is the only track. Non-food options (Supplements, Exercise, Healthcare) are gone. */
 export const SEARCH_PATH_OPTIONS = [
   {
-    value: 'Foods',
+    value: FOOD_TRACK,
     title: 'Foods',
     description: 'Clean eating, produce, recipes, and everyday real-food habits.',
     icon: Leaf,
     color: '#059669',
     bg: '#ECFDF5',
   },
-  {
-    value: 'Supplements',
-    title: 'Supplements',
-    description: 'Superfoods, enzymes, and concentrated nutrition — with careful guidance.',
-    icon: Pill,
-    color: '#D97706',
-    bg: '#FFFBEB',
-  },
-  {
-    value: 'Exercise',
-    title: 'Exercise',
-    description: 'Fueling movement with whole foods, snacks, and recovery-friendly meals.',
-    icon: Dumbbell,
-    color: '#2563EB',
-    bg: '#EFF6FF',
-  },
-  {
-    value: 'Healthcare',
-    title: 'Healthcare',
-    description: 'Food-first wellness questions to discuss alongside your own clinicians.',
-    icon: HeartPulse,
-    color: '#E11D48',
-    bg: '#FFF1F2',
-  },
 ];
 
-const KNOWN_PATHS = new Set([
-  ...SEARCH_PATH_OPTIONS.map((o) => o.value.toLowerCase()),
-  'clean eating basics',
-  'more fruits & vegetables',
-  'more fruits and vegetables',
-]);
+export function persistFoodTrack(userId) {
+  if (userId) writeScopedItem(SEARCH_PATH_KEY, userId, FOOD_TRACK);
+}
 
 /**
- * First-run gate: healthy-eating focus steers advisor trajectory.
- * Shown once until a known focus is saved (profile or localStorage).
+ * Never show the first-run track picker. Heidi’s panel is food-only.
  */
-const SearchPathGate = ({ authToken, userId, onComplete }) => {
-  const [selected, setSelected] = useState(null);
-  const [saving, setSaving] = useState(false);
-  const [error, setError] = useState('');
-
-  const handleContinue = async () => {
-    if (!selected) {
-      setError('Pick a focus to continue.');
-      return;
-    }
-    setSaving(true);
-    setError('');
-    try {
-      const resp = await fetch(`${process.env.REACT_APP_API_URL}/api/users/me/profile`, {
-        method: 'PUT',
-        headers: {
-          Authorization: `Bearer ${authToken}`,
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({ cyber_role: selected }),
-      });
-      if (!resp.ok) {
-        const data = await resp.json().catch(() => ({}));
-        throw new Error(data.detail || 'Could not save your choice');
-      }
-      const profile = await resp.json();
-      writeScopedItem(SEARCH_PATH_KEY, userId, selected);
-      onComplete?.(profile, selected);
-    } catch (e) {
-      setError(e.message || 'Could not save your choice');
-    } finally {
-      setSaving(false);
-    }
-  };
-
-  return (
-    <div className="search-path-backdrop" role="dialog" aria-modal="true" aria-labelledby="search-path-title">
-      <div className="search-path-card">
-        <h2 id="search-path-title">What would you like to focus on right now?</h2>
-        <p className="search-path-sub">
-          Pick one track to start. You can always ask about anything in chat — this just helps the advisors greet you in the right lane.
-        </p>
-        <div className="search-path-options">
-          {SEARCH_PATH_OPTIONS.map((opt) => {
-            const Icon = opt.icon;
-            const active = selected === opt.value;
-            return (
-              <button
-                key={opt.value}
-                type="button"
-                className={`search-path-option ${active ? 'active' : ''}`}
-                onClick={() => { setSelected(opt.value); setError(''); }}
-                disabled={saving}
-                style={active ? { borderColor: opt.color, background: opt.bg } : undefined}
-              >
-                <Icon className="search-path-option-icon" size={22} style={{ color: opt.color }} />
-                <span className="search-path-option-title">{opt.title}</span>
-                <span className="search-path-option-desc">{opt.description}</span>
-              </button>
-            );
-          })}
-        </div>
-        {error && <div className="search-path-error">{error}</div>}
-        <button
-          type="button"
-          className="search-path-continue"
-          onClick={handleContinue}
-          disabled={saving || !selected}
-        >
-          {saving ? 'Saving…' : 'Continue to advisors'}
-          {!saving && <ArrowRight size={16} />}
-        </button>
-        <button
-          type="button"
-          className="search-path-skip"
-          onClick={() => {
-            writeScopedItem(SEARCH_PATH_KEY, userId, 'Foods');
-            onComplete?.(null, 'Foods');
-          }}
-          disabled={saving}
-        >
-          Skip for now
-        </button>
-      </div>
-    </div>
-  );
-};
-
-export function needsSearchPath(profile, userId) {
-  try {
-    const stored = readScopedItem(SEARCH_PATH_KEY, userId);
-    if (stored && KNOWN_PATHS.has(String(stored).toLowerCase())) {
-      return false;
-    }
-  } catch {
-    /* ignore */
-  }
-  const role = profile?.cyber_role;
-  if (!role) return true;
-  return !KNOWN_PATHS.has(String(role).toLowerCase());
+export function needsSearchPath(_profile, _userId) {
+  return false;
 }
 
+const SearchPathGate = () => null;
+
 export default SearchPathGate;

phd-advisor-frontend/src/components/SearchPathGate.test.js

@@ -0,0 +1,21 @@
+import { needsSearchPath, persistFoodTrack, FOOD_TRACK, SEARCH_PATH_OPTIONS } from './SearchPathGate';
+import { SEARCH_PATH_KEY, readScopedItem } from '../utils/canvasStorage';
+
+beforeEach(() => {
+  localStorage.clear();
+});
+
+test('food is the only track option', () => {
+  expect(SEARCH_PATH_OPTIONS.map((o) => o.value)).toEqual([FOOD_TRACK]);
+});
+
+test('the guest track popup never shows', () => {
+  expect(needsSearchPath(null, 'guest-1')).toBe(false);
+  expect(needsSearchPath({ cyber_role: 'Supplements' }, 'guest-1')).toBe(false);
+  expect(needsSearchPath({ cyber_role: 'Healthcare' }, 'user-a')).toBe(false);
+});
+
+test('persistFoodTrack stores Foods for the user', () => {
+  persistFoodTrack('guest-1');
+  expect(readScopedItem(SEARCH_PATH_KEY, 'guest-1')).toBe(FOOD_TRACK);
+});

phd-advisor-frontend/src/pages/ChatPage.js

@@ -15,7 +15,7 @@ import '../styles/EnhancedChatInput.css';
 import AdvisorCarousel from '../components/AdvisorCarousel';
 import OnboardingChat from '../components/OnboardingChat';
 import ProfileWalkthrough from '../components/ProfileWalkthrough';
-import SearchPathGate, { needsSearchPath } from '../components/SearchPathGate';
+import { persistFoodTrack } from '../components/SearchPathGate';
 import ClearDataModal from '../components/ClearDataModal';
 import AccountModal from '../components/AccountModal';
 import {
@@ -75,11 +75,10 @@ const ChatPage = ({ user, authToken, onNavigateToHome, onNavigateToCanvas, onSig
   const [showClearData, setShowClearData] = useState(false);
   const [showAccount, setShowAccount] = useState(false);
   const [userProfile, setUserProfile] = useState(null);
-  const [profileLoaded, setProfileLoaded] = useState(false);
-  const [showSearchPathGate, setShowSearchPathGate] = useState(false);
   const [synthesizedMode, setSynthesizedMode] = useState(false);
 
   const loadProfile = async () => {
+    persistFoodTrack(userId);
     try {
       const resp = await fetch(`${process.env.REACT_APP_API_URL}/api/users/me/profile`, {
         headers: { Authorization: `Bearer ${authToken}` },
@@ -87,21 +86,14 @@ const ChatPage = ({ user, authToken, onNavigateToHome, onNavigateToCanvas, onSig
       if (resp.ok) {
         const profile = await resp.json();
         setUserProfile(profile);
-        // Only show the focus gate once — needsSearchPath also honors localStorage
-        setShowSearchPathGate(needsSearchPath(profile, userId));
-      } else {
-        setShowSearchPathGate(needsSearchPath(null, userId));
       }
     } catch (e) {
-      setShowSearchPathGate(needsSearchPath(null, userId));
-    } finally {
-      setProfileLoaded(true);
+      /* profile is optional for guests */
     }
   };
 
   useEffect(() => {
     if (authToken) {
-      setProfileLoaded(false);
       loadProfile();
     }
   }, [authToken]);
@@ -889,7 +881,6 @@ const handleNewChat = async (sessionId = null) => {
   }, [messages]);
 
   const handleInputSubmit = async (inputMessage) => {
-  if (showSearchPathGate) return;
   if (replyingTo) {
     // This is a reply to a specific message
     await handleReplyToAdvisor(inputMessage, replyingTo);
@@ -1120,15 +1111,13 @@ const handleNewChat = async (sessionId = null) => {
               onSendMessage={handleInputSubmit}
               onFileUploaded={handleFileUploaded}
               uploadedDocuments={uploadedDocuments}
-              isLoading={isLoading || showSearchPathGate}
+              isLoading={isLoading}
               currentChatSessionId={currentSessionId}
               authToken={authToken}
               synthesizedMode={synthesizedMode}
               onToggleSynthesized={() => setSynthesizedMode((prev) => !prev)}
               placeholder={
-                showSearchPathGate
-                  ? 'Choose a focus above to start…'
-                  : replyingTo 
+                replyingTo 
                   ? `Reply to ${replyingTo.advisorName}...`
                   : chatPlaceholder
               }
@@ -1145,17 +1134,6 @@ const handleNewChat = async (sessionId = null) => {
         />
       )}
 
-      {profileLoaded && showSearchPathGate && (
-        <SearchPathGate
-          authToken={authToken}
-          userId={userId}
-          onComplete={(profile) => {
-            if (profile) setUserProfile(profile);
-            setShowSearchPathGate(false);
-          }}
-        />
-      )}
-
       {showAccount && (
         <AccountModal
           user={user}