->(({ className, ...props }, ref) => (
- | [role=checkbox]]:translate-y-[2px]',
- className
- )}
- {...props}
- />
-));
-TableCell.displayName = 'TableCell';
-
-const TableCaption = React.forwardRef<
- HTMLTableCaptionElement,
- React.HTMLAttributes
->(({ className, ...props }, ref) => (
-
-));
-TableCaption.displayName = 'TableCaption';
-
-export {
- Table,
- TableHeader,
- TableBody,
- TableFooter,
- TableHead,
- TableRow,
- TableCell,
- TableCaption,
-};
diff --git a/ui-pages-router/src/components/ui/tabs.tsx b/ui-pages-router/src/components/ui/tabs.tsx
deleted file mode 100644
index 7646fcd..0000000
--- a/ui-pages-router/src/components/ui/tabs.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-
-import { cn } from '@/lib/utils';
-
-const Tabs = TabsPrimitive.Root;
-
-const TabsList = React.forwardRef<
- React.ElementRef,
- React.ComponentPropsWithoutRef
->(({ className, ...props }, ref) => (
-
-));
-TabsList.displayName = TabsPrimitive.List.displayName;
-
-const TabsTrigger = React.forwardRef<
- React.ElementRef,
- React.ComponentPropsWithoutRef
->(({ className, ...props }, ref) => (
-
-));
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-
-const TabsContent = React.forwardRef<
- React.ElementRef,
- React.ComponentPropsWithoutRef
->(({ className, ...props }, ref) => (
-
-));
-TabsContent.displayName = TabsPrimitive.Content.displayName;
-
-export { Tabs, TabsList, TabsTrigger, TabsContent };
diff --git a/ui-pages-router/src/components/ui/toggle-group.tsx b/ui-pages-router/src/components/ui/toggle-group.tsx
deleted file mode 100644
index f104e83..0000000
--- a/ui-pages-router/src/components/ui/toggle-group.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
-import { VariantProps } from 'class-variance-authority';
-
-import { cn } from '@/lib/utils';
-import { toggleVariants } from '@/components/ui/toggle';
-
-const ToggleGroupContext = React.createContext<
- VariantProps
->({
- size: 'default',
- variant: 'default',
-});
-
-const ToggleGroup = React.forwardRef<
- React.ElementRef,
- React.ComponentPropsWithoutRef &
- VariantProps
->(({ className, variant, size, children, ...props }, ref) => (
-
-
- {children}
-
-
-));
-
-ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-
-const ToggleGroupItem = React.forwardRef<
- React.ElementRef,
- React.ComponentPropsWithoutRef &
- VariantProps
->(({ className, children, variant, size, ...props }, ref) => {
- const context = React.useContext(ToggleGroupContext);
-
- return (
-
- {children}
-
- );
-});
-
-ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
-
-export { ToggleGroup, ToggleGroupItem };
diff --git a/ui-pages-router/src/components/ui/toggle.tsx b/ui-pages-router/src/components/ui/toggle.tsx
deleted file mode 100644
index dcf1b73..0000000
--- a/ui-pages-router/src/components/ui/toggle.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as TogglePrimitive from '@radix-ui/react-toggle';
-import { cva, type VariantProps } from 'class-variance-authority';
-
-import { cn } from '@/lib/utils';
-
-const toggleVariants = cva(
- // eslint-disable-next-line max-len
- 'inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground',
- {
- variants: {
- variant: {
- default: 'bg-transparent',
- outline:
- // eslint-disable-next-line max-len
- 'border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground',
- },
- size: {
- default: 'h-9 px-3',
- sm: 'h-8 px-2',
- lg: 'h-10 px-3',
- },
- },
- defaultVariants: {
- variant: 'default',
- size: 'default',
- },
- }
-);
-
-const Toggle = React.forwardRef<
- React.ElementRef,
- React.ComponentPropsWithoutRef &
- VariantProps
->(({ className, variant, size, ...props }, ref) => (
-
-));
-
-Toggle.displayName = TogglePrimitive.Root.displayName;
-
-export { Toggle, toggleVariants };
diff --git a/ui-pages-router/src/lib/utils.ts b/ui-pages-router/src/lib/utils.ts
deleted file mode 100644
index 9ad0df4..0000000
--- a/ui-pages-router/src/lib/utils.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { type ClassValue, clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-
-export function cn(...inputs: ClassValue[]) {
- return twMerge(clsx(inputs));
-}
diff --git a/ui-pages-router/src/lib/utils/build-tree-from-object.ts b/ui-pages-router/src/lib/utils/build-tree-from-object.ts
deleted file mode 100644
index 98e8fcd..0000000
--- a/ui-pages-router/src/lib/utils/build-tree-from-object.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { TraceTreeNode } from '@/models/trace-detail-response';
-import { compareTimestamps } from '@/lib/utils/compare-timestamps-to-nano';
-
-export function buildTreeFromObject(aggregatedObject: TraceTreeNode): TraceTreeNode {
- const rootNode = { ...aggregatedObject, children: [] };
- const flatChildren = aggregatedObject.children;
- flatChildren.sort((a, b) => {
- if (a.depth !== undefined && b.depth !== undefined) {
- // Handle Records that were for when we had execution_order (old format)
- if (a.depth === b.depth) {
- if (a.dotted_order !== undefined && b.dotted_order !== undefined) {
- console.debug('Using Dotted Order to sort');
-
- const aDottedOrder = a.dotted_order.split('.');
- const bDottedOrder = b.dotted_order.split('.');
-
- const aLastElement = aDottedOrder.pop();
- const bLastElement = bDottedOrder.pop();
-
- const aDate = aLastElement!.substring(0, 22)
- .replace(/^(\d{4})(\d{2})(\d{2})T(\d{2})(\d{2})(\d{2})(\d{3})(\d{3})Z$/,
- '$1-$2-$3T$4:$5:$6.$7$8Z');
- const bDate = bLastElement!.substring(0, 22)
- .replace(/^(\d{4})(\d{2})(\d{2})T(\d{2})(\d{2})(\d{2})(\d{3})(\d{3})Z$/,
- '$1-$2-$3T$4:$5:$6.$7$8Z');
-
- return compareTimestamps(aDate, bDate);
- } else if (a.execution_order !== undefined && b.execution_order !== undefined) {
- console.debug('Using Execution Order to sort');
- return a.execution_order - b.execution_order;
- }
- }
- return a.depth - b.depth;
- }
- return 0;
- });
-
- const nodesMap = new Map();
- nodesMap.set(aggregatedObject.run_id, rootNode);
- flatChildren.forEach(child => {
- const node = { ...child, children: [] };
- nodesMap.set(child.run_id, node);
- });
-
- flatChildren.forEach(child => {
- const parentNode = nodesMap.get(child.parent_run_id)!;
- if (parentNode) {
- parentNode.children.push(nodesMap.get(child.run_id)!);
- }
- });
- return rootNode;
-}
diff --git a/ui-pages-router/src/lib/utils/compare-timestamps-to-nano.ts b/ui-pages-router/src/lib/utils/compare-timestamps-to-nano.ts
deleted file mode 100644
index 413e692..0000000
--- a/ui-pages-router/src/lib/utils/compare-timestamps-to-nano.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-export function compareTimestamps(ts1: string, ts2: string): number {
- // Extract the millisecond part and the nanosecond part
- const regex = /(\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d{3})(\d*)Z/;
- const match1 = ts1.match(regex);
- const match2 = ts2.match(regex);
-
- if (!match1 || !match2) throw new Error('Invalid timestamp format');
-
- const date1 = new Date(match1[1] + 'Z');
- const date2 = new Date(match2[1] + 'Z');
- const nano1 = parseInt(match1[2].padEnd(6, '0'), 10); // Pad to ensure microseconds
- const nano2 = parseInt(match2[2].padEnd(6, '0'), 10);
-
- // First compare the millisecond part
- if (date1 > date2) return 1;
- if (date1 < date2) return -1;
-
- // Then compare the nanosecond part, if milliseconds are equal
- if (nano1 > nano2) return 1;
- if (nano1 < nano2) return -1;
-
- // Dates are exactly equal
- return 0;
-}
diff --git a/ui-pages-router/src/lib/utils/config.ts b/ui-pages-router/src/lib/utils/config.ts
deleted file mode 100644
index 02d320b..0000000
--- a/ui-pages-router/src/lib/utils/config.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { z } from 'zod';
-
-//TODO Add in missing environment variables for Auth
-const configSchema = z.object({
- langtraceApiUrl: z.string().url(),
-});
-
-type Config = z.infer;
-
-const config: Config = configSchema.parse({
- langtraceApiUrl: process.env.LANGTRACE_API_URL,
-});
-
-export default config;
diff --git a/ui-pages-router/src/lib/utils/convert-timestamp-to-datetime.ts b/ui-pages-router/src/lib/utils/convert-timestamp-to-datetime.ts
deleted file mode 100644
index 4cffd85..0000000
--- a/ui-pages-router/src/lib/utils/convert-timestamp-to-datetime.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-
-interface DateTime {
- date: string;
- time: string;
-}
-
-export function convertTimestampToDatetime(timestamp: string): DateTime {
- const dateObj = new Date(timestamp);
-
- const date = dateObj.toLocaleDateString('en-GB', {
- day: '2-digit',
- month: '2-digit',
- year: 'numeric'
- });
- const time = dateObj.toLocaleTimeString('en-GB', {
- hour: '2-digit',
- minute: '2-digit',
- second: '2-digit',
- hour12: false
- });
-
- return { date, time };
-}
diff --git a/ui-pages-router/src/lib/utils/get-parent-page-from-url-path.ts b/ui-pages-router/src/lib/utils/get-parent-page-from-url-path.ts
deleted file mode 100644
index d3f8893..0000000
--- a/ui-pages-router/src/lib/utils/get-parent-page-from-url-path.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export function getParentPageFromUrlPath(path: string): string {
- const lastSlashIndex = path.lastIndexOf('/');
- return path.substring(0, lastSlashIndex);
-}
diff --git a/ui-pages-router/src/middleware.ts b/ui-pages-router/src/middleware.ts
deleted file mode 100644
index a965821..0000000
--- a/ui-pages-router/src/middleware.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { NextResponse } from 'next/server';
-import type { NextRequest } from 'next/server';
-import { getToken } from 'next-auth/jwt';
-
-export async function middleware(req: NextRequest) {
- const enableAuth = process.env.NEXTAUTH_ENABLE === 'true';
-
- if (!enableAuth) {
- return NextResponse.next();
- }
-
-
- const token = await getToken({ req, secret: process.env.NEXTAUTH_SECRET });
-
- const { pathname } = req.nextUrl;
-
- if (pathname.includes('/api/auth') || token) {
- return NextResponse.next();
- }
-
- if (!token && pathname !== '/api/auth/signin') {
- const url = req.nextUrl.clone();
- url.pathname = '/api/auth/signin';
- return NextResponse.redirect(url);
- }
-}
diff --git a/ui-pages-router/src/models/projects-response.ts b/ui-pages-router/src/models/projects-response.ts
deleted file mode 100644
index 1d7fc9c..0000000
--- a/ui-pages-router/src/models/projects-response.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export interface ProjectResponse {
- project_name: string;
- tracesLast24Hours: number;
- tracesLast7Days: number;
- tracesLast30Days: number;
-}
diff --git a/ui-pages-router/src/models/trace-detail-response.ts b/ui-pages-router/src/models/trace-detail-response.ts
deleted file mode 100644
index bbf4c66..0000000
--- a/ui-pages-router/src/models/trace-detail-response.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-export interface TraceTreeNode {
- run_id: string;
- name: string;
- start_time: string;
- end_time: string | null;
- metadata: { [key: string]: any };
- outputs: { [key: string]: any };
- inputs: { [key: string]: any };
- error: string | null;
- session_name: string;
- run_type: string;
- latency: number;
- parent_run_id: string;
- children: TraceTreeNode[];
- totalInputTokenCount?: number;
- totalInputCost?: number;
- totalOutputCost?: number;
- totalOutputTokenCount?: number;
- totalCost?: number;
- totalTokens?: number;
- depth?: number;
- feedback?: { [key: string]: any }; //TODO Make this a proper type
-
- execution_order?: number; //TODO This is only used for old format (pre version....)
-
- trace_id?: string; //TODO This is only used for new format (post version....)
- dotted_order?: string; //TODO This is only used for new format (post version....)
-
-}
diff --git a/ui-pages-router/src/models/traces-response.ts b/ui-pages-router/src/models/traces-response.ts
deleted file mode 100644
index 06541f9..0000000
--- a/ui-pages-router/src/models/traces-response.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { TraceTreeNode } from '@/models/trace-detail-response';
-
-export interface TracePercentile {
- percentile: number;
- latency: number;
-}
-
-export interface FeedbackCount {
- key: string;
- counts: { [key: string]: number };
-}
-
-
-export interface TracesResponse {
- traces: TraceTreeNode[];
- latency_percentiles: TracePercentile[];
- feedback_counts: FeedbackCount[];
-}
diff --git a/ui-pages-router/src/pages/_app.tsx b/ui-pages-router/src/pages/_app.tsx
deleted file mode 100644
index 384ded6..0000000
--- a/ui-pages-router/src/pages/_app.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import '../styles/globals.scss';
-import '../styles/globals.css';
-import type { AppProps } from 'next/app';
-import Head from 'next/head';
-import { SessionProvider } from 'next-auth/react';
-
-function MyApp({ Component, pageProps: { session, ...pageProps } }: AppProps) {
-
- return (
- <>
-
- Langtrace
-
-
-
-
-
- );
-}
-
-export default MyApp;
diff --git a/ui-pages-router/src/pages/_document.tsx b/ui-pages-router/src/pages/_document.tsx
deleted file mode 100644
index 40a887e..0000000
--- a/ui-pages-router/src/pages/_document.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import Document, { Html, Head, Main, NextScript } from 'next/document';
-import { ThemeProvider } from '@/components/theme-provider';
-
-class MyDocument extends Document {
- render() {
- return (
-
-
-
-
-
-
-
-
-
- );
- }
-}
-
-export default MyDocument;
diff --git a/ui-pages-router/src/pages/api/auth/[...nextauth].ts b/ui-pages-router/src/pages/api/auth/[...nextauth].ts
deleted file mode 100644
index 658fd40..0000000
--- a/ui-pages-router/src/pages/api/auth/[...nextauth].ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import NextAuth, { NextAuthOptions, Profile } from 'next-auth';
-import GithubProvider from 'next-auth/providers/github';
-import { NextApiRequest, NextApiResponse } from 'next';
-
-const enableAuth = process.env.NEXTAUTH_ENABLE === 'true';
-
-interface GitHubProfile extends Profile {
- login: string;
-
-}
-
-const options = {
- providers: [
- GithubProvider({
- clientId: process.env.NEXTAUTH_GITHUB_ID!,
- clientSecret: process.env.NEXTAUTH_GITHUB_SECRET!,
- authorization: {
- params: {
- scope: 'read:user,user:email,read:org',
- },
- },
- }),
- ],
- callbacks: {
- async signIn({ account, profile }) {
- if (account?.provider === 'github' &&
- (process.env.NEXTAUTH_GITHUB_ORGANISATION ?? '').trim() !== '') {
- const orgName = process.env.NEXTAUTH_GITHUB_ORGANISATION;
- const token = account.access_token;
- const url =
- `https://api.github.com/orgs/${orgName}/members/${(profile as GitHubProfile).login}`;
- const response = await fetch(url, {
- headers: {
- Authorization: `token ${token}`,
- },
- });
- return response.ok;
- }
- // If not GitHub, continue the sign-in process
- return true;
- },
- },
-} satisfies NextAuthOptions;
-
-// eslint-disable-next-line import/no-anonymous-default-export
-export default (req: NextApiRequest, res: NextApiResponse) => {
- if (enableAuth) {
- return NextAuth(req, res, options);
- } else {
- res.status(200).json({ message: 'Authentication bypassed' });
- }
-};
diff --git a/ui-pages-router/src/pages/index.tsx b/ui-pages-router/src/pages/index.tsx
deleted file mode 100644
index c68fa8c..0000000
--- a/ui-pages-router/src/pages/index.tsx
+++ /dev/null
@@ -1,103 +0,0 @@
-import { RiLoginBoxLine } from 'react-icons/ri';
-import { signIn, useSession } from 'next-auth/react';
-import AppBar from '@/components/AppBar';
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
-import { Button, buttonVariants } from '@/components/ui/button';
-import React from 'react';
-import Link from 'next/link';
-import { BarChartIcon, GearIcon, StackIcon } from '@radix-ui/react-icons';
-
-const Home = () => {
- const { status } = useSession();
-
- const quickLinks = [
- {
- name: 'CapGPT Production',
- url: '/projects/capgpt-production/traces'
- },
- {
- name: 'CapGPT Dev',
- url: '/projects/capgpt-dev/traces'
- },
- {
- name: 'CapGPT Local',
- url: '/projects/capgpt-local/traces'
- },
- ];
-
-
- if (status === 'loading') {
- return Hang on there... ;
- }
- if (status === 'authenticated') {
- return (
-
-
-
-
-
-
-
- Actions
-
-
-
-
-
- Projects
-
-
- Settings
-
-
-
-
-
-
-
-
- Quick Launch
-
-
-
-
- {quickLinks.map((link, index) => (
-
- {link.name}
-
- ))}
-
-
-
-
-
-
-
- Langtrace
-
-
-
- View your Langchain data
-
-
-
-
-
- );
-};
-
-export default Home;
diff --git a/ui-pages-router/src/pages/projects/[projectId].tsx b/ui-pages-router/src/pages/projects/[projectId].tsx
deleted file mode 100644
index 9fc4cb1..0000000
--- a/ui-pages-router/src/pages/projects/[projectId].tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import { GetServerSidePropsContext } from 'next';
-import React from 'react';
-import { getParentPageFromUrlPath } from '@/lib/utils/get-parent-page-from-url-path';
-import { usePathname } from 'next/navigation';
-import AppBar from '@/components/AppBar';
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
-import Link from 'next/link';
-import { buttonVariants } from '@/components/ui/button';
-
-interface ProjectDetailsPageProps {
- projectId: string;
-}
-
-const ProjectDetailsPage: React.FC = ({ projectId }) => {
- const breadcrumbItems = [
- { name: 'Home', path: '/' },
- { name: 'Projects', path: getParentPageFromUrlPath(usePathname()) },
- { name: `${projectId}`, path: undefined }
- ];
-
- return <>
-
-
-
-
- {projectId}
-
-
-
-
-
-
-
-
-
-
-
- Project Name
- Traces 24h
- Traces 7d
- Traces 30d
-
-
-
- {projects.map((project, index) => (
- handleRowClick(`/projects/${project.project_name}`)}>
- {project.project_name}
- {project.tracesLast24Hours}
- {project.tracesLast7Days}
- {project.tracesLast30Days}
-
- ))}
-
-
-
-
- |