fix formatting

.nxignore

@@ -1,2 +1,3 @@
 .github
-.next
+.next
+volumes

.prettierignore

@@ -6,3 +6,4 @@
 libs/common/src/version.json
 **/.next
 /docs
+volumes

apps/console/src/components/metrics/StatisticBox.tsx

@@ -26,7 +26,7 @@ interface Props {
 const getProperties = (
   currentValue: number,
   previousValue: number,
-  reverseColors: boolean,
+  reverseColors: boolean
 ) => {
   const diff = currentValue - previousValue;
   // Handle case where previousValue is 0

apps/console/src/components/prompts/editor/ProviderSelector/providers.tsx

@@ -9,13 +9,7 @@ import AnthropicLogo from "~/assets/providers/anthropic-logo.png";
 
 export const providersList: ProviderProps[] = [
   {
-    image: (
-      <img
-        alt="OpenAI"
-        src={OpenAILogo}
-        className="w-6 rounded-sm"
-      />
-    ),
+    image: <img alt="OpenAI" src={OpenAILogo} className="w-6 rounded-sm" />,
     value: PromptService.OpenAiChatCompletion,
     label: promptProvidersMapping[PromptService.OpenAiChatCompletion].name,
   },
@@ -32,11 +26,7 @@ export const providersList: ProviderProps[] = [
   },
   {
     image: (
-      <img
-        alt="Anthropic"
-        src={AnthropicLogo}
-        className=" w-6 rounded-sm"
-      />
+      <img alt="Anthropic" src={AnthropicLogo} className=" w-6 rounded-sm" />
     ),
     value: PromptService.AnthropicCompletion,
     label: promptProvidersMapping[PromptService.AnthropicCompletion].name,

apps/console/src/components/requests/RequestResponseViewJsonView.tsx

@@ -6,7 +6,10 @@ interface Props {
   responseBody: OpenAI.ChatCompletion;
 }
 
-export const RequestResponseViewJsonView = ({ requestBody, responseBody }: Props) => {
+export const RequestResponseViewJsonView = ({
+  requestBody,
+  responseBody,
+}: Props) => {
   return (
     <div className="flex flex-col gap-4">
       <div>

apps/console/src/graphql/definitions/queries/metrics.tsx

@@ -1,18 +1,20 @@
 import { graphql } from "~/@generated/graphql";
 
 export const GET_GENERIC_PROJECT_METRIC_HISTOGRAM = graphql(/* GraphQL */ `
-  query getGenericProjectMetricHistogram($data: GetProjectGenericHistogramInput!) {
+  query getGenericProjectMetricHistogram(
+    $data: GetProjectGenericHistogramInput!
+  ) {
     genericProjectMetricHistogram(data: $data) {
       data
     }
   }
 `);
 
 export const GET_PROJECT_METRIC_DELTA = graphql(/* GraphQL */ `
-query getProjectMetricDelta($data: GetProjectMetricDeltaInput!) {
-  projectMetricDelta(data: $data) {
-    currentValue,
-    previousValue
+  query getProjectMetricDelta($data: GetProjectMetricDeltaInput!) {
+    projectMetricDelta(data: $data) {
+      currentValue
+      previousValue
+    }
   }
-}
 `);

apps/console/src/graphql/hooks/queries.ts

@@ -18,7 +18,7 @@ import {
   GetProjectMetricDeltaQueryVariables,
   GetProjectMetricDeltaQuery,
   GetReportQuery,
-  GetReportQueryVariables
+  GetReportQueryVariables,
 } from "~/@generated/graphql/graphql";
 import { GraphQLErrorResponse } from "../types";
 import { GET_PROMPT, GET_PROMPT_VERSION } from "../definitions/queries/prompts";
@@ -141,10 +141,7 @@ export const useGetRequestReports = (
 
 export const useReport = (
   data: GetReportQueryVariables["data"],
-  options: UseQueryOptions<
-    GetReportQuery,
-    GraphQLErrorResponse
-  > = {}
+  options: UseQueryOptions<GetReportQuery, GraphQLErrorResponse> = {}
 ) => {
   const result = useQuery({
     queryKey: ["report", data.reportId],
@@ -155,7 +152,7 @@ export const useReport = (
     ...options,
   });
 
-  return { ...result, report: result.data?.report as SerializedReport};
+  return { ...result, report: result.data?.report as SerializedReport };
 };
 
 export const useGenericProjectMetricHistogram = <T>(
@@ -174,7 +171,10 @@ export const useGenericProjectMetricHistogram = <T>(
     ...options,
   });
 
-  return { ...result, histogram: result.data?.genericProjectMetricHistogram as { data: T }};
+  return {
+    ...result,
+    histogram: result.data?.genericProjectMetricHistogram as { data: T },
+  };
 };
 
 export const useProjctMetricDelta = (

apps/console/src/graphql/types.ts

@@ -1,6 +1,4 @@
-import {
-  Provider,
-} from "@pezzo/types";
+import { Provider } from "@pezzo/types";
 import { GraphQLError } from "graphql-request/build/esm/types";
 
 export interface GraphQLErrorResponse {
@@ -13,4 +11,4 @@ export interface GraphQLErrorResponse {
 
 export type ReportRequestResponse<
   TProviderType extends Provider | unknown = unknown
-> = Record<string, any>;
+> = Record<string, any>;

apps/console/src/pages/projects/overview/DashboardPage.tsx

@@ -36,7 +36,7 @@ export const DashboardPage = () => {
           </div>
         </div>
       </div>
-      <div className="container p-6 space-y-6">
+      <div className="container space-y-6 p-6">
         <StatisticsSection />
         <div className="grid grid-cols-12 gap-6">
           <Card className="col-span-6 p-6">

apps/console/src/pages/projects/overview/charts/ExecutionTimeChart.tsx

@@ -14,9 +14,7 @@ import { useProjectMetricControls } from "./ProjectMetricContext";
 import { TooltipWithTimestamp } from "./TooltipWithTimestamp";
 import { useCurrentProject } from "~/lib/hooks/useCurrentProject";
 import { useGenericProjectMetricHistogram } from "~/graphql/hooks/queries";
-import {
-  HistogramIdType,
-} from "~/@generated/graphql/graphql";
+import { HistogramIdType } from "~/@generated/graphql/graphql";
 import { useFiltersAndSortParams } from "~/lib/hooks/useFiltersAndSortParams";
 import { Loader2Icon } from "lucide-react";
 import { MetricsTypes } from "@pezzo/common";
@@ -27,19 +25,20 @@ export const ExecutionTimeChart = () => {
   const controls = useProjectMetricControls();
   const { filters } = useFiltersAndSortParams();
 
-  const durationHistogram = useGenericProjectMetricHistogram<MetricsTypes.ExeceutionTypeChartResultDataType>(
-    {
-      projectId: project?.id,
-      histogramId: HistogramIdType.RequestDuration,
-      bucketSize: controls.bucketSize,
-      startDate: startDate,
-      endDate: endDate,
-      filters,
-    },
-    {
-      enabled: !!project && !!startDate && !!endDate,
-    }
-  );
+  const durationHistogram =
+    useGenericProjectMetricHistogram<MetricsTypes.ExeceutionTypeChartResultDataType>(
+      {
+        projectId: project?.id,
+        histogramId: HistogramIdType.RequestDuration,
+        bucketSize: controls.bucketSize,
+        startDate: startDate,
+        endDate: endDate,
+        filters,
+      },
+      {
+        enabled: !!project && !!startDate && !!endDate,
+      }
+    );
 
   if (durationHistogram.isLoading) {
     return (
@@ -58,8 +57,10 @@ export const ExecutionTimeChart = () => {
     );
   }
 
-
-  const data = durationHistogram.histogram.data.map((d) => ({ timestamp: d.timestamp, value: d.value }));
+  const data = durationHistogram.histogram.data.map((d) => ({
+    timestamp: d.timestamp,
+    value: d.value,
+  }));
 
   return (
     <ResponsiveContainer width="100%" height="100%">
@@ -85,7 +86,9 @@ export const ExecutionTimeChart = () => {
           cursor={{ opacity: 0.2 }}
           content={TooltipWithTimestamp}
           formatter={(value, key) =>
-            key !== "value" ? value : `${((value as number) / 1000).toFixed(2)}s`
+            key !== "value"
+              ? value
+              : `${((value as number) / 1000).toFixed(2)}s`
           }
         />
         <Legend

apps/console/src/pages/projects/overview/charts/SuccessErrorRateChart.tsx

@@ -9,9 +9,7 @@ import {
   BarChart,
 } from "recharts";
 import colors from "tailwindcss/colors";
-import {
-  HistogramIdType,
-} from "~/@generated/graphql/graphql";
+import { HistogramIdType } from "~/@generated/graphql/graphql";
 import { useCurrentProject } from "~/lib/hooks/useCurrentProject";
 import { useTimeframeSelector } from "~/lib/providers/TimeframeSelectorContext";
 import { useProjectMetricControls } from "./ProjectMetricContext";
@@ -27,23 +25,22 @@ export const SuccessErrorRateChart = () => {
   const { filters } = useFiltersAndSortParams();
 
   const { project } = useCurrentProject();
-  const histogram = useGenericProjectMetricHistogram<MetricsTypes.SuccessErrorRateResultDataType>(
-    {
-      projectId: project?.id,
-      histogramId: HistogramIdType.SuccessErrorRate,
-      bucketSize: controls.bucketSize,
-      startDate: startDate,
-      endDate: endDate,
-      filters,
-    },
-    {
-      enabled: !!project && !!startDate && !!endDate,
-    }
-  );
+  const histogram =
+    useGenericProjectMetricHistogram<MetricsTypes.SuccessErrorRateResultDataType>(
+      {
+        projectId: project?.id,
+        histogramId: HistogramIdType.SuccessErrorRate,
+        bucketSize: controls.bucketSize,
+        startDate: startDate,
+        endDate: endDate,
+        filters,
+      },
+      {
+        enabled: !!project && !!startDate && !!endDate,
+      }
+    );
 
-  if (
-    histogram.isLoading
-  ) {
+  if (histogram.isLoading) {
     return (
       <div
         style={{
@@ -96,8 +93,18 @@ export const SuccessErrorRateChart = () => {
             },
           ]}
         />
-        <Bar name="Error" dataKey="error" stackId="a" fill={colors.red["400"]} />
-        <Bar name="Success" dataKey="success" stackId="a" fill={colors.emerald["400"]} />
+        <Bar
+          name="Error"
+          dataKey="error"
+          stackId="a"
+          fill={colors.red["400"]}
+        />
+        <Bar
+          name="Success"
+          dataKey="success"
+          stackId="a"
+          fill={colors.emerald["400"]}
+        />
       </BarChart>
     </ResponsiveContainer>
   );

apps/console/src/pages/prompts/PromptNavigation.tsx

@@ -39,7 +39,7 @@ export const PromptNavigation = () => {
       icon: GitCommitIcon,
       href: `${basePath}/versions`,
       isActive: (href) => window.location.pathname === href,
-    }
+    },
   ];
 
   return (

apps/console/src/pages/requests/model-display-details.tsx

@@ -6,17 +6,17 @@ export const modelAuthorDetails = {
   openai: {
     image: OpenAILogo,
     name: "OpenAI",
-    color: "#3B976B"
+    color: "#3B976B",
   },
   mistral: {
     image: MistralLogo,
     name: "Mistral",
-    color: "#cf651f"
+    color: "#cf651f",
   },
   meta: {
     image: MetaLogo,
     name: "Meta",
-    color: "#579BE0"
+    color: "#579BE0",
   },
 };
 
@@ -26,9 +26,9 @@ export const getModelDisplayDetails = (modelAuthor: string) => {
   if (!authorDetails) {
     return {
       image: <span></span>,
-      name: "Unknown"
-    }
+      name: "Unknown",
+    };
   }
 
   return authorDetails;
-}
+};

apps/server/.dockerignore

@@ -1,3 +1,4 @@
 .env
 .env*
-project.json
+project.json
+volumes

apps/server/src/app/clickhouse/clickhouse.service.ts

@@ -45,7 +45,7 @@ export class ClickHouseService implements OnModuleInit {
         user: username,
         password,
         database,
-        timezone: "Z"
+        timezone: "Z",
       },
     });
 

apps/server/src/app/common/filters/filter.input.ts

@@ -16,7 +16,9 @@ registerEnumType(FilterOperator, {
   name: "FilterOperator",
 });
 
-export const getSQLOperatorByFilterOperator = (operator: FilterOperator): string => {
+export const getSQLOperatorByFilterOperator = (
+  operator: FilterOperator
+): string => {
   switch (operator) {
     case FilterOperator.eq:
       return "=";
@@ -39,7 +41,7 @@ export const getSQLOperatorByFilterOperator = (operator: FilterOperator): string
     default:
       throw new Error(`Unknown filter operator: ${operator}`);
   }
-}
+};
 
 @InputType()
 export class FilterInput {