@hed-hog/operations 0.0.322 → 0.0.325

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/_components/collaborator-form-screen.js

@@ -0,0 +1,1348 @@
+"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.CollaboratorFormScreen = CollaboratorFormScreen;
+const person_form_sheet_1 = require("@/app/(app)/(libraries)/contact/person/_components/person-form-sheet");
+const entity_list_1 = require("@/components/entity-list");
+const accordion_1 = require("@/components/ui/accordion");
+const avatar_1 = require("@/components/ui/avatar");
+const button_1 = require("@/components/ui/button");
+const command_1 = require("@/components/ui/command");
+const entity_picker_1 = require("@/components/ui/entity-picker");
+const form_actions_1 = require("@/components/ui/form-actions");
+const input_1 = require("@/components/ui/input");
+const input_money_1 = require("@/components/ui/input-money");
+const label_1 = require("@/components/ui/label");
+const popover_1 = require("@/components/ui/popover");
+const select_1 = require("@/components/ui/select");
+const switch_1 = require("@/components/ui/switch");
+const textarea_1 = require("@/components/ui/textarea");
+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 api_1 = require("../_lib/api");
+const use_operations_access_1 = require("../_lib/hooks/use-operations-access");
+const format_1 = require("../_lib/utils/format");
+const forms_1 = require("../_lib/utils/forms");
+const collaborator_costs_section_1 = require("./collaborator-costs-section");
+const department_select_with_create_1 = require("./department-select-with-create");
+const operations_header_1 = require("./operations-header");
+const person_select_with_create_1 = require("./person-select-with-create");
+const status_badge_1 = require("./status-badge");
+const system_user_select_with_create_1 = require("./system-user-select-with-create");
+const weekdays = [
+    'monday',
+    'tuesday',
+    'wednesday',
+    'thursday',
+    'friday',
+    'saturday',
+    'sunday',
+];
+const SUPERVISOR_PAGE_SIZE = 10;
+const COLLABORATOR_LEVEL_OPTIONS = [
+    'junior',
+    'mid',
+    'senior',
+    'coordinator',
+    'manager',
+];
+function normalizeCollaboratorLevel(value) {
+    const normalizedValue = String(value !== null && value !== void 0 ? value : '')
+        .trim()
+        .toLowerCase()
+        .normalize('NFD')
+        .replace(/[\u0300-\u036f]/g, '');
+    switch (normalizedValue) {
+        case 'junior':
+        case 'junior level':
+            return 'junior';
+        case 'mid':
+        case 'middle':
+        case 'pleno':
+            return 'mid';
+        case 'senior':
+            return 'senior';
+        case 'coordinator':
+        case 'coordenador':
+            return 'coordinator';
+        case 'manager':
+        case 'gerente':
+            return 'manager';
+        default:
+            return '';
+    }
+}
+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 normalizeTimeValue(value, fallback = '') {
+    if (!value) {
+        return fallback;
+    }
+    const directMatch = String(value).match(/(\d{2}:\d{2})(?::\d{2})?/);
+    if (directMatch === null || directMatch === void 0 ? void 0 : directMatch[1]) {
+        return directMatch[1];
+    }
+    const parsedDate = new Date(value);
+    if (!Number.isNaN(parsedDate.getTime())) {
+        return parsedDate.toISOString().slice(11, 16);
+    }
+    return fallback || String(value);
+}
+function normalizeDateInputValue(value) {
+    if (!value) {
+        return '';
+    }
+    const normalizedValue = String(value).trim();
+    if (!normalizedValue) {
+        return '';
+    }
+    const directMatch = normalizedValue.match(/^\d{4}-\d{2}-\d{2}/);
+    if (directMatch === null || directMatch === void 0 ? void 0 : directMatch[0]) {
+        return directMatch[0];
+    }
+    const parsedDate = new Date(normalizedValue);
+    if (Number.isNaN(parsedDate.getTime())) {
+        return normalizedValue;
+    }
+    return parsedDate.toISOString().slice(0, 10);
+}
+const EQUITY_ENABLED_TYPE_SLUGS = new Set([
+    'socio',
+    'acionista',
+    'administrador',
+    'diretor',
+    'conselheiro',
+    'parceiro',
+]);
+function defaultSchedule() {
+    return weekdays.map((weekday) => ({
+        weekday,
+        isWorkingDay: !['saturday', 'sunday'].includes(weekday),
+        startTime: '09:00',
+        endTime: '18:00',
+        breakMinutes: '60',
+    }));
+}
+function buildEmptyForm() {
+    return {
+        userId: '',
+        personId: '',
+        displayName: '',
+        collaboratorTypeId: '',
+        departmentId: '',
+        jobTitleId: '',
+        title: '',
+        levelLabel: '',
+        weeklyCapacityHours: '40',
+        status: 'active',
+        joinedAt: '',
+        leftAt: '',
+        supervisorCollaboratorId: 'none',
+        compensationAmount: '',
+        contractId: '',
+        notes: '',
+        equityParticipation: {
+            participationType: 'partner_quota_holder',
+            percentage: '',
+            votingPower: '',
+            startDate: '',
+            endDate: '',
+            notes: '',
+        },
+        weeklySchedule: defaultSchedule(),
+    };
+}
+function normalizeSchedule(weeklySchedule) {
+    const byWeekday = new Map((weeklySchedule !== null && weeklySchedule !== void 0 ? weeklySchedule : []).map((item) => [item.weekday, item]));
+    return weekdays.map((weekday) => {
+        var _a;
+        const item = byWeekday.get(weekday);
+        return {
+            weekday,
+            isWorkingDay: (_a = item === null || item === void 0 ? void 0 : item.isWorkingDay) !== null && _a !== void 0 ? _a : !['saturday', 'sunday'].includes(weekday),
+            startTime: normalizeTimeValue(item === null || item === void 0 ? void 0 : item.startTime, '09:00'),
+            endTime: normalizeTimeValue(item === null || item === void 0 ? void 0 : item.endTime, '18:00'),
+            breakMinutes: (item === null || item === void 0 ? void 0 : item.breakMinutes) !== null && (item === null || item === void 0 ? void 0 : item.breakMinutes) !== undefined
+                ? String(item.breakMinutes)
+                : '60',
+        };
+    });
+}
+function toFormState(collaborator) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
+    return {
+        userId: collaborator.userId ? String(collaborator.userId) : '',
+        personId: collaborator.personId ? String(collaborator.personId) : '',
+        displayName: (_a = collaborator.displayName) !== null && _a !== void 0 ? _a : '',
+        collaboratorTypeId: collaborator.collaboratorTypeId
+            ? String(collaborator.collaboratorTypeId)
+            : '',
+        departmentId: collaborator.departmentId
+            ? String(collaborator.departmentId)
+            : '',
+        jobTitleId: collaborator.jobTitleId ? String(collaborator.jobTitleId) : '',
+        title: (_b = collaborator.title) !== null && _b !== void 0 ? _b : '',
+        levelLabel: normalizeCollaboratorLevel(collaborator.levelLabel),
+        weeklyCapacityHours: collaborator.weeklyCapacityHours !== null &&
+            collaborator.weeklyCapacityHours !== undefined
+            ? String(collaborator.weeklyCapacityHours)
+            : '',
+        status: (_c = collaborator.status) !== null && _c !== void 0 ? _c : 'active',
+        joinedAt: normalizeDateInputValue(collaborator.joinedAt),
+        leftAt: normalizeDateInputValue(collaborator.leftAt),
+        supervisorCollaboratorId: collaborator.supervisorId
+            ? String(collaborator.supervisorId)
+            : 'none',
+        compensationAmount: collaborator.compensationAmount !== null &&
+            collaborator.compensationAmount !== undefined
+            ? String(collaborator.compensationAmount)
+            : ((_e = (_d = collaborator.relatedContracts) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.budgetAmount) !== null &&
+                ((_g = (_f = collaborator.relatedContracts) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.budgetAmount) !== undefined
+                ? String(collaborator.relatedContracts[0].budgetAmount)
+                : '',
+        contractId: ((_j = (_h = collaborator.relatedContracts) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.id)
+            ? String(collaborator.relatedContracts[0].id)
+            : '',
+        notes: (_k = collaborator.notes) !== null && _k !== void 0 ? _k : '',
+        equityParticipation: {
+            participationType: (_m = (_l = collaborator.equityParticipation) === null || _l === void 0 ? void 0 : _l.participationType) !== null && _m !== void 0 ? _m : 'partner_quota_holder',
+            percentage: ((_o = collaborator.equityParticipation) === null || _o === void 0 ? void 0 : _o.percentage) !== null &&
+                ((_p = collaborator.equityParticipation) === null || _p === void 0 ? void 0 : _p.percentage) !== undefined
+                ? String(collaborator.equityParticipation.percentage)
+                : '',
+            votingPower: ((_q = collaborator.equityParticipation) === null || _q === void 0 ? void 0 : _q.votingPower) !== null &&
+                ((_r = collaborator.equityParticipation) === null || _r === void 0 ? void 0 : _r.votingPower) !== undefined
+                ? String(collaborator.equityParticipation.votingPower)
+                : '',
+            startDate: normalizeDateInputValue((_s = collaborator.equityParticipation) === null || _s === void 0 ? void 0 : _s.startDate),
+            endDate: normalizeDateInputValue((_t = collaborator.equityParticipation) === null || _t === void 0 ? void 0 : _t.endDate),
+            notes: (_v = (_u = collaborator.equityParticipation) === null || _u === void 0 ? void 0 : _u.notes) !== null && _v !== void 0 ? _v : '',
+        },
+        weeklySchedule: normalizeSchedule(collaborator.weeklySchedule),
+    };
+}
+function SupervisorAutocomplete({ label, value, options, placeholder, emptyLabel, onChange, }) {
+    var _a;
+    const commonT = (0, next_intl_1.useTranslations)('operations.Common');
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const [search, setSearch] = (0, react_1.useState)('');
+    const [visibleCount, setVisibleCount] = (0, react_1.useState)(SUPERVISOR_PAGE_SIZE);
+    const filteredOptions = (0, react_1.useMemo)(() => {
+        const normalizedSearch = search.trim().toLowerCase();
+        if (!normalizedSearch) {
+            return options;
+        }
+        return options.filter((option) => [option.displayName, option.code, option.department, option.title]
+            .filter(Boolean)
+            .some((field) => String(field).toLowerCase().includes(normalizedSearch)));
+    }, [options, search]);
+    const selectedOption = options.find((option) => String(option.id) === value);
+    const visibleOptions = filteredOptions.slice(0, visibleCount);
+    return (<div className="grid gap-2">
+      <label_1.Label>{label}</label_1.Label>
+
+      <popover_1.Popover open={open} onOpenChange={(nextOpen) => {
+            setOpen(nextOpen);
+            setVisibleCount(SUPERVISOR_PAGE_SIZE);
+            if (!nextOpen) {
+                setSearch('');
+            }
+        }}>
+        <popover_1.PopoverTrigger asChild>
+          <button_1.Button type="button" variant="outline" role="combobox" className="w-full justify-between overflow-hidden">
+            <span className="truncate text-left">
+              {(_a = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.displayName) !== null && _a !== void 0 ? _a : emptyLabel}
+            </span>
+            <lucide_react_1.ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50"/>
+          </button_1.Button>
+        </popover_1.PopoverTrigger>
+        <popover_1.PopoverContent className="p-0" style={{ width: 'var(--radix-popover-trigger-width)' }}>
+          <command_1.Command shouldFilter={false}>
+            <command_1.CommandInput placeholder={placeholder} value={search} onValueChange={(value) => {
+            setSearch(value);
+            setVisibleCount(SUPERVISOR_PAGE_SIZE);
+        }}/>
+            <command_1.CommandList>
+              <command_1.CommandEmpty>
+                <div className="p-2 text-sm text-muted-foreground">
+                  {commonT('states.emptyDescription')}
+                </div>
+              </command_1.CommandEmpty>
+
+              <command_1.CommandGroup>
+                <command_1.CommandItem value="none" onSelect={() => {
+            onChange('none');
+            setOpen(false);
+        }}>
+                  {value === 'none' ? (<lucide_react_1.Check className="mr-2 h-4 w-4"/>) : (<span className="mr-2 h-4 w-4"/>)}
+                  {emptyLabel}
+                </command_1.CommandItem>
+
+                {visibleOptions.map((option) => {
+            var _a, _b, _c;
+            return (<command_1.CommandItem key={option.id} value={`${option.displayName} ${(_a = option.code) !== null && _a !== void 0 ? _a : ''} ${(_b = option.department) !== null && _b !== void 0 ? _b : ''} ${(_c = option.title) !== null && _c !== void 0 ? _c : ''}`} onSelect={() => {
+                    onChange(String(option.id));
+                    setOpen(false);
+                }}>
+                    {String(option.id) === value ? (<lucide_react_1.Check className="mr-2 h-4 w-4"/>) : (<span className="mr-2 h-4 w-4"/>)}
+                    <div className="min-w-0">
+                      <div className="truncate">{option.displayName}</div>
+                      <div className="truncate text-xs text-muted-foreground">
+                        {[option.code, option.department, option.title]
+                    .filter(Boolean)
+                    .join(' • ') || commonT('labels.notAvailable')}
+                      </div>
+                    </div>
+                  </command_1.CommandItem>);
+        })}
+              </command_1.CommandGroup>
+
+              {filteredOptions.length > visibleCount ? (<div className="border-t p-2">
+                  <button_1.Button type="button" variant="ghost" className="w-full" onClick={() => setVisibleCount((current) => current + SUPERVISOR_PAGE_SIZE)}>
+                    {commonT('actions.loadMore')}
+                  </button_1.Button>
+                </div>) : null}
+            </command_1.CommandList>
+          </command_1.Command>
+        </popover_1.PopoverContent>
+      </popover_1.Popover>
+    </div>);
+}
+function CollaboratorFormScreen({ collaboratorId, onSaved, onCancel, }) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    const t = (0, next_intl_1.useTranslations)('operations.CollaboratorFormPage');
+    const commonT = (0, next_intl_1.useTranslations)('operations.Common');
+    const detailsT = (0, next_intl_1.useTranslations)('operations.CollaboratorDetailsPage');
+    const { request, showToastHandler, currentLocaleCode } = (0, next_app_provider_1.useApp)();
+    const access = (0, use_operations_access_1.useOperationsAccess)();
+    const router = (0, navigation_1.useRouter)();
+    const [form, setForm] = (0, react_1.useState)(buildEmptyForm());
+    const isSheetMode = Boolean(onCancel);
+    const isCreateMode = !collaboratorId;
+    const getStatusLabel = (value) => {
+        switch (value) {
+            case 'active':
+                return t('options.statuses.active');
+            case 'on_leave':
+                return t('options.statuses.on_leave');
+            case 'inactive':
+                return t('options.statuses.inactive');
+            case 'draft':
+                return t('options.statuses.draft');
+            default:
+                return (0, format_1.formatEnumLabel)(value);
+        }
+    };
+    const { data: collaborator, isLoading: isLoadingCollaborator, refetch: refetchCollaborator, } = (0, next_app_provider_1.useQuery)({
+        queryKey: [
+            'operations-collaborator-form',
+            currentLocaleCode,
+            collaboratorId,
+        ],
+        enabled: Boolean(collaboratorId),
+        staleTime: 0,
+        refetchOnMount: 'always',
+        queryFn: () => (0, api_1.fetchOperations)(request, `/operations/collaborators/${collaboratorId}`),
+    });
+    const { data: systemUsers = [], refetch: refetchSystemUsers } = (0, next_app_provider_1.useQuery)({
+        queryKey: ['operations-collaborator-form-system-users', currentLocaleCode],
+        enabled: access.isDirector,
+        staleTime: 0,
+        refetchOnMount: 'always',
+        queryFn: async () => {
+            var _a, _b, _c;
+            const response = await request({
+                url: '/user?pageSize=100',
+                method: 'GET',
+            });
+            const raw = (_c = (_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.paginate) === null || _b === void 0 ? void 0 : _b.data) !== null && _c !== void 0 ? _c : [];
+            const options = raw.map((u) => {
+                var _a;
+                return ({
+                    id: u.id,
+                    name: u.name || `#${u.id}`,
+                    photoId: (_a = u.photo_id) !== null && _a !== void 0 ? _a : null,
+                });
+            });
+            return options.sort((left, right) => left.name.localeCompare(right.name));
+        },
+    });
+    const { data: collaboratorTypes = [], refetch: refetchCollaboratorTypes, isLoading: isLoadingCollaboratorTypes, } = (0, next_app_provider_1.useQuery)({
+        queryKey: ['operations-collaborator-types', currentLocaleCode],
+        enabled: access.isDirector,
+        staleTime: 0,
+        refetchOnMount: 'always',
+        queryFn: () => (0, api_1.fetchOperations)(request, '/operations/collaborator-types?active=true'),
+    });
+    const { data: collaborators = [], refetch: refetchCollaborators } = (0, next_app_provider_1.useQuery)({
+        queryKey: ['operations-collaborator-form-supervisors', currentLocaleCode],
+        enabled: access.isDirector,
+        staleTime: 0,
+        refetchOnMount: 'always',
+        queryFn: () => (0, api_1.fetchOperations)(request, '/operations/collaborators'),
+    });
+    const { data: departments = [], refetch: refetchDepartments } = (0, next_app_provider_1.useQuery)({
+        queryKey: ['operations-collaborator-form-departments', currentLocaleCode],
+        enabled: access.isDirector,
+        staleTime: 0,
+        refetchOnMount: 'always',
+        queryFn: () => (0, api_1.fetchOperations)(request, '/operations/departments'),
+    });
+    const { data: jobTitles = [], refetch: refetchJobTitles } = (0, next_app_provider_1.useQuery)({
+        queryKey: ['operations-collaborator-form-job-titles', currentLocaleCode],
+        enabled: access.isDirector,
+        staleTime: 0,
+        refetchOnMount: 'always',
+        queryFn: () => (0, api_1.fetchOperations)(request, '/operations/job-titles'),
+    });
+    const [personSheetOpen, setPersonSheetOpen] = (0, react_1.useState)(false);
+    const [personToEdit, setPersonToEdit] = (0, react_1.useState)(null);
+    const { data: contactTypes = [] } = (0, next_app_provider_1.useQuery)({
+        queryKey: ['contact-person-contact-types', currentLocaleCode],
+        enabled: personSheetOpen,
+        queryFn: async () => {
+            const response = await request({
+                url: '/person-contact-type?pageSize=100',
+                method: 'GET',
+            });
+            return response.data.data || [];
+        },
+        placeholderData: (previous) => previous !== null && previous !== void 0 ? previous : [],
+    });
+    const { data: documentTypes = [] } = (0, next_app_provider_1.useQuery)({
+        queryKey: ['contact-person-document-types', currentLocaleCode],
+        enabled: personSheetOpen,
+        queryFn: async () => {
+            const response = await request({
+                url: '/person-document-type?pageSize=100',
+                method: 'GET',
+            });
+            return response.data.data || [];
+        },
+        placeholderData: (previous) => previous !== null && previous !== void 0 ? previous : [],
+    });
+    const handleOpenPersonSheet = async () => {
+        if (!(collaborator === null || collaborator === void 0 ? void 0 : collaborator.personId))
+            return;
+        try {
+            const response = await request({
+                url: `/person/${collaborator.personId}`,
+                method: 'GET',
+            });
+            setPersonToEdit(response.data);
+            setPersonSheetOpen(true);
+        }
+        catch (_a) {
+            showToastHandler === null || showToastHandler === void 0 ? void 0 : showToastHandler('error', t('messages.updateError'));
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        if (collaborator) {
+            // eslint-disable-next-line react-hooks/set-state-in-effect
+            setForm(toFormState(collaborator));
+        }
+    }, [collaborator]);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (collaboratorId ||
+            form.collaboratorTypeId ||
+            !collaboratorTypes.length) {
+            return;
+        }
+        const defaultType = (_a = collaboratorTypes.find((item) => item.slug === 'clt')) !== null && _a !== void 0 ? _a : collaboratorTypes[0];
+        if (!defaultType) {
+            return;
+        }
+        // eslint-disable-next-line react-hooks/set-state-in-effect
+        setForm((current) => (Object.assign(Object.assign({}, current), { collaboratorTypeId: String(defaultType.id) })));
+    }, [collaboratorId, collaboratorTypes, form.collaboratorTypeId]);
+    const selectedCollaboratorType = (0, react_1.useMemo)(() => {
+        var _a, _b;
+        const availableTypes = [...collaboratorTypes];
+        if ((collaborator === null || collaborator === void 0 ? void 0 : collaborator.collaboratorTypeId) &&
+            collaborator.collaboratorType &&
+            !availableTypes.some((item) => item.id === collaborator.collaboratorTypeId)) {
+            availableTypes.push({
+                id: collaborator.collaboratorTypeId,
+                slug: (_a = collaborator.collaboratorTypeSlug) !== null && _a !== void 0 ? _a : '',
+                name: collaborator.collaboratorType,
+                status: 'active',
+            });
+        }
+        return ((_b = availableTypes.find((item) => String(item.id) === String(form.collaboratorTypeId))) !== null && _b !== void 0 ? _b : null);
+    }, [collaborator, collaboratorTypes, form.collaboratorTypeId]);
+    const supervisorOptions = (0, react_1.useMemo)(() => {
+        const options = new Map();
+        for (const item of collaborators) {
+            if (item.id !== collaboratorId) {
+                options.set(item.id, item);
+            }
+        }
+        if ((collaborator === null || collaborator === void 0 ? void 0 : collaborator.supervisorId) &&
+            collaborator.supervisorName &&
+            collaborator.supervisorId !== collaboratorId &&
+            !options.has(collaborator.supervisorId)) {
+            options.set(collaborator.supervisorId, {
+                id: collaborator.supervisorId,
+                code: '',
+                displayName: collaborator.supervisorName,
+                department: null,
+                title: null,
+                status: 'active',
+            });
+        }
+        return Array.from(options.values()).sort((left, right) => left.displayName.localeCompare(right.displayName));
+    }, [collaborator, collaboratorId, collaborators]);
+    const shouldShowEquitySection = !isCreateMode &&
+        Boolean((selectedCollaboratorType === null || selectedCollaboratorType === void 0 ? void 0 : selectedCollaboratorType.slug) &&
+            EQUITY_ENABLED_TYPE_SLUGS.has(selectedCollaboratorType.slug));
+    const getCollaboratorTypeLabel = (value, fallbackName) => {
+        const normalizedValue = String(value !== null && value !== void 0 ? value : '').trim();
+        if (fallbackName) {
+            return fallbackName;
+        }
+        const matchedType = collaboratorTypes.find((item) => item.slug === normalizedValue || String(item.id) === normalizedValue);
+        if (matchedType === null || matchedType === void 0 ? void 0 : matchedType.name) {
+            return matchedType.name;
+        }
+        return (0, format_1.formatEnumLabel)(normalizedValue);
+    };
+    const departmentOptions = (0, react_1.useMemo)(() => {
+        return departments
+            .filter((item) => item.status === 'active')
+            .map((item) => {
+            var _a, _b;
+            return ({
+                id: item.id,
+                name: item.name,
+                code: (_a = item.code) !== null && _a !== void 0 ? _a : null,
+                description: (_b = item.description) !== null && _b !== void 0 ? _b : null,
+            });
+        })
+            .sort((left, right) => left.name.localeCompare(right.name));
+    }, [departments]);
+    const titleOptions = (0, react_1.useMemo)(() => {
+        const selectedTitle = (0, forms_1.trimToNull)(form.title);
+        const options = jobTitles
+            .filter((item) => item.status === 'active' || item.name === selectedTitle)
+            .map((item) => {
+            var _a, _b;
+            return ({
+                id: item.id,
+                name: item.name,
+                code: (_a = item.code) !== null && _a !== void 0 ? _a : null,
+                description: (_b = item.description) !== null && _b !== void 0 ? _b : null,
+            });
+        });
+        if (selectedTitle) {
+            const alreadyIncluded = options.some((item) => item.name === selectedTitle);
+            if (!alreadyIncluded) {
+                options.push({
+                    id: form.jobTitleId ? Number(form.jobTitleId) : undefined,
+                    name: selectedTitle,
+                    code: null,
+                    description: null,
+                });
+            }
+        }
+        return options.sort((left, right) => left.name.localeCompare(right.name));
+    }, [jobTitles, form.title, form.jobTitleId]);
+    const createJobTitle = async (jobTitleName) => {
+        var _a, _b;
+        try {
+            const createdJobTitle = await (0, api_1.mutateOperations)(request, '/operations/job-titles', 'POST', {
+                name: jobTitleName,
+            });
+            await refetchJobTitles();
+            return {
+                id: createdJobTitle.id,
+                name: createdJobTitle.name,
+                code: (_a = createdJobTitle.code) !== null && _a !== void 0 ? _a : null,
+                description: (_b = createdJobTitle.description) !== null && _b !== void 0 ? _b : null,
+            };
+        }
+        catch (error) {
+            showToastHandler === null || showToastHandler === void 0 ? void 0 : showToastHandler('error', (0, api_1.getOperationsErrorMessage)(error, 'Unable to create the job title.'));
+            return null;
+        }
+    };
+    const createSystemUser = async (name, email, password) => {
+        try {
+            const response = await request({
+                url: '/user',
+                method: 'POST',
+                data: { name, email, password },
+            });
+            await refetchSystemUsers();
+            showToastHandler === null || showToastHandler === void 0 ? void 0 : showToastHandler('success', t('messages.createUserSuccess'));
+            return { id: response.data.id, name: response.data.name };
+        }
+        catch (error) {
+            showToastHandler === null || showToastHandler === void 0 ? void 0 : showToastHandler('error', (0, api_1.getOperationsErrorMessage)(error, t('messages.createUserError')));
+            return null;
+        }
+    };
+    const updateScheduleDay = (weekday, patch) => {
+        setForm((current) => (Object.assign(Object.assign({}, current), { weeklySchedule: current.weeklySchedule.map((day) => {
+                var _a;
+                if (day.weekday !== weekday) {
+                    return day;
+                }
+                const nextIsWorkingDay = (_a = patch.isWorkingDay) !== null && _a !== void 0 ? _a : day.isWorkingDay;
+                return Object.assign(Object.assign(Object.assign({}, day), patch), { startTime: patch.startTime !== undefined
+                        ? normalizeTimeValue(patch.startTime)
+                        : nextIsWorkingDay
+                            ? normalizeTimeValue(day.startTime, '09:00')
+                            : normalizeTimeValue(day.startTime), endTime: patch.endTime !== undefined
+                        ? normalizeTimeValue(patch.endTime)
+                        : nextIsWorkingDay
+                            ? normalizeTimeValue(day.endTime, '18:00')
+                            : normalizeTimeValue(day.endTime) });
+            }) })));
+    };
+    const onSubmit = async () => {
+        const userId = (0, forms_1.parseNumberInput)(form.userId);
+        const personId = (0, forms_1.parseNumberInput)(form.personId);
+        const compensationAmount = (0, forms_1.parseNumberInput)(form.compensationAmount);
+        if (!personId) {
+            showToastHandler === null || showToastHandler === void 0 ? void 0 : showToastHandler('error', t('messages.personRequired'));
+            return;
+        }
+        const departmentId = (0, forms_1.parseNumberInput)(form.departmentId);
+        const jobTitleId = (0, forms_1.parseNumberInput)(form.jobTitleId);
+        const collaboratorTypeId = (0, forms_1.parseNumberInput)(form.collaboratorTypeId);
+        if (!collaboratorTypeId) {
+            showToastHandler === null || showToastHandler === void 0 ? void 0 : showToastHandler('error', t('messages.collaboratorTypeRequired'));
+            return;
+        }
+        const payload = {
+            userId: userId !== null && userId !== void 0 ? userId : undefined,
+            personId: personId !== null && personId !== void 0 ? personId : undefined,
+            displayName: (0, forms_1.trimToNull)(form.displayName),
+            collaboratorTypeId,
+            departmentId: departmentId !== null && departmentId !== void 0 ? departmentId : undefined,
+            jobTitleId: jobTitleId !== null && jobTitleId !== void 0 ? jobTitleId : undefined,
+            title: (0, forms_1.trimToNull)(form.title),
+            levelLabel: (0, forms_1.trimToNull)(form.levelLabel),
+            weeklyCapacityHours: (0, forms_1.parseNumberInput)(form.weeklyCapacityHours),
+            status: form.status,
+            joinedAt: (0, forms_1.trimToNull)(form.joinedAt),
+            leftAt: (0, forms_1.trimToNull)(form.leftAt),
+            supervisorCollaboratorId: form.supervisorCollaboratorId === 'none'
+                ? null
+                : (0, forms_1.parseNumberInput)(form.supervisorCollaboratorId),
+            compensationAmount: compensationAmount !== null ? compensationAmount : null,
+            contractId: (0, forms_1.parseNumberInput)(form.contractId),
+            notes: (0, forms_1.trimToNull)(form.notes),
+            equityParticipation: shouldShowEquitySection
+                ? {
+                    participationType: form.equityParticipation.participationType,
+                    percentage: (0, forms_1.parseNumberInput)(form.equityParticipation.percentage),
+                    votingPower: (0, forms_1.parseNumberInput)(form.equityParticipation.votingPower),
+                    startDate: (0, forms_1.trimToNull)(form.equityParticipation.startDate),
+                    endDate: (0, forms_1.trimToNull)(form.equityParticipation.endDate),
+                    notes: (0, forms_1.trimToNull)(form.equityParticipation.notes),
+                }
+                : null,
+            weeklySchedule: form.weeklySchedule.map((day) => ({
+                weekday: day.weekday,
+                isWorkingDay: day.isWorkingDay,
+                startTime: day.isWorkingDay
+                    ? (0, forms_1.trimToNull)(normalizeTimeValue(day.startTime, '09:00'))
+                    : null,
+                endTime: day.isWorkingDay
+                    ? (0, forms_1.trimToNull)(normalizeTimeValue(day.endTime, '18:00'))
+                    : null,
+                breakMinutes: day.isWorkingDay ? (0, forms_1.parseNumberInput)(day.breakMinutes) : 0,
+            })),
+        };
+        try {
+            const response = collaboratorId
+                ? await (0, api_1.mutateOperations)(request, `/operations/collaborators/${collaboratorId}`, 'PATCH', payload)
+                : await (0, api_1.mutateOperations)(request, '/operations/collaborators', 'POST', payload);
+            setForm(toFormState(response));
+            await Promise.all([
+                collaboratorId ? refetchCollaborator() : Promise.resolve(),
+                refetchCollaboratorTypes(),
+                refetchDepartments(),
+                refetchCollaborators(),
+                refetchJobTitles(),
+            ]);
+            showToastHandler === null || showToastHandler === void 0 ? void 0 : showToastHandler('success', collaboratorId
+                ? t('messages.updateSuccess')
+                : t('messages.createSuccess'));
+            if (onSaved) {
+                await onSaved(response);
+                return;
+            }
+            router.push(`/operations/collaborators/${response.id}`);
+        }
+        catch (error) {
+            showToastHandler === null || showToastHandler === void 0 ? void 0 : showToastHandler('error', (0, api_1.getOperationsErrorMessage)(error, collaboratorId ? t('messages.updateError') : t('messages.createError')));
+        }
+    };
+    const noAccessState = (<entity_list_1.EmptyState icon={<lucide_react_1.UserRound className="size-12"/>} title={commonT('states.noAccessTitle')} description={t('noAccessDescription')} actionLabel={commonT('actions.refresh')} onAction={() => router.refresh()}/>);
+    const collaboratorSummary = collaborator && isSheetMode ? (<div className="mx-4 rounded-xl border bg-muted/30 px-4 py-3">
+        <div className="flex flex-col gap-3 lg:flex-row lg:items-start lg: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-background">
+              <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 text-base font-semibold">
+                {collaborator.displayName}
+              </div>
+              <div className="truncate text-xs text-muted-foreground">
+                {[
+            collaborator.code,
+            collaborator.department,
+            collaborator.title,
+        ]
+            .filter(Boolean)
+            .join(' • ') || commonT('labels.notAvailable')}
+              </div>
+            </div>
+          </div>
+
+          <div className="flex flex-wrap items-center gap-2">
+            <status_badge_1.StatusBadge label={getStatusLabel(collaborator.status)} className={(0, format_1.getStatusBadgeClass)(collaborator.status)}/>
+            <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.personId ? (<tooltip_1.Tooltip>
+                <tooltip_1.TooltipTrigger asChild>
+                  <button_1.Button variant="outline" size="icon" className="h-7 w-7" onClick={() => void handleOpenPersonSheet()}>
+                    <lucide_react_1.Pencil className="size-3.5"/>
+                  </button_1.Button>
+                </tooltip_1.TooltipTrigger>
+                <tooltip_1.TooltipContent side="bottom">
+                  {t('actions.editPersonCrm')}
+                </tooltip_1.TooltipContent>
+              </tooltip_1.Tooltip>) : null}
+          </div>
+        </div>
+
+        <div className="mt-3 grid gap-2 text-sm md:grid-cols-2 xl:grid-cols-4">
+          <div>
+            <div className="text-[11px] uppercase tracking-wide text-muted-foreground">
+              {commonT('labels.supervisor')}
+            </div>
+            <div className="font-medium">
+              {collaborator.supervisorName || commonT('labels.notAssigned')}
+            </div>
+          </div>
+          <div>
+            <div className="text-[11px] uppercase tracking-wide text-muted-foreground">
+              {commonT('labels.weeklyCapacity')}
+            </div>
+            <div className="font-medium">
+              {(0, format_1.formatHours)(collaborator.weeklyCapacityHours)}
+            </div>
+          </div>
+          <div>
+            <div className="text-[11px] uppercase tracking-wide text-muted-foreground">
+              {commonT('labels.startDate')}
+            </div>
+            <div className="font-medium">
+              {(0, format_1.formatDate)(collaborator.joinedAt)}
+            </div>
+          </div>
+          <div>
+            <div className="text-[11px] uppercase tracking-wide text-muted-foreground">
+              {commonT('labels.projectCount')}
+            </div>
+            <div className="font-medium">
+              {collaborator.assignedProjects.length}
+            </div>
+          </div>
+        </div>
+      </div>) : null;
+    if (!access.isDirector && !access.isLoading) {
+        if (isSheetMode) {
+            return <div className="pt-4">{noAccessState}</div>;
+        }
+        return (<entity_list_1.Page>
+        <operations_header_1.OperationsHeader title={t(collaboratorId ? 'editTitle' : 'newTitle')} description={t('description')} current={t('breadcrumb')}/>
+        {noAccessState}
+      </entity_list_1.Page>);
+    }
+    const basicInfoSection = (<div className="space-y-2">
+      <div className="space-y-0.5">
+        <h3 className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
+          {t('sections.basicInfo')}
+        </h3>
+        <p className="text-[11px] text-muted-foreground/80">
+          {t('sections.basicInfoDescription')}
+        </p>
+      </div>
+      <div className="grid gap-3 md:grid-cols-2 xl:grid-cols-4">
+        <div className="space-y-2 md:col-span-2">
+          <person_select_with_create_1.PersonSelectWithCreate label={t('fields.person')} entityLabel={t('fields.personEntityLabel')} value={form.personId ? Number(form.personId) : null} initialSelectedLabel={(_b = collaborator === null || collaborator === void 0 ? void 0 : collaborator.personName) !== null && _b !== void 0 ? _b : form.displayName} selectPlaceholder={t('placeholders.person')} onChange={(personId, personName) => setForm((current) => (Object.assign(Object.assign({}, current), { personId: personId ? String(personId) : '', displayName: personName })))}/>
+        </div>
+        <div className="space-y-2 md:col-span-2 xl:col-span-2">
+          <system_user_select_with_create_1.SystemUserSelectWithCreate label={t('fields.userIdOptional')} value={form.userId} options={systemUsers} placeholder={t('placeholders.userIdOptional')} emptyLabel={commonT('labels.notAssigned')} onChange={(value) => setForm((current) => (Object.assign(Object.assign({}, current), { userId: value })))} onCreate={createSystemUser}/>
+          <p className="text-xs text-muted-foreground">
+            {t('fields.userIdDescription')}
+          </p>
+        </div>
+
+        {!isCreateMode ? (<div className="space-y-2">
+            <label_1.Label>{t('fields.levelLabel')}</label_1.Label>
+            <select_1.Select value={form.levelLabel} onValueChange={(value) => setForm((current) => (Object.assign(Object.assign({}, current), { levelLabel: value })))}>
+              <select_1.SelectTrigger className="w-full">
+                <select_1.SelectValue placeholder={t('placeholders.levelLabel')}/>
+              </select_1.SelectTrigger>
+              <select_1.SelectContent>
+                {COLLABORATOR_LEVEL_OPTIONS.map((level) => (<select_1.SelectItem key={level} value={level}>
+                    {t(`options.levels.${level}`)}
+                  </select_1.SelectItem>))}
+              </select_1.SelectContent>
+            </select_1.Select>
+          </div>) : null}
+        <div className="space-y-2 xl:col-span-1">
+          <department_select_with_create_1.DepartmentSelectWithCreate label={t('fields.department')} value={(_d = (_c = departmentOptions.find((d) => String(d.id) === form.departmentId)) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : ''} options={departmentOptions} selectPlaceholder={t('placeholders.department')} createDescription={t('fields.departmentDescription')} createPlaceholder={t('placeholders.departmentCreate')} onChange={(department) => setForm((current) => (Object.assign(Object.assign({}, current), { departmentId: department.id ? String(department.id) : '' })))}/>
+        </div>
+        <div className="space-y-2 xl:col-span-1">
+          <department_select_with_create_1.DepartmentSelectWithCreate label={t('fields.title')} value={form.title} options={titleOptions} onCreate={createJobTitle} selectPlaceholder={t('placeholders.title')} createDescription={t('fields.titleDescription')} createPlaceholder={t('placeholders.titleCreate')} onChange={(titleOption) => setForm((current) => (Object.assign(Object.assign({}, current), { jobTitleId: titleOption.id ? String(titleOption.id) : '', title: titleOption.name })))}/>
+        </div>
+        <div className="space-y-2 xl:col-span-1">
+          <label className="text-sm font-medium">{t('fields.contract')}</label>
+          <entity_picker_1.EntityPicker value={form.contractId ? Number(form.contractId) : null} onChange={(v) => setForm((current) => (Object.assign(Object.assign({}, current), { contractId: v ? String(v) : '' })))} placeholder={t('fields.contractPlaceholder')} emptyLabel={t('fields.contractEmpty')} initialSelectedLabel={form.contractId
+            ? ((_h = (_f = (_e = collaborator === null || collaborator === void 0 ? void 0 : collaborator.relatedContracts.find((c) => String(c.id) === form.contractId)) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : (_g = collaborator === null || collaborator === void 0 ? void 0 : collaborator.relatedContracts.find((c) => String(c.id) === form.contractId)) === null || _g === void 0 ? void 0 : _g.code) !== null && _h !== void 0 ? _h : undefined)
+            : undefined} clearable showCreateButton createTitle={t('fields.contractCreateTitle')} createDescription={t('fields.contractCreateDescription')} createFields={[
+            {
+                name: 'name',
+                label: t('fields.contractNameField'),
+                placeholder: t('fields.contractNameField'),
+                required: true,
+            },
+        ]} loadOptions={async ({ page, pageSize, search }) => {
+            var _a;
+            const params = new URLSearchParams({
+                page: String(page),
+                pageSize: String(pageSize),
+            });
+            if (search.trim())
+                params.set('search', search.trim());
+            const res = await (0, api_1.fetchOperations)(request, `/operations/contracts?${params.toString()}`);
+            return {
+                items: (_a = res.data) !== null && _a !== void 0 ? _a : [],
+                hasMore: res.page < res.lastPage,
+            };
+        }} getOptionValue={(c) => c.id} getOptionLabel={(c) => (c.name || c.code)} getOptionDescription={(c) => [c.code, c.status].filter(Boolean).join(' • ') || undefined} onCreate={async (values) => {
+            return (0, api_1.mutateOperations)(request, '/operations/contracts', 'POST', {
+                name: values.name,
+                billingModel: 'time_and_material',
+            });
+        }}/>
+        </div>
+      </div>
+    </div>);
+    const employmentInfoSection = (<div className="space-y-2">
+      <div className="space-y-0.5">
+        <h3 className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
+          {t('sections.employmentInfo')}
+        </h3>
+        <p className="text-[11px] text-muted-foreground/80">
+          {isCreateMode
+            ? t('sections.employmentInfoCreateDescription')
+            : t('sections.employmentInfoDescription')}
+        </p>
+      </div>
+      <div className="grid gap-3 md:grid-cols-2 xl:grid-cols-4">
+        <div className="space-y-2 xl:col-span-1">
+          <label className="text-sm font-medium">
+            {t('fields.collaboratorType')}
+          </label>
+
+          <select_1.Select value={form.collaboratorTypeId} onValueChange={(value) => setForm((current) => (Object.assign(Object.assign({}, current), { collaboratorTypeId: value })))}>
+            <select_1.SelectTrigger className="w-full">
+              <select_1.SelectValue placeholder={isLoadingCollaboratorTypes
+            ? t('states.loadingCollaboratorTypes')
+            : t('placeholders.collaboratorType')}/>
+            </select_1.SelectTrigger>
+            <select_1.SelectContent>
+              {collaboratorTypes.map((collaboratorType) => (<select_1.SelectItem key={collaboratorType.id} value={String(collaboratorType.id)}>
+                  {collaboratorType.name}
+                </select_1.SelectItem>))}
+            </select_1.SelectContent>
+          </select_1.Select>
+        </div>
+        <div className="space-y-2">
+          <label className="text-sm font-medium">
+            {commonT('labels.status')}
+          </label>
+          <select_1.Select value={form.status} onValueChange={(value) => setForm((current) => (Object.assign(Object.assign({}, current), { status: value })))}>
+            <select_1.SelectTrigger className="w-full">
+              <select_1.SelectValue />
+            </select_1.SelectTrigger>
+            <select_1.SelectContent>
+              <select_1.SelectItem value="active">
+                {t('options.statuses.active')}
+              </select_1.SelectItem>
+              <select_1.SelectItem value="on_leave">
+                {t('options.statuses.on_leave')}
+              </select_1.SelectItem>
+              <select_1.SelectItem value="inactive">
+                {t('options.statuses.inactive')}
+              </select_1.SelectItem>
+              <select_1.SelectItem value="draft">
+                {t('options.statuses.draft')}
+              </select_1.SelectItem>
+            </select_1.SelectContent>
+          </select_1.Select>
+        </div>
+        <div className="space-y-2">
+          <label className="text-sm font-medium">
+            {commonT('labels.startDate')}
+          </label>
+          <input_1.Input type="date" value={form.joinedAt} onChange={(event) => setForm((current) => (Object.assign(Object.assign({}, current), { joinedAt: event.target.value })))}/>
+        </div>
+        <div className="space-y-2">
+          <label className="text-sm font-medium">
+            {commonT('labels.endDate')}
+          </label>
+          <input_1.Input type="date" value={form.leftAt} onChange={(event) => setForm((current) => (Object.assign(Object.assign({}, current), { leftAt: event.target.value })))}/>
+        </div>
+        {isCreateMode ? (<>
+            <div className="space-y-2">
+              <label className="text-sm font-medium">
+                {t('fields.weeklyCapacityHours')}
+              </label>
+              <input_1.Input type="number" step="0.5" value={form.weeklyCapacityHours} onChange={(event) => setForm((current) => (Object.assign(Object.assign({}, current), { weeklyCapacityHours: event.target.value })))}/>
+            </div>
+            <div className="space-y-2">
+              <label className="text-sm font-medium">
+                {t('fields.compensationAmount')}
+              </label>
+              <input_money_1.InputMoney step="0.01" value={form.compensationAmount === ''
+                ? ''
+                : Number(form.compensationAmount)} onValueChange={(value) => setForm((current) => (Object.assign(Object.assign({}, current), { compensationAmount: value !== null ? String(value) : '' })))}/>
+            </div>
+          </>) : null}
+      </div>
+    </div>);
+    const equitySection = shouldShowEquitySection ? (<div className="space-y-2">
+      <div className="space-y-0.5">
+        <h3 className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
+          {t('sections.equity')}
+        </h3>
+        <p className="text-[11px] text-muted-foreground/80">
+          {t('sections.equityDescription')}
+        </p>
+      </div>
+      <div className="grid gap-3 md:grid-cols-2 xl:grid-cols-4">
+        <div className="space-y-2 xl:col-span-2">
+          <label className="text-sm font-medium">
+            {t('fields.equityParticipationType')}
+          </label>
+          <select_1.Select value={form.equityParticipation.participationType} onValueChange={(value) => setForm((current) => (Object.assign(Object.assign({}, current), { equityParticipation: Object.assign(Object.assign({}, current.equityParticipation), { participationType: value }) })))}>
+            <select_1.SelectTrigger className="w-full">
+              <select_1.SelectValue />
+            </select_1.SelectTrigger>
+            <select_1.SelectContent>
+              <select_1.SelectItem value="partner_quota_holder">
+                {t('options.equityParticipationTypes.partner_quota_holder')}
+              </select_1.SelectItem>
+              <select_1.SelectItem value="common_shareholder">
+                {t('options.equityParticipationTypes.common_shareholder')}
+              </select_1.SelectItem>
+              <select_1.SelectItem value="preferred_shareholder">
+                {t('options.equityParticipationTypes.preferred_shareholder')}
+              </select_1.SelectItem>
+              <select_1.SelectItem value="administrator">
+                {t('options.equityParticipationTypes.administrator')}
+              </select_1.SelectItem>
+              <select_1.SelectItem value="other">
+                {t('options.equityParticipationTypes.other')}
+              </select_1.SelectItem>
+            </select_1.SelectContent>
+          </select_1.Select>
+        </div>
+        <div className="space-y-2">
+          <label_1.Label>{t('fields.equityPercentage')}</label_1.Label>
+          <input_1.Input type="text" inputMode="decimal" placeholder={t('placeholders.equityPercentage')} value={form.equityParticipation.percentage} onChange={(event) => setForm((current) => (Object.assign(Object.assign({}, current), { equityParticipation: Object.assign(Object.assign({}, current.equityParticipation), { percentage: (0, forms_1.normalizePercentInput)(event.target.value) }) })))}/>
+        </div>
+        <div className="space-y-2">
+          <label_1.Label>{t('fields.votingPower')}</label_1.Label>
+          <input_1.Input type="text" inputMode="decimal" placeholder={t('placeholders.votingPower')} value={form.equityParticipation.votingPower} onChange={(event) => setForm((current) => (Object.assign(Object.assign({}, current), { equityParticipation: Object.assign(Object.assign({}, current.equityParticipation), { votingPower: (0, forms_1.normalizePercentInput)(event.target.value) }) })))}/>
+        </div>
+        <div className="space-y-2">
+          <label_1.Label>{commonT('labels.startDate')}</label_1.Label>
+          <input_1.Input type="date" value={form.equityParticipation.startDate} onChange={(event) => setForm((current) => (Object.assign(Object.assign({}, current), { equityParticipation: Object.assign(Object.assign({}, current.equityParticipation), { startDate: event.target.value }) })))}/>
+        </div>
+        <div className="space-y-2">
+          <label_1.Label>{commonT('labels.endDate')}</label_1.Label>
+          <input_1.Input type="date" value={form.equityParticipation.endDate} onChange={(event) => setForm((current) => (Object.assign(Object.assign({}, current), { equityParticipation: Object.assign(Object.assign({}, current.equityParticipation), { endDate: event.target.value }) })))}/>
+        </div>
+        <div className="space-y-2 md:col-span-2 xl:col-span-4">
+          <label_1.Label>{t('fields.equityNotes')}</label_1.Label>
+          <textarea_1.Textarea rows={4} placeholder={t('placeholders.equityNotes')} value={form.equityParticipation.notes} onChange={(event) => setForm((current) => (Object.assign(Object.assign({}, current), { equityParticipation: Object.assign(Object.assign({}, current.equityParticipation), { notes: event.target.value }) })))}/>
+        </div>
+      </div>
+    </div>) : null;
+    const supervisorSection = (<div className="space-y-2">
+      <div className="space-y-0.5">
+        <h3 className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
+          {t('sections.supervisor')}
+        </h3>
+        <p className="text-[11px] text-muted-foreground/80">
+          {t('sections.supervisorDescription')}
+        </p>
+      </div>
+      <SupervisorAutocomplete label={commonT('labels.supervisor')} value={form.supervisorCollaboratorId} options={supervisorOptions} placeholder={t('placeholders.supervisor')} emptyLabel={commonT('labels.notAssigned')} onChange={(value) => setForm((current) => (Object.assign(Object.assign({}, current), { supervisorCollaboratorId: value })))}/>
+    </div>);
+    const contractSection = (<div className="space-y-2">
+      <div className="space-y-0.5">
+        <h3 className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
+          {t('sections.contract')}
+        </h3>
+        <p className="text-[11px] text-muted-foreground/80">
+          {t('sections.contractDescription')}
+        </p>
+      </div>
+      <div className="grid gap-3 md:grid-cols-3">
+        <div className="space-y-2">
+          <label className="text-sm font-medium">
+            {t('fields.weeklyCapacityHours')}
+          </label>
+          <input_1.Input type="number" step="0.5" value={form.weeklyCapacityHours} onChange={(event) => setForm((current) => (Object.assign(Object.assign({}, current), { weeklyCapacityHours: event.target.value })))}/>
+        </div>
+        <div className="space-y-2">
+          <label className="text-sm font-medium">
+            {t('fields.compensationAmount')}
+          </label>
+          <input_money_1.InputMoney step="0.01" value={form.compensationAmount === ''
+            ? ''
+            : Number(form.compensationAmount)} onValueChange={(value) => setForm((current) => (Object.assign(Object.assign({}, current), { compensationAmount: value !== null ? String(value) : '' })))}/>
+        </div>
+        <div className="space-y-2">
+          <SupervisorAutocomplete label={commonT('labels.supervisor')} value={form.supervisorCollaboratorId} options={supervisorOptions} placeholder={t('placeholders.supervisor')} emptyLabel={commonT('labels.notAssigned')} onChange={(value) => setForm((current) => (Object.assign(Object.assign({}, current), { supervisorCollaboratorId: value })))}/>
+        </div>
+      </div>
+    </div>);
+    const scheduleSection = (<div className="space-y-2">
+      <div className="space-y-0.5">
+        <h3 className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
+          {t('sections.schedule')}
+        </h3>
+        <p className="text-[11px] text-muted-foreground/80">
+          {t('sections.scheduleDescription')}
+        </p>
+      </div>
+      <div className="space-y-1.5">
+        {form.weeklySchedule.map((day) => (<div key={day.weekday} className="grid gap-2 rounded-md border px-3 py-2 md:grid-cols-[minmax(108px,0.9fr)_auto_repeat(3,minmax(88px,1fr))] md:items-center">
+            <div className="space-y-0.5 md:pr-1">
+              <div className="text-sm font-medium leading-none">
+                {(0, format_1.formatWeekdayLabel)(day.weekday, currentLocaleCode)}
+              </div>
+              <div className="text-[10px] leading-none text-muted-foreground">
+                {day.isWorkingDay
+                ? commonT('labels.workingDay')
+                : commonT('labels.dayOff')}
+              </div>
+            </div>
+            <div className="flex items-center justify-between gap-2 rounded-md bg-muted/30 px-2 py-1.5 md:justify-center md:bg-transparent md:p-0">
+              <span className="text-[10px] font-medium uppercase tracking-wide text-muted-foreground md:hidden">
+                {commonT('labels.workingDay')}
+              </span>
+              <switch_1.Switch checked={day.isWorkingDay} onCheckedChange={(checked) => updateScheduleDay(day.weekday, { isWorkingDay: checked })}/>
+            </div>
+            <div className="space-y-0.5">
+              <div className="text-[10px] uppercase tracking-wide text-muted-foreground">
+                {t('fields.startTime')}
+              </div>
+              <input_1.Input className="h-8" type="time" value={normalizeTimeValue(day.startTime, day.isWorkingDay ? '09:00' : '')} disabled={!day.isWorkingDay} onChange={(event) => updateScheduleDay(day.weekday, {
+                startTime: event.target.value,
+            })}/>
+            </div>
+            <div className="space-y-0.5">
+              <div className="text-[10px] uppercase tracking-wide text-muted-foreground">
+                {t('fields.endTime')}
+              </div>
+              <input_1.Input className="h-8" type="time" value={normalizeTimeValue(day.endTime, day.isWorkingDay ? '18:00' : '')} disabled={!day.isWorkingDay} onChange={(event) => updateScheduleDay(day.weekday, {
+                endTime: event.target.value,
+            })}/>
+            </div>
+            <div className="space-y-0.5">
+              <div className="flex items-center gap-1 text-[10px] uppercase tracking-wide text-muted-foreground">
+                <span>{t('fields.breakMinutes')}</span>
+                <tooltip_1.Tooltip>
+                  <tooltip_1.TooltipTrigger asChild>
+                    <span className="inline-flex cursor-help">
+                      <lucide_react_1.Info className="h-3.5 w-3.5"/>
+                    </span>
+                  </tooltip_1.TooltipTrigger>
+                  <tooltip_1.TooltipContent>
+                    <p>{t('fields.breakMinutesDescription')}</p>
+                  </tooltip_1.TooltipContent>
+                </tooltip_1.Tooltip>
+              </div>
+              <input_1.Input className="h-8" type="number" min="0" step="5" placeholder="60" title={t('fields.breakMinutesDescription')} aria-label={t('fields.breakMinutes')} value={day.breakMinutes} disabled={!day.isWorkingDay} onChange={(event) => updateScheduleDay(day.weekday, {
+                breakMinutes: event.target.value,
+            })}/>
+            </div>
+          </div>))}
+      </div>
+
+      <div className="space-y-2 pt-1">
+        <label_1.Label>{t('fields.notes')}</label_1.Label>
+        <textarea_1.Textarea rows={4} value={form.notes} onChange={(event) => setForm((current) => (Object.assign(Object.assign({}, current), { notes: event.target.value })))}/>
+      </div>
+    </div>);
+    const activitySection = collaborator ? (<div className="space-y-4">
+      <div className="grid gap-3 sm:grid-cols-2 xl:grid-cols-4">
+        <div className="rounded-xl border bg-muted/20 px-4 py-3">
+          <div className="text-[11px] uppercase tracking-wide text-muted-foreground">
+            {detailsT('cards.timesheets')}
+          </div>
+          <div className="mt-1 text-xl font-semibold">
+            {collaborator.timesheetSummary.totalTimesheets}
+          </div>
+          <p className="text-xs text-muted-foreground">
+            {detailsT('cards.timesheetsDescription', {
+            pending: collaborator.timesheetSummary.pendingTimesheets,
+        })}
+          </p>
+        </div>
+
+        <div className="rounded-xl border bg-muted/20 px-4 py-3">
+          <div className="text-[11px] uppercase tracking-wide text-muted-foreground">
+            {detailsT('cards.loggedHours')}
+          </div>
+          <div className="mt-1 text-xl font-semibold">
+            {(0, format_1.formatHours)(collaborator.timesheetSummary.totalHours)}
+          </div>
+          <p className="text-xs text-muted-foreground">
+            {detailsT('cards.loggedHoursDescription')}
+          </p>
+        </div>
+
+        <div className="rounded-xl border bg-muted/20 px-4 py-3">
+          <div className="text-[11px] uppercase tracking-wide text-muted-foreground">
+            {detailsT('cards.timeOff')}
+          </div>
+          <div className="mt-1 text-xl font-semibold">
+            {collaborator.timeOffSummary.totalRequests}
+          </div>
+          <p className="text-xs text-muted-foreground">
+            {detailsT('cards.timeOffDescription', {
+            pending: collaborator.timeOffSummary.pendingRequests,
+        })}
+          </p>
+        </div>
+
+        <div className="rounded-xl border bg-muted/20 px-4 py-3">
+          <div className="text-[11px] uppercase tracking-wide text-muted-foreground">
+            {detailsT('sections.scheduleAdjustments')}
+          </div>
+          <div className="mt-1 text-xl font-semibold">
+            {collaborator.scheduleAdjustmentRequests.length}
+          </div>
+          <p className="text-xs text-muted-foreground">
+            {detailsT('sections.scheduleAdjustmentsDescription')}
+          </p>
+        </div>
+      </div>
+
+      <div className="grid gap-4 xl:grid-cols-2">
+        <div className="rounded-xl border px-4 py-3">
+          <div className="mb-3 space-y-0.5">
+            <h3 className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
+              {detailsT('sections.projects')}
+            </h3>
+            <p className="text-[11px] text-muted-foreground/80">
+              {detailsT('sections.projectsDescription')}
+            </p>
+          </div>
+
+          {collaborator.assignedProjects.length > 0 ? (<div className="space-y-2">
+              {collaborator.assignedProjects.slice(0, 6).map((project) => (<div key={project.id} className="flex flex-col gap-2 rounded-lg border px-3 py-2.5">
+                  <div className="flex items-start justify-between gap-3">
+                    <div className="min-w-0">
+                      <div className="truncate font-medium">{project.name}</div>
+                      <div className="truncate text-xs text-muted-foreground">
+                        {[
+                    project.code,
+                    project.roleLabel || commonT('labels.notAssigned'),
+                    project.weeklyHours !== null &&
+                        project.weeklyHours !== undefined
+                        ? (0, format_1.formatHours)(project.weeklyHours)
+                        : null,
+                    project.allocationPercent !== null &&
+                        project.allocationPercent !== undefined
+                        ? `${project.allocationPercent}%`
+                        : null,
+                ]
+                    .filter(Boolean)
+                    .join(' • ')}
+                      </div>
+                    </div>
+                    <status_badge_1.StatusBadge label={(0, format_1.formatEnumLabel)(project.status)} className={(0, format_1.getStatusBadgeClass)(project.status)}/>
+                  </div>
+                  <div className="text-xs text-muted-foreground">
+                    {(0, format_1.formatDateRange)(project.startDate, project.endDate)}
+                  </div>
+                </div>))}
+            </div>) : (<p className="text-sm text-muted-foreground">
+              {detailsT('noProjects')}
+            </p>)}
+        </div>
+
+        <div className="space-y-4">
+          <div className="rounded-xl border px-4 py-3">
+            <div className="mb-3 space-y-0.5">
+              <h3 className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
+                {detailsT('sections.primaryContract')}
+              </h3>
+              <p className="text-[11px] text-muted-foreground/80">
+                {t('sections.contractDescription')}
+              </p>
+            </div>
+
+            {collaborator.relatedContracts.length > 0 ? (<div className="space-y-2">
+                {collaborator.relatedContracts.slice(0, 3).map((contract) => (<link_1.default key={contract.id} href={`/operations/contracts?edit=${contract.id}`} className="flex cursor-pointer items-center justify-between gap-3 rounded-lg border px-3 py-2.5 transition-colors hover:bg-muted/20">
+                    <div className="min-w-0">
+                      <div className="truncate font-medium">
+                        {contract.name || contract.code}
+                      </div>
+                      <div className="truncate text-xs text-muted-foreground">
+                        {[
+                    contract.code,
+                    (0, format_1.formatEnumLabel)(contract.contractCategory),
+                ]
+                    .filter(Boolean)
+                    .join(' • ')}
+                      </div>
+                    </div>
+                    <status_badge_1.StatusBadge label={(0, format_1.formatEnumLabel)(contract.status)} className={(0, format_1.getStatusBadgeClass)(contract.status)}/>
+                  </link_1.default>))}
+              </div>) : (<p className="text-sm text-muted-foreground">
+                {detailsT('noContracts')}
+              </p>)}
+          </div>
+
+          <div className="rounded-xl border px-4 py-3">
+            <div className="mb-3 space-y-0.5">
+              <h3 className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
+                {detailsT('sections.scheduleAdjustments')}
+              </h3>
+              <p className="text-[11px] text-muted-foreground/80">
+                {detailsT('sections.scheduleAdjustmentsDescription')}
+              </p>
+            </div>
+
+            {collaborator.scheduleAdjustmentRequests.length > 0 ? (<div className="space-y-2">
+                {collaborator.scheduleAdjustmentRequests
+                .slice(0, 4)
+                .map((request) => (<div key={request.id} className="flex items-center justify-between gap-3 rounded-lg border px-3 py-2.5">
+                      <div className="min-w-0">
+                        <div className="font-medium">
+                          {(0, format_1.formatEnumLabel)(request.requestScope)}
+                        </div>
+                        <div className="truncate text-xs text-muted-foreground">
+                          {(0, format_1.formatDateRange)(request.effectiveStartDate, request.effectiveEndDate)}
+                        </div>
+                      </div>
+                      <status_badge_1.StatusBadge label={(0, format_1.formatEnumLabel)(request.status)} className={(0, format_1.getStatusBadgeClass)(request.status)}/>
+                    </div>))}
+              </div>) : (<p className="text-sm text-muted-foreground">
+                {detailsT('noScheduleAdjustments')}
+              </p>)}
+          </div>
+        </div>
+      </div>
+    </div>) : null;
+    const profileContent = (<div className="space-y-4">
+      {basicInfoSection}
+      {employmentInfoSection}
+      {!isCreateMode ? equitySection : null}
+    </div>);
+    const costsSection = (<accordion_1.Accordion type="single" collapsible defaultValue={isCreateMode ? undefined : 'costs'}>
+      <accordion_1.AccordionItem value="costs" className="rounded-xl border px-4">
+        <accordion_1.AccordionTrigger className="py-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground hover:no-underline">
+          {t('sections.costs')}
+        </accordion_1.AccordionTrigger>
+        <accordion_1.AccordionContent className="pb-4">
+          {isCreateMode || !collaborator ? (<p className="text-sm text-muted-foreground">
+              {t('sections.costsSaveBefore')}
+            </p>) : (<collaborator_costs_section_1.CollaboratorCostsSection collaboratorId={collaborator.id} disabled={!access.isDirector} weeklyCapacity={(_j = collaborator.weeklyCapacityHours) !== null && _j !== void 0 ? _j : undefined} remunerationValue={collaborator.compensationAmount != null
+                ? Number(collaborator.compensationAmount)
+                : undefined}/>)}
+        </accordion_1.AccordionContent>
+      </accordion_1.AccordionItem>
+    </accordion_1.Accordion>);
+    const formContent = isSheetMode ? (<div className="space-y-4 px-4">
+      {profileContent}
+      {contractSection}
+      {!isCreateMode ? costsSection : null}
+      {!isCreateMode ? scheduleSection : null}
+      {activitySection}
+    </div>) : (<div className="space-y-4 px-4">
+      {profileContent}
+      {contractSection}
+      {!isCreateMode ? costsSection : null}
+      {!isCreateMode ? scheduleSection : null}
+    </div>);
+    const loadingState = collaboratorId && isLoadingCollaborator ? (<div className="text-sm text-muted-foreground">{t('loading')}</div>) : null;
+    if (isSheetMode) {
+        return (<div className="mt-6 space-y-4 pb-6">
+        {collaboratorSummary}
+        {formContent}
+        {loadingState}
+
+        <form_actions_1.FormActions sheet cancelLabel={commonT('actions.cancel')} onCancel={onCancel} onSubmit={() => void onSubmit()} submitIcon={<lucide_react_1.Save className="size-4"/>} submitLabel={commonT('actions.save')} submitSize="lg"/>
+
+        <person_form_sheet_1.PersonFormSheet open={personSheetOpen} person={personToEdit} contactTypes={contactTypes} documentTypes={documentTypes} onOpenChange={(nextOpen) => {
+                setPersonSheetOpen(nextOpen);
+                if (!nextOpen)
+                    setPersonToEdit(null);
+            }} onSuccess={() => void refetchCollaborator()}/>
+      </div>);
+    }
+    return (<entity_list_1.Page>
+      <operations_header_1.OperationsHeader title={t(collaboratorId ? 'editTitle' : 'newTitle')} description={isCreateMode ? t('descriptionCreate') : t('description')} current={t('breadcrumb')} actions={<div className="flex gap-2">
+            <button_1.Button variant="outline" size="sm" asChild>
+              <link_1.default href={collaboratorId
+                ? `/operations/collaborators/${collaboratorId}`
+                : '/operations/collaborators'}>
+                <lucide_react_1.ArrowLeft className="size-4"/>
+                {commonT('actions.back')}
+              </link_1.default>
+            </button_1.Button>
+            <button_1.Button size="sm" onClick={() => void onSubmit()}>
+              <lucide_react_1.Save className="size-4"/>
+              {commonT('actions.save')}
+            </button_1.Button>
+          </div>}/>
+
+      {formContent}
+      {loadingState}
+    </entity_list_1.Page>);
+}
+//# sourceMappingURL=collaborator-form-screen.js.map