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

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

@@ -111,15 +111,25 @@ export function Pipelines() {
                                 />
                             ) : (
                                 <div className="h-full flex flex-col items-center justify-center text-center p-8 bg-slate-50/50 dark:bg-slate-900/50">
-                                    <div className="w-20 h-20 bg-primary-100 dark:bg-primary-900/30 rounded-full flex items-center justify-center mb-6 animate-pulse">
+                                    <div className="w-20 h-20 bg-gradient-to-br from-primary-100 to-primary-200 dark:from-primary-900/30 dark:to-primary-800/30 rounded-full flex items-center justify-center mb-6">
                                         <Layers size={40} className="text-primary-500" />
                                     </div>
                                     <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">
                                         Select a Pipeline
                                     </h2>
-                                    <p className="text-slate-500 max-w-md">
+                                    <p className="text-slate-500 max-w-md mb-6">
                                         Choose a pipeline from the sidebar to view execution history and statistics.
                                     </p>
+                                    <div className="bg-slate-900 dark:bg-slate-950 rounded-lg p-4 max-w-md mx-auto text-left shadow-lg">
+                                        <p className="text-xs text-slate-400 mb-2">Define a pipeline in Python:</p>
+                                        <pre className="text-sm font-mono text-slate-300 overflow-x-auto">
+                                            <code>{`from flowyml import pipeline, step
+
+@pipeline
+def training_pipeline():
+    load_data() >> train_model()`}</code>
+                                        </pre>
+                                    </div>
                                 </div>
                             )}
                         </div>

flowyml/ui/frontend/src/app/projects/[projectId]/_components/ProjectExperimentsList.jsx

@@ -130,13 +130,26 @@ export function ProjectExperimentsList({ projectId }) {
                 </div>
             )}
             emptyState={
-                <div className="text-center py-12">
-                    <div className="inline-flex items-center justify-center w-12 h-12 rounded-full bg-slate-100 dark:bg-slate-800 mb-4">
-                        <FlaskConical className="w-6 h-6 text-slate-400" />
+                <div className="text-center py-12 px-6">
+                    <div className="inline-flex items-center justify-center w-16 h-16 rounded-full bg-gradient-to-br from-purple-100 to-purple-200 dark:from-purple-900/30 dark:to-purple-800/30 mb-6">
+                        <FlaskConical className="w-8 h-8 text-purple-500" />
                     </div>
-                    <h3 className="text-lg font-medium text-slate-900 dark:text-white mb-1">No experiments found</h3>
-                    <p className="text-slate-500">
-                        Create an experiment to track your model development.
+                    <h3 className="text-xl font-bold text-slate-900 dark:text-white mb-2">No experiments yet</h3>
+                    <p className="text-slate-500 max-w-md mx-auto mb-6">
+                        Experiments help you organize and compare multiple pipeline runs. Create one using the SDK:
+                    </p>
+                    <div className="bg-slate-900 dark:bg-slate-950 rounded-lg p-4 max-w-md mx-auto text-left mb-6 shadow-lg">
+                        <pre className="text-sm font-mono text-slate-300 overflow-x-auto">
+                            <code>{`from flowyml import experiment
+
+with experiment("my-experiment"):
+    pipeline.run(context={
+        "learning_rate": 0.01
+    })`}</code>
+                        </pre>
+                    </div>
+                    <p className="text-xs text-slate-400">
+                        All runs within an experiment block are automatically grouped and tracked together.
                     </p>
                 </div>
             }

flowyml/ui/frontend/src/app/projects/[projectId]/_components/ProjectMetricsPanel.jsx

@@ -14,7 +14,7 @@ import {
     ReferenceLine
 } from 'recharts';
 import { format } from 'date-fns';
-import { Box, Activity, Clock, Tag } from 'lucide-react';
+import { Box, Activity, Clock, Tag, BarChart2 } from 'lucide-react';
 import { Card } from '../../../../components/ui/Card';
 import { Badge } from '../../../../components/ui/Badge';