Merge pull request #3 from Danielpeter-99/main

Danielpeter-99 · web-flow · commit 52bb4232d1c5 · 2025-04-22T15:27:50.000-03:00
diff --git a/backend/app/main.py b/backend/app/main.py
@@ -84,13 +84,25 @@ async def upload_file(file: UploadFile = File(...), model: str = Form(...)):
     processed_data = preprocess_data(file, file_path)
 
     reduced_data = select_features(processed_data)
+    print("Selected features:")
+    print(reduced_data.columns.tolist())
 
     predictions = predict_sample(reduced_data, model)
+    print("Predictions:")
+
+    def chunk_list(lst, n):
+        return [lst[i:i + n] for i in range(0, len(lst), n)]
+
+    cleaned_features = [f.replace("hsa-", "") for f in reduced_data.columns.tolist()]
+    chunked = chunk_list(cleaned_features, 6)
+    pretty_features = "\n".join([", ".join(chunk) for chunk in chunked])
+
 
     results = [
                 {"target": "Diagnosis", "result": predictions[0]},
                 {"target": "Stage", "result": predictions[1]},
-                {"target": "Subtype", "result": predictions[2]}
+                {"target": "Subtype", "result": predictions[2]},
+                {"target": "Selected Features", "result": pretty_features}
               ]
 
     results_cache[file_id] = {
diff --git a/frontend/app/globals.css b/frontend/app/globals.css
@@ -10,6 +10,12 @@ body {
   .text-balance {
     text-wrap: balance;
   }
+  .bg-shine {
+    @apply bg-[linear-gradient(120deg,hsl(var(--background))_0%,hsl(var(--secondary))_40%,hsl(var(--background))_80%)]
+           dark:bg-[linear-gradient(120deg,hsl(var(--background))_0%,hsl(var(--secondary)/0.1)_40%,hsl(var(--background))_80%)]
+           bg-200%
+           animate-gradient-x;
+  }
 }
 
 @layer base {
diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx
@@ -28,7 +28,7 @@ export default function RootLayout({
   return (
     <html lang="en">
       <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+      className={`${geistSans.variable} ${geistMono.variable} antialiased bg-shine`}
       >
         {children}
         <Toaster />
diff --git a/frontend/components/filedrop.jsx b/frontend/components/filedrop.jsx
@@ -119,7 +119,7 @@ export default function Filedrop({ onUploadSuccess }) {
   };
 
   return (
-    <Card className="w-full max-w-md">
+    <Card className="w-full max-w-md bg-shine shadow-xl">
       <CardContent className="p-6 space-y-4">
         <div className="flex items-center justify-between">
           <Label className="text-lg font-medium">Upload CSV or TXT File</Label>
@@ -196,8 +196,8 @@ export default function Filedrop({ onUploadSuccess }) {
             <div className="flex items-center justify-between">
               <div className="flex items-center gap-2">
                 <FileText className="h-4 w-4 text-blue-500" />
-                <span className="text-sm font-medium text-gray-700 truncate">
-                  {fileName}
+                <span className="text-sm font-medium text-gray-700 mt-2 truncate max-w-[12rem] text-center">
+                {fileName}
                 </span>
               </div>
               <Button
diff --git a/frontend/tailwind.config.ts b/frontend/tailwind.config.ts
@@ -10,6 +10,9 @@ const config: Config = {
   ],
   theme: {
   	extend: {
+		backgroundSize: {
+			'200%': '200% 200%', // for gradient movement
+		  },
   		colors: {
   			background: 'hsl(var(--background))',
   			foreground: 'hsl(var(--foreground))',
@@ -90,12 +93,17 @@ const config: Config = {
   					opacity: "1",
   					transform: "scale(1)"
   				}
-  			}
+  			},
+			  'gradient-x': {
+				'0%, 100%': { backgroundPosition: '0% 50%' },
+				'50%': { backgroundPosition: '100% 50%' },
+			  },
   		},
   		animation: {
   			"fade-up": "fade-up 0.5s ease-out",
   			"fade-down": "fade-down 0.5s ease-out",
-  			"scale-up": "scale-up 0.3s ease-out"
+  			"scale-up": "scale-up 0.3s ease-out",
+			'gradient-x': 'gradient-x 20s ease-in-out infinite',
   		}
   	}
   },

Original file line number	Diff line number	Diff line change
`@@ -10,6 +10,12 @@ body {`
`10`	`10`	`.text-balance {`
`11`	`11`	`text-wrap: balance;`
`12`	`12`	`}`
	`13`	`+ .bg-shine {`
	`14`	`+ @apply bg-[linear-gradient(120deg,hsl(var(--background))_0%,hsl(var(--secondary))_40%,hsl(var(--background))_80%)]`
	`15`	`+ dark:bg-[linear-gradient(120deg,hsl(var(--background))_0%,hsl(var(--secondary)/0.1)_40%,hsl(var(--background))_80%)]`
	`16`	`+ bg-200%`
	`17`	`+ animate-gradient-x;`
	`18`	`+ }`
`13`	`19`	`}`
`14`	`20`
`15`	`21`	`@layer base {`
Original file line number	Diff line number	Diff line change
`@@ -28,7 +28,7 @@ export default function RootLayout({`
`28`	`28`	`return (`
`29`	`29`	`<html lang="en">`
`30`	`30`	`<body`
`31`		- className={`${geistSans.variable} ${geistMono.variable} antialiased`}
	`31`	+ className={`${geistSans.variable} ${geistMono.variable} antialiased bg-shine`}
`32`	`32`	`>`
`33`	`33`	`{children}`
`34`	`34`	`<Toaster />`