Skip to content

feat(ui): Initialize frontend project with React, Vite, Tailwind, TypeScript, and Bun#8

Open
geoffjay wants to merge 2 commits intomainfrom
issue-162
Open

feat(ui): Initialize frontend project with React, Vite, Tailwind, TypeScript, and Bun#8
geoffjay wants to merge 2 commits intomainfrom
issue-162

Conversation

@geoffjay
Copy link
Copy Markdown
Owner

@geoffjay geoffjay commented Mar 5, 2026

Summary

Bootstraps the agentd web UI project with the required technology stack.

Changes

  • Initialized Vite + React + TypeScript project in `ui/` directory
  • Configured Tailwind CSS v4 with custom design token system (colors, spacing, typography)
  • Set up path aliases (`@/components`, `@/hooks`, `@/services`, `@/types`, etc.)
  • Configured ESLint + Prettier with consistent rules
  • Added Nivo chart dependencies (`@nivo/core`, `@nivo/line`, `@nivo/bar`, `@nivo/pie`)
  • Set up environment variable handling for service URLs with defaults
  • Added `.env.development` with default local port configuration
  • Configured dev proxy in `vite.config.ts` for `/api/ask/`, `/api/notify/`, `/api/orchestrator/*`
  • Created full project directory structure as specified
  • Added basic smoke test that renders the app root

Tech Stack

  • Runtime: Bun
  • Framework: React 18
  • Build Tool: Vite 6
  • Styling: Tailwind CSS v4
  • Language: TypeScript (strict mode)
  • Charts: Nivo
  • Routing: React Router v7
  • Testing: Vitest + Testing Library

Closes #162

geoffjay and others added 2 commits March 5, 2026 13:13
…eScript, and Bun

Closes #162

- Set up Vite + React + TypeScript project in ui/ directory
- Configure Tailwind CSS v4 with design token system
- Set up path aliases for @/components, @/hooks, etc.
- Configure ESLint + Prettier
- Add Nivo chart dependencies
- Configure environment variables for service URLs
- Add dev proxy for API services in vite.config.ts
- Add smoke test for app root rendering

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Replace __dirname with fileURLToPath(new URL(..., import.meta.url))
  in vite.config.ts and vitest.config.ts (ESM modules have no __dirname)
- Add @types/node to devDependencies for process, node:url, etc.
- Add "types": ["node"] to tsconfig.node.json
- Include vitest.config.ts in tsconfig.node.json project scope

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@codecov
Copy link
Copy Markdown

codecov bot commented Mar 5, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 52.28%. Comparing base (6115de8) to head (0d1cfe7).

Additional details and impacted files
@@           Coverage Diff           @@
##             main       #8   +/-   ##
=======================================
  Coverage   52.28%   52.28%           
=======================================
  Files          71       71           
  Lines        6105     6105           
=======================================
  Hits         3192     3192           
  Misses       2913     2913           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant