Project Management Tool

Prompt

Build a project management app. The interface will be similar to smartsheets, where tasks are displayed in a grid view (like excel), gantt view (with calendar view and task bars) or both, with a panel split to show both the grid and gantt view. The application UI will include the following elements in the header:- Breadcrumb to help locate the project- Project Name- View controls (Grid, Gantt or Both)- Zoom level (Day, Week, or Month)- Critical Path toggle- Timezone Preview (allows user to enter in a preview mode in the chosen timezone)- Sort button, opens up a sort dialog- Filter button, opens up a filter dialog- Version selector (We will have a main Timeline and user can create scenario planning timelines)- Version control (History of changes with option to rollback)- Clone timeline (user can clone timeline into another location, like making a copy)- Baseline setting, clearing and option to show/hide baseline columns- AI assitant button (open up side panel with an ai chat assitant)These are high level functionality available in the app, you must design the toolbar to be responsive and have the items logically organized by function and relation. At this moment I do not need any backend, use mock data and make sure the components a pure and expect props, do not add complex logic on leaf components. Make the theme use blue ( #0343fb), gray and black. Do not use any gantt libraries.

A system prompt was added to support web rendering