+
+ );
+}
diff --git a/ui/src/app/train/options.ts b/ui/src/app/train/options.ts
new file mode 100644
index 00000000..a32aa1f0
--- /dev/null
+++ b/ui/src/app/train/options.ts
@@ -0,0 +1,37 @@
+export interface Model {
+ name_or_path: string;
+ model_kwargs?: RecordSettings
+ + +
+
+ );
+}
diff --git a/ui/src/components/Sidebar.tsx b/ui/src/components/Sidebar.tsx
new file mode 100644
index 00000000..2439c924
--- /dev/null
+++ b/ui/src/components/Sidebar.tsx
@@ -0,0 +1,38 @@
+import Link from 'next/link';
+import { Home, Settings, BarChart2, BrainCircuit } from 'lucide-react';
+
+const Sidebar = () => {
+ const navigation = [
+ { name: 'Dashboard', href: '/dashboard', icon: Home },
+ { name: 'Train', href: '/train', icon: BrainCircuit },
+ { name: 'Settings', href: '/settings', icon: Settings },
+ ];
+
+ return (
+ {runId ? 'Edit Training Run' : 'New Training Run'}
+ + +
+
+ );
+};
+
+export default Sidebar;
diff --git a/ui/src/components/ThemeProvider.tsx b/ui/src/components/ThemeProvider.tsx
new file mode 100644
index 00000000..3834f889
--- /dev/null
+++ b/ui/src/components/ThemeProvider.tsx
@@ -0,0 +1,11 @@
+'use client';
+
+import { createContext, useContext, useEffect, useState } from 'react';
+
+const ThemeContext = createContext({ isDark: true });
+
+export const ThemeProvider = ({ children }: { children: React.ReactNode }) => {
+ const [isDark, setIsDark] = useState(true);
+
+ return
+
+
+
+
+ 
+ Ostris - AI Toolkit
+