flowyml 1.7.2__py3-none-any.whl → 1.8.0__py3-none-any.whl

flowyml/ui/frontend/package.json

@@ -1,5 +1,6 @@
 {
   "dependencies": {
+    "@mlc-ai/web-llm": "^0.2.80",
     "clsx": "^2.1.1",
     "dagre": "^0.8.5",
     "date-fns": "^4.1.0",
@@ -7,11 +8,13 @@
     "lucide-react": "^0.344.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-markdown": "^10.1.0",
     "react-resizable-panels": "^3.0.6",
     "react-router-dom": "^6.22.0",
     "react-syntax-highlighter": "^16.1.0",
     "reactflow": "^11.11.4",
     "recharts": "^2.12.0",
+    "remark-gfm": "^4.0.1",
     "tailwind-merge": "^2.6.0"
   },
   "devDependencies": {

flowyml/ui/frontend/src/App.jsx

@@ -5,17 +5,20 @@ import { RouterProvider } from 'react-router-dom';
 import { ThemeProvider } from './contexts/ThemeContext';
 import { ProjectProvider } from './contexts/ProjectContext';
 import { ToastProvider } from './contexts/ToastContext';
+import { AIAssistantProvider } from './contexts/AIAssistantContext';
 import { router } from './router';
 
 function App() {
     return (
-        <ThemeProvider>
-            <ProjectProvider>
-                <ToastProvider>
-                    <RouterProvider router={router} />
-                </ToastProvider>
-            </ProjectProvider>
-        </ThemeProvider>
+        <AIAssistantProvider>
+            <ThemeProvider>
+                <ProjectProvider>
+                    <ToastProvider>
+                        <RouterProvider router={router} />
+                    </ToastProvider>
+                </ProjectProvider>
+            </ThemeProvider>
+        </AIAssistantProvider>
     );
 }
 

flowyml/ui/frontend/src/app/auth/Login.jsx

@@ -0,0 +1,90 @@
+import React, { useState } from 'react';
+import { useAuth } from '../../contexts/AuthContext';
+
+export const Login = () => {
+    const [username, setUsername] = useState('');
+    const [password, setPassword] = useState('');
+    const [error, setError] = useState('');
+    const { login } = useAuth();
+    const [submitting, setSubmitting] = useState(false);
+
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        setError('');
+        setSubmitting(true);
+        const result = await login(username, password);
+        if (!result.success) {
+            setError(result.error);
+        }
+        setSubmitting(false);
+    };
+
+    return (
+        <div className="min-h-screen flex items-center justify-center bg-gray-900 px-4 sm:px-6 lg:px-8">
+            <div className="max-w-md w-full space-y-8">
+                <div>
+                    <h2 className="mt-6 text-center text-3xl font-extrabold text-white">
+                        FlowyML
+                    </h2>
+                    <p className="mt-2 text-center text-sm text-gray-400">
+                        Sign in to your account
+                    </p>
+                </div>
+                <form className="mt-8 space-y-6" onSubmit={handleSubmit}>
+                    <input type="hidden" name="remember" defaultValue="true" />
+                    <div className="rounded-md shadow-sm -space-y-px">
+                        <div>
+                            <label htmlFor="username-address" className="sr-only">
+                                Username
+                            </label>
+                            <input
+                                id="username-address"
+                                name="username"
+                                type="text"
+                                autoComplete="username"
+                                required
+                                className="appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-700 placeholder-gray-500 text-white bg-gray-800 rounded-t-md focus:outline-none focus:ring-primary-500 focus:border-primary-500 focus:z-10 sm:text-sm"
+                                placeholder="Username (default: admin)"
+                                value={username}
+                                onChange={(e) => setUsername(e.target.value)}
+                            />
+                        </div>
+                        <div>
+                            <label htmlFor="password" className="sr-only">
+                                Password
+                            </label>
+                            <input
+                                id="password"
+                                name="password"
+                                type="password"
+                                autoComplete="current-password"
+                                required
+                                className="appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-700 placeholder-gray-500 text-white bg-gray-800 rounded-b-md focus:outline-none focus:ring-primary-500 focus:border-primary-500 focus:z-10 sm:text-sm"
+                                placeholder="Password"
+                                value={password}
+                                onChange={(e) => setPassword(e.target.value)}
+                            />
+                        </div>
+                    </div>
+
+                    {error && (
+                        <div className="text-red-500 text-sm text-center">
+                            {error}
+                        </div>
+                    )}
+
+                    <div>
+                        <button
+                            type="submit"
+                            disabled={submitting}
+                            className={`group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white ${submitting ? 'bg-primary-700' : 'bg-primary-600 hover:bg-primary-700'
+                                } focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500`}
+                        >
+                            {submitting ? 'Signing in...' : 'Sign in'}
+                        </button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    );
+};

flowyml/ui/frontend/src/app/dashboard/page.jsx

@@ -103,26 +103,26 @@ export function Dashboard() {
             className="space-y-8"
         >
             {/* Welcome Header */}
-            <motion.div variants={item} className="relative overflow-hidden bg-gradient-to-br from-primary-500 via-primary-600 to-purple-600 rounded-2xl p-8 text-white shadow-xl">
-                <div className="absolute top-0 right-0 w-64 h-64 bg-white/10 rounded-full -mr-32 -mt-32" />
-                <div className="absolute bottom-0 left-0 w-48 h-48 bg-white/10 rounded-full -ml-24 -mb-24" />
+            <motion.div variants={item} className="relative overflow-hidden bg-gradient-to-br from-primary-600 via-primary-700 to-purple-700 rounded-2xl p-8 text-white shadow-xl">
+                <div className="absolute top-0 right-0 w-64 h-64 bg-white/5 rounded-full -mr-32 -mt-32" />
+                <div className="absolute bottom-0 left-0 w-48 h-48 bg-white/5 rounded-full -ml-24 -mb-24" />
 
                 <div className="relative z-10">
                     <div className="flex items-center gap-3 mb-3">
-                        <Zap size={32} className="text-yellow-300" />
-                        <h1 className="text-4xl font-bold">Welcome to flowyml</h1>
+                        <Zap size={32} className="text-yellow-300 drop-shadow-lg" />
+                        <h1 className="text-4xl font-bold drop-shadow-md">Welcome to flowyml</h1>
                     </div>
-                    <p className="text-primary-100 text-lg max-w-2xl">
+                    <p className="text-white/90 text-lg max-w-2xl drop-shadow-sm">
                         Your lightweight, artifact-centric ML orchestration platform. Build, run, and track your ML pipelines with ease.
                     </p>
                     <div className="mt-6 flex gap-3">
                         <Link to="/pipelines">
-                            <button className="px-6 py-2.5 bg-white text-primary-600 rounded-lg font-semibold hover:bg-primary-50 transition-colors shadow-lg">
+                            <button className="px-6 py-2.5 bg-white text-primary-700 rounded-lg font-semibold hover:bg-primary-50 transition-colors shadow-lg">
                                 View Pipelines
                             </button>
                         </Link>
                         <Link to="/runs">
-                            <button className="px-6 py-2.5 bg-primary-700/50 backdrop-blur-sm text-white rounded-lg font-semibold hover:bg-primary-700/70 transition-colors border border-white/20">
+                            <button className="px-6 py-2.5 bg-white/10 backdrop-blur-sm text-white rounded-lg font-semibold hover:bg-white/20 transition-colors border border-white/30 shadow-lg">
                                 Recent Runs
                             </button>
                         </Link>