From 1920386ff4daf961ce88cdf697aed5297cfb8dc3 Mon Sep 17 00:00:00 2001
From: Matt Pocock <mattpocockvoice@gmail.com>
Date: Thu, 5 Dec 2024 07:53:04 +0000
Subject: [PATCH] Added VSCode link

---
 apps/evalite-ui/app/components/page-header.tsx | 13 +++++++++++++
 apps/evalite-ui/app/routes/eval.$name.tsx      |  8 ++++++--
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/apps/evalite-ui/app/components/page-header.tsx b/apps/evalite-ui/app/components/page-header.tsx
index bca066a..2f27294 100644
--- a/apps/evalite-ui/app/components/page-header.tsx
+++ b/apps/evalite-ui/app/components/page-header.tsx
@@ -1,8 +1,11 @@
+import { Link } from "@remix-run/react";
 import {
   Breadcrumb,
   BreadcrumbItem,
+  BreadcrumbLink,
   BreadcrumbList,
   BreadcrumbPage,
+  BreadcrumbSeparator,
 } from "./ui/breadcrumb";
 import { Separator } from "./ui/separator";
 import { SidebarTrigger } from "./ui/sidebar";
@@ -10,8 +13,12 @@ import { SidebarTrigger } from "./ui/sidebar";
 export const InnerPageLayout = ({
   children,
   title,
+  filepath,
+  vscodeUrl,
 }: {
   title: string;
+  vscodeUrl: string;
+  filepath: string;
   children: React.ReactNode;
 }) => {
   return (
@@ -27,6 +34,12 @@ export const InnerPageLayout = ({
                   {title}
                 </BreadcrumbPage>
               </BreadcrumbItem>
+              <Separator orientation="vertical" className="mx-1 h-4" />
+              <BreadcrumbItem>
+                <BreadcrumbLink className="line-clamp-1" asChild>
+                  <a href={vscodeUrl}>{filepath}</a>
+                </BreadcrumbLink>
+              </BreadcrumbItem>
             </BreadcrumbList>
           </Breadcrumb>
         </div>
diff --git a/apps/evalite-ui/app/routes/eval.$name.tsx b/apps/evalite-ui/app/routes/eval.$name.tsx
index d27695e..8ffebaa 100644
--- a/apps/evalite-ui/app/routes/eval.$name.tsx
+++ b/apps/evalite-ui/app/routes/eval.$name.tsx
@@ -55,8 +55,12 @@ export default function Page() {
   );
 
   return (
-    <InnerPageLayout title={name}>
-      <MyLineChart data={history} />
+    <InnerPageLayout
+      title={name}
+      vscodeUrl={`vscode://file${evaluation.filepath}`}
+      filepath={evaluation.filepath.split(/(\/|\\)/).slice(-1)[0]!}
+    >
+      {history.length > 1 && <MyLineChart data={history} />}
       <Table>
         <TableHeader>
           <TableRow>