feat: add models management and usage history components

- Introduced RequestContentDialog for displaying request content details.
- Added UsageBarChart for visualizing token usage data.
- Implemented UsageHistorySection to manage and display usage history with filtering and pagination.
- Created provider-types for managing provider-related types.
- Developed ModelsPage to encapsulate models configuration, providers, and usage history.
- Defined usage-history types and utility functions for managing usage data.
- Updated routing to include models page and redirect agents to models.
- Refactored chat store to integrate models instead of agents.
- Established models store for managing model-related state and data fetching.

src/router/routes.ts

@@ -1,6 +1,6 @@
 export type AppPath =
   | '/home'
-  | '/agents'
+  | '/models'
   | '/skills'
   | '/cron'
   | '/scripts'
@@ -27,7 +27,7 @@ export const DEFAULT_PATH: WorkspacePath = '/home';
 export const NAV_ITEMS: NavItem[] = [
   { path: '/home', labelKey: 'sidebar.home' },
   { path: '/knowledge', labelKey: 'sidebar.knowledge' },
-  { path: '/agents', labelKey: 'sidebar.models' },
+  { path: '/models', labelKey: 'sidebar.models' },
   { path: '/skills', labelKey: 'sidebar.skills' },
   { path: '/cron', labelKey: 'sidebar.cron' },
   { path: '/scripts', labelKey: 'sidebar.scripts' },
@@ -37,12 +37,13 @@ export const NAV_ITEMS: NavItem[] = [
 export function normalizeWorkspacePath(pathname: string): WorkspacePath {
   switch (pathname) {
     case '/knowledge':
+    case '/models':
     case '/agents':
     case '/skills':
     case '/cron':
     case '/scripts':
     case '/setting':
-      return pathname;
+      return pathname === '/agents' ? '/models' : pathname;
     case '/home':
     default:
       return DEFAULT_PATH;