import { j as jsxRuntimeExports, c as a, g, m, d as c, T, e as gql, a as ForwardRef$1, G as GraphQLIcon, f as s, h as m$1, i as s$1, s as s$2, k as c$1, l as i } from "./index-Cr4zbAtA.js";
import { M as Metadata } from "./Metadata-aK5zM6ek.js";
import { c as createCell } from "./createCell-D7cbP3PP.js";
import { m as minutesInDay, a as minutesInMonth, b as minutesInYear, c as millisecondsInMinute, p as parseISO } from "./parseISO-Bd-Y3niL.js";
import { e as enUS, g as getTimezoneOffsetInMilliseconds, a as getDefaultOptions } from "./en-US-femdFzaW.js";
import { c as compareAsc, g as getRoundingMethod } from "./getRoundingMethod-DBxbmHsV.js";
import { t as toDate } from "./toDate-C1yAaWVq.js";
import { F as ForwardRef } from "./CodeBracketIcon-BsDjbreq.js";
import { F as ForwardRef$2 } from "./EnvelopeIcon-C8BgBGZW.js";
import { F as ForwardRef$3 } from "./BoltIcon-CCQmsNnt.js";
import { F as ForwardRef$4 } from "./GlobeAltIcon-6nDidfy4.js";
const ChartHeading = ({
  caption,
  tooltip,
  icon
}) => /* @__PURE__ */ jsxRuntimeExports.jsxs(a, { alignItems: "center", justifyContent: "start", className: "space-x-2", children: [
  /* @__PURE__ */ jsxRuntimeExports.jsx(g, { icon, variant: "solid", tooltip: tooltip || caption }),
  /* @__PURE__ */ jsxRuntimeExports.jsx(m, { children: caption })
] });
const ChartCard = ({
  caption,
  icon,
  tooltip,
  children
}) => /* @__PURE__ */ jsxRuntimeExports.jsxs(c, { children: [
  /* @__PURE__ */ jsxRuntimeExports.jsx(ChartHeading, { caption, icon, tooltip: tooltip || caption }),
  children
] });
const ChartEmptyState = () => /* @__PURE__ */ jsxRuntimeExports.jsx(T, { className: "mt-6", data: [], index: "ago", categories: [], noDataText: "No recent data to display" });
const ChartFailureState = ({
  message
}) => /* @__PURE__ */ jsxRuntimeExports.jsx(T, { className: "mt-6", data: [], index: "ago", categories: [], noDataText: message });
const ChartLoadingState = ({
  message = "Loading ..."
}) => /* @__PURE__ */ jsxRuntimeExports.jsx(T, { className: "mt-6", data: [], index: "ago", categories: [], noDataText: message });
const CATEGORY_COLORS = ["emerald", "yellow", "red", "blue", "purple", "pink", "indigo", "green", "orange", "teal", "cyan", "gray"];
const categoryColors = (categoryCount) => {
  return CATEGORY_COLORS.slice(0, categoryCount);
};
function formatDistanceStrict(date, baseDate, options) {
  const defaultOptions = getDefaultOptions();
  const locale = (options == null ? void 0 : options.locale) ?? defaultOptions.locale ?? enUS;
  const comparison = compareAsc(date, baseDate);
  if (isNaN(comparison)) {
    throw new RangeError("Invalid time value");
  }
  const localizeOptions = Object.assign({}, options, {
    addSuffix: options == null ? void 0 : options.addSuffix,
    comparison
  });
  let dateLeft;
  let dateRight;
  if (comparison > 0) {
    dateLeft = toDate(baseDate);
    dateRight = toDate(date);
  } else {
    dateLeft = toDate(date);
    dateRight = toDate(baseDate);
  }
  const roundingMethod = getRoundingMethod((options == null ? void 0 : options.roundingMethod) ?? "round");
  const milliseconds = dateRight.getTime() - dateLeft.getTime();
  const minutes = milliseconds / millisecondsInMinute;
  const timezoneOffset = getTimezoneOffsetInMilliseconds(dateRight) - getTimezoneOffsetInMilliseconds(dateLeft);
  const dstNormalizedMinutes = (milliseconds - timezoneOffset) / millisecondsInMinute;
  const defaultUnit = options == null ? void 0 : options.unit;
  let unit;
  if (!defaultUnit) {
    if (minutes < 1) {
      unit = "second";
    } else if (minutes < 60) {
      unit = "minute";
    } else if (minutes < minutesInDay) {
      unit = "hour";
    } else if (dstNormalizedMinutes < minutesInMonth) {
      unit = "day";
    } else if (dstNormalizedMinutes < minutesInYear) {
      unit = "month";
    } else {
      unit = "year";
    }
  } else {
    unit = defaultUnit;
  }
  if (unit === "second") {
    const seconds = roundingMethod(milliseconds / 1e3);
    return locale.formatDistance("xSeconds", seconds, localizeOptions);
  } else if (unit === "minute") {
    const roundedMinutes = roundingMethod(minutes);
    return locale.formatDistance("xMinutes", roundedMinutes, localizeOptions);
  } else if (unit === "hour") {
    const hours = roundingMethod(minutes / 60);
    return locale.formatDistance("xHours", hours, localizeOptions);
  } else if (unit === "day") {
    const days = roundingMethod(dstNormalizedMinutes / minutesInDay);
    return locale.formatDistance("xDays", days, localizeOptions);
  } else if (unit === "month") {
    const months = roundingMethod(dstNormalizedMinutes / minutesInMonth);
    return months === 12 && defaultUnit !== "month" ? locale.formatDistance("xYears", 1, localizeOptions) : locale.formatDistance("xMonths", months, localizeOptions);
  } else {
    const years = roundingMethod(dstNormalizedMinutes / minutesInYear);
    return locale.formatDistance("xYears", years, localizeOptions);
  }
}
function formatDistanceToNowStrict(date, options) {
  return formatDistanceStrict(date, Date.now(), options);
}
const formattedTimeAgo = (dateString) => {
  const dateObject = parseISO(dateString);
  return formatDistanceToNowStrict(dateObject, {
    addSuffix: true,
    unit: "second",
    roundingMethod: "round"
  });
};
const PerformanceLineChart = ({
  dataPoints
}) => {
  const spanTypeNames = dataPoints.map((dataPoint) => dataPoint.spanTypeName);
  const categories = [...new Set(spanTypeNames)];
  const chartdata = dataPoints.map((dataPoint) => {
    return {
      ago: formattedTimeAgo(dataPoint.startedAt),
      [dataPoint.spanTypeName]: dataPoint.durationMs
    };
  });
  return /* @__PURE__ */ jsxRuntimeExports.jsx(
    T,
    {
      className: "mt-6",
      data: chartdata,
      index: "ago",
      categories,
      colors: categoryColors(categories.length),
      yAxisWidth: 40,
      connectNulls: true,
      allowDecimals: true,
      noDataText: "No recent data to display"
    }
  );
};
const beforeQuery$7 = (props) => {
  return {
    variables: props,
    pollInterval: 5e3
  };
};
const QUERY$7 = gql`
  query GetApiPerformanceQuery($filter: PerformanceFilterCriteria) {
    dataPoints: apiPerformance(filter: $filter) {
      id
      spanType
      spanTypeName
      startedAt
      endedAt
      durationMs
      durationSec
    }
  }
`;
const Loading$7 = () => /* @__PURE__ */ jsxRuntimeExports.jsx(ChartCard, { caption: "API Performance", icon: ForwardRef, tooltip: "API Performance", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChartLoadingState, {}) });
const Empty$7 = () => /* @__PURE__ */ jsxRuntimeExports.jsx(ChartCard, { caption: "API Performance", icon: ForwardRef, tooltip: "API Performance", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChartEmptyState, {}) });
const Failure$7 = ({
  error
}) => /* @__PURE__ */ jsxRuntimeExports.jsx(ChartCard, { caption: "API Performance", icon: ForwardRef, tooltip: "API Performance", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChartFailureState, { message: error.message }) });
const Success$7 = ({
  dataPoints
}) => {
  return /* @__PURE__ */ jsxRuntimeExports.jsx(ChartCard, { caption: "API Performance", icon: ForwardRef, tooltip: "API Performance", children: /* @__PURE__ */ jsxRuntimeExports.jsx(PerformanceLineChart, { dataPoints }) });
};
const ApiPerformanceCell = createCell({ beforeQuery: beforeQuery$7, QUERY: QUERY$7, Loading: Loading$7, Empty: Empty$7, Failure: Failure$7, Success: Success$7, displayName: "ApiPerformanceCell" });
const beforeQuery$6 = (props) => {
  return {
    variables: props,
    pollInterval: 5e3
  };
};
const QUERY$6 = gql`
  query GetDatabasePerformanceQuery($filter: PerformanceFilterCriteria) {
    dataPoints: databasePerformance(filter: $filter) {
      id
      spanType
      spanTypeName
      startedAt
      endedAt
      durationMs
      durationSec
    }
  }
`;
const Loading$6 = () => /* @__PURE__ */ jsxRuntimeExports.jsx(ChartCard, { caption: "Database Performance", icon: ForwardRef$1, tooltip: "Database Performance", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChartLoadingState, {}) });
const Empty$6 = () => /* @__PURE__ */ jsxRuntimeExports.jsx(ChartCard, { caption: "Database Performance", icon: ForwardRef$1, tooltip: "Database Performance", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChartEmptyState, {}) });
const Failure$6 = ({
  error
}) => /* @__PURE__ */ jsxRuntimeExports.jsx(ChartCard, { caption: "Database Performance", icon: ForwardRef$1, tooltip: "Database Performance", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChartFailureState, { message: error.message }) });
const Success$6 = ({
  dataPoints
}) => {
  return /* @__PURE__ */ jsxRuntimeExports.jsx(ChartCard, { caption: "Database Performance", icon: ForwardRef$1, tooltip: "Database Performance", children: /* @__PURE__ */ jsxRuntimeExports.jsx(PerformanceLineChart, { dataPoints }) });
};
const DatabasePerformanceCell = createCell({ beforeQuery: beforeQuery$6, QUERY: QUERY$6, Loading: Loading$6, Empty: Empty$6, Failure: Failure$6, Success: Success$6, displayName: "DatabasePerformanceCell" });
const beforeQuery$5 = (props) => {
  return {
    variables: props,
    pollInterval: 2e3
  };
};
const QUERY$5 = gql`
  query GetGraphQLPerformanceQuery($filter: PerformanceFilterCriteria) {
    dataPoints: graphqlPerformance(filter: $filter) {
      id
      spanType
      spanTypeName
      startedAt
      endedAt
      durationMs
      durationSec
    }
  }
`;
const Loading$5 = () => /* @__PURE__ */ jsxRuntimeExports.jsx(ChartCard, { caption: "GraphQL Performance", icon: GraphQLIcon, tooltip: "GraphQL Performance", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChartLoadingState, {}) });
const Empty$5 = () => /* @__PURE__ */ jsxRuntimeExports.jsx(ChartCard, { caption: "GraphQL Performance", icon: GraphQLIcon, tooltip: "GraphQL Performance", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChartEmptyState, {}) });
const Failure$5 = ({
  error
}) => /* @__PURE__ */ jsxRuntimeExports.jsx(ChartCard, { caption: "GraphQL Performance", icon: GraphQLIcon, tooltip: "GraphQL Performance", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChartFailureState, { message: error.message }) });
const Success$5 = ({
  dataPoints
}) => {
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(ChartCard, {
    caption: "GraphQL Performance",
    icon: GraphQLIcon,
    tooltip: "GraphQL Performance",
    children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx(PerformanceLineChart, { dataPoints }),
      " "
    ]
  });
};
const GraphQLPerformanceCell = createCell({ beforeQuery: beforeQuery$5, QUERY: QUERY$5, Loading: Loading$5, Empty: Empty$5, Failure: Failure$5, Success: Success$5, displayName: "GraphQLPerformanceCell" });
const beforeQuery$4 = (props) => {
  return {
    variables: props,
    pollInterval: 2e3
  };
};
const QUERY$4 = gql`
  query GraphQLDashboardStatsQuery {
    stats: graphQLOperationAttributeStatistics {
      attributeValue
      statisticCount
      minDuration
      minDurationMs
      minDurationSec
      maxDuration
      maxDurationMs
      maxDurationSec
      avgDuration
      avgDurationMs
      avgDurationSec
    }
  }
`;
const Loading$4 = () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
const Empty$4 = () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Empty" });
const Failure$4 = ({
  error
}) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
  className: "font-bold text-tremor-brand dark:text-dark-tremor-brand",
  children: [
    "Error: ",
    error == null ? void 0 : error.message
  ]
});
const Success$4 = ({
  stats
}) => {
  const data = stats.map((stat) => {
    return {
      name: stat.attributeValue,
      value: stat.statisticCount
    };
  });
  const total = data.reduce((acc, curr) => acc + curr.value, 0);
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(c, {
    children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx(ChartHeading, { caption: "GraphQL Stats", icon: GraphQLIcon, tooltip: "GraphQL Stats" }),
      /* @__PURE__ */ jsxRuntimeExports.jsxs(a, {
        justifyContent: "start",
        alignItems: "baseline",
        className: "mt-6 space-x-2",
        children: [
          /* @__PURE__ */ jsxRuntimeExports.jsx(s, { children: total }),
          /* @__PURE__ */ jsxRuntimeExports.jsx(m$1, { children: "Operations Made" })
        ]
      }),
      /* @__PURE__ */ jsxRuntimeExports.jsxs(a, {
        className: "mt-6",
        children: [
          /* @__PURE__ */ jsxRuntimeExports.jsx(m$1, { children: "Operation" }),
          /* @__PURE__ */ jsxRuntimeExports.jsx(m$1, { className: "text-right", children: "Count" })
        ]
      }),
      /* @__PURE__ */ jsxRuntimeExports.jsx(s$1, { data, className: "mt-2" })
    ]
  });
};
const GraphQLStatsCell = createCell({ beforeQuery: beforeQuery$4, QUERY: QUERY$4, Loading: Loading$4, Empty: Empty$4, Failure: Failure$4, Success: Success$4, displayName: "GraphQLStatsCell" });
const beforeQuery$3 = (props) => {
  return {
    variables: props,
    pollInterval: 2e3
  };
};
const QUERY$3 = gql`
  query FindMailCountQuery @live {
    mailAPICount
    mailSMTPCount
    mailComponentCount
  }
`;
const Loading$3 = () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
const Empty$3 = () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Empty" });
const Failure$3 = ({
  error
}) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
  className: "font-bold text-tremor-brand dark:text-dark-tremor-brand",
  children: [
    "Error: ",
    error == null ? void 0 : error.message
  ]
});
const Success$3 = ({
  mailAPICount,
  mailSMTPCount,
  mailComponentCount
}) => {
  const data = [{
    name: "Third-party API",
    value: mailAPICount
  }, {
    name: "SMTP/Nodemailer",
    value: mailSMTPCount
  }].sort((a2, b) => b.value - a2.value);
  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(c, {
    children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx(ChartHeading, { caption: "Mailer Stats", icon: ForwardRef$2, tooltip: "Mailer Stats" }),
      /* @__PURE__ */ jsxRuntimeExports.jsxs(a, {
        justifyContent: "start",
        alignItems: "baseline",
        className: "mt-6 space-x-2",
        children: [
          /* @__PURE__ */ jsxRuntimeExports.jsx(s, { children: mailComponentCount }),
          /* @__PURE__ */ jsxRuntimeExports.jsx(m$1, { children: "React Email Components" })
        ]
      }),
      /* @__PURE__ */ jsxRuntimeExports.jsxs(a, {
        className: "mt-6",
        children: [
          /* @__PURE__ */ jsxRuntimeExports.jsx(m$1, { children: "Transport" }),
          /* @__PURE__ */ jsxRuntimeExports.jsx(m$1, { className: "text-right", children: "Sent" })
        ]
      }),
      /* @__PURE__ */ jsxRuntimeExports.jsx(s$1, { data, className: "mt-2" })
    ]
  }) });
};
const MailerStatsCell = createCell({ beforeQuery: beforeQuery$3, QUERY: QUERY$3, Loading: Loading$3, Empty: Empty$3, Failure: Failure$3, Success: Success$3, displayName: "MailerStatsCell" });
const beforeQuery$2 = (props) => {
  return {
    variables: props,
    pollInterval: 2e3
  };
};
const QUERY$2 = gql`
  query MonitoringStatsQuery @live {
    otelTraceCount
    otelSpanCount
  }
`;
const Loading$2 = () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
const Empty$2 = () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Empty" });
const Failure$2 = ({
  error
}) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
  className: "font-bold text-tremor-brand dark:text-dark-tremor-brand",
  children: [
    "Error: ",
    error == null ? void 0 : error.message
  ]
});
const Success$2 = ({
  otelTraceCount,
  otelSpanCount
}) => {
  const data = [{
    name: "Traces",
    value: otelTraceCount
  }, {
    name: "Spans",
    value: otelSpanCount
  }].sort((a2, b) => b.value - a2.value);
  let avg = 0;
  if (otelTraceCount > 0) {
    avg = otelSpanCount / otelTraceCount;
  }
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(c, {
    children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx(ChartHeading, { caption: "Monitoring Stats", icon: ForwardRef$3, tooltip: "Monitoring Stats" }),
      /* @__PURE__ */ jsxRuntimeExports.jsxs(a, {
        justifyContent: "start",
        alignItems: "baseline",
        className: "mt-6 space-x-2",
        children: [
          /* @__PURE__ */ jsxRuntimeExports.jsx(s, { children: avg.toFixed(2) }),
          /* @__PURE__ */ jsxRuntimeExports.jsx(m$1, { children: "Spans per Trace" })
        ]
      }),
      /* @__PURE__ */ jsxRuntimeExports.jsxs(a, {
        className: "mt-6",
        children: [
          /* @__PURE__ */ jsxRuntimeExports.jsx(m$1, { children: "Source" }),
          /* @__PURE__ */ jsxRuntimeExports.jsx(m$1, { className: "text-right", children: "Count" })
        ]
      }),
      /* @__PURE__ */ jsxRuntimeExports.jsx(s$1, { data, className: "mt-2" })
    ]
  });
};
const MonitoringStatsCell = createCell({ beforeQuery: beforeQuery$2, QUERY: QUERY$2, Loading: Loading$2, Empty: Empty$2, Failure: Failure$2, Success: Success$2, displayName: "MonitoringStatsCell" });
const beforeQuery$1 = (props) => {
  return {
    variables: props,
    pollInterval: 5e3
  };
};
const QUERY$1 = gql`
  query GetNetworkPerformanceQuery($filter: PerformanceFilterCriteria) {
    dataPoints: networkPerformance(filter: $filter) {
      id
      spanType
      spanTypeName
      startedAt
      endedAt
      durationMs
      durationSec
    }
  }
`;
const Loading$1 = () => /* @__PURE__ */ jsxRuntimeExports.jsx(ChartCard, { caption: "Network Performance", icon: ForwardRef$4, tooltip: "Network Performance", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChartLoadingState, {}) });
const Empty$1 = () => /* @__PURE__ */ jsxRuntimeExports.jsx(ChartCard, { caption: "Network Performance", icon: ForwardRef$4, tooltip: "Network Performance", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChartEmptyState, {}) });
const Failure$1 = ({
  error
}) => /* @__PURE__ */ jsxRuntimeExports.jsx(ChartCard, { caption: "Network Performance", icon: ForwardRef$4, tooltip: "Network Performance", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChartFailureState, { message: error.message }) });
const Success$1 = ({
  dataPoints
}) => {
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(ChartCard, {
    caption: "Network Performance",
    icon: ForwardRef$4,
    tooltip: "Network Performance",
    children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx(PerformanceLineChart, { dataPoints }),
      " "
    ]
  });
};
const NetworkPerformanceCell = createCell({ beforeQuery: beforeQuery$1, QUERY: QUERY$1, Loading: Loading$1, Empty: Empty$1, Failure: Failure$1, Success: Success$1, displayName: "NetworkPerformanceCell" });
const beforeQuery = (props) => {
  return {
    variables: props,
    pollInterval: 2e3
  };
};
const QUERY = gql`
  query SQLDashboardStatsQuery {
    stats: sqlStatementAttributeStatistics {
      attributeValue
      statisticCount
      minDuration
      minDurationMs
      minDurationSec
      maxDuration
      maxDurationMs
      maxDurationSec
      avgDuration
      avgDurationMs
      avgDurationSec
    }
  }
`;
const Loading = () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
const Empty = () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Empty" });
const Failure = ({
  error
}) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
  className: "font-bold text-tremor-brand dark:text-dark-tremor-brand",
  children: [
    "Error: ",
    error == null ? void 0 : error.message
  ]
});
const Success = ({
  stats
}) => {
  const data = stats.map((stat) => {
    return {
      name: stat.attributeValue,
      value: stat.statisticCount
    };
  });
  const total = data.reduce((acc, curr) => acc + curr.value, 0);
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(c, {
    children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx(ChartHeading, { caption: "SQL Stats", icon: ForwardRef$1, tooltip: "SQL Stats" }),
      /* @__PURE__ */ jsxRuntimeExports.jsxs(a, {
        justifyContent: "start",
        alignItems: "baseline",
        className: "mt-6 space-x-2",
        children: [
          /* @__PURE__ */ jsxRuntimeExports.jsx(s, { children: total }),
          /* @__PURE__ */ jsxRuntimeExports.jsx(m$1, { children: "SQL Statements Made" })
        ]
      }),
      /* @__PURE__ */ jsxRuntimeExports.jsxs(a, {
        className: "mt-6",
        children: [
          /* @__PURE__ */ jsxRuntimeExports.jsx(m$1, { children: "SQL Statement" }),
          /* @__PURE__ */ jsxRuntimeExports.jsx(m$1, { className: "text-right", children: "Count" })
        ]
      }),
      /* @__PURE__ */ jsxRuntimeExports.jsx(s$1, { data, className: "mt-2" })
    ]
  });
};
const SQLStatsCell = createCell({ beforeQuery, QUERY, Loading, Empty, Failure, Success, displayName: "SQLStatsCell" });
const HomePage = () => {
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
    /* @__PURE__ */ jsxRuntimeExports.jsx(Metadata, { title: "Dashboard", description: "Your app at a glance." }),
    /* @__PURE__ */ jsxRuntimeExports.jsx(s$2, { children: "Dashboard" }),
    /* @__PURE__ */ jsxRuntimeExports.jsx(m$1, { children: "Your app at a glance." }),
    /* @__PURE__ */ jsxRuntimeExports.jsxs(c$1, { numItems: 2, className: "mt-6 gap-6", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx(i, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(DatabasePerformanceCell, { filter: {
        secondsAgo: 300
      } }) }),
      /* @__PURE__ */ jsxRuntimeExports.jsx(i, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(GraphQLPerformanceCell, { filter: {
        secondsAgo: 300
      } }) }),
      /* @__PURE__ */ jsxRuntimeExports.jsx(i, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ApiPerformanceCell, { filter: {
        secondsAgo: 300
      } }) }),
      /* @__PURE__ */ jsxRuntimeExports.jsx(i, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(NetworkPerformanceCell, { filter: {
        secondsAgo: 300
      } }) }),
      /* @__PURE__ */ jsxRuntimeExports.jsx(i, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SQLStatsCell, {}) }),
      /* @__PURE__ */ jsxRuntimeExports.jsx(i, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(GraphQLStatsCell, {}) }),
      /* @__PURE__ */ jsxRuntimeExports.jsx(i, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(MonitoringStatsCell, {}) }),
      /* @__PURE__ */ jsxRuntimeExports.jsx(i, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(MailerStatsCell, {}) })
    ] })
  ] });
};
export {
  HomePage as default
};
