50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T1478,'use client'; import * as React from 'react'; import { DataTable, type DataTableColumn } from '@/components/spectrumui/data-table'; type Status = 'ready' | 'building' | 'failed'; interface Deployment { id: string; message: string; sha: string; env: 'Production' | 'Preview'; status: Status; branch: string; duration: string; age: string; author: string; avatar: string; } const DEPLOYMENTS: Deployment[] = [ { id: 'd1', message: 'fix: debounce search input on the audit view', sha: 'a41f20c', env: 'Production', status: 'ready', branch: 'main', duration: '42s', age: '6m', author: 'Freya', avatar: '/avatars/people/01.jpg', }, { id: 'd2', message: 'feat: nightly usage rollups', sha: '8c92be1', env: 'Preview', status: 'building', branch: 'feat/rollups', duration: '—', age: '11m', author: 'Mateo', avatar: '/avatars/people/03.jpg', }, { id: 'd3', message: 'chore: bump motion to 12.24', sha: 'f03d777', env: 'Preview', status: 'ready', branch: 'chore/deps', duration: '38s', age: '54m', author: 'Aiko', avatar: '/avatars/people/06.jpg', }, { id: 'd4', message: 'feat: SSO domain enforcement', sha: '2b6a90d', env: 'Preview', status: 'failed', branch: 'feat/sso-enforce', duration: '1m 12s', age: '2h', author: 'Jonas', avatar: '/avatars/people/09.jpg', }, { id: 'd5', message: 'fix: hydrate locale before first paint', sha: 'c7e5514', env: 'Production', status: 'ready', branch: 'main', duration: '45s', age: '5h', author: 'Zara', avatar: '/avatars/people/12.jpg', }, { id: 'd6', message: 'docs: webhook retry policy', sha: '90aa3f2', env: 'Preview', status: 'ready', branch: 'docs/webhooks', duration: '31s', age: '8h', author: 'Nils', avatar: '/avatars/people/13.jpg', }, ]; const STATUS_META: Record = { ready: { label: 'Ready', className: 'text-emerald-700 dark:text-emerald-300' }, building: { label: 'Building', className: 'text-amber-700 dark:text-amber-300' }, failed: { label: 'Failed', className: 'text-rose-700 dark:text-rose-300' }, }; const columns: DataTableColumn[] = [ { id: 'message', header: 'Deployment', sortable: true, value: (row) => row.message, cell: (row) => ( {row.message} {row.sha} ), }, { id: 'status', header: 'Status', sortable: true, value: (row) => row.status, cell: (row) => ( ), }, { id: 'env', header: 'Environment', sortable: true, hideBelow: 'sm', value: (row) => row.env, cell: (row) => ( {row.env} ), }, { id: 'branch', header: 'Branch', hideBelow: 'lg', value: (row) => row.branch, cell: (row) => {row.branch}, }, { id: 'duration', header: 'Duration', numeric: true, hideBelow: 'md', value: (row) => row.duration, }, { id: 'age', header: 'Age', numeric: true, value: (row) => row.age, cell: (row) => ( {row.age} {/* eslint-disable-next-line @next/next/no-img-element */}

), }, ]; export function DeploymentsTable({ variant = 'Comfortable', }: { variant?: 'Comfortable' | 'Compact'; }) { return (

row.id} rowLabel={(row) => `deployment ${row.sha}`} caption="Recent deployments with build status, environment and age." density={variant === 'Compact' ? 'compact' : 'default'} title="Deployments" quickFilter={{ columnId: 'env', label: 'Filter by environment', getValue: (row) => row.env, }} />

); } 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L50",null,{"namespace":"@spectrumui","registryDependencies":["@spectrumui/data-table"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"components/spectrumui/blocks/tables/deployments-table.tsx","content":"$52","type":"registry:block","target":"components/spectrumui/blocks/tables/deployments-table.tsx"}],"className":"h-[70svh] min-h-80"}]]}]