feat: move "Report Bug / Feature Request" button to header for improved accessibility

- Relocated the button from the bottom sidebar to the header next to the AutoMaker logo.
- Updated the button to be a compact icon-only version with a tooltip on hover.
- Adjusted the header layout to accommodate the new button placement.
- Removed the old button from the sidebar to streamline the UI.
This commit is contained in:
Cody Seibert
2025-12-12 02:43:26 -05:00
parent 8e65f0b338
commit ba24753630
15 changed files with 181 additions and 207 deletions

View File

@@ -1,53 +0,0 @@
📋 Planning implementation for: move the report bug request button to top in header next to the automaker logo
⚡ Executing implementation for: move the report bug request button to top in header next to the automaker logo
Starting code implementation...
🔧 Tool: TodoWrite
Let me start by exploring the header component and understanding the current structure.
🔧 Tool: Glob
🔧 Tool: Grep
🔧 Tool: Read
🔧 Tool: Glob
🔧 Tool: TodoWrite
I found the sidebar component. The "Report Bug / Feature Request" button is currently in the bottom section of the sidebar (lines 1150-1180). The feature request is to move this button to the top header, next to the Automaker logo.
Looking at the current structure:
1. The logo section is at lines 742-770
2. The bug report button is in the bottom section at lines 1150-1180
I'll move the bug report button to be next to the logo in the header area. Let me make this change:
🔧 Tool: Edit
Now I need to remove the old bug report button from the bottom section:
🔧 Tool: Edit
The change is complete. Let me verify the build compiles correctly:
🔧 Tool: Bash
🔧 Tool: Bash
🔧 Tool: Bash
🔧 Tool: Bash
The TypeScript check passed with no errors. Let me mark the task as completed and update the feature status:
🔧 Tool: TodoWrite
🔧 Tool: mcp__automaker-tools__UpdateFeatureStatus
🔧 Tool: TodoWrite
I've completed the feature implementation. Here's a summary of what was done:
**Changes Made:**
1. **Modified `app/src/components/layout/sidebar.tsx`:**
- Moved the "Report Bug / Feature Request" button from the bottom sidebar section (between Running Agents and Settings) to the header area, next to the AutoMaker logo
- Changed the header container from `justify-center` to `justify-between` to accommodate the new button placement
- The button is now a compact icon-only button with a tooltip on hover
- Kept the same test ID (`bug-report-link`) for consistency
- Removed the old button from the bottom section
The bug report button now appears as a small bug icon in the header, right next to the AutoMaker logo, making it more accessible and visible to users.✅ Verifying implementation for: move the report bug request button to top in header next to the automaker logo
Verifying implementation and checking test results...
✓ Verification successful: All tests passed

View File

@@ -1,14 +0,0 @@
{
"category": "Uncategorized",
"description": "move the report bug request button to top in header next to the automaker logo",
"steps": [],
"status": "waiting_approval",
"images": [],
"imagePaths": [],
"skipTests": true,
"model": "opus",
"thinkingLevel": "none",
"id": "feature-1765426941179-om12nlapa",
"startedAt": "2025-12-11T04:22:21.750Z",
"summary": "Moved the Report Bug / Feature Request button from the bottom sidebar section to the header, next to the AutoMaker logo. Modified: app/src/components/layout/sidebar.tsx. The button now appears as a compact icon button in the header area."
}

View File

@@ -1,11 +0,0 @@
{
"timestamp": "2025-12-11T04:22:21.809Z",
"modifiedFiles": [
"app/src/components/views/analysis-view.tsx",
"app/src/components/views/interview-view.tsx"
],
"untrackedFiles": [
".automaker/features/feature-1765426941179-om12nlapa/feature.json",
"marketing/index.html"
]
}

View File

@@ -0,0 +1,29 @@
## Summary
I've implemented the requested feature. Here's what was changed:
### Changes Made to `apps/app/src/components/ui/course-promo-badge.tsx`:
1. **Removed the modal dialog completely** - The `Dialog` component and all its sub-components (`DialogContent`, `DialogHeader`, `DialogTitle`, `DialogDescription`, `DialogFooter`) along with the modal state (`open`) have been removed.
2. **Changed from button to direct link** - The `<button>` element that triggered the modal has been replaced with an `<a>` anchor tag that links directly to `https://agenticjumpstart.com`.
3. **Simplified imports** - Removed unused imports:
- Removed: `Rocket`, `ExternalLink`, `Code`, `MessageSquare`, `Brain`, `Terminal` from lucide-react
- Removed: All Dialog-related imports from `./dialog`
- Removed: `Button` import
- Kept: `Sparkles` and `X` (still needed for the badge UI)
4. **Added proper link attributes** - Added `target="_blank"` to open in a new tab and `rel="noopener noreferrer"` for security best practices.
5. **Updated dismiss button** - Added `e.preventDefault()` to the dismiss button's click handler to prevent the link from being followed when clicking the X to dismiss the badge.
### Behavior:
- **Before**: Clicking "Become a 10x Dev" opened a modal dialog with course information and a "Get Started" button that opened the site
- **After**: Clicking "Become a 10x Dev" navigates directly to `https://agenticjumpstart.com` in a new tab
- The dismiss (X) button functionality remains unchanged - clicking it hides the badge
### Notes for Developer:
- The TypeScript error shown during build check is unrelated to this change (it's in `use-auto-mode.ts` file and was pre-existing)
- The component is now significantly simpler with less code to maintain
- No tests were found specifically for this component, so no test updates were needed

View File

@@ -0,0 +1,14 @@
{
"category": "Uncategorized",
"description": "instead of showing a modal when clicking become a 10x dev, just load up a new link directly to the agenticjumpstart.com site",
"steps": [],
"status": "completed",
"images": [],
"imagePaths": [],
"skipTests": true,
"model": "opus",
"thinkingLevel": "none",
"id": "feature-1765524702667-c4ede0vih",
"startedAt": "2025-12-12T07:41:40.120Z",
"updatedAt": "2025-12-12T07:43:00.682Z"
}