* Perfect! I've successfully added a gear (Settings) icon next to the create task (Plus) icon in the navbar. Here's what I implemented:
## Changes Made
**In `frontend/src/components/layout/navbar.tsx`:**
1. **Added imports**: ProjectForm component and useState hook
2. **Added state management**: `isProjectSettingsOpen` state to control the dialog
3. **Added settings button**: A gear icon button positioned between the "Open in IDE" and "Create Task" buttons
4. **Added dialog**: ProjectForm dialog that opens when the settings button is clicked
5. **Added handlers**: `handleProjectSettingsSuccess` to close the dialog after successful changes
## Key Features
- **Consistent styling**: Uses the same `variant="ghost" size="icon"` styling as other navbar buttons
- **Proper positioning**: Placed logically between IDE and Create Task buttons
- **Conditional rendering**: Only shows when `projectId` is present (same as other project-specific buttons)
- **Accessibility**: Includes proper `aria-label="Project settings"`
- **Full functionality**: Opens the complete ProjectForm with both General settings (setup/dev scripts) and Task Templates tabs
The gear icon now provides immediate access to project settings from any project page, making it much easier to find and modify setup scripts and other project configuration options!
* Perfect! The code has been formatted successfully. Prettier made a small adjustment to the import ordering - it moved the `useState` import to be with the other React imports, which follows the standard convention. The formatting is now clean and follows the project's style guidelines.
The gear icon feature is complete and properly formatted!
0fba097927