Added VSCode link

mattpocock · Dec 5, 2024 · 1920386 · 1920386
1 parent 92de45c
commit 1920386
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/apps/evalite-ui/app/components/page-header.tsx b/apps/evalite-ui/app/components/page-header.tsx
@@ -1,17 +1,24 @@
+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";
 
 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
@@ -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>