446 Updated Hackbot UI

[ReehalS]

Update the Hackbot design to match the designs more closely.
Update knowledge docs as well.

[haylietan]

My main suggestions are stylistic:

1. Fix the font to match the figma
2. Increase the border radius for these blue divs

[ReehalS]

Addressed @haylietan 's comments

[Copilot]

Pull request overview

Updates the Hackbot widget UI to better match updated designs, refreshes Hackbot knowledge docs/anchors, and improves hash-based navigation for Project Info/Starter Kit sections.

Changes:

• Redesigned Hackbot widget UI (FAB, message list, input, event cards) and added message timestamps.
• Updated Hackbot knowledge import URLs/content and expanded Hackbot page-context mapping for new anchors.
• Added a useHashChange hook to reliably react to hash navigation in Next.js and wired it into Project Info judging/submission sections.

Reviewed changes

Copilot reviewed 19 out of 20 changed files in this pull request and generated 2 comments.

Show a summary per file

File	Description
public/hackers/hackbot/cow.svg	Adds new Hackbot “Hacky” icon asset used by the FAB/widget.
package.json	Makes hackbot:seed OS-aware and loads env vars via --env-file on both platforms.
app/_types/hackbot.ts	Adds optional timestamp to chat messages.
app/_data/hackbot_knowledge_import.json	Updates knowledge content + deep links to new Project Info / Starter Kit anchors.
app/(pages)/_hooks/useHashChange.ts	Adds custom hash/location change normalization for Next.js pushState hash nav.
app/(pages)/_hooks/useHackbotWidget.ts	Adjusts widget min width and stamps new messages with ISO timestamps.
app/(pages)/_globals/globals.scss	Formatting/consistency tweaks + adds Hackbot FAB animations.
app/(pages)/(hackers)/_components/StarterKit/Resources/DesignDevResources.tsx	Adds scroll offset utility class for #dev-resources anchor.
app/(pages)/(hackers)/_components/ProjectInfo/WhatHappens/WhatHappens.tsx	Syncs active tab + scroll position from hash; uses useHashChange.
app/(pages)/(hackers)/_components/ProjectInfo/ProjectInfoAccordion/ProjectInfoAccordion.tsx	Adds per-item ids and supports opening an item based on an initial hash id.
app/(pages)/(hackers)/_components/ProjectInfo/JudgingInfo/JudgingInfo.tsx	Adds hash-driven accordion opening/scrolling for judging steps.
app/(pages)/(hackers)/_components/Hackbot/HackbotWidget.tsx	Reworks widget layout and FAB (Image-based “Hacky”, pill UI, sizing).
app/(pages)/(hackers)/_components/Hackbot/HackbotMessageList.tsx	Adds empty state redesign, link styling, timestamps, and renders all events as full cards.
app/(pages)/(hackers)/_components/Hackbot/HackbotInputForm.tsx	Redesigns input + suggestion UI and adds hasMessages gating.
app/(pages)/(hackers)/_components/Hackbot/HackbotHeader.tsx	Removes the old header component (replaced by new pill header in widget).
app/(pages)/(hackers)/_components/Hackbot/HackbotEventCard.tsx	Redesigns event cards and add/remove schedule button visuals.
app/(pages)/(hackers)/(hub)/layout.tsx	Enables Hackbot on the Hub and builds an initial profile from the session.
app/(api)/api/hackbot/stream/route.ts	Improves get_events normalization for workshop + meal queries.
app/(api)/_utils/hackbot/systemPrompt.ts	Updates PATH_CONTEXT_MAP to match new Project Info / Starter Kit anchors.
app/(api)/_utils/hackbot/stream/fewShots.ts	Adds a “When is lunch?” few-shot example to guide model behavior.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[michelleyeoh]

UI could match Figma better, but LGTM