optimize default pages

README.md

@@ -76,7 +76,7 @@ from alphatrion import experiment
 alpha.init(user_id="<your_user_id>")
 
 async def my_task():
-    # Your ML code here
+    # Your code here
     await alpha.log_metrics({"accuracy": 0.95, "loss": 0.12})
 
 async with experiment.CraftExperiment.start(name="my_experiment") as exp:

dashboard/src/pages/datasets/index.tsx

@@ -247,13 +247,18 @@ export function DatasetsPage() {
                 </div>
               ) : !datasets || datasets.length === 0 ? (
                 <div className="flex flex-col items-center justify-center h-full">
-                  <Database className="h-10 w-10 text-muted-foreground/30 mb-3" />
-                  <p className="text-sm font-medium">No datasets found</p>
+                  <div className="w-16 h-16 rounded-full bg-muted/50 flex items-center justify-center mb-4">
+                    <Database className="h-8 w-8 text-muted-foreground/60" />
+                  </div>
+                  <p className="text-sm font-medium text-foreground">No datasets found</p>
+                  <p className="text-xs text-muted-foreground mt-1">Datasets will appear here once created</p>
                 </div>
               ) : filteredDatasets.length === 0 ? (
                 <div className="flex flex-col items-center justify-center h-full">
-                  <Search className="h-10 w-10 text-muted-foreground/30 mb-3" />
-                  <p className="text-sm font-medium">No matching datasets</p>
+                  <div className="w-16 h-16 rounded-full bg-muted/50 flex items-center justify-center mb-4">
+                    <Search className="h-8 w-8 text-muted-foreground/60" />
+                  </div>
+                  <p className="text-sm font-medium text-foreground">No matching datasets</p>
                   <p className="text-xs text-muted-foreground mt-1">
                     Try adjusting your search query
                   </p>
@@ -418,9 +423,11 @@ export function DatasetsPage() {
                     ))}
                   </div>
                 ) : !files || files.length === 0 ? (
-                  <div className="flex flex-col items-center justify-center py-12 text-center">
-                    <FileText className="h-10 w-10 text-muted-foreground/30 mb-3" />
-                    <p className="text-sm font-medium">No files found</p>
+                  <div className="flex flex-col items-center justify-center h-full text-center">
+                    <div className="w-12 h-12 rounded-full bg-muted/50 flex items-center justify-center mx-auto mb-3">
+                      <FileText className="h-6 w-6 text-muted-foreground/60" />
+                    </div>
+                    <p className="text-sm font-medium text-foreground">No files found</p>
                     <p className="text-xs text-muted-foreground mt-1">
                       This dataset is empty
                     </p>

dashboard/src/pages/experiments/index.tsx

@@ -1,6 +1,6 @@
 import { useState, useMemo } from 'react';
 import { Link } from 'react-router-dom';
-import { Search, Trash2 } from 'lucide-react';
+import { Search, Trash2, FlaskConical } from 'lucide-react';
 import { useTeamContext } from '../../context/team-context';
 import { useExperiments } from '../../hooks/use-experiments';
 import { useDeleteExperiments } from '../../hooks/use-experiment-mutations';
@@ -323,10 +323,24 @@ export function ExperimentsPage() {
               <Skeleton className="h-24 w-full" />
             </div>
           ) : !filteredExperiments || filteredExperiments.length === 0 ? (
-            <div className="flex h-32 items-center justify-center text-sm text-muted-foreground">
-              {searchQuery.trim() || statusFilter !== 'ALL' || labelFilters.length > 0
-                ? 'No experiments match your filters'
-                : 'No experiments found'}
+            <div className="flex flex-col items-center justify-center py-16">
+              <div className="w-16 h-16 rounded-full bg-muted/50 flex items-center justify-center mb-4">
+                {searchQuery.trim() || statusFilter !== 'ALL' || labelFilters.length > 0 ? (
+                  <Search className="h-8 w-8 text-muted-foreground/60" />
+                ) : (
+                  <FlaskConical className="h-8 w-8 text-muted-foreground/60" />
+                )}
+              </div>
+              <p className="text-sm font-medium text-foreground">
+                {searchQuery.trim() || statusFilter !== 'ALL' || labelFilters.length > 0
+                  ? 'No experiments match your filters'
+                  : 'No experiments found'}
+              </p>
+              <p className="text-xs text-muted-foreground mt-1">
+                {searchQuery.trim() || statusFilter !== 'ALL' || labelFilters.length > 0
+                  ? 'Try adjusting your filters or search query'
+                  : 'Experiments will appear here once created'}
+              </p>
             </div>
           ) : (
             <div className="overflow-hidden rounded-lg">

dashboard/static/index.html

@@ -6,8 +6,8 @@
     <link rel="icon" type="image/png" href="/static/assets/logo-D6hHn9pX.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>AlphaTrion</title>
-  <script type="module" crossorigin src="/static/assets/index-B6gQo9u2.js"></script>
-  <link rel="stylesheet" crossorigin href="/static/assets/index-DZjRjCB0.css">
+  <script type="module" crossorigin src="/static/assets/index-CN4v5u3P.js"></script>
+  <link rel="stylesheet" crossorigin href="/static/assets/index-CYfzlh9Y.css">
 </head>
 
 <body>