Feat: Updated Hackbot UI (#494)

* Update designs to latest figma

* Update name and CTA ui

* Hackbot Knowledge docs fix and lint

* Allow hackbot links to open accordion on project info page

* Hackbot fix linking when on same page in project info

useHashChange is for when

* Lint fixes

* Hacbot import HackerProfile

* Update styling and attention seeking.

Remove unused code as well

* Update font to be font-jakarta across hackbot

* Increase question chip border radius

* minor ui fixes

Author: ReehalS

app/(api)/_utils/hackbot/stream/fewShots.ts

@@ -27,6 +27,14 @@ export const FEW_SHOT_EXAMPLES: HackbotMessage[] = [
     content:
       "Don't stress - start by picking a problem you care about and keep it simple! Check out the Starter Kit for brainstorming guides and past winning hacks. If you need teammates, hop on the #find-a-team Discord channel. Here are some workshops to help you get going:",
   },
+  {
+    role: 'user',
+    content: 'When is lunch?',
+  },
+  {
+    role: 'assistant',
+    content: 'Let me check the schedule for meal times!',
+  },
   {
     role: 'user',
     content: 'What prize tracks should I enter?',

app/(api)/_utils/hackbot/systemPrompt.ts

@@ -1,6 +1,5 @@
 import type { HackerProfile } from '@typeDefs/hackbot';
 
-// TODO: StarterKit id's need to be updated
 export const PATH_CONTEXT_MAP: Record<string, string> = {
   '/': 'the Hub homepage (announcements, prize tracks, mentor/director help, Discord)',
   '/#prize-tracks': 'the Prize Tracks section of the Hub homepage',
@@ -12,14 +11,29 @@ export const PATH_CONTEXT_MAP: Record<string, string> = {
   '/project-info#submission':
     'the Submission Process tab of the Project Info page',
   '/project-info#judging': 'the Judging Process tab of the Project Info page',
+  '/project-info#submission-due':
+    'the "Submission Due" step of the Judging Process (11:00 AM deadline)',
+  '/project-info#team-vs-table':
+    'the "Team vs Table Number" step of the Judging Process',
+  '/project-info#demo-time':
+    'the "Demo Time" step of the Judging Process (12:00 – 2:00 PM)',
+  '/project-info#break':
+    'the "Break" step of the Judging Process (2:00 – 3:00 PM)',
+  '/project-info#closing-ceremony':
+    'the "Closing Ceremony" step of the Judging Process (3:00 – 4:00 PM)',
   '/starter-kit': 'the Starter Kit page',
-  '/starter-kit#lets-begin':
-    'the "Let\'s Begin" section of the Starter Kit (Hacking 101 intro)',
-  '/starter-kit#find-a-team': 'the "Find a Team" section of the Starter Kit',
+  '/starter-kit#introduction':
+    'the "Introduction" section of the Starter Kit (field guide to the weekend)',
+  '/starter-kit#team-building':
+    'the "Team Building" section of the Starter Kit (Team Mixer, Discord team-formation channel)',
   '/starter-kit#ideate':
-    'the "Ideate" section of the Starter Kit (brainstorming, previous hacks)',
-  '/starter-kit#resources':
-    'the "Resources" section of the Starter Kit (developer/designer/mentor resources)',
+    'the "Ideate" section of the Starter Kit (brainstorming principles, previous winning hacks)',
+  '/starter-kit#design-resources':
+    'the "Design Resources" section of the Starter Kit (designer responsibilities, Figma tips, plugins)',
+  '/starter-kit#dev-resources':
+    'the "Dev Resources" section of the Starter Kit (developer responsibilities, MLH starter kits for MongoDB and Auth0)',
+  '/starter-kit#more-tips':
+    'the "More Tips" section of the Starter Kit (last-minute tips for the weekend)',
   '/schedule': 'the Schedule page',
 };
 

app/(api)/api/hackbot/stream/route.ts

@@ -36,15 +36,39 @@ function normalizeGetEventsInputForQuery(input: any, query: string): any {
   const q = query.trim().toLowerCase();
   if (!q) return input;
 
-  const asksForWorkshops = /\bworkshops?\b/.test(q);
-  if (!asksForWorkshops) return input;
-
   // If the user explicitly asks for workshops, enforce WORKSHOPS so
   // generic schedule items (e.g. "Hacking Ends") are not returned.
-  return {
-    ...input,
-    type: 'WORKSHOPS',
-  };
+  if (/\bworkshops?\b/.test(q)) {
+    return { ...input, type: 'WORKSHOPS' };
+  }
+
+  // For meal queries, clamp to MEALS type, suppress activities, and inject
+  // a specific search term so only the relevant meal is returned.
+  if (
+    /\b(lunch|brunch|dinner|breakfast|food|meal|eat|eating|snack)\b/.test(q)
+  ) {
+    const specificMeal = /\blunch\b/.test(q)
+      ? 'lunch'
+      : /\bbrunch\b/.test(q)
+      ? 'brunch'
+      : /\bdinner\b/.test(q)
+      ? 'dinner'
+      : /\bbreakfast\b/.test(q)
+      ? 'breakfast'
+      : /\bsnack\b/.test(q)
+      ? 'snack'
+      : null;
+
+    return {
+      ...input,
+      type: 'MEALS',
+      include_activities: false,
+      // Only override search if the model didn't already provide a tighter one
+      ...(specificMeal && !input.search ? { search: specificMeal } : {}),
+    };
+  }
+
+  return input;
 }
 
 export async function POST(request: Request) {

app/(pages)/(hackers)/(hub)/layout.tsx

@@ -1,22 +1,23 @@
-// import { auth } from '@/auth';
+import { auth } from '@/auth';
 import ProtectedDisplay from '@components/ProtectedDisplay/ProtectedDisplay';
 import Navbar from '@components/Navbar/Navbar';
-// import HackbotWidgetWrapper from '../_components/Hackbot/HackbotWidgetWrapper';
+import HackbotWidgetWrapper from '../_components/Hackbot/HackbotWidgetWrapper';
+import { HackerProfile } from '@typeDefs/hackbot';
 
 export default async function Layout({
   children,
 }: {
   children: React.ReactNode;
 }) {
-  // const session = await auth();
-  // const u = session?.user as any;
-  // const profile: HackerProfile | null = u
-  //   ? {
-  //       name: u.name ?? undefined,
-  //       position: u.position ?? undefined,
-  //       is_beginner: u.is_beginner ?? undefined,
-  //     }
-  //   : null;
+  const session = await auth();
+  const u = session?.user as any;
+  const profile: HackerProfile | null = u
+    ? {
+        name: u.name ?? undefined,
+        position: u.position ?? undefined,
+        is_beginner: u.is_beginner ?? undefined,
+      }
+    : null;
 
   return (
     <ProtectedDisplay
@@ -25,7 +26,7 @@ export default async function Layout({
     >
       <Navbar />
       {children}
-      {/* <HackbotWidgetWrapper initialProfile={profile} /> */}
+      <HackbotWidgetWrapper initialProfile={profile} />
     </ProtectedDisplay>
   );
 }