Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

improvement: add Toggle component and enhance CodebaseSettingsDialog UX#270

Merged
breaking-brake merged 2 commits intomainbreaking-brake/cc-wf-studio:mainfrom
improvement/toggle-componentbreaking-brake/cc-wf-studio:improvement/toggle-componentCopy head branch name to clipboard
Dec 14, 2025
Merged

improvement: add Toggle component and enhance CodebaseSettingsDialog UX#270
breaking-brake merged 2 commits intomainbreaking-brake/cc-wf-studio:mainfrom
improvement/toggle-componentbreaking-brake/cc-wf-studio:improvement/toggle-componentCopy head branch name to clipboard

Conversation

@breaking-brake
Copy link
Copy Markdown
Owner

Summary

  • Add reusable Toggle component with OFF/ON labels (iOS-style design)
  • Simplify CodebaseSettingsDialog by removing Index Status section
  • Enhance progress bar UX with minimum display duration and completion message

Changes

New: Toggle Component

  • src/webview/src/components/common/Toggle.tsx
  • Based on radix-ui Switch with OFF/ON labels displayed inside
  • VSCode theme color integration (works with light/dark themes)
  • Two sizes: small (54x26px), medium (64x30px)

CodebaseSettingsDialog Improvements

  • Replace checkbox with Toggle component
  • Auto-build index when toggle ON, auto-clear when OFF
  • Remove Index Status section (badge, document/file counts) - simplifies UI
  • Progress bar enhancements:
    • Minimum 1s display duration (prevents "flash" on fast builds)
    • Shows "Building index... X%" during build
    • Shows green "Complete" message for 1s after completion

Removed

  • Unused translation keys: codebaseIndex.documents, codebaseIndex.files, codebaseIndex.noIndex, codebaseIndex.settings.status

Testing

  • Manual E2E testing completed
  • Code quality checks passed (format, lint, check)
  • Build successful

Related

breaking-brake and others added 2 commits December 14, 2025 11:21
- Add Toggle.tsx based on radix-ui Switch with iOS-style design
- Display OFF/ON label on opposite side of thumb
- Use VSCode theme colors for light/dark theme compatibility
- Replace checkbox with Toggle in CodebaseSettingsDialog

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Auto-build index when toggle ON, auto-clear when OFF
- Remove Index Status section (badge, document/file counts)
- Add minimum 1s display duration for progress bar
- Show "Complete" message with green bar after build finishes
- Remove unused translation keys

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@breaking-brake breaking-brake merged commit da9dcc4 into main Dec 14, 2025
3 checks passed
@breaking-brake breaking-brake deleted the improvement/toggle-component branch December 14, 2025 03:09
@breaking-brake breaking-brake mentioned this pull request Dec 14, 2025
github-actions Bot added a commit that referenced this pull request Dec 14, 2025
## [3.7.1](v3.7.0...v3.7.1) (2025-12-14)

### Improvements

* add Toggle component and enhance CodebaseSettingsDialog UX ([#270](#270)) ([da9dcc4](da9dcc4))
* remove excessive emojis from CodebaseSettingsDialog ([#268](#268)) ([69b3a32](69b3a32))
@github-actions
Copy link
Copy Markdown
Contributor

🎉 This PR is included in version 3.7.1 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

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

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

Morty Proxy This is a proxified and sanitized view of the page, visit original site.