Merge branch 'development'

DrChristophFH · Jun 1, 2024 · 733c33b · 733c33b
2 parents 4ecd41e + c939ad4
commit 733c33b
Show file tree

Hide file tree

Showing 80 changed files with 658 additions and 234 deletions.
diff --git a/app/globals.css b/app/globals.css
@@ -40,6 +40,8 @@
     --closed-source-foreground: 222.2 84% 4.9%;
     --closed-source-border: 5.5, 49.3%, 60%;
 
+    --semi-closed-source: 5.5, 49.3%, 82%;
+
     --lines: 214.3 31.8% 80.4%;
     --timeline: 202 33% 4%;
 
@@ -83,6 +85,8 @@
     --closed-source-foreground: 210 40% 98%;
     --closed-source-border: 0, 34.5%, 50%;
 
+    --semi-closed-source: 0, 34.5%, 42%;
+
     --lines: 202 13% 35%;
     --timeline: 202 33% 4%;
   }
@@ -98,7 +102,6 @@
   }
 }
 
-
 .vis-timeline {
   border-color: hsl(var(--border));
 }
@@ -113,6 +116,14 @@
   border-color: hsl(var(--lines));
 }
 
+.vis-item.semi-closed-source {
+  background: repeating-linear-gradient(45deg,
+      hsl(var(--closed-source)) 0,
+      hsl(var(--closed-source)) 10px,
+      hsl(var(--semi-closed-source)) 10px,
+      hsl(var(--semi-closed-source)) 20px);
+  color: hsl(var(--closed-source-foreground));
+}
 
 .vis-item.closed-source,
 .vis-item.closed-source.vis-dot {

diff --git a/app/page.tsx b/app/page.tsx
@@ -1,7 +1,13 @@
 'use client'
 
 import {
+  ArrowRightFromLine,
   BotMessageSquare,
+  Check,
+  Copy,
+  FileJson,
+  Mail,
+  MoreVertical,
 } from "lucide-react"
 
 import {
@@ -18,6 +24,8 @@ import ModelCard from "@/components/lms/model-card"
 import ModelReadme from "@/components/lms/model-readme"
 import { Insights } from "@/lib/types/insights"
 import { Footer } from "@/components/lms/footer"
+import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
+import { Button } from "@/components/ui/button"
 
 
 export default function Dashboard() {
@@ -50,18 +58,7 @@ export default function Dashboard() {
     <div className="flex min-h-screen w-full flex-col">
       <Header></Header>
       <main className="flex flex-1 flex-col gap-4 p-4 md:gap-8 md:p-4">
-        <Card>
-          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
-            <CardTitle>LLM Timeline</CardTitle>
-            <div className="flex flex-row items-center space-x-2">
-              <span className="text-sm text-gray-500">ℹ️ Click on a model to view more details</span>
-              <BotMessageSquare />
-            </div>
-          </CardHeader>
-          <CardContent>
-            <LlmTimeline llms={llms} insights={insights} selectCallback={selectCallback} />
-          </CardContent>
-        </Card>
+        <LlmTimeline llms={llms} insights={insights} selectCallback={selectCallback} />
         <div className="grid gap-4 grid-cols-1 md:gap-8 lg:grid-cols-2 xl:grid-cols-3">
           <ModelReadme readme={selectedLLM?.readme}></ModelReadme>
           <ModelCard llm={selectedLLM} insights={insights} className="order-first lg:order-1" />