feat: break down log drain egress (#33763)

apps/studio/components/interfaces/Organization/Usage/Usage.constants.tsx

@@ -13,6 +13,7 @@ export const COLOR_MAP = {
   'dark-yellow': { bar: 'fill-yellow-1000', marker: 'bg-yellow-1000' },
   orange: { bar: 'fill-orange-800', marker: 'bg-orange-800' },
   'dark-orange': { bar: 'fill-orange-1000', marker: 'bg-orange-1100' },
+  teal: { bar: 'fill-teal-600', marker: 'bg-teal-700' },
   red: { bar: 'fill-red-800', marker: 'bg-red-800' },
   'dark-red': { bar: 'fill-red-1000', marker: 'bg-red-1000' },
   purple: { bar: 'fill-purple-900', marker: 'bg-purple-900' },
@@ -36,6 +37,7 @@ export type AttributeColor =
   | 'dark-orange'
   | 'dark-yellow'
   | 'dark-green'
+  | 'teal'
 
 export interface Attribute {
   key: string
@@ -86,6 +88,7 @@ export const USAGE_CATEGORIES: (subscription?: OrgSubscription) => CategoryMeta[
           { key: EgressType.REALTIME, name: 'Realtime Egress', color: 'orange' },
           { key: EgressType.FUNCTIONS, name: 'Functions Egress', color: 'purple' },
           { key: EgressType.SUPAVISOR, name: 'Supavisor Egress', color: 'red' },
+          { key: EgressType.LOGDRAIN, name: 'Logdrain Egress', color: 'teal' },
         ],
         name: 'Total Egress',
         unit: 'bytes',

apps/studio/data/analytics/org-daily-stats-query.ts

@@ -12,6 +12,7 @@ export enum EgressType {
   REALTIME = 'egress_realtime',
   FUNCTIONS = 'egress_functions',
   SUPAVISOR = 'egress_supavisor',
+  LOGDRAIN = 'egress_logdrain',
   UNIFIED = 'egress',
 }
 

packages/ui-patterns/admonition.tsx

@@ -96,7 +96,6 @@ export const Admonition = forwardRef<
   ) => {
     const typeMapped = variant ? admonitionToAlertMapping[variant] : admonitionToAlertMapping[type]
 
-
     return (
       <Alert_Shadcn_
         ref={ref}