Add models, add expand button

DrChristophFH · May 24, 2024 · 52a0655 · 52a0655
1 parent e8fd3a4
commit 52a0655
Show file tree

Hide file tree

Showing 71 changed files with 5,806 additions and 46 deletions.
diff --git a/components/lms/llm-timeline.tsx b/components/lms/llm-timeline.tsx
@@ -4,7 +4,7 @@ import 'vis-timeline/styles/vis-timeline-graph2d.css';
 
 import { LLM } from "@/lib/types/llm"
 import React from "react";
-import { RotateCcw } from "lucide-react";
+import { Expand, Minimize2, RotateCcw } from "lucide-react";
 import { Button } from "../ui/button";
 import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from "../ui/tooltip";
 
@@ -16,37 +16,45 @@ interface Props {
 const LlmTimeline: React.FC<Props> = ({ llms, selectCallback }) => {
   const container = useRef(null);
   const [timeline, setTimeline] = useState<Timeline | null>(null);
+  const [expanded, setExpanded] = useState(false);
 
-  const items: any = llms.map((llm) => {
+  let now = new Date(); // today
+  let future = new Date().setDate(now.getDate() + 30); // today + 30 days
+
+  const items: any = llms.filter((llm) => !(llm.release_date === "nan")).map((llm) => {
     let html = document.createElement("div");
     html.appendChild(document.createTextNode(llm.name));
     let image = document.createElement("img");
     image.src = "logos/" + llm.from + ".svg";
     image.style.maxHeight = "1em";
     image.style.marginLeft = "0.5em";
+    image.alt = "";
     html.appendChild(image);
     html.style.display = "flex";
     html.style.alignItems = "center";
 
+    let release_date = Date.parse(llm.release_date) ? new Date(llm.release_date) : future;
+
     return ({
       id: llm.id,
       content: html,
-      start: llm.release_date,
+      start: release_date,
       data: llm,
     });
   });
 
-  let now = new Date(); // today
 
   const options: any = {
     stack: true,
     showMajorLabels: true,
     showMinorLabels: true,
+    verticalScroll: true,
     zoomKey: "ctrlKey",
     maxMinorChars: 4,
     minHeight: "400px",
+    maxHeight: "400px",
     start: new Date("2022-01-01"),
-    end: now.setDate(now.getDate() + 30), // today + 30 days
+    end: future, // today + 30 days
   };
 
   useEffect(() => {
@@ -74,20 +82,44 @@ const LlmTimeline: React.FC<Props> = ({ llms, selectCallback }) => {
     timeline?.setWindow(options.start, options.end);
   };
 
+  const toggleExpand = () => {
+    if (expanded) {
+      timeline?.setOptions({ ...options, minHeight: "400px", maxHeight: "400px" });
+      setExpanded(false);
+    } else {
+      timeline?.setOptions({ ...options, minHeight: "800px", maxHeight: "800px" });
+      setExpanded(true);
+    }
+  }
+
   return (
     <div style={{ position: "relative" }}>
-      <TooltipProvider>
-        <Tooltip>
-          <TooltipTrigger asChild>
-            <Button variant="outline" size="icon" style={{ position: "absolute", top: "0.5em", right: "0.5em", zIndex: 5 }} onClick={handleReset}>
-              <RotateCcw className="h-4 w-4" />
-            </Button>
-          </TooltipTrigger>
-          <TooltipContent style={{ zIndex: 5 }}>
-            <p>Reset Zoom</p>
-          </TooltipContent>
-        </Tooltip>
-      </TooltipProvider>
+      <div className="absolute top-2 right-2 z-10 flex gap-4">
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <Button variant="outline" size="icon" onClick={handleReset}>
+                <RotateCcw className="h-4 w-4" />
+              </Button>
+            </TooltipTrigger>
+            <TooltipContent style={{ zIndex: 5 }}>
+              <p>Reset Zoom</p>
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <Button variant="outline" size="icon" onClick={toggleExpand}>
+                {expanded ? <Minimize2 className="h-4 w-4" /> : <Expand className="h-4 w-4" />}
+              </Button>
+            </TooltipTrigger>
+            <TooltipContent style={{ zIndex: 5 }}>
+              <p>{expanded ? "Collapse" : "Expand"}</p>
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+      </div>
       <div ref={container}></div>
     </div>
   );

diff --git a/data/llm/01.ai/yi.json b/data/llm/01.ai/yi.json
@@ -0,0 +1,43 @@
+{
+  "id": "01.ai/yi",
+  "name": "Yi",
+  "release_date": "nan",
+  "from": "01.ai",
+  "usage_type": "GP-LLM",
+  "description": "",
+  "readme": {
+    "link": "",
+    "raw": ""
+  },
+  "model": {
+    "architecture": "Transformer",
+    "subtype": "nan",
+    "insights": [
+      "nan"
+    ],
+    "parameters": "nan",
+    "active_parameters": "nan",
+    "context_size": "nan",
+    "tokenizer": "nan",
+    "hidden_size": "nan",
+    "vocab_size": "nan",
+    "positional_embedding": "nan",
+    "attention_variant": "nan",
+    "activation": "nan"
+  },
+  "training": {
+    "tokens": "nan"
+  },
+  "license": "nan",
+  "license_url": "nan",
+  "download": "nan",
+  "paper": "nan",
+  "bonus": [
+    {
+      "type": "",
+      "title": "",
+      "url": ""
+    }
+  ],
+  "updated": "2024-05-24"
+}
diff --git a/data/llm/ai21/jamba.json b/data/llm/ai21/jamba.json
@@ -0,0 +1,43 @@
+{
+  "id": "ai21/jamba",
+  "name": "Jamba",
+  "release_date": "nan",
+  "from": "ai21",
+  "usage_type": "GP-LLM",
+  "description": "",
+  "readme": {
+    "link": "",
+    "raw": ""
+  },
+  "model": {
+    "architecture": "SMM-Transformer Hybrid",
+    "subtype": "SSM-Transformer",
+    "insights": [
+      "nan"
+    ],
+    "parameters": "nan",
+    "active_parameters": "nan",
+    "context_size": "nan",
+    "tokenizer": "nan",
+    "hidden_size": "nan",
+    "vocab_size": "nan",
+    "positional_embedding": "nan",
+    "attention_variant": "nan",
+    "activation": "nan"
+  },
+  "training": {
+    "tokens": "nan"
+  },
+  "license": "nan",
+  "license_url": "nan",
+  "download": "nan",
+  "paper": "nan",
+  "bonus": [
+    {
+      "type": "",
+      "title": "",
+      "url": ""
+    }
+  ],
+  "updated": "2024-05-24"
+}
diff --git a/data/llm/ai21/jurassic-2.json b/data/llm/ai21/jurassic-2.json
@@ -0,0 +1,43 @@
+{
+  "id": "ai21/jurassic-2",
+  "name": "Jurassic-2",
+  "release_date": "nan",
+  "from": "ai21",
+  "usage_type": "GP-LLM",
+  "description": "",
+  "readme": {
+    "link": "",
+    "raw": ""
+  },
+  "model": {
+    "architecture": "Transformer",
+    "subtype": "nan",
+    "insights": [
+      "nan"
+    ],
+    "parameters": "nan",
+    "active_parameters": "nan",
+    "context_size": "nan",
+    "tokenizer": "nan",
+    "hidden_size": "nan",
+    "vocab_size": "nan",
+    "positional_embedding": "nan",
+    "attention_variant": "nan",
+    "activation": "nan"
+  },
+  "training": {
+    "tokens": "nan"
+  },
+  "license": "nan",
+  "license_url": "nan",
+  "download": "nan",
+  "paper": "nan",
+  "bonus": [
+    {
+      "type": "",
+      "title": "",
+      "url": ""
+    }
+  ],
+  "updated": "2024-05-24"
+}
diff --git a/data/llm/alibaba_cloud/qwen.json b/data/llm/alibaba_cloud/qwen.json
@@ -0,0 +1,43 @@
+{
+  "id": "alibaba_cloud/qwen",
+  "name": "Qwen",
+  "release_date": "nan",
+  "from": "Alibaba Cloud",
+  "usage_type": "GP-LLM",
+  "description": "",
+  "readme": {
+    "link": "",
+    "raw": ""
+  },
+  "model": {
+    "architecture": "Transformer",
+    "subtype": "nan",
+    "insights": [
+      "nan"
+    ],
+    "parameters": "nan",
+    "active_parameters": "nan",
+    "context_size": "nan",
+    "tokenizer": "nan",
+    "hidden_size": "nan",
+    "vocab_size": "nan",
+    "positional_embedding": "nan",
+    "attention_variant": "nan",
+    "activation": "nan"
+  },
+  "training": {
+    "tokens": "nan"
+  },
+  "license": "nan",
+  "license_url": "nan",
+  "download": "nan",
+  "paper": "nan",
+  "bonus": [
+    {
+      "type": "",
+      "title": "",
+      "url": ""
+    }
+  ],
+  "updated": "2024-05-24"
+}
diff --git a/data/llm/alibaba_cloud/qwen_1.5.json b/data/llm/alibaba_cloud/qwen_1.5.json
@@ -0,0 +1,43 @@
+{
+  "id": "alibaba_cloud/qwen_1.5",
+  "name": "Qwen 1.5",
+  "release_date": "nan",
+  "from": "Alibaba Cloud",
+  "usage_type": "GP-LLM",
+  "description": "",
+  "readme": {
+    "link": "",
+    "raw": ""
+  },
+  "model": {
+    "architecture": "Transformer",
+    "subtype": "nan",
+    "insights": [
+      "nan"
+    ],
+    "parameters": "nan",
+    "active_parameters": "nan",
+    "context_size": "nan",
+    "tokenizer": "nan",
+    "hidden_size": "nan",
+    "vocab_size": "nan",
+    "positional_embedding": "nan",
+    "attention_variant": "nan",
+    "activation": "nan"
+  },
+  "training": {
+    "tokens": "nan"
+  },
+  "license": "nan",
+  "license_url": "nan",
+  "download": "nan",
+  "paper": "nan",
+  "bonus": [
+    {
+      "type": "",
+      "title": "",
+      "url": ""
+    }
+  ],
+  "updated": "2024-05-24"
+}
diff --git a/data/llm/anthropic/claude_1.json b/data/llm/anthropic/claude_1.json
@@ -0,0 +1,43 @@
+{
+  "id": "anthropic/claude_1",
+  "name": "Claude 1",
+  "release_date": "nan",
+  "from": "Anthropic",
+  "usage_type": "GP-LLM",
+  "description": "",
+  "readme": {
+    "link": "",
+    "raw": ""
+  },
+  "model": {
+    "architecture": "Transformer",
+    "subtype": "nan",
+    "insights": [
+      "nan"
+    ],
+    "parameters": "nan",
+    "active_parameters": "nan",
+    "context_size": "nan",
+    "tokenizer": "nan",
+    "hidden_size": "nan",
+    "vocab_size": "nan",
+    "positional_embedding": "nan",
+    "attention_variant": "nan",
+    "activation": "nan"
+  },
+  "training": {
+    "tokens": "nan"
+  },
+  "license": "nan",
+  "license_url": "nan",
+  "download": "nan",
+  "paper": "nan",
+  "bonus": [
+    {
+      "type": "",
+      "title": "",
+      "url": ""
+    }
+  ],
+  "updated": "2024-05-24"
+}