From 93822787045188e3e006b8671ea5ae24f94459ce Mon Sep 17 00:00:00 2001
From: kaitranntt <kaitran.ntt@gmail.com>
Date: Sat, 20 Dec 2025 17:31:55 -0500
Subject: [PATCH] refactor(ui): rename /api route to /providers

- avoid confusion with backend /api/* endpoints

- update route definition, sidebar nav, and home page link
---
 ui/src/App.tsx                           | 2 +-
 ui/src/components/layout/app-sidebar.tsx | 2 +-
 ui/src/pages/home.tsx                    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/src/App.tsx b/ui/src/App.tsx
index 80a0bf1e..26c03469 100644
--- a/ui/src/App.tsx
+++ b/ui/src/App.tsx
@@ -41,7 +41,7 @@ export default function App() {
               <Route element={<Layout />}>
                 <Route path="/" element={<HomePage />} />
                 <Route path="/analytics" element={<AnalyticsPage />} />
-                <Route path="/api" element={<ApiPage />} />
+                <Route path="/providers" element={<ApiPage />} />
                 <Route path="/cliproxy" element={<CliproxyPage />} />
                 <Route path="/cliproxy/control-panel" element={<CliproxyControlPanelPage />} />
                 <Route path="/copilot" element={<CopilotPage />} />
diff --git a/ui/src/components/layout/app-sidebar.tsx b/ui/src/components/layout/app-sidebar.tsx
index b00da9f4..3fe67dd7 100644
--- a/ui/src/components/layout/app-sidebar.tsx
+++ b/ui/src/components/layout/app-sidebar.tsx
@@ -44,7 +44,7 @@ const navGroups = [
   {
     title: 'Identity & Access',
     items: [
-      { path: '/api', icon: Key, label: 'API Profiles' },
+      { path: '/providers', icon: Key, label: 'API Profiles' },
       {
         path: '/cliproxy',
         icon: Zap,
diff --git a/ui/src/pages/home.tsx b/ui/src/pages/home.tsx
index 04e8ac9c..2b192021 100644
--- a/ui/src/pages/home.tsx
+++ b/ui/src/pages/home.tsx
@@ -138,7 +138,7 @@ export function HomePage() {
               value={overview?.profiles ?? 0}
               icon={Key}
               variant="accent"
-              onClick={() => navigate('/api')}
+              onClick={() => navigate('/providers')}
             />
             <InlineStat
               title="CLIProxy"