+
+ );
+}
diff --git a/packages/manager/apps/pci-ai-notebooks/src/components/Loading/ProgressLoader.tsx b/packages/manager/apps/pci-ai-notebooks/src/components/Loading/ProgressLoader.tsx
new file mode 100644
index 000000000000..7e0cca660f09
--- /dev/null
+++ b/packages/manager/apps/pci-ai-notebooks/src/components/Loading/ProgressLoader.tsx
@@ -0,0 +1,35 @@
+import { useEffect, useState } from 'react';
+
+export default function ProgressLoader() {
+ const [progress, setProgress] = useState(0);
+
+ useEffect(() => {
+ const interval = setInterval(() => {
+ setProgress((prevProgress) => {
+ // Increment progress in a non-linear fashion for a more dynamic feel
+ const increment = Math.random() * 20;
+ const nextProgress = prevProgress + increment;
+ if (nextProgress < 95) {
+ return nextProgress;
+ }
+ clearInterval(interval); // Stop incrementing near 100% to mimic NProgress behavior
+ return prevProgress;
+ });
+ }, 500); // Increase progress more frequently
+
+ return () => clearInterval(interval); // Cleanup on component unmount
+ }, []);
+
+ return (
+
+
+
+
+
+ );
+}
diff --git a/packages/manager/apps/pci-ai-notebooks/src/components/PageLayout/PageLayout.tsx b/packages/manager/apps/pci-ai-notebooks/src/components/PageLayout/PageLayout.tsx
new file mode 100644
index 000000000000..df32d00961fc
--- /dev/null
+++ b/packages/manager/apps/pci-ai-notebooks/src/components/PageLayout/PageLayout.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+
+const PageLayout: React.FC
+ {children}
+
+ );
+};
+
+export default PageLayout;
diff --git a/packages/manager/apps/pci-ai-notebooks/src/components/errorBoundary.tsx b/packages/manager/apps/pci-ai-notebooks/src/components/errorBoundary.tsx
new file mode 100644
index 000000000000..66832b01741f
--- /dev/null
+++ b/packages/manager/apps/pci-ai-notebooks/src/components/errorBoundary.tsx
@@ -0,0 +1,74 @@
+import { useNavigation } from '@ovh-ux/manager-react-shell-client';
+import { useRouteError } from 'react-router-dom';
+import { useTranslation } from 'react-i18next';
+import errorImgSrc from '@/public/assets/oops.png';
+import { Alert, AlertDescription } from './ui/alert';
+import { Button } from './ui/button';
+
+const ErrorBoundary = () => {
+ const error = useRouteError();
+ const { t } = useTranslation('error');
+ const nav = useNavigation();
+
+ const navigateToHomepage = () => {
+ nav.navigateTo('public-cloud', '', {});
+ };
+ const reloadPage = () => {
+ nav.reload();
+ };
+
+ if (error instanceof Error) {
+ return (
+
+
+ );
+ }
+ return <>;
+};
+
+export default ErrorBoundary;
diff --git a/packages/manager/apps/pci-ai-notebooks/src/components/links.tsx b/packages/manager/apps/pci-ai-notebooks/src/components/links.tsx
new file mode 100644
index 000000000000..edca85019d07
--- /dev/null
+++ b/packages/manager/apps/pci-ai-notebooks/src/components/links.tsx
@@ -0,0 +1,154 @@
+import * as React from 'react';
+import { useNavigation } from '@ovh-ux/manager-react-shell-client';
+import {
+ LinkProps,
+ NavLink as RouterNavLink,
+ Link as RouterLink,
+ NavLinkProps,
+} from 'react-router-dom';
+import { cn } from '@/lib/utils';
+import { useLoadingIndicatorContext } from '@/contexts/loadingIndicatorContext';
+
+function A({
+ className,
+ children,
+ disabled,
+ ...props
+}: React.AnchorHTMLAttributes
+
+
+
+
+
+
+
+ 
+
+ {t('manager_error_page_title')}
+{t('manager_error_page_default')}
+{error.message}
+ {'xOvhQueryId' in error && ( ++ {t('manager_error_page_detail_code', { + code: error.xOvhQueryId, + })} +
+ )} +
+
+
+
+
+ {tabs.map((tab, index) => (
+
+ {({ isActive }) => (
+ {
+ if (node && isActive)
+ node?.scrollIntoView({
+ behavior: 'smooth',
+ block: 'center',
+ });
+ }}
+ >
+ {tab.label}
+ {tab.count > 0 && (
+
+ {tab.count}
+
+ )}
+
+ )}
+
+ ))}
+
+
+
+ );
+};
+
+export default TabsMenu;
diff --git a/packages/manager/apps/pci-ai-notebooks/src/components/ui/accordion.tsx b/packages/manager/apps/pci-ai-notebooks/src/components/ui/accordion.tsx
new file mode 100644
index 000000000000..e6a723d06574
--- /dev/null
+++ b/packages/manager/apps/pci-ai-notebooks/src/components/ui/accordion.tsx
@@ -0,0 +1,56 @@
+import * as React from "react"
+import * as AccordionPrimitive from "@radix-ui/react-accordion"
+import { ChevronDown } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Accordion = AccordionPrimitive.Root
+
+const AccordionItem = React.forwardRef<
+ React.ElementRef
+
+
+ {children}
+ + {children} +
+)) +AlertTitle.displayName = "AlertTitle" + +const AlertDescription = React.forwardRef< + HTMLParagraphElement, + React.HTMLAttributes{children}
+)) +CardTitle.displayName = "CardTitle" + +const CardDescription = React.forwardRef< + HTMLParagraphElement, + React.HTMLAttributes
+
+))
+
+CommandInput.displayName = CommandPrimitive.Input.displayName
+
+const CommandList = React.forwardRef<
+ React.ElementRef
+
+ );
+}
+
+interface DataTableProps
+
+
+
+
+
+ Page {table.getState().pagination.pageIndex + 1} of{" "}
+ {table.getPageCount()}
+
+
+
+
+
+
+
+
+
+
+
+
+
+))
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName
+
+const DropdownMenuCheckboxItem = React.forwardRef<
+ React.ElementRef+ {body} +
+ ) +}) +FormMessage.displayName = "FormMessage" + +export { + useFormField, + Form, + FormItem, + FormLabel, + FormControl, + FormDescription, + FormMessage, + FormField, +} diff --git a/packages/manager/apps/pci-ai-notebooks/src/components/ui/input.tsx b/packages/manager/apps/pci-ai-notebooks/src/components/ui/input.tsx new file mode 100644 index 000000000000..677d05fd6c1c --- /dev/null +++ b/packages/manager/apps/pci-ai-notebooks/src/components/ui/input.tsx @@ -0,0 +1,25 @@ +import * as React from "react" + +import { cn } from "@/lib/utils" + +export interface InputProps + extends React.InputHTMLAttributes
+
+
+))
+Table.displayName = "Table"
+
+const TableHeader = React.forwardRef<
+ HTMLTableSectionElement,
+ React.HTMLAttributes
+
+ );
+}
\ No newline at end of file
diff --git a/packages/manager/apps/pci-ai-notebooks/src/components/ui/toast.tsx b/packages/manager/apps/pci-ai-notebooks/src/components/ui/toast.tsx
new file mode 100644
index 000000000000..a82247753419
--- /dev/null
+++ b/packages/manager/apps/pci-ai-notebooks/src/components/ui/toast.tsx
@@ -0,0 +1,127 @@
+import * as React from "react"
+import * as ToastPrimitives from "@radix-ui/react-toast"
+import { cva, type VariantProps } from "class-variance-authority"
+import { X } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const ToastProvider = ToastPrimitives.Provider
+
+const ToastViewport = React.forwardRef<
+ React.ElementRef
+
+ minuteRef.current?.focus()}
+ />
+
+
+
+ hourRef.current?.focus()}
+ onRightFocus={() => secondRef.current?.focus()}
+ />
+
+
+
+ minuteRef.current?.focus()}
+ />
+
+
+
+
+ {title && {title} }
+ {description && (
+ {description}
+ )}
+
+ {action}
+