@hed-hog/operations 0.0.328 → 0.0.330

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/collaborators/page.js

@@ -1,612 +0,0 @@
-"use strict";
-'use client';
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = OperationsCollaboratorsPage;
-const entity_list_1 = require("@/components/entity-list");
-const avatar_1 = require("@/components/ui/avatar");
-const button_1 = require("@/components/ui/button");
-const card_1 = require("@/components/ui/card");
-const kpi_cards_grid_1 = require("@/components/ui/kpi-cards-grid");
-const sheet_1 = require("@/components/ui/sheet");
-const table_1 = require("@/components/ui/table");
-const toggle_group_1 = require("@/components/ui/toggle-group");
-const tooltip_1 = require("@/components/ui/tooltip");
-const next_app_provider_1 = require("@hed-hog/next-app-provider");
-const lucide_react_1 = require("lucide-react");
-const next_intl_1 = require("next-intl");
-const link_1 = __importDefault(require("next/link"));
-const navigation_1 = require("next/navigation");
-const react_1 = require("react");
-const collaborator_form_screen_1 = require("../_components/collaborator-form-screen");
-const operations_header_1 = require("../_components/operations-header");
-const status_badge_1 = require("../_components/status-badge");
-const api_1 = require("../_lib/api");
-const use_operations_access_1 = require("../_lib/hooks/use-operations-access");
-const format_1 = require("../_lib/utils/format");
-const COLLABORATOR_VIEW_STORAGE_KEY = 'operations-collaborators-view-mode';
-function getPersonAvatarUrl(avatarId) {
-    return typeof avatarId === 'number' && avatarId > 0
-        ? `${process.env.NEXT_PUBLIC_API_BASE_URL}/person/avatar/${avatarId}`
-        : '/placeholder.png';
-}
-function getInitials(value) {
-    const parts = String(value !== null && value !== void 0 ? value : '')
-        .trim()
-        .split(/\s+/)
-        .filter(Boolean)
-        .slice(0, 2);
-    if (!parts.length) {
-        return '??';
-    }
-    return parts.map((part) => { var _a, _b; return (_b = (_a = part[0]) === null || _a === void 0 ? void 0 : _a.toUpperCase()) !== null && _b !== void 0 ? _b : ''; }).join('');
-}
-function OperationsCollaboratorsPage() {
-    var _a, _b, _c, _d;
-    const t = (0, next_intl_1.useTranslations)('operations.CollaboratorsPage');
-    const formT = (0, next_intl_1.useTranslations)('operations.CollaboratorFormPage');
-    const commonT = (0, next_intl_1.useTranslations)('operations.Common');
-    const { request, showToastHandler, currentLocaleCode, getSettingValue } = (0, next_app_provider_1.useApp)();
-    const access = (0, use_operations_access_1.useOperationsAccess)();
-    const router = (0, navigation_1.useRouter)();
-    const pathname = (0, navigation_1.usePathname)();
-    const searchParams = (0, navigation_1.useSearchParams)();
-    const [search, setSearch] = (0, react_1.useState)('');
-    const [statusFilter, setStatusFilter] = (0, react_1.useState)('all');
-    const [typeFilter, setTypeFilter] = (0, react_1.useState)('all');
-    const [page, setPage] = (0, react_1.useState)(1);
-    const [pageSize, setPageSize] = (0, react_1.useState)(12);
-    const [viewMode, setViewMode] = (0, react_1.useState)(() => {
-        if (typeof window === 'undefined') {
-            return 'table';
-        }
-        const savedViewMode = window.localStorage.getItem(COLLABORATOR_VIEW_STORAGE_KEY);
-        return savedViewMode === 'cards' ? 'cards' : 'table';
-    });
-    const [isCreateSheetOpen, setIsCreateSheetOpen] = (0, react_1.useState)(false);
-    const editParam = searchParams.get('edit');
-    const editingCollaboratorId = editParam && /^\d+$/.test(editParam) ? Number(editParam) : null;
-    const updateSheetQuery = (collaboratorId) => {
-        const params = new URLSearchParams(searchParams.toString());
-        if (collaboratorId && collaboratorId > 0) {
-            params.set('edit', String(collaboratorId));
-        }
-        else {
-            params.delete('edit');
-        }
-        const nextUrl = params.size ? `${pathname}?${params.toString()}` : pathname;
-        router.replace(nextUrl, { scroll: false });
-    };
-    const openCreateSheet = () => {
-        setIsCreateSheetOpen(true);
-        updateSheetQuery(null);
-    };
-    const openEditSheet = (collaboratorId) => {
-        setIsCreateSheetOpen(false);
-        updateSheetQuery(collaboratorId);
-    };
-    const closeFormSheet = () => {
-        setIsCreateSheetOpen(false);
-        if (editingCollaboratorId !== null) {
-            updateSheetQuery(null);
-        }
-    };
-    const getStatusLabel = (value) => {
-        switch (value) {
-            case 'active':
-                return formT('options.statuses.active');
-            case 'on_leave':
-                return formT('options.statuses.on_leave');
-            case 'inactive':
-                return formT('options.statuses.inactive');
-            case 'draft':
-                return formT('options.statuses.draft');
-            default:
-                return (0, format_1.formatEnumLabel)(value);
-        }
-    };
-    const { data: collaboratorsResponse, refetch } = (0, next_app_provider_1.useQuery)({
-        queryKey: [
-            'operations-collaborators-list',
-            currentLocaleCode,
-            search,
-            statusFilter,
-            typeFilter,
-            page,
-            pageSize,
-        ],
-        enabled: access.isCollaborator,
-        queryFn: () => {
-            const params = new URLSearchParams({
-                page: String(page),
-                pageSize: String(pageSize),
-            });
-            if (search.trim()) {
-                params.set('search', search.trim());
-            }
-            if (statusFilter !== 'all') {
-                params.set('status', statusFilter);
-            }
-            if (typeFilter !== 'all') {
-                params.set('collaboratorType', typeFilter);
-            }
-            return (0, api_1.fetchOperations)(request, `/operations/collaborators?${params.toString()}`);
-        },
-        placeholderData: (previous) => previous,
-    });
-    const { data: collaboratorTypes = [] } = (0, next_app_provider_1.useQuery)({
-        queryKey: ['operations-collaborator-types-list', currentLocaleCode],
-        enabled: access.isCollaborator,
-        queryFn: () => (0, api_1.fetchOperations)(request, '/operations/collaborator-types?active=true'),
-    });
-    const { data: collaboratorStats } = (0, next_app_provider_1.useQuery)({
-        queryKey: [
-            'operations-collaborators-stats',
-            currentLocaleCode,
-            search,
-            statusFilter,
-            typeFilter,
-        ],
-        enabled: access.isCollaborator,
-        queryFn: () => {
-            const params = new URLSearchParams();
-            if (search.trim()) {
-                params.set('search', search.trim());
-            }
-            if (statusFilter !== 'all') {
-                params.set('status', statusFilter);
-            }
-            if (typeFilter !== 'all') {
-                params.set('collaboratorType', typeFilter);
-            }
-            const query = params.toString();
-            return (0, api_1.fetchOperations)(request, query
-                ? `/operations/collaborators/stats?${query}`
-                : '/operations/collaborators/stats');
-        },
-    });
-    const getCollaboratorTypeLabel = (slug, fallbackName) => {
-        var _a;
-        if (fallbackName) {
-            return fallbackName;
-        }
-        const matchedType = collaboratorTypes.find((item) => item.slug === slug);
-        return (_a = matchedType === null || matchedType === void 0 ? void 0 : matchedType.name) !== null && _a !== void 0 ? _a : (0, format_1.formatEnumLabel)(slug);
-    };
-    const collaborators = (_a = collaboratorsResponse === null || collaboratorsResponse === void 0 ? void 0 : collaboratorsResponse.data) !== null && _a !== void 0 ? _a : [];
-    const filteredRows = collaborators;
-    const statsCards = (0, react_1.useMemo)(() => {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        const withTooltip = (description, tooltip) => (<tooltip_1.TooltipProvider>
-        <tooltip_1.Tooltip>
-          <tooltip_1.TooltipTrigger asChild>
-            <span className="inline-flex cursor-default items-center gap-1">
-              {description}
-              <lucide_react_1.Info className="h-3 w-3 shrink-0 text-muted-foreground/60"/>
-            </span>
-          </tooltip_1.TooltipTrigger>
-          <tooltip_1.TooltipContent side="bottom" className="max-w-64 text-xs">
-            {tooltip}
-          </tooltip_1.TooltipContent>
-        </tooltip_1.Tooltip>
-      </tooltip_1.TooltipProvider>);
-        return [
-            {
-                key: 'total',
-                title: t('cards.total'),
-                description: withTooltip(t('cards.totalDescription'), t('cards.totalTooltip')),
-                value: (_a = collaboratorStats === null || collaboratorStats === void 0 ? void 0 : collaboratorStats.total) !== null && _a !== void 0 ? _a : 0,
-                icon: lucide_react_1.Users,
-            },
-            {
-                key: 'active',
-                title: t('cards.active'),
-                description: withTooltip(t('cards.activeDescription'), t('cards.activeTooltip')),
-                value: (_b = collaboratorStats === null || collaboratorStats === void 0 ? void 0 : collaboratorStats.active) !== null && _b !== void 0 ? _b : 0,
-                icon: lucide_react_1.UserCheck,
-            },
-            {
-                key: 'onLeave',
-                title: t('cards.onLeave'),
-                description: withTooltip(t('cards.onLeaveDescription'), t('cards.onLeaveTooltip')),
-                value: (_c = collaboratorStats === null || collaboratorStats === void 0 ? void 0 : collaboratorStats.onLeave) !== null && _c !== void 0 ? _c : 0,
-                icon: lucide_react_1.CalendarDays,
-            },
-            {
-                key: 'withContracts',
-                title: t('cards.withContracts'),
-                description: withTooltip(t('cards.withContractsDescription'), t('cards.withContractsTooltip')),
-                value: (_d = collaboratorStats === null || collaboratorStats === void 0 ? void 0 : collaboratorStats.withContracts) !== null && _d !== void 0 ? _d : 0,
-                icon: lucide_react_1.FileText,
-            },
-            {
-                key: 'totalSalary',
-                title: t('cards.totalSalary'),
-                description: withTooltip(t('cards.totalSalaryDescription'), t('cards.totalSalaryTooltip')),
-                value: (0, format_1.formatCurrency)((_e = collaboratorStats === null || collaboratorStats === void 0 ? void 0 : collaboratorStats.totalSalary) !== null && _e !== void 0 ? _e : 0, getSettingValue, currentLocaleCode),
-                icon: lucide_react_1.Wallet,
-                accentClassName: 'from-emerald-500/20 via-green-500/10 to-transparent',
-                iconContainerClassName: 'bg-emerald-500/10 text-emerald-700 dark:text-emerald-400',
-            },
-            {
-                key: 'totalCosts',
-                title: t('cards.totalCosts'),
-                description: withTooltip(t('cards.totalCostsDescription'), t('cards.totalCostsTooltip')),
-                value: (0, format_1.formatCurrency)((_f = collaboratorStats === null || collaboratorStats === void 0 ? void 0 : collaboratorStats.totalCosts) !== null && _f !== void 0 ? _f : 0, getSettingValue, currentLocaleCode),
-                icon: lucide_react_1.TrendingUp,
-                accentClassName: 'from-amber-500/20 via-yellow-500/10 to-transparent',
-                iconContainerClassName: 'bg-amber-500/10 text-amber-700 dark:text-amber-400',
-            },
-            {
-                key: 'avgSalaryPlusCosts',
-                title: t('cards.avgSalaryPlusCosts'),
-                description: withTooltip(t('cards.avgSalaryPlusCostsDescription'), t('cards.avgSalaryPlusCostsTooltip')),
-                value: (0, format_1.formatCurrency)((_g = collaboratorStats === null || collaboratorStats === void 0 ? void 0 : collaboratorStats.avgSalaryPlusCosts) !== null && _g !== void 0 ? _g : 0, getSettingValue, currentLocaleCode),
-                icon: lucide_react_1.Wallet,
-                accentClassName: 'from-violet-500/20 via-purple-500/10 to-transparent',
-                iconContainerClassName: 'bg-violet-500/10 text-violet-700 dark:text-violet-400',
-            },
-            {
-                key: 'avgSalaryPlusCostsPerCollaborator',
-                title: t('cards.avgSalaryPlusCostsPerCollaborator'),
-                description: withTooltip(t('cards.avgSalaryPlusCostsPerCollaboratorDescription'), t('cards.avgSalaryPlusCostsPerCollaboratorTooltip')),
-                value: (0, format_1.formatCurrency)((_h = collaboratorStats === null || collaboratorStats === void 0 ? void 0 : collaboratorStats.avgSalaryPlusCostsPerCollaborator) !== null && _h !== void 0 ? _h : 0, getSettingValue, currentLocaleCode),
-                icon: lucide_react_1.TrendingUp,
-                accentClassName: 'from-rose-500/20 via-pink-500/10 to-transparent',
-                iconContainerClassName: 'bg-rose-500/10 text-rose-700 dark:text-rose-400',
-            },
-        ];
-    }, [
-        collaboratorStats,
-        t,
-        format_1.formatCurrency,
-        getSettingValue,
-        currentLocaleCode,
-    ]);
-    const handleViewModeChange = (value) => {
-        if (value !== 'table' && value !== 'cards') {
-            return;
-        }
-        setViewMode(value);
-        if (typeof window !== 'undefined') {
-            window.localStorage.setItem(COLLABORATOR_VIEW_STORAGE_KEY, value);
-        }
-    };
-    const toggleStatus = async (collaborator) => {
-        const nextStatus = collaborator.status === 'inactive' ? 'active' : 'inactive';
-        try {
-            await (0, api_1.mutateOperations)(request, `/operations/collaborators/${collaborator.id}`, 'PATCH', { status: nextStatus });
-            showToastHandler === null || showToastHandler === void 0 ? void 0 : showToastHandler('success', t('messages.statusSuccess'));
-            await refetch();
-        }
-        catch (_a) {
-            showToastHandler === null || showToastHandler === void 0 ? void 0 : showToastHandler('error', t('messages.statusError'));
-        }
-    };
-    return (<entity_list_1.Page>
-      <operations_header_1.OperationsHeader title={t('title')} description={t('description')} current={t('breadcrumb')} actions={access.isDirector ? (<div className="flex flex-wrap gap-2">
-              <button_1.Button size="sm" onClick={openCreateSheet}>
-                {commonT('actions.create')}
-              </button_1.Button>
-            </div>) : undefined}/>
-
-      <kpi_cards_grid_1.KpiCardsGrid items={statsCards} columns={4}/>
-
-      <div className="flex min-w-0 flex-col gap-4 xl:flex-row xl:items-center">
-        <div className="flex-1">
-          <entity_list_1.SearchBar searchQuery={search} onSearchChange={(value) => {
-            setSearch(value);
-            setPage(1);
-        }} showSearchButton={false} debounceMs={500} placeholder={t('searchPlaceholder')} controls={[
-            {
-                id: 'type',
-                type: 'select',
-                value: typeFilter,
-                onChange: (value) => {
-                    setTypeFilter(value);
-                    setPage(1);
-                },
-                placeholder: commonT('labels.collaboratorType'),
-                options: [
-                    { value: 'all', label: commonT('filters.allTypes') },
-                    ...collaboratorTypes.map((item) => ({
-                        value: item.slug,
-                        label: item.name,
-                    })),
-                ],
-            },
-            {
-                id: 'status',
-                type: 'select',
-                value: statusFilter,
-                onChange: (value) => {
-                    setStatusFilter(value);
-                    setPage(1);
-                },
-                placeholder: commonT('labels.status'),
-                options: [
-                    { value: 'all', label: commonT('filters.allStatuses') },
-                    { value: 'active', label: getStatusLabel('active') },
-                    { value: 'on_leave', label: getStatusLabel('on_leave') },
-                    { value: 'inactive', label: getStatusLabel('inactive') },
-                ],
-            },
-        ]}/>
-        </div>
-
-        <div className="flex items-center justify-between gap-3 xl:justify-end">
-          <span className="text-xs font-medium text-muted-foreground">
-            {t('viewMode')}
-          </span>
-          <toggle_group_1.ToggleGroup type="single" value={viewMode} onValueChange={handleViewModeChange} variant="outline" size="sm" aria-label={t('viewMode')}>
-            <toggle_group_1.ToggleGroupItem value="table" className="gap-1.5 px-2.5" aria-label={t('viewModeTable')}>
-              <lucide_react_1.List className="h-4 w-4"/>
-              <span className="hidden sm:inline">{t('viewModeTable')}</span>
-            </toggle_group_1.ToggleGroupItem>
-            <toggle_group_1.ToggleGroupItem value="cards" className="gap-1.5 px-2.5" aria-label={t('viewModeCards')}>
-              <lucide_react_1.LayoutGrid className="h-4 w-4"/>
-              <span className="hidden sm:inline">{t('viewModeCards')}</span>
-            </toggle_group_1.ToggleGroupItem>
-          </toggle_group_1.ToggleGroup>
-        </div>
-      </div>
-
-      {filteredRows.length > 0 ? (viewMode === 'cards' ? (<div className="grid gap-4 md:grid-cols-2 2xl:grid-cols-3">
-            {filteredRows.map((collaborator) => {
-                var _a;
-                return (<card_1.Card key={collaborator.id} className="cursor-pointer overflow-hidden border-border/60 py-0 shadow-sm transition-all hover:-translate-y-0.5 hover:shadow-md" onClick={() => openEditSheet(collaborator.id)}>
-                <card_1.CardContent className="space-y-4 p-4">
-                  <div className="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
-                    <div className="flex min-w-0 items-center gap-3">
-                      <avatar_1.Avatar className="h-12 w-12 border border-border/60 bg-muted">
-                        <avatar_1.AvatarImage src={getPersonAvatarUrl(collaborator.personAvatarId)} alt={collaborator.displayName}/>
-                        <avatar_1.AvatarFallback className="bg-muted text-sm font-semibold text-foreground">
-                          {getInitials(collaborator.displayName)}
-                        </avatar_1.AvatarFallback>
-                      </avatar_1.Avatar>
-                      <div className="min-w-0">
-                        <div className="truncate font-semibold">
-                          {collaborator.displayName}
-                        </div>
-                        <div className="truncate text-xs text-muted-foreground">
-                          {[collaborator.code, collaborator.title]
-                        .filter(Boolean)
-                        .join(' • ') || commonT('labels.notAvailable')}
-                        </div>
-                      </div>
-                    </div>
-                    <status_badge_1.StatusBadge label={getStatusLabel(collaborator.status)} className={(0, format_1.getStatusBadgeClass)(collaborator.status)}/>
-                  </div>
-
-                  <div className="flex flex-wrap gap-2">
-                    <span className="inline-flex items-center rounded-full bg-primary/10 px-2.5 py-1 text-xs font-medium text-primary">
-                      {getCollaboratorTypeLabel((_a = collaborator.collaboratorTypeSlug) !== null && _a !== void 0 ? _a : collaborator.collaboratorType, collaborator.collaboratorTypeName)}
-                    </span>
-                    {collaborator.department ? (<span className="inline-flex items-center rounded-full bg-muted px-2.5 py-1 text-xs font-medium text-muted-foreground">
-                        {collaborator.department}
-                      </span>) : null}
-                  </div>
-
-                  <div className="grid gap-2 text-sm text-muted-foreground lg:grid-cols-2">
-                    <div>
-                      <span className="font-medium text-foreground">
-                        {commonT('labels.supervisor')}:
-                      </span>{' '}
-                      {collaborator.supervisorName ||
-                        commonT('labels.notAssigned')}
-                    </div>
-                    <div>
-                      <span className="font-medium text-foreground">
-                        {commonT('labels.weeklyCapacity')}:
-                      </span>{' '}
-                      {(0, format_1.formatHours)(collaborator.weeklyCapacityHours)}
-                    </div>
-                    <div>
-                      <span className="font-medium text-foreground">
-                        {formT('fields.compensationAmount')}:
-                      </span>{' '}
-                      {collaborator.compensationAmount != null
-                        ? (0, format_1.formatCurrency)(Number(collaborator.compensationAmount), getSettingValue, currentLocaleCode)
-                        : commonT('labels.notAvailable')}
-                    </div>
-                    <div>
-                      <span className="font-medium text-foreground">
-                        {commonT('labels.startDate')}:
-                      </span>{' '}
-                      {(0, format_1.formatDate)(collaborator.joinedAt, getSettingValue, currentLocaleCode)}
-                    </div>
-                  </div>
-
-                  {collaborator.contractStatus ? (<div className="flex items-center gap-2 text-xs text-muted-foreground">
-                      <span className="font-medium text-foreground">
-                        {commonT('labels.contractStatus')}:
-                      </span>
-                      <status_badge_1.StatusBadge label={getStatusLabel(collaborator.contractStatus)} className={(0, format_1.getStatusBadgeClass)(collaborator.contractStatus)}/>
-                    </div>) : null}
-
-                  <div className="flex items-center justify-end gap-1.5 border-t border-border/60 pt-3">
-                    {access.isDirector ? (<button_1.Button variant="outline" size="icon" onClick={() => openEditSheet(collaborator.id)}>
-                        <lucide_react_1.Pencil className="size-4"/>
-                      </button_1.Button>) : null}
-                    <button_1.Button variant="outline" size="icon" asChild={Boolean(collaborator.contractId)} disabled={!collaborator.contractId}>
-                      {collaborator.contractId ? (<link_1.default href={`/operations/contracts?edit=${collaborator.contractId}`}>
-                          <lucide_react_1.FileText className="size-4"/>
-                        </link_1.default>) : (<span>
-                          <lucide_react_1.FileText className="size-4"/>
-                        </span>)}
-                    </button_1.Button>
-                    {access.isDirector ? (<button_1.Button variant="outline" size="icon" onClick={() => void toggleStatus(collaborator)} title={collaborator.status === 'inactive'
-                            ? commonT('actions.activate')
-                            : commonT('actions.deactivate')}>
-                        <lucide_react_1.Power className="size-4"/>
-                      </button_1.Button>) : null}
-                  </div>
-                </card_1.CardContent>
-              </card_1.Card>);
-            })}
-          </div>) : (<div className="overflow-hidden rounded-xl border bg-card shadow-sm">
-            <table_1.Table className="table-fixed">
-              <table_1.TableHeader>
-                <table_1.TableRow>
-                  <table_1.TableHead className="w-[34%]">
-                    {commonT('labels.collaborator')}
-                  </table_1.TableHead>
-                  <table_1.TableHead className="hidden md:table-cell">
-                    {commonT('labels.collaboratorType')}
-                  </table_1.TableHead>
-                  <table_1.TableHead className="hidden sm:table-cell">
-                    {commonT('labels.title')}
-                  </table_1.TableHead>
-                  <table_1.TableHead>{commonT('labels.status')}</table_1.TableHead>
-                  <table_1.TableHead className="hidden lg:table-cell">
-                    {commonT('labels.supervisor')}
-                  </table_1.TableHead>
-                  <table_1.TableHead className="hidden xl:table-cell">
-                    {commonT('labels.weeklyCapacity')}
-                  </table_1.TableHead>
-                  <table_1.TableHead className="hidden 2xl:table-cell">
-                    {formT('fields.compensationAmount')}
-                  </table_1.TableHead>
-                  <table_1.TableHead className="hidden xl:table-cell">
-                    {commonT('labels.startDate')}
-                  </table_1.TableHead>
-                  <table_1.TableHead className="w-30 text-right sm:w-42.5">
-                    {commonT('labels.actions')}
-                  </table_1.TableHead>
-                </table_1.TableRow>
-              </table_1.TableHeader>
-              <table_1.TableBody>
-                {filteredRows.map((collaborator) => {
-                var _a;
-                return (<table_1.TableRow key={collaborator.id} className="cursor-pointer hover:bg-muted/30" onClick={() => openEditSheet(collaborator.id)}>
-                    <table_1.TableCell>
-                      <div className="flex items-center gap-3">
-                        <avatar_1.Avatar className="h-9 w-9 border border-border/60 bg-muted">
-                          <avatar_1.AvatarImage src={getPersonAvatarUrl(collaborator.personAvatarId)} alt={collaborator.displayName}/>
-                          <avatar_1.AvatarFallback className="bg-muted text-xs font-semibold text-foreground">
-                            {getInitials(collaborator.displayName)}
-                          </avatar_1.AvatarFallback>
-                        </avatar_1.Avatar>
-                        <div className="min-w-0">
-                          <div className="truncate font-medium">
-                            {collaborator.displayName}
-                          </div>
-                          <div className="truncate text-xs text-muted-foreground">
-                            {[collaborator.code, collaborator.department]
-                        .filter(Boolean)
-                        .join(' • ') ||
-                        collaborator.title ||
-                        commonT('labels.notAvailable')}
-                          </div>
-                          <div className="mt-1 flex flex-wrap gap-x-3 gap-y-1 text-[11px] text-muted-foreground lg:hidden">
-                            <span>
-                              <span className="font-medium text-foreground/80">
-                                {commonT('labels.supervisor')}:
-                              </span>{' '}
-                              {collaborator.supervisorName ||
-                        commonT('labels.notAssigned')}
-                            </span>
-                            <span>
-                              <span className="font-medium text-foreground/80">
-                                {commonT('labels.weeklyCapacity')}:
-                              </span>{' '}
-                              {(0, format_1.formatHours)(collaborator.weeklyCapacityHours)}
-                            </span>
-                            <span>
-                              <span className="font-medium text-foreground/80">
-                                {commonT('labels.startDate')}:
-                              </span>{' '}
-                              {(0, format_1.formatDate)(collaborator.joinedAt, getSettingValue, currentLocaleCode)}
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </table_1.TableCell>
-                    <table_1.TableCell className="hidden md:table-cell">
-                      {getCollaboratorTypeLabel((_a = collaborator.collaboratorTypeSlug) !== null && _a !== void 0 ? _a : collaborator.collaboratorType, collaborator.collaboratorTypeName)}
-                    </table_1.TableCell>
-                    <table_1.TableCell className="hidden max-w-55 sm:table-cell">
-                      <div className="truncate">
-                        {[collaborator.department, collaborator.title]
-                        .filter(Boolean)
-                        .join(' • ') || commonT('labels.notAvailable')}
-                      </div>
-                    </table_1.TableCell>
-                    <table_1.TableCell>
-                      <status_badge_1.StatusBadge label={getStatusLabel(collaborator.status)} className={(0, format_1.getStatusBadgeClass)(collaborator.status)}/>
-                    </table_1.TableCell>
-                    <table_1.TableCell className="hidden lg:table-cell">
-                      <div className="truncate">
-                        {collaborator.supervisorName ||
-                        commonT('labels.notAssigned')}
-                      </div>
-                    </table_1.TableCell>
-                    <table_1.TableCell className="hidden xl:table-cell">
-                      {(0, format_1.formatHours)(collaborator.weeklyCapacityHours)}
-                    </table_1.TableCell>
-                    <table_1.TableCell className="hidden 2xl:table-cell">
-                      {collaborator.compensationAmount != null
-                        ? (0, format_1.formatCurrency)(Number(collaborator.compensationAmount), getSettingValue, currentLocaleCode)
-                        : commonT('labels.notAvailable')}
-                    </table_1.TableCell>
-                    <table_1.TableCell className="hidden xl:table-cell">
-                      {(0, format_1.formatDate)(collaborator.joinedAt, getSettingValue, currentLocaleCode)}
-                    </table_1.TableCell>
-                    <table_1.TableCell>
-                      <div className="flex items-center justify-end gap-1.5">
-                        {access.isDirector ? (<button_1.Button variant="outline" size="icon" onClick={() => openEditSheet(collaborator.id)}>
-                            <lucide_react_1.Pencil className="size-4"/>
-                          </button_1.Button>) : null}
-                        <button_1.Button variant="outline" size="icon" asChild={Boolean(collaborator.contractId)} disabled={!collaborator.contractId}>
-                          {collaborator.contractId ? (<link_1.default href={`/operations/contracts?edit=${collaborator.contractId}`}>
-                              <lucide_react_1.FileText className="size-4"/>
-                            </link_1.default>) : (<span>
-                              <lucide_react_1.FileText className="size-4"/>
-                            </span>)}
-                        </button_1.Button>
-                        {access.isDirector ? (<button_1.Button variant="outline" size="icon" onClick={() => void toggleStatus(collaborator)} title={collaborator.status === 'inactive'
-                            ? commonT('actions.activate')
-                            : commonT('actions.deactivate')}>
-                            <lucide_react_1.Power className="size-4"/>
-                          </button_1.Button>) : null}
-                      </div>
-                    </table_1.TableCell>
-                  </table_1.TableRow>);
-            })}
-              </table_1.TableBody>
-            </table_1.Table>
-          </div>)) : (<entity_list_1.EmptyState icon={<lucide_react_1.UserRound className="size-12"/>} title={commonT('states.emptyTitle')} description={t('emptyDescription')} actionLabel={access.isDirector
-                ? commonT('actions.create')
-                : commonT('actions.refresh')} onAction={access.isDirector ? openCreateSheet : () => void refetch()}/>)}
-
-      <entity_list_1.PaginationFooter currentPage={(_b = collaboratorsResponse === null || collaboratorsResponse === void 0 ? void 0 : collaboratorsResponse.page) !== null && _b !== void 0 ? _b : page} pageSize={(_c = collaboratorsResponse === null || collaboratorsResponse === void 0 ? void 0 : collaboratorsResponse.pageSize) !== null && _c !== void 0 ? _c : pageSize} totalItems={(_d = collaboratorsResponse === null || collaboratorsResponse === void 0 ? void 0 : collaboratorsResponse.total) !== null && _d !== void 0 ? _d : 0} onPageChange={setPage} onPageSizeChange={(value) => {
-            setPageSize(value);
-            setPage(1);
-        }} pageSizeOptions={[12, 24, 48]}/>
-
-      <sheet_1.Sheet open={isCreateSheetOpen || editingCollaboratorId !== null} onOpenChange={(open) => {
-            if (!open) {
-                closeFormSheet();
-            }
-        }}>
-        <sheet_1.SheetContent className="w-full overflow-y-auto sm:max-w-6xl">
-          <sheet_1.SheetHeader>
-            <sheet_1.SheetTitle>
-              {editingCollaboratorId
-            ? t('sheet.editTitle')
-            : t('sheet.createTitle')}
-            </sheet_1.SheetTitle>
-            <sheet_1.SheetDescription>{t('sheet.description')}</sheet_1.SheetDescription>
-          </sheet_1.SheetHeader>
-
-          <collaborator_form_screen_1.CollaboratorFormScreen key={editingCollaboratorId ? `edit-${editingCollaboratorId}` : 'create'} collaboratorId={editingCollaboratorId !== null && editingCollaboratorId !== void 0 ? editingCollaboratorId : undefined} onCancel={closeFormSheet} onSaved={async () => {
-            closeFormSheet();
-            await refetch();
-        }}/>
-        </sheet_1.SheetContent>
-      </sheet_1.Sheet>
-    </entity_list_1.Page>);
-}
-//# sourceMappingURL=page.js.map