create controller folder

web/src/app/app/(chat_experience)/chats/[chatId]/metric/[metricId]/page.tsx

@@ -1,4 +1,4 @@
-import { MetricController } from '@appControllers/MetricController';
+import { MetricController } from '@controllers/MetricController';
 import { AppAssetCheckLayout } from '@layouts/AppAssetCheckLayout';
 
 export default function Page({

web/src/app/app/(chat_experience)/chats/[chatId]/reasoning/[messageId]/page.tsx

@@ -1,4 +1,4 @@
-import { ReasoningController } from '@appControllers/ReasoningController';
+import { ReasoningController } from '@controllers/ReasoningController';
 
 export default function Page({
   params: { chatId, messageId }

web/src/app/app/(chat_experience)/dashboards/[dashboardId]/page.tsx

@@ -1,4 +1,4 @@
-import { DashboardController } from '@appControllers/DashboardController';
+import { DashboardController } from '@controllers/DashboardController';
 import { AppAssetCheckLayout } from '@layouts/AppAssetCheckLayout';
 
 export default function Page({ params: { dashboardId } }: { params: { dashboardId: string } }) {

web/src/app/app/(chat_experience)/metrics/[metricId]/page.tsx

@@ -1,4 +1,4 @@
-import { MetricController } from '@appControllers/MetricController';
+import { MetricController } from '@controllers/MetricController';
 import { AppAssetCheckLayout } from '@layouts/AppAssetCheckLayout';
 
 export default function MetricPage({

web/src/app/app/collections/[collectionId]/page.tsx

@@ -1,4 +1,4 @@
-import { CollectionIndividualController } from '../../_controllers/CollectionIndividualController';
+import { CollectionIndividualController } from '@controllers/CollectionIndividualController';
 
 export default function CollectionIdPage({ params }: { params: { collectionId: string } }) {
   const { collectionId } = params;

web/src/app/app/collections/page.tsx

@@ -1,4 +1,4 @@
-import { CollectionListController } from '@appControllers/CollectionListController';
+import { CollectionListController } from '@controllers/CollectionListController';
 
 export default function CollectionsPage() {
   return <CollectionListController />;

web/src/app/app/dashboards/page.tsx

@@ -1,4 +1,4 @@
-import { DashboardListController } from '../_controllers/DashboardListController';
+import { DashboardListController } from '@controllers/DashboardListController';
 
 export default function DashboardPage() {
   return <DashboardListController />;

web/src/app/app/layoutClient.tsx

@@ -2,11 +2,10 @@
 
 import { AppProviders } from '@/context/AppProviders';
 import React from 'react';
-import { AppLayout } from './_controllers/AppLayout';
+import { AppLayout } from '@/controllers/AppLayout';
 import type { BusterUserResponse } from '@/api/asset_interfaces';
 import { useSupabaseServerContext } from '@/context/Supabase/useSupabaseContext';
 import { GlobalErrorComponent } from '../../components/error';
-import { dehydrate, HydrationBoundary, QueryClient } from '@tanstack/react-query';
 
 export const AppLayoutClient = ({
   children,

web/src/app/app/terms/[termId]/page.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { getAppSplitterLayout } from '@/components/layout';
-import { TermIndividualController } from '../../_controllers/TermIndividualController';
+import { TermIndividualController } from '@controllers/TermIndividualController';
 
 export default async function TermIdPage({ params: { termId } }: { params: { termId: string } }) {
   const termPageIdLayout = await getAppSplitterLayout('term-page', ['auto', '300px']);

web/src/app/app/terms/page.tsx

@@ -1,4 +1,4 @@
-import { TermsListController } from '../_controllers/TermsListController';
+import { TermsListController } from '@controllers/TermsListController';
 
 export default function TermsPage() {
   return <TermsListController />;

web/src/controllers/AppLayout.tsx

@@ -3,13 +3,13 @@
 import { ConfigProvider, Layout } from 'antd';
 import React, { PropsWithChildren, useMemo } from 'react';
 import { AppSidebar } from './AppSidebar';
-import { NewChatModal } from '../_components/NewChatModal';
-import { InvitePeopleModal } from '../_components/InvitePeopleModal';
+import { NewChatModal } from '@appComponents/NewChatModal';
+import { InvitePeopleModal } from '@appComponents/InvitePeopleModal';
 import { AppSplitter } from '@/components/layout';
 import { createStyles } from 'antd-style';
 import { useBusterStylesContext } from '@/context/BusterStyles/BusterStyles';
 import { useUserConfigContextSelector } from '@/context/Users';
-import { SupportModal } from '../_components/SupportModal';
+import { SupportModal } from '@appComponents/SupportModal';
 import { useAppLayoutContextSelector } from '@/context/BusterAppLayout';
 import { useMemoizedFn } from 'ahooks';
 import { ThemeConfig } from 'antd/lib';

web/src/controllers/AppNoPageAccess.tsx

@@ -19,7 +19,7 @@ export const AppNoPageAccess: React.FC<{
   const { openInfoMessage } = useBusterNotifications();
 
   return (
-    <div className="flex h-[85vh] h-full w-full flex-col items-center justify-center space-y-6">
+    <div className="flex h-[85vh] w-full flex-col items-center justify-center space-y-6">
       <BusterLogo className="h-16 w-16" />
 
       <div className="max-w-[340px] text-center">

web/src/controllers/AppSidebar/AppSidebarPrimary.tsx

@@ -1,16 +1,16 @@
 'use client';
 
-import React, { PropsWithChildren, useContext, useMemo } from 'react';
-import { useAppLayoutContextSelector } from '../../../../context/BusterAppLayout';
+import React, { PropsWithChildren, useMemo } from 'react';
 import { Menu } from 'antd';
 import type { MenuProps } from 'antd';
-import { AppMaterialIcons, AppTooltip } from '@/components';
+import { AppMaterialIcons } from '@/components';
 import { BusterRoutes, createBusterRoute } from '@/routes';
 import Link from 'next/link';
 import { AppMenuGroupSingle } from '@/components/menu/AppMenuGroupSingle';
 import { FavoritesDropdown } from './FavoritesDropdown';
 import { useUserConfigContextSelector } from '@/context/Users';
 import { useMemoizedFn } from 'ahooks';
+import { useAppLayoutContextSelector } from '@/context/BusterAppLayout';
 
 const items = [
   // {

web/src/controllers/CollectionIndividualController/CollectionIndividualContent.tsx

@@ -14,8 +14,8 @@ import {
   BusterCollectionListItem
 } from '@/api/asset_interfaces';
 import { Text } from '@/components';
-import { ListEmptyStateWithButton } from '../../../../components/list';
-import { AddTypeModal } from '../../_components/AddTypeModal';
+import { ListEmptyStateWithButton } from '@/components/list';
+import { AddTypeModal } from '@appComponents/AddTypeModal';
 import { ShareAssetType } from '@/api/asset_interfaces';
 import { useMemoizedFn } from 'ahooks';
 import { BusterList, BusterListColumn, BusterListRow } from '@/components/list';

web/src/controllers/CollectionIndividualController/CollectionIndividualHeader.tsx

@@ -4,16 +4,15 @@ import React, { useMemo } from 'react';
 import { AppContentHeader } from '@/components/layout';
 import {
   canEditCollection,
-  useBusterCollectionIndividualContextSelector,
-  useCollectionIndividual
+  useBusterCollectionIndividualContextSelector
 } from '@/context/Collections';
 import { Breadcrumb, Button, Dropdown, MenuProps } from 'antd';
 import Link from 'next/link';
 import { useAppLayoutContextSelector } from '@/context/BusterAppLayout';
 import { BusterRoutes } from '@/routes';
 import { AppMaterialIcons, EditableTitle } from '@/components';
-import { FavoriteStar } from '../../_components/Lists/FavoriteStar';
-import { ShareMenu } from '../../_components/ShareMenu';
+import { FavoriteStar } from '@appComponents/Lists/FavoriteStar';
+import { ShareMenu } from '@appComponents/ShareMenu';
 import { BusterCollection, ShareAssetType } from '@/api/asset_interfaces';
 import { Text } from '@/components';
 import { useAntToken } from '@/styles/useAntToken';

web/src/controllers/CollectionListController/CollectionsListContent.tsx

@@ -12,7 +12,7 @@ import {
   ListEmptyStateWithButton
 } from '@/components/list';
 import { useMemoizedFn } from 'ahooks';
-import { NewCollectionModal } from '../../_components/NewCollectionModal';
+import { NewCollectionModal } from '@appComponents/NewCollectionModal';
 import { BusterCollectionListItem } from '@/api/asset_interfaces';
 import { CollectionListSelectedPopup } from './CollectionListSelectedPopup';
 

web/src/controllers/DashboardController/DashboardController.tsx

@@ -5,7 +5,7 @@ import { useBusterDashboardIndividual } from '@/context/Dashboards';
 import { FileIndeterminateLoader } from '@appComponents/FileIndeterminateLoader';
 import { DashboardFileView, useChatLayoutContextSelector } from '@layouts/ChatLayout';
 import { DashboardViewComponents } from './config';
-import { AddTypeModal } from '../../_components/AddTypeModal';
+import { AddTypeModal } from '@appComponents/AddTypeModal';
 import { useMemoizedFn } from 'ahooks';
 
 export const DashboardController: React.FC<{ dashboardId: string }> = ({ dashboardId }) => {

web/src/controllers/DashboardListController/DashboardHeader.tsx

@@ -1,7 +1,7 @@
 'use client';
 
-import React, { useMemo, useState } from 'react';
-import { AppContentHeader } from '../../../../components/layout/AppContentHeader';
+import React, { useMemo } from 'react';
+import { AppContentHeader } from '@/components/layout/AppContentHeader';
 import { Breadcrumb, Button } from 'antd';
 import Link from 'next/link';
 import { BusterRoutes, createBusterRoute } from '@/routes';

web/src/controllers/DashboardListController/DashboardListContent.tsx

@@ -1,18 +1,17 @@
 'use client';
 
 import React, { useMemo, useState } from 'react';
-import { AppContent } from '../../../../components/layout/AppContent';
+import { AppContent } from '@/components/layout/AppContent';
 import { useBusterDashboardContextSelector } from '@/context/Dashboards';
 import { BusterUserAvatar } from '@/components';
 import { formatDate } from '@/utils';
 import { BusterList, BusterListColumn, BusterListRow } from '@/components/list';
 import { BusterRoutes, createBusterRoute } from '@/routes';
-import { getShareStatus } from '../../_components/Lists';
-import { ListEmptyStateWithButton } from '../../../../components/list';
+import { getShareStatus } from '@appComponents/Lists';
+import { ListEmptyStateWithButton } from '@/components/list';
 import { useMemoizedFn } from 'ahooks';
 import { DashboardSelectedOptionPopup } from './DashboardSelectedPopup';
 import type { BusterDashboardListItem } from '@/api/asset_interfaces';
-import { AddTypeModal } from '../../_components/AddTypeModal';
 
 const columns: BusterListColumn[] = [
   {