Skip to content

feat: Major UI/UX improvements and component refactoring#2646

Merged
emrkarata merged 1 commit intomainfrom
EMRE-1
Jan 7, 2026
Merged

feat: Major UI/UX improvements and component refactoring#2646
emrkarata merged 1 commit intomainfrom
EMRE-1

Conversation

@emrkarata
Copy link
Contributor

@emrkarata emrkarata commented Jan 7, 2026

Frontend - New Components

  • Add sidebar-thread-list.tsx - Extracted thread list from nav-agents for better modularity
  • Add mode-indicator.tsx - New model selection indicator (Basic/Advanced mode toggle)
  • Add StreamingLoader.tsx - Shared streaming loader with cycling phrases animation

Frontend - UI Improvements

  • Refactor kortix-loader.tsx - Replace Lottie animation with lightweight CSS spinner
  • Enhance FileBrowserView.tsx - Add file type detection, image thumbnails, and hide internal folders
  • Update PanelHeader.tsx - Improved panel header styling
  • Improve NavigationControls.tsx - Better navigation UX

Frontend - Component Refactoring

  • Refactor nav-agents.tsx and nav-agents-view.tsx - Extract thread list logic
  • Update sidebar-left.tsx - Integrate new thread list component
  • Clean up chat-input.tsx, floating-tool-preview.tsx, unified-config-menu.tsx
  • Update various tool views (Apify, Canvas, FileOperation, Presentation)

Frontend - Fixes & Polish

  • Update library/[projectId]/page.tsx - Streamlined library page
  • Minor fixes in ThreadContent, ThreadSkeleton, MeshGradientLoader
  • Update stores (file-viewer, thread-navigation) with minor improvements

Backend

  • Add file_name_generator.py - Smart LLM-powered filename generation for media
  • Update sb_image_edit_tool.py - Integrate smart filename generation
  • Update prompt.py - Prompt improvements

Desktop & Mobile

  • Update main.js - Desktop app improvements
  • Clean up mobile KortixComputer component

Database

  • Add user avatars bucket migration

Note

  • Sidebar refactor: New SidebarThreadList consolidates thread listing (grouping, pagination, deletion, new-chat) and powers both nav-agents and nav-agents-view via mode (chats/library). sidebar-left.tsx now path‑aware and switches between library and chat routes for the same project without collapsing the sidebar.
  • Library simplification: library/[projectId]/page.tsx replaced complex bespoke UI with FileBrowserView, resets store path to /workspace, and provides a handler to jump to the project’s chat.
  • Loading UX: Replaces pulsing dots with lightweight CSS spinners across setting-up, maintenance, onboarding progress, ThreadContent, ThreadSkeleton, and MeshGradientLoader for consistent visuals.
  • Electron desktop: Adds immediate HTML loading screen, defers main URL load, opens OAuth in a popup with its own loader, sets dark background, and preserves auth-route navigation/redirect protections.
  • Chat input & tools: floating-tool-preview simplified to compact status indicator; unified-config-menu trimmed to agent/worker controls; chat-input removes inline config dropdown usage.
  • Assets: Adds public/kortix-logomark-white.svg.

Written by Cursor Bugbot for commit bc1fa4d. This will update automatically on new commits. Configure here.

## Frontend - New Components
- Add `sidebar-thread-list.tsx` - Extracted thread list from nav-agents for better modularity
- Add `mode-indicator.tsx` - New model selection indicator (Basic/Advanced mode toggle)
- Add `StreamingLoader.tsx` - Shared streaming loader with cycling phrases animation

## Frontend - UI Improvements
- Refactor `kortix-loader.tsx` - Replace Lottie animation with lightweight CSS spinner
- Enhance `FileBrowserView.tsx` - Add file type detection, image thumbnails, and hide internal folders
- Update `PanelHeader.tsx` - Improved panel header styling
- Improve `NavigationControls.tsx` - Better navigation UX

## Frontend - Component Refactoring
- Refactor `nav-agents.tsx` and `nav-agents-view.tsx` - Extract thread list logic
- Update `sidebar-left.tsx` - Integrate new thread list component
- Clean up `chat-input.tsx`, `floating-tool-preview.tsx`, `unified-config-menu.tsx`
- Update various tool views (Apify, Canvas, FileOperation, Presentation)

## Frontend - Fixes & Polish
- Update `library/[projectId]/page.tsx` - Streamlined library page
- Minor fixes in ThreadContent, ThreadSkeleton, MeshGradientLoader
- Update stores (file-viewer, thread-navigation) with minor improvements

## Backend
- Add `file_name_generator.py` - Smart LLM-powered filename generation for media
- Update `sb_image_edit_tool.py` - Integrate smart filename generation
- Update `prompt.py` - Prompt improvements

## Desktop & Mobile
- Update `main.js` - Desktop app improvements
- Clean up mobile KortixComputer component

## Database
- Add user avatars bucket migration
@vercel
Copy link

vercel bot commented Jan 7, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
suna Ready Ready Preview, Comment Jan 7, 2026 11:14pm

Copy link
Contributor

@greptile-apps greptile-apps bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Your free trial has ended. If you'd like to continue receiving code reviews, you can add a payment method here.

@supabase
Copy link

supabase bot commented Jan 7, 2026

This pull request has been ignored for the connected project heprlhlltebrxydgtsjs because there are no changes detected in backend/supabase/supabase directory. You can change this behaviour in Project Integrations Settings ↗︎.


Preview Branches by Supabase.
Learn more about Supabase Branching ↗︎.

@emrkarata emrkarata merged commit a78c179 into main Jan 7, 2026
5 of 8 checks passed
setOpenMobile(false);
}
}, [pathname, searchParams, isMobile, setOpenMobile]);
}, [pathname, searchParams, isMobile, setOpenMobile, isLibraryChatSwitch]);
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sidebar closes on mobile despite library-chat switch flag

Medium Severity

The isLibraryChatSwitch flag intended to prevent sidebar collapse on mobile when switching between library and chat views doesn't work correctly. Because isLibraryChatSwitch is included in the useEffect dependency array, when the effect sets it to false and returns early, the effect immediately runs again (triggered by the state change). On this second run, isLibraryChatSwitch is now false, so setOpenMobile(false) gets called anyway, closing the sidebar. The flag should either be removed from the dependency array or converted to a ref to avoid re-triggering the effect.

Fix in Cursor Fix in Web

}
}
return;
}
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cmd+click in library mode opens duplicate tabs

Medium Severity

When Cmd/Ctrl+clicking on an expanded thread item in library mode, two browser tabs open instead of one. The handleItemClick function calls window.open(url, '_blank') for library mode but returns without calling e.preventDefault(). Since the expanded threads within the Collapsible use a Next.js Link component (lines 852-861), the browser's default Cmd+click behavior also fires, opening the Link's href (library URL) in a second tab. This doesn't affect the single-thread cards which correctly use a div wrapper for library mode.

Additional Locations (1)

Fix in Cursor Fix in Web

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.

1 participant