supabase/apps/studio/components/interfaces/UnifiedLogs/ServiceFlow/config/blockConfigs.ts

import {
  Cable,
  Code,
  Globe,
  HardDrive,
  Lock,
  MonitorDot,
  PackageOpen,
  ReceiptText,
  Server,
  ShieldCheck,
  Zap,
} from 'lucide-react'

import { BlockConfig } from '../components/shared/Block'
import {
  apiKeyAdditionalFields,
  apiKeyPrimaryField,
  authorizationFields,
  authPrimaryFields,
  edgeFunctionDetailsFields,
  edgeFunctionPrimaryFields,
  locationAdditionalFields,
  locationPrimaryField,
  networkPrimaryFields,
  postgresDetailsFields,
  postgresPrimaryFields,
  postgrestPrimaryFields,
  postgrestResponseFields,
  storageDetailsFields,
  storagePrimaryFields,
  techDetailsFields,
  userAdditionalFields,
  userPrimaryField,
} from './serviceFlowFields'

export const authBlockConfig: BlockConfig = {
  title: 'Authentication',
  icon: Lock,
  primaryFields: authPrimaryFields,
}

export const postgrestBlockConfig: BlockConfig = {
  title: 'Data API',
  icon: Server,
  primaryFields: postgrestPrimaryFields,
  sections: [
    {
      title: 'Response Details',
      icon: ReceiptText,
      fields: postgrestResponseFields,
    },
  ],
}

export const networkBlockConfig: BlockConfig = {
  title: 'Network',
  icon: Globe,
  primaryFields: networkPrimaryFields,
  sections: [
    {
      type: 'fieldWithSeeMore',
      primaryField: apiKeyPrimaryField,
      additionalFields: apiKeyAdditionalFields,
      showValueAsBadge: true,
    },
    {
      type: 'fieldWithSeeMore',
      primaryField: userPrimaryField,
      additionalFields: userAdditionalFields,
    },
    {
      type: 'fieldWithSeeMore',
      primaryField: locationPrimaryField,
      additionalFields: locationAdditionalFields,
    },
    {
      title: 'Authorization',
      icon: ShieldCheck,
      fields: authorizationFields,
    },
    {
      title: 'Tech Details',
      icon: MonitorDot,
      fields: techDetailsFields,
    },
  ],
}

export const edgeFunctionBlockConfig: BlockConfig = {
  title: 'Edge Function',
  icon: Zap,
  primaryFields: edgeFunctionPrimaryFields,
  sections: [
    {
      title: 'Function Details',
      icon: Code,
      fields: edgeFunctionDetailsFields,
    },
  ],
}

export const storageBlockConfig: BlockConfig = {
  title: 'Storage',
  icon: HardDrive,
  primaryFields: storagePrimaryFields,
  sections: [
    {
      title: 'Storage Details',
      icon: PackageOpen,
      fields: storageDetailsFields,
    },
  ],
}

export const postgresBlockConfig: BlockConfig = {
  title: 'Postgres',
  primaryFields: postgresPrimaryFields,
  sections: [
    {
      title: 'Connection & Session Details',
      icon: Cable,
      fields: postgresDetailsFields,
    },
  ],
}