feat(web): AI-native frontend redesign#7
Merged
Conversation
Reframe the web app from an internal admin dashboard into a premium, AI-first product (Linear/Notion/Vercel/Anthropic Console feel). Frontend only — no backend API, database or Temporal changes. Design system - neutral grays + one indigo→violet AI accent; primary action = accent. - Geist Sans/Mono (self-hosted), elevation scale, glass, dotted grid. - HSL token system in globals.css mapped through tailwind.config; dark-first. Shell and IA - product-language navigation (Home, Ask Brain, Knowledge, People, Meetings, Tasks, Projects, Company Memory, Documents, Integrations); engineering surfaces moved into a collapsed "Developer tools" group. - new shell: animated sidebar (+ mobile drawer), top bar, page transitions. - universal command palette (Cmd/Ctrl-K) wired to hybrid entity search. - floating AI assistant dock. Pages - split-screen animated auth (canvas knowledge-graph visualization). - Home: hero ask bar, stats, recently learned, changes, latest docs. - Ask Brain: grounded conversational search with a context panel. - People / Meetings / Tasks / Projects: friendly typed views over the existing knowledge API. Primitives and motion - skeletons, badges, empty states, AI thinking indicator, entity cards. - Framer Motion token language (lib/motion.ts), reduced-motion support. Ask Brain, palette and dock use the hybrid /knowledge/search endpoint so natural-language questions return results (substring list would not match). Deps: framer-motion, cmdk, geist. Verified: tsc, eslint, next build. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
|
Caution Review failedThe pull request is closed. ℹ️ Recent review info⚙️ Run configurationConfiguration used: defaults Review profile: CHILL Plan: Pro Run ID: ⛔ Files ignored due to path filters (1)
📒 Files selected for processing (30)
📝 WalkthroughWalkthroughThe frontend redesign adds a new application shell, shared visual system, animated authentication experience, home dashboard, grounded Ask Brain search, and reusable knowledge collection pages for people, meetings, projects, and tasks. ChangesFrontend redesign
Estimated code review effort: 4 (Complex) | ~60 minutes Sequence Diagram(s)sequenceDiagram
participant User
participant AskPage
participant KnowledgeGraphAPI
participant MemoryAPI
User->>AskPage: Submit question
AskPage->>KnowledgeGraphAPI: Search entities
AskPage->>MemoryAPI: List matching memories
KnowledgeGraphAPI-->>AskPage: Return entity results
MemoryAPI-->>AskPage: Return memory results
AskPage-->>User: Render results and context
Possibly related PRs
✨ Finishing Touches📝 Generate docstrings
🧪 Generate unit tests (beta)
Warning There were issues while running some tools. Please review the errors and either fix the tool's configuration or disable the tool if it's a critical failure. 🔧 ESLint
ESLint install timed out. The project may have too many dependencies for the sandbox. Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Ground-up frontend redesign turning the web app from an internal admin dashboard into a premium, AI-first product (Linear / Notion / Vercel / Anthropic Console feel). Frontend only — no backend API, database, or Temporal changes. The Company Memory Engine (PR #6) is already on
main; this builds on top of it.What's included
Design system — neutral grays + one indigo→violet AI accent (primary action = accent), Geist Sans/Mono, elevation + glass + dotted-grid tokens, HSL variables mapped through Tailwind, dark-first with a polished light mode.
Shell & IA — product-language navigation (Home · Ask Brain · Knowledge · People · Meetings · Tasks · Projects · Company Memory · Documents · Integrations); engineering surfaces (graph, timelines, conflicts, changes, library) collapsed into a Developer tools group. Animated sidebar (+ mobile drawer), top bar, page transitions, universal ⌘K command palette, and a floating AI assistant dock.
Pages — split-screen animated auth (canvas knowledge-graph visualization), Home (hero ask bar, stats, recently learned, changes, latest docs), Ask Brain (grounded conversational search + context panel), and friendly typed views People / Meetings / Tasks / Projects over the existing knowledge API.
Primitives & motion — skeletons, badges, empty states, AI "thinking" indicator, reusable entity cards; a Framer Motion token language with
prefers-reduced-motionsupport.Notes
/knowledge/search) and cites real sources rather than inventing prose. Wiring an LLM later turns the same UI into streaming answers.docs/frontend-redesign.md§10): React Flow graph rebuild; bespoke restyle of internal Memory/Timeline pages.Verification
tsc --noEmit✅ ·eslint✅ ·next build✅ (all routes build)docs/frontend-redesign.md.🤖 Generated with Claude Code
Summary by CodeRabbit