fix: move to openui-kit

Signed-off-by: Rafael Silva (rafaelsi) <rafaelsi@cisco.com>

Author: rafaelsilva29

frontend/.env.sample

@@ -7,6 +7,7 @@ VITE_APP_CLIENT_PORT=5500
 VITE_APP_LOG_LEVEL=
 VITE_DOCS_URL=
 VITE_APP_BASE_NAME=
+VITE_IAM_MULTI_TENANT=
 
 ########################
 # IAM AUTH
@@ -16,12 +17,6 @@ VITE_IAM_UI=
 VITE_IAM_API=
 VITE_IAM_OIDC_CLIENT_ID=
 VITE_IAM_OIDC_ISSUER=
-VITE_IAM_MULTI_TENANT=
-
-########################
-# GITHUB NPM
-########################
-NPM_TOKEN=
 
 ########################
 # ANALYTICS

frontend/.yarnrc.yml

@@ -10,10 +10,4 @@ injectEnvironmentFiles:
 
 nodeLinker: node-modules
 
-npmScopes:
-  cisco-eti:
-    npmAlwaysAuth: true
-    npmAuthToken: "${NPM_TOKEN}"
-    npmRegistryServer: "https://npm.pkg.github.com"
-
 yarnPath: .yarn/releases/yarn-4.9.2.cjs

frontend/package.json

@@ -51,7 +51,6 @@
     "zustand": "^5.0.5"
   },
   "devDependencies": {
-    "@cisco-eti/spark-design": "^4.16.4",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@eslint/compat": "^1.2.7",
@@ -60,6 +59,7 @@
     "@hookform/resolvers": "^4.1.3",
     "@mui/material": "^7.1.1",
     "@okta/okta-auth-js": "^7.12.1",
+    "@open-ui-kit/core": "^1.0.4",
     "@radix-ui/react-icons": "^1.3.2",
     "@stepperize/react": "^5.1.5",
     "@tanstack/eslint-plugin-query": "4",

frontend/src/app.test.tsx

@@ -70,7 +70,7 @@ vi.mock('./components/router/error-page-boundary', () => ({
   ErrorPageBoundary: () => <div data-testid="error-page-boundary">Error Page</div>
 }));
 
-vi.mock('@cisco-eti/spark-design', () => ({
+vi.mock('@open-ui-kit/core', () => ({
   Toaster: ({children, expand, ...props}: any) => (
     <div data-testid="toaster" data-expand={expand} {...props}>
       {children}

frontend/src/app.tsx

@@ -6,7 +6,7 @@
 import {ErrorBoundary} from 'react-error-boundary';
 import {HelmetProvider} from 'react-helmet-async';
 import {Router} from './router/router';
-import {Toaster} from '@cisco-eti/spark-design';
+import {Toaster} from '@open-ui-kit/core';
 import AuthProvider from './providers/auth-provider/auth-provider';
 import {ThemeProvider} from './providers/theme-provider/theme-provider';
 import {ApiProvider} from './providers/api-provider/api-provider';

frontend/src/components/agentic-services/add/add-agentic-service-stepper.tsx

@@ -10,7 +10,7 @@ import {zodResolver} from '@hookform/resolvers/zod';
 import {z} from 'zod';
 import {Form} from '@/components/ui/form';
 import {Accordion, AccordionContent, AccordionItem, AccordionTrigger} from '@/components/ui/accordion';
-import {Button, toast, Typography} from '@cisco-eti/spark-design';
+import {Button, toast, Typography} from '@open-ui-kit/core';
 import {AgenticServicForm} from './steps/agentic-service-form';
 import {ConfirmInfo} from './steps/confirm-info';
 import {AgenticServiceFormValues, AgenticServiceSchema} from '@/schemas/agentic-service-schema';

frontend/src/components/agentic-services/add/steps/agentic-service-form.tsx

@@ -10,7 +10,7 @@ import {FormControl, FormField, FormItem, FormLabel} from '@/components/ui/form'
 import {useEffect} from 'react';
 import {SharedProvider, SharedProviderProps} from '@/components/ui/shared-provider';
 import {Input} from '@/components/ui/input';
-import {Typography} from '@cisco-eti/spark-design';
+import {Typography} from '@open-ui-kit/core';
 import {AgenticServiceFormValues} from '@/schemas/agentic-service-schema';
 import {AppType} from '@/types/api/app';
 import OasfLogo from '@/assets/oasf.svg?react';

frontend/src/components/agentic-services/add/steps/confirm-info.tsx

@@ -5,7 +5,7 @@
 
 import {Card, CardContent} from '@/components/ui/card';
 import {useStepper} from '../stepper';
-import {Typography} from '@cisco-eti/spark-design';
+import {Typography} from '@open-ui-kit/core';
 import {useMemo} from 'react';
 import {AgenticServiceFormValues} from '@/schemas/agentic-service-schema';
 import KeyValue, {KeyValuePair} from '@/components/ui/key-value';

frontend/src/components/agentic-services/edit/edit-agentic-service-form.tsx

@@ -13,7 +13,7 @@ import {PATHS} from '@/router/paths';
 import {AgenticServiceFormValues, AgenticServiceSchema} from '@/schemas/agentic-service-schema';
 import {App, AppType} from '@/types/api/app';
 import {zodResolver} from '@hookform/resolvers/zod';
-import {Button, toast, Typography} from '@cisco-eti/spark-design';
+import {Button, toast, Typography} from '@open-ui-kit/core';
 import {useCallback, useEffect} from 'react';
 import {useForm} from 'react-hook-form';
 import {generatePath, Link, useNavigate} from 'react-router-dom';

frontend/src/components/agentic-services/info/about.tsx

@@ -4,7 +4,7 @@
  */
 
 import {Card, CardContent} from '@/components/ui/card';
-import {CopyButton, IconButton, toast, Typography} from '@cisco-eti/spark-design';
+import {CopyButton, IconButton, toast, Typography} from '@open-ui-kit/core';
 import {useCallback, useMemo, useState} from 'react';
 import {App} from '@/types/api/app';
 import KeyValue, {KeyValuePair} from '@/components/ui/key-value';