refactor(toolkit): Update folder structure and cleanup assistants_web (#729)

* wip

* create UI folder

* layout folder

* fix

* layout imports

* layout folder fixes

* update organization

* fix

* import all hooks

* common constants import

* utils export

* fixes

* code feedback

* code feedback

---------

Co-authored-by: Khalil Najjar <[email protected]>

Author: abimacarmes

src/interfaces/assistants_web/.storybook/preview.tsx

@@ -2,7 +2,7 @@ import type { Preview } from '@storybook/react';
 import { ThemeProvider } from 'next-themes';
 import React from 'react';
 
-import '../src/styles/main.css';
+import '@/styles/main.css';
 
 const preview: Preview = {
   decorators: [

src/interfaces/assistants_web/src/app/(auth)/auth/[strategy]/CompleteOauth.tsx renamed to src/interfaces/assistants_web/src/app/(auth)/auth/[strategy]/OauthCallback.tsx

@@ -3,15 +3,14 @@
 import { useParams, useRouter, useSearchParams } from 'next/navigation';
 import { useEffect } from 'react';
 
-import { Text } from '@/components/Shared';
-import { useAuthConfig } from '@/hooks/authConfig';
-import { useSession } from '@/hooks/session';
+import { Text } from '@/components/UI';
+import { useAuthConfig, useSession } from '@/hooks';
 import { getQueryString } from '@/utils';
 
 /**
  * @description This page handles callbacks from OAuth providers and forwards the request to the backend.
  */
-const CompleteOauth: React.FC = () => {
+const OauthCallback: React.FC = () => {
   const router = useRouter();
   const params = useParams();
   const search = useSearchParams();
@@ -72,4 +71,4 @@ const CompleteOauth: React.FC = () => {
   );
 };
 
-export default CompleteOauth;
+export default OauthCallback;

src/interfaces/assistants_web/src/app/(auth)/auth/[strategy]/page.tsx

@@ -1,14 +1,14 @@
 import { NextPage } from 'next';
 import { Suspense } from 'react';
 
-import CompleteOauth from './CompleteOauth';
+import OauthCallback from './OauthCallback';
 
-const CompleteOauthPage: NextPage = () => {
+const OauthCallbackPage: NextPage = () => {
   return (
     <Suspense>
-      <CompleteOauth />
+      <OauthCallback />
     </Suspense>
   );
 };
 
-export default CompleteOauthPage;
+export default OauthCallbackPage;

src/interfaces/assistants_web/src/app/(auth)/layout.tsx

@@ -1,4 +1,4 @@
-import { WelcomePage } from '@/components/WelcomePage';
+import { WelcomePage } from '@/components/Auth';
 
 const AuthLayout: React.FC<React.PropsWithChildren> = ({ children }) => {
   return <WelcomePage>{children}</WelcomePage>;

src/interfaces/assistants_web/src/app/(auth)/login/Login.tsx

@@ -5,13 +5,9 @@ import { useMemo, useState } from 'react';
 import { SubmitHandler, useForm } from 'react-hook-form';
 
 import { CohereUnauthorizedError, ListAuthStrategy } from '@/cohere-client';
-import { AuthLink } from '@/components/AuthLink';
-import { Button, Input, Text } from '@/components/Shared';
-import { OidcSSOButton } from '@/components/Welcome/OidcSSOButton';
-import { useAuthConfig } from '@/hooks/authConfig';
-import { useOidcAuthRoute } from '@/hooks/oidcAuthRoute';
-import { useSession } from '@/hooks/session';
-import { useNotify } from '@/hooks/toast';
+import { AuthLink, OidcSSOButton } from '@/components/Auth';
+import { Button, Input, Text } from '@/components/UI';
+import { useAuthConfig, useNotify, useOidcAuthRoute, useSession } from '@/hooks';
 import type { NoNullProperties } from '@/types/util';
 import { getQueryString, simpleEmailValidation } from '@/utils';
 

src/interfaces/assistants_web/src/app/(auth)/logout/Logout.tsx

@@ -3,8 +3,8 @@
 import { useRouter } from 'next/navigation';
 import { useEffect } from 'react';
 
-import { Text } from '@/components/Shared';
-import { useSession } from '@/hooks/session';
+import { Text } from '@/components/UI';
+import { useSession } from '@/hooks';
 
 /**
  * @description The login page supports logging in with an email and password.

src/interfaces/assistants_web/src/app/(auth)/register/Register.tsx

@@ -3,9 +3,9 @@
 import { useRouter, useSearchParams } from 'next/navigation';
 import { SubmitHandler, useForm } from 'react-hook-form';
 
-import { AuthLink } from '@/components/AuthLink';
-import { Button, Input, Text } from '@/components/Shared';
-import { useSession } from '@/hooks/session';
+import { AuthLink } from '@/components/Auth';
+import { Button, Input, Text } from '@/components/UI';
+import { useSession } from '@/hooks';
 import { getQueryString, simpleEmailValidation } from '@/utils';
 
 interface Credentials {

src/interfaces/assistants_web/src/app/(main)/(chat)/Chat.tsx

@@ -3,16 +3,17 @@
 import { useEffect } from 'react';
 
 import { Document, ManagedTool } from '@/cohere-client';
-import Conversation from '@/components/Conversation';
-import { ConversationError } from '@/components/ConversationError';
+import { Conversation, ConversationError } from '@/components/Conversation';
 import { TOOL_PYTHON_INTERPRETER_ID } from '@/constants';
-import { useAgent } from '@/hooks/agents';
-import { useConversation } from '@/hooks/conversation';
-import { useListTools } from '@/hooks/tools';
+import { useAgent, useConversation, useListTools } from '@/hooks';
 import { useCitationsStore, useConversationStore, useParamsStore } from '@/stores';
 import { OutputFiles } from '@/stores/slices/citationsSlice';
-import { createStartEndKey, fixCitationsLeadingMarkdown, mapHistoryToMessages } from '@/utils';
-import { parsePythonInterpreterToolFields } from '@/utils/tools';
+import {
+  createStartEndKey,
+  fixCitationsLeadingMarkdown,
+  mapHistoryToMessages,
+  parsePythonInterpreterToolFields,
+} from '@/utils';
 
 const Chat: React.FC<{ agentId?: string; conversationId?: string }> = ({
   agentId,

src/interfaces/assistants_web/src/app/(main)/(chat)/a/[agentId]/c/[conversationId]/loading.tsx

@@ -1,4 +1,4 @@
-import { Spinner } from '@/components/Shared';
+import { Spinner } from '@/components/UI';
 
 const Loading: React.FC<React.PropsWithChildren> = () => {
   return (

src/interfaces/assistants_web/src/app/(main)/(chat)/a/[agentId]/loading.tsx

@@ -1,4 +1,4 @@
-import { Spinner } from '@/components/Shared';
+import { Spinner } from '@/components/UI';
 
 const Loading: React.FC<React.PropsWithChildren> = () => {
   return (