62: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 63: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 64:T449b,'use client' import * as React from 'react' import { Calendar, Check, CheckCheck, CheckCircle2, Clock, FileSpreadsheet, Globe, RotateCcw, Search, } from 'lucide-react' import { cn } from '@/lib/utils' import { Badge } from '@/components/ui/badge' import { Button } from '@/components/ui/button' import { Card, CardContent } from '@/components/ui/card' import { Separator } from '@/components/ui/separator' import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table' import { TimesheetDetailSheet } from './TimesheetDetailSheet' import { TimesheetKpiCards } from './TimesheetKpiCards' import { TimesheetTableRow } from './TimesheetTableRow' import type { ApprovalStatus, ContractorSubmission, DailyTimesheetEntry, DeliverableType } from './timesheet-types' import { initialSubmissions } from './timesheet-data' export type { ApprovalStatus, ContractorSubmission, DailyTimesheetEntry, DeliverableType } export interface ContractorTimesheetApprovalProps { title?: string subtitle?: string payCycle?: string initialData?: ContractorSubmission[] className?: string } function formatUsd(val: number): string { return new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD', minimumFractionDigits: 2, maximumFractionDigits: 2, }).format(val) } function formatLocal(val: number, currencyCode: string, currencySymbol: string): string { if (currencyCode === 'JPY') { return `${currencySymbol}${new Intl.NumberFormat('ja-JP').format(val)}` } return `${currencySymbol}${new Intl.NumberFormat('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2, }).format(val)} ${currencyCode}` } export function ContractorTimesheetApproval({ title = 'Contractor Invoices & Timesheets', subtitle = 'Review international contractor hours, verify commit logs & deliverables, and execute multi-currency invoice approvals.', payCycle = 'August 2026 · Bi-Weekly #2', initialData = initialSubmissions, className, }: ContractorTimesheetApprovalProps) { const [submissions, setSubmissions] = React.useState(initialData) const [searchQuery, setSearchQuery] = React.useState('') const [selectedStatus, setSelectedStatus] = React.useState<'all' | 'pending' | 'approved' | 'disputed'>('all') const [currencyDisplay, setCurrencyDisplay] = React.useState<'both' | 'usd' | 'local'>('both') const [selectedContractorId, setSelectedContractorId] = React.useState(null) const [isDrawerOpen, setIsDrawerOpen] = React.useState(false) const [isApprovingAll, setIsApprovingAll] = React.useState(false) const [bulkApprovalDone, setBulkApprovalDone] = React.useState(false) const pendingSubmissions = React.useMemo(() => submissions.filter((s) => s.status === 'pending'), [submissions]) const pendingCount = pendingSubmissions.length const pendingAmountUsd = React.useMemo( () => pendingSubmissions.reduce((acc, curr) => acc + curr.grossAmountUsd, 0), [pendingSubmissions], ) const approvedSubmissions = React.useMemo(() => submissions.filter((s) => s.status === 'approved'), [submissions]) const approvedCount = approvedSubmissions.length const disputedSubmissions = React.useMemo(() => submissions.filter((s) => s.status === 'disputed'), [submissions]) const disputedCount = disputedSubmissions.length const totalHoursLogged = React.useMemo( () => submissions.reduce((acc, curr) => acc + curr.hoursLogged, 0), [submissions], ) const scheduledPayoutsTotal = 42800.0 const filteredSubmissions = React.useMemo(() => { return submissions.filter((item) => { const matchesStatus = selectedStatus === 'all' ? true : item.status === selectedStatus const query = searchQuery.trim().toLowerCase() if (!query) return matchesStatus const matchesSearch = item.name.toLowerCase().includes(query) || item.role.toLowerCase().includes(query) || item.country.toLowerCase().includes(query) || item.city.toLowerCase().includes(query) || item.invoiceNumber.toLowerCase().includes(query) || item.verificationBadge.label.toLowerCase().includes(query) return matchesStatus && matchesSearch }) }, [submissions, selectedStatus, searchQuery]) const selectedContractor = React.useMemo( () => submissions.find((c) => c.id === selectedContractorId), [submissions, selectedContractorId], ) const openDrawer = (contractor: ContractorSubmission) => { setSelectedContractorId(contractor.id) setIsDrawerOpen(true) } const approveInvoice = (id: string) => { setSubmissions((prev) => prev.map((item) => (item.id === id ? { ...item, status: 'approved' } : item))) } const disputeInvoice = (id: string) => { setSubmissions((prev) => prev.map((item) => (item.id === id ? { ...item, status: 'disputed' } : item))) } const handleApproveDrawer = () => { if (selectedContractorId) approveInvoice(selectedContractorId) setIsDrawerOpen(false) } const handleDisputeDrawer = () => { if (selectedContractorId) disputeInvoice(selectedContractorId) setIsDrawerOpen(false) } const approveAllPending = () => { if (pendingCount === 0) return setIsApprovingAll(true) setTimeout(() => { setSubmissions((prev) => prev.map((item) => (item.status === 'pending' ? { ...item, status: 'approved' } : item))) setIsApprovingAll(false) setBulkApprovalDone(true) setTimeout(() => { setBulkApprovalDone(false) }, 3000) }, 400) } const resetData = () => { setSubmissions(JSON.parse(JSON.stringify(initialData))) setSelectedStatus('all') setSearchQuery('') setBulkApprovalDone(false) } return (

{/* Header Section */}

Global Workforce · HRMS

Pay Cycle: {payCycle}

{pendingCount > 0 ? ( {pendingCount} Invoices Pending Review ) : ( All Invoices Reviewed )}

{title}

{subtitle}

{/* Action Buttons */}

{/* 4 Billing Overview KPI Cards */} {/* Filter Toolbar */}

{/* Search input */}

setSearchQuery(e.target.value)} type="text" placeholder="Search contractor, role, country, or PR..." className="border-input bg-background text-foreground placeholder:text-muted-foreground focus-visible:ring-ring w-full rounded-md border py-1.5 pr-3 pl-9 text-xs focus-visible:ring-2 focus-visible:outline-hidden" />

{/* Filter buttons & Currency Toggle */}

{/* Status filter tabs */}

{/* Currency toggle selector */}

{/* Contractor Invoices & Timesheets Table */}

Contractor & Location Role & Rate Hours Logged Invoice Gross Amount Timesheet Verification Status Actions {filteredSubmissions.length > 0 ? ( filteredSubmissions.map((contractor) => ( )) ) : (

No invoices match your filter

Try adjusting your search query or switching the status filter tab.

)}

{/* Timesheet Detail Drawer / Slide-Over Component */}

) } 65:T37e5,'use client' import { Check, CheckCircle2, FileCheck, FileCode, GitPullRequest, ShieldCheck, XCircle } from 'lucide-react' import { Avatar, AvatarFallback } from '@/components/ui/avatar' import { Badge } from '@/components/ui/badge' import { Button } from '@/components/ui/button' import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, } from '@/components/ui/sheet' import type { ContractorSubmission } from './timesheet-types' export interface TimesheetDetailSheetProps { open: boolean onOpenChange: (open: boolean) => void selectedContractor: ContractorSubmission | undefined formatUsd: (val: number) => string formatLocal: (val: number, currencyCode: string, currencySymbol: string) => string onApprove?: () => void onDispute?: () => void onApproveInvoice?: (id: string) => void onDisputeInvoice?: (id: string) => void } export function TimesheetDetailSheet({ open, onOpenChange, selectedContractor, formatUsd, formatLocal, onApprove, onDispute, onApproveInvoice, onDisputeInvoice, }: TimesheetDetailSheetProps) { return ( {selectedContractor && ( <> {/* Drawer Header */}

{selectedContractor.initials}

{selectedContractor.name} {selectedContractor.flag}

{selectedContractor.role} · {selectedContractor.city}

{/* Status Badge in Header */} {selectedContractor.status === 'pending' ? ( Pending Review ) : selectedContractor.status === 'approved' ? ( Approved ) : ( Disputed )}

{/* Header Quick Stats Grid */}

Invoice Gross {formatUsd(selectedContractor.grossAmountUsd)} {formatLocal( selectedContractor.grossAmountLocal, selectedContractor.currencyCode, selectedContractor.currencySymbol, )}

Total Hours {selectedContractor.hoursLogged.toFixed(1)} hrs {selectedContractor.regularHours.toFixed(0)}h reg · {selectedContractor.overtimeHours.toFixed(0)}h ot

Contract Rate {formatUsd(selectedContractor.hourlyRateUsd)}/hr {selectedContractor.taxCompliance.jurisdiction}

{/* Drawer Body: Timesheet Breakdown */}

{/* Verification Callout Banner */}

{selectedContractor.verificationBadge.label}

{selectedContractor.verificationBadge.subtext}. Automated hash verification confirmed timestamps match developer activity during the billing window.

{/* Daily Task Itemization */}

Daily Itemized Activity Log ({selectedContractor.dailyEntries.length} Work Days)

{selectedContractor.payPeriod}

{selectedContractor.dailyEntries.map((entry) => (

{entry.day} {entry.date}

{entry.hours.toFixed(1)} hrs ({formatUsd(entry.hours * selectedContractor.hourlyRateUsd)})

{entry.task}

{/* Linked Deliverables (PR / Commit / Figma / CI) */}

{entry.deliverableType === 'github_pr' ? ( <> {entry.referenceId} ({entry.referenceLabel}) {entry.commitCount && ( · {entry.commitCount} commits )} ) : entry.deliverableType === 'figma' ? ( <> {entry.referenceId} ({entry.referenceLabel}) ) : ( <> {entry.referenceId} ({entry.referenceLabel}) )}

Verified

))}

{/* Tax & Bank Payout Compliance Box */}

Compliance & Disbursement Routing

Tax Form Status: Form W-8BEN ({selectedContractor.taxCompliance.w8benStatus.toUpperCase()}) {selectedContractor.taxCompliance.taxIdMasked}

Disbursement Route: {selectedContractor.paymentMethod.type} Payout {selectedContractor.paymentMethod.bankName}

{/* Drawer Footer Actions */}

{selectedContractor.status !== 'disputed' && ( )} {selectedContractor.status !== 'approved' ? ( ) : ( Approved & Queued )}

)} ) } 66:T1532,'use client' import * as React from 'react' import { Clock, ShieldCheck, Timer, Users } from 'lucide-react' import { cn } from '@/lib/utils' import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card' export interface TimesheetKpiCardsProps { pendingAmountUsd: number pendingCount: number totalHoursLogged: number scheduledPayoutsTotal: number formatUsd: (val: number) => string className?: string } export function TimesheetKpiCards({ pendingAmountUsd, pendingCount, totalHoursLogged, scheduledPayoutsTotal, formatUsd, className, }: TimesheetKpiCardsProps) { return (

{/* Card 1: Pending Approval Amount */} Pending Approval Amount

{formatUsd(pendingAmountUsd)}

{pendingCount} invoices{' '} awaiting your approval

£3,800 · ¥810k · R$41k

{/* Card 2: Total Contractor Hours */} Total Contractor Hours

{totalHoursLogged.toFixed(1)} hrs

160.0 regular · 80.0 overtime / project

100% Timesheets submitted

{/* Card 3: Approved & Scheduled Payouts */} Approved & Scheduled

{formatUsd(scheduledPayoutsTotal)}

5 invoices batched for Aug 25 payout

Direct SEPA · ACH · SWIFT

{/* Card 4: Active International Contractors */} Active Contractors

8 Contractors

Across 5 countries (UK, JP, BR, FR, CA)

100% W-8BEN Tax Valid

) } 67:T2849,'use client' import * as React from 'react' import { AlertCircle, Check, CheckCircle2, Download, Eye, FileText, MoreHorizontal, ShieldCheck, XCircle, } from 'lucide-react' import { Avatar, AvatarFallback } from '@/components/ui/avatar' import { Badge } from '@/components/ui/badge' import { Button } from '@/components/ui/button' import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from '@/components/ui/dropdown-menu' import { TableCell, TableRow } from '@/components/ui/table' import type { ContractorSubmission } from './timesheet-types' export interface TimesheetTableRowProps { contractor: ContractorSubmission currencyDisplay: 'both' | 'usd' | 'local' formatUsd: (val: number) => string formatLocal: (val: number, currencyCode: string, currencySymbol: string) => string onOpenDrawer: (contractor: ContractorSubmission) => void onApproveInvoice: (id: string) => void onDisputeInvoice: (id: string) => void } export function TimesheetTableRow({ contractor, currencyDisplay, formatUsd, formatLocal, onOpenDrawer, onApproveInvoice, onDisputeInvoice, }: TimesheetTableRowProps) { return ( {/* Contractor & Location */}

{{ contractor: contractor.initials }.contractor}

{contractor.flag}

{contractor.city} • {contractor.invoiceNumber}

{/* Role & Rate */}

{contractor.role}

{formatUsd(contractor.hourlyRateUsd)}/hr{' '} ({formatLocal(contractor.hourlyRateLocal, contractor.currencyCode, contractor.currencySymbol)}/hr)

{/* Hours Logged */}

{contractor.hoursLogged.toFixed(1)} hrs

{contractor.regularHours.toFixed(0)}h reg {contractor.overtimeHours > 0 && ( <> + {contractor.overtimeHours.toFixed(0)}h ot )}

{/* Invoice Gross (Local & USD) */}

{currencyDisplay === 'both' ? ( <>

{formatUsd(contractor.grossAmountUsd)} USD

{formatLocal(contractor.grossAmountLocal, contractor.currencyCode, contractor.currencySymbol)}{' '} (FX: {contractor.fxRate.toFixed(4)})

) : currencyDisplay === 'usd' ? ( <>

{formatUsd(contractor.grossAmountUsd)} USD

Rate: {formatUsd(contractor.hourlyRateUsd)}/hr

) : ( <>

{formatLocal(contractor.grossAmountLocal, contractor.currencyCode, contractor.currencySymbol)}

Conv: {formatUsd(contractor.grossAmountUsd)} USD

)}

{/* Timesheet Verification Status */}

{contractor.verificationBadge.label}

{contractor.verificationBadge.subtext}

{/* Approval Status */} {contractor.status === 'pending' ? ( Pending Review ) : contractor.status === 'approved' ? ( Approved ) : ( Disputed )} {/* Action Buttons */}

{contractor.status === 'pending' && ( )} {/* Dropdown Menu for Secondary Actions */} Invoice {contractor.invoiceNumber} onOpenDrawer(contractor)}> Itemized Timesheet {contractor.status !== 'approved' && ( onApproveInvoice(contractor.id)} > Approve Invoice )} {contractor.status !== 'disputed' && ( onDisputeInvoice(contractor.id)} > Dispute / Reject )} Download Invoice PDF View W-8BEN Form

) } 68:T54f,export type ApprovalStatus = 'pending' | 'approved' | 'disputed' export type DeliverableType = 'github_pr' | 'figma' | 'ci_pipeline' | 'code_review' export interface DailyTimesheetEntry { id: string date: string day: string hours: number regularHours: number overtimeHours: number task: string deliverableType: DeliverableType referenceId: string referenceLabel: string commitCount?: number verified: boolean } export interface ContractorSubmission { id: string name: string initials: string avatarUrl?: string role: string country: string countryCode: string flag: string city: string contractType: string hourlyRateUsd: number hourlyRateLocal: number currencyCode: string currencySymbol: string fxRate: number hoursLogged: number regularHours: number overtimeHours: number grossAmountLocal: number grossAmountUsd: number verificationBadge: { label: string subtext: string status: 'verified' | 'manual' } status: ApprovalStatus invoiceNumber: string submittedAt: string payPeriod: string taxCompliance: { w8benStatus: 'valid' | 'pending' | 'exempt' taxIdMasked: string jurisdiction: string } paymentMethod: { type: 'SWIFT' | 'SEPA' | 'Local Wire' | 'ACH' accountMasked: string bankName: string } dailyEntries: DailyTimesheetEntry[] } 69:T34b4,import type { ContractorSubmission } from './timesheet-types' export const initialSubmissions: ContractorSubmission[] = [ { id: 'ctr-1', name: "Liam O'Connor", initials: 'LO', role: 'Senior React Engineer', country: 'United Kingdom', countryCode: 'GB', flag: '🇬🇧', city: 'London, UK', contractType: 'Hourly Contract · $97.00/hr', hourlyRateUsd: 97.0, hourlyRateLocal: 76.0, currencyCode: 'GBP', currencySymbol: '£', fxRate: 1.2763, hoursLogged: 50.0, regularHours: 40.0, overtimeHours: 10.0, grossAmountLocal: 3800.0, grossAmountUsd: 4850.0, verificationBadge: { label: 'Verified with GitHub PRs', subtext: '14 PRs merged · 46 verified commits', status: 'verified', }, status: 'pending', invoiceNumber: 'INV-2026-UK-0841', submittedAt: 'Aug 21, 2026 · 17:45 UTC', payPeriod: 'Aug 08 – Aug 21, 2026', taxCompliance: { w8benStatus: 'valid', taxIdMasked: 'GB-UTR ••••••8912', jurisdiction: 'HMRC UK (Non-US Source)', }, paymentMethod: { type: 'SWIFT', accountMasked: 'Barclays •••• 4421', bankName: 'Barclays Bank UK PLC', }, dailyEntries: [ { id: 'entry-1-1', date: '2026-08-17', day: 'Mon, Aug 17', hours: 10.0, regularHours: 8.0, overtimeHours: 2.0, task: 'Refactoring OKLCH Color Engine & AST Parser for sub-theme resolution', deliverableType: 'github_pr', referenceId: 'PR #412', referenceLabel: 'feature/v4-ast-parser', commitCount: 12, verified: true, }, { id: 'entry-1-2', date: '2026-08-18', day: 'Tue, Aug 18', hours: 10.0, regularHours: 8.0, overtimeHours: 2.0, task: 'SSR Hydration Mismatch Resolver for cross-framework Island Architectures', deliverableType: 'github_pr', referenceId: 'PR #415', referenceLabel: 'fix/island-hydration', commitCount: 8, verified: true, }, { id: 'entry-1-3', date: '2026-08-19', day: 'Wed, Aug 19', hours: 10.0, regularHours: 8.0, overtimeHours: 2.0, task: 'Design token runtime compilation and memoized theme class cache', deliverableType: 'github_pr', referenceId: 'PR #418', referenceLabel: 'perf/token-runtime', commitCount: 7, verified: true, }, { id: 'entry-1-4', date: '2026-08-20', day: 'Thu, Aug 20', hours: 10.0, regularHours: 8.0, overtimeHours: 2.0, task: 'Figma token sync GitHub Action workflow optimization and schema tests', deliverableType: 'github_pr', referenceId: 'PR #419', referenceLabel: 'ci/figma-token-sync', commitCount: 9, verified: true, }, { id: 'entry-1-5', date: '2026-08-21', day: 'Fri, Aug 21', hours: 10.0, regularHours: 8.0, overtimeHours: 2.0, task: 'Reka UI combobox accessible keyboard navigation bridge and focus ring parity', deliverableType: 'github_pr', referenceId: 'PR #423', referenceLabel: 'feat/reka-combobox-a11y', commitCount: 10, verified: true, }, ], }, { id: 'ctr-2', name: 'Yuki Tanaka', initials: 'YT', role: 'UI/UX Designer', country: 'Japan', countryCode: 'JP', flag: '🇯🇵', city: 'Tokyo, JP', contractType: 'Hourly Contract · $90.00/hr', hourlyRateUsd: 90.0, hourlyRateLocal: 13500, currencyCode: 'JPY', currencySymbol: '¥', fxRate: 0.00667, hoursLogged: 60.0, regularHours: 40.0, overtimeHours: 20.0, grossAmountLocal: 810000, grossAmountUsd: 5400.0, verificationBadge: { label: 'Figma Files & Handoff Verified', subtext: '8 wireframes & design spec approved', status: 'verified', }, status: 'pending', invoiceNumber: 'INV-2026-JP-0219', submittedAt: 'Aug 21, 2026 · 14:10 UTC', payPeriod: 'Aug 08 – Aug 21, 2026', taxCompliance: { w8benStatus: 'valid', taxIdMasked: 'JP-NTA ••••••4401', jurisdiction: 'National Tax Agency Japan', }, paymentMethod: { type: 'Local Wire', accountMasked: 'MUFG •••• 9102', bankName: 'Mitsubishi UFJ Financial Group', }, dailyEntries: [ { id: 'entry-2-1', date: '2026-08-17', day: 'Mon, Aug 17', hours: 12.0, regularHours: 8.0, overtimeHours: 4.0, task: 'Enterprise Multi-currency Invoicing Flow User Journey Map & Edge Cases', deliverableType: 'figma', referenceId: 'Node #492:102', referenceLabel: 'figma.com/@uipkge/multi-currency-flow', commitCount: 6, verified: true, }, { id: 'entry-2-2', date: '2026-08-18', day: 'Tue, Aug 18', hours: 12.0, regularHours: 8.0, overtimeHours: 4.0, task: 'Contractor Compliance Document Verification UX Specs & Empty States', deliverableType: 'figma', referenceId: 'Node #495:88', referenceLabel: 'figma.com/@uipkge/compliance-docs', commitCount: 5, verified: true, }, { id: 'entry-2-3', date: '2026-08-19', day: 'Wed, Aug 19', hours: 12.0, regularHours: 8.0, overtimeHours: 4.0, task: 'Mobile responsive Timesheet approval breakpoints, drawers, and gesture specs', deliverableType: 'figma', referenceId: 'Node #501:14', referenceLabel: 'figma.com/@uipkge/mobile-timesheet', commitCount: 8, verified: true, }, { id: 'entry-2-4', date: '2026-08-20', day: 'Thu, Aug 20', hours: 12.0, regularHours: 8.0, overtimeHours: 4.0, task: 'Interactive Design System Token Library for Dark/Light Themes & High-Contrast', deliverableType: 'figma', referenceId: 'Node #510:33', referenceLabel: 'figma.com/@uipkge/tokens-library', commitCount: 11, verified: true, }, { id: 'entry-2-5', date: '2026-08-21', day: 'Fri, Aug 21', hours: 12.0, regularHours: 8.0, overtimeHours: 4.0, task: 'Usability testing session synthesis, prototype refinements, and engineering handoff', deliverableType: 'figma', referenceId: 'Node #514:02', referenceLabel: 'figma.com/@uipkge/handoff-v2', commitCount: 4, verified: true, }, ], }, { id: 'ctr-3', name: 'Mateo Silva', initials: 'MS', role: 'Go Backend Specialist', country: 'Brazil', countryCode: 'BR', flag: '🇧🇷', city: 'São Paulo, BR', contractType: 'Hourly Contract · $91.11/hr', hourlyRateUsd: 91.11, hourlyRateLocal: 455.55, currencyCode: 'BRL', currencySymbol: 'R$', fxRate: 0.2, hoursLogged: 90.0, regularHours: 40.0, overtimeHours: 50.0, grossAmountLocal: 41000.0, grossAmountUsd: 8200.0, verificationBadge: { label: 'Verified with GitHub PRs', subtext: 'Kafka partitioning & Redis idempotency engine', status: 'verified', }, status: 'pending', invoiceNumber: 'INV-2026-BR-0572', submittedAt: 'Aug 21, 2026 · 19:20 UTC', payPeriod: 'Aug 08 – Aug 21, 2026', taxCompliance: { w8benStatus: 'valid', taxIdMasked: 'BR-CNPJ ••••••7100', jurisdiction: 'Receita Federal do Brasil', }, paymentMethod: { type: 'SWIFT', accountMasked: 'Itaú Unibanco •••• 8831', bankName: 'Banco Itaú S.A.', }, dailyEntries: [ { id: 'entry-3-1', date: '2026-08-17', day: 'Mon, Aug 17', hours: 18.0, regularHours: 8.0, overtimeHours: 10.0, task: 'Distributed transaction saga orchestrator for multi-currency payout reconciliation', deliverableType: 'github_pr', referenceId: 'PR #289', referenceLabel: 'feat/saga-orchestrator', commitCount: 15, verified: true, }, { id: 'entry-3-2', date: '2026-08-18', day: 'Tue, Aug 18', hours: 18.0, regularHours: 8.0, overtimeHours: 10.0, task: 'Zero-downtime PostgreSQL table partitioning for timesheet audit logs & retention', deliverableType: 'github_pr', referenceId: 'PR #294', referenceLabel: 'db/pg-partitioning', commitCount: 7, verified: true, }, { id: 'entry-3-3', date: '2026-08-19', day: 'Wed, Aug 19', hours: 18.0, regularHours: 8.0, overtimeHours: 10.0, task: 'Webhook delivery retry backoff with Kafka dead-letter queue & idempotency keys', deliverableType: 'github_pr', referenceId: 'PR #298', referenceLabel: 'feat/kafka-dlq-retries', commitCount: 19, verified: true, }, { id: 'entry-3-4', date: '2026-08-20', day: 'Thu, Aug 20', hours: 18.0, regularHours: 8.0, overtimeHours: 10.0, task: 'Prometheus latency metric instrumentation & Grafana alert rules for payment workers', deliverableType: 'github_pr', referenceId: 'PR #302', referenceLabel: 'obs/prometheus-metrics', commitCount: 5, verified: true, }, { id: 'entry-3-5', date: '2026-08-21', day: 'Fri, Aug 21', hours: 18.0, regularHours: 8.0, overtimeHours: 10.0, task: 'Payment gateway failover simulation & multi-region load testing at 25k req/s', deliverableType: 'github_pr', referenceId: 'PR #307', referenceLabel: 'test/gateway-failover', commitCount: 12, verified: true, }, ], }, { id: 'ctr-4', name: 'Chloe Dubois', initials: 'CD', role: 'QA Automation Lead', country: 'France', countryCode: 'FR', flag: '🇫🇷', city: 'Paris, FR', contractType: 'Hourly Contract · $92.00/hr', hourlyRateUsd: 92.0, hourlyRateLocal: 85.0, currencyCode: 'EUR', currencySymbol: '€', fxRate: 1.0824, hoursLogged: 40.0, regularHours: 40.0, overtimeHours: 0.0, grossAmountLocal: 3400.0, grossAmountUsd: 3680.0, verificationBadge: { label: 'Playwright E2E Suites 100% Pass', subtext: 'CI Run #8821 verified · 342 browser tests green', status: 'verified', }, status: 'approved', invoiceNumber: 'INV-2026-FR-1108', submittedAt: 'Aug 20, 2026 · 16:30 UTC', payPeriod: 'Aug 08 – Aug 21, 2026', taxCompliance: { w8benStatus: 'valid', taxIdMasked: 'FR-SIRET ••••••3921', jurisdiction: 'DGFiP France (EU VAT Reg)', }, paymentMethod: { type: 'SEPA', accountMasked: 'BNP Paribas •••• 5590', bankName: 'BNP Paribas S.A.', }, dailyEntries: [ { id: 'entry-4-1', date: '2026-08-17', day: 'Mon, Aug 17', hours: 8.0, regularHours: 8.0, overtimeHours: 0.0, task: 'Playwright end-to-end multi-currency payment checkout regression suite', deliverableType: 'ci_pipeline', referenceId: 'CI Run #8812', referenceLabel: 'e2e-checkout-matrix', commitCount: 8, verified: true, }, { id: 'entry-4-2', date: '2026-08-18', day: 'Tue, Aug 18', hours: 8.0, regularHours: 8.0, overtimeHours: 0.0, task: 'Visual regression tests for dark mode and high-contrast accessibility across viewports', deliverableType: 'ci_pipeline', referenceId: 'CI Run #8815', referenceLabel: 'visual-regression-a11y', commitCount: 6, verified: true, }, { id: 'entry-4-3', date: '2026-08-19', day: 'Wed, Aug 19', hours: 8.0, regularHours: 8.0, overtimeHours: 0.0, task: 'Automated timesheet submission stress testing & concurrent approval race conditions', deliverableType: 'ci_pipeline', referenceId: 'CI Run #8818', referenceLabel: 'load-timesheet-concurrency', commitCount: 14, verified: true, }, { id: 'entry-4-4', date: '2026-08-20', day: 'Thu, Aug 20', hours: 8.0, regularHours: 8.0, overtimeHours: 0.0, task: 'Cross-browser matrix testing (Chromium, Firefox, WebKit) on macOS/Linux runners', deliverableType: 'ci_pipeline', referenceId: 'CI Run #8820', referenceLabel: 'cross-browser-ci', commitCount: 4, verified: true, }, { id: 'entry-4-5', date: '2026-08-21', day: 'Fri, Aug 21', hours: 8.0, regularHours: 8.0, overtimeHours: 0.0, task: 'CI test sharding optimization reducing full regression duration from 18m to 3m 12s', deliverableType: 'ci_pipeline', referenceId: 'CI Run #8821', referenceLabel: 'ci-sharding-speedup', commitCount: 5, verified: true, }, ], }, ] 61:["$","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":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L62",null,{"namespace":"@registrydirectory","registryDependencies":["https://uipkge.dev/r/react/avatar.json","https://uipkge.dev/r/react/badge.json","https://uipkge.dev/r/react/button.json","https://uipkge.dev/r/react/card.json","https://uipkge.dev/r/react/dropdown-menu.json","https://uipkge.dev/r/react/separator.json","https://uipkge.dev/r/react/sheet.json","https://uipkge.dev/r/react/table.json"]}]]}],null]}],["$","$L63",null,{"files":[{"path":"packages/registry-react/blocks/contractor-timesheet-approval/ContractorTimesheetApproval.tsx","content":"$64","type":"registry:block","target":"~/components/blocks/ContractorTimesheetApproval.tsx"},{"path":"packages/registry-react/blocks/contractor-timesheet-approval/TimesheetDetailSheet.tsx","content":"$65","type":"registry:block","target":"~/components/blocks/TimesheetDetailSheet.tsx"},{"path":"packages/registry-react/blocks/contractor-timesheet-approval/TimesheetKpiCards.tsx","content":"$66","type":"registry:block","target":"~/components/blocks/TimesheetKpiCards.tsx"},{"path":"packages/registry-react/blocks/contractor-timesheet-approval/TimesheetTableRow.tsx","content":"$67","type":"registry:block","target":"~/components/blocks/TimesheetTableRow.tsx"},{"path":"packages/registry-react/blocks/contractor-timesheet-approval/timesheet-types.ts","content":"$68","type":"registry:block","target":"~/components/blocks/timesheet-types.ts"},{"path":"packages/registry-react/blocks/contractor-timesheet-approval/timesheet-data.ts","content":"$69","type":"registry:block","target":"~/components/blocks/timesheet-data.ts"}],"className":"h-[70svh] min-h-80"}]]}]