Skip to content

feat: visual refresh, pagination, auth, and JSON editor improvements - #3

Merged
AienTech merged 3 commits into
AienTech:nextfrom
kartalbas:main
Mar 6, 2026
Merged

AienTech merged 3 commits into
AienTech:nextfrom
kartalbas:main

Conversation

@kartalbas

Copy link
Copy Markdown
Contributor

Summary

  • Visual refresh: Page headers with colored icons, colored stat cards, dark-mode safe status badges, index key badges, icon action buttons, sortable table headers with sort direction indicators
  • Server-side pagination: Document browsing with 50/100/500 page sizes, first/prev/next/last navigation
  • Document management: View dialog with read-only editor and edit shortcut, loading skeletons, create/edit/delete with loading states and toast notifications
  • JSON editor: Syntax highlighting via CSS (dark/light mode), 500px height, fixed CodeMirror duplicate @codemirror/state issue with yarn resolutions
  • Authentication: Login page with optional auth via env vars, admin and read-only roles, HMAC-signed session tokens
  • UX polish: Breadcrumb labels, sidebar font styling, empty state messages, loading indicators, VS Code settings for Yarn PnP

Test plan

  • Browse databases and collections — verify page headers, icons, and stat cards
  • Open a collection and verify server-side pagination (50/100/500 per page)
  • Create, view, edit, and delete documents — verify loading states and toasts
  • Verify JSON syntax highlighting in editor (both dark and light mode)
  • Verify sortable table headers with arrow indicators
  • Test aggregation pipeline page
  • Test import/export and backup/restore functionality
  • Verify dark mode toggle works across all pages
  • Enable auth via env vars and verify login/logout flow

🤖 Generated with Claude Code

kartalbas and others added 3 commits February 8, 2026 05:00
…ckup/restore, and aggregation pipeline

- Light/dark mode with next-themes provider and theme toggle
- Credential-based auth with HMAC-signed sessions, middleware protection,
  role-based access (admin/readOnly), and login page using react-hook-form + zod
- Visual query builder with field/operator dropdowns, condition groups,
  AND/OR logic, and JSON fallback mode
- Collection import/export as JSON and CSV via API routes with auth checks
- Database backup/restore with EJSON serialization for data fidelity
- Aggregation pipeline builder with 11 stage types, reordering,
  enable/disable per stage, visual/JSON modes, and live results
- All new code follows established patterns: shadcn/ui components, server
  actions with EJSON serialization, react-hook-form + zod, toast feedback,
  AlertDialog for destructive actions, constant-time password comparison

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Add page headers with colored icons across all pages
- Add colored stat cards with icons on collection stats
- Add icons to action buttons (rename, reindex, compact, clear data)
- Add sortable table headers with sort direction indicators
- Add server-side pagination (50/100/500 per page) for document browsing
- Add document view dialog with read-only editor and edit shortcut
- Add JSON syntax highlighting via CSS for CodeMirror editor
- Add loading skeletons for document list
- Add dark-mode safe status badges for collections
- Add index key badges and count on index management
- Polish breadcrumbs and sidebar styling
- Fix CodeMirror duplicate state issue with yarn resolutions
- Increase editor height to 500px

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@AienTech
AienTech changed the base branch from main to next March 6, 2026 10:56
@AienTech
AienTech merged commit 61da36d into AienTech:next Mar 6, 2026
1 check failed
@AienTech

AienTech commented Mar 6, 2026

Copy link
Copy Markdown
Owner

tnx @kartalbas, I'm gonna test it by myself a bit, and then merge it with main. Also, I'm trying to avoid using too much AI in the code, therefore, please mark the parts made with AI later on

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.

2 participants