@hed-hog/operations 0.0.327 → 0.0.329

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

@@ -1,1013 +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.ProjectFormScreen = ProjectFormScreen;
-const entity_list_1 = require("@/components/entity-list");
-const avatar_1 = require("@/components/ui/avatar");
-const button_1 = require("@/components/ui/button");
-const checkbox_1 = require("@/components/ui/checkbox");
-const command_1 = require("@/components/ui/command");
-const form_1 = require("@/components/ui/form");
-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 sheet_1 = require("@/components/ui/sheet");
-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 zod_1 = require("@hookform/resolvers/zod");
-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 react_hook_form_1 = require("react-hook-form");
-const zod_2 = require("zod");
-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 contract_form_screen_1 = require("./contract-form-screen");
-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 OPTION_PAGE_SIZE = 12;
-function generateProjectCode(name) {
-    const words = name.trim().split(/\s+/).filter(Boolean);
-    if (words.length === 0)
-        return '';
-    if (words.length === 1)
-        return words[0].slice(0, 5).toUpperCase();
-    return words
-        .map((w) => w[0].toUpperCase())
-        .join('')
-        .slice(0, 6);
-}
-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);
-}
-function buildEmptyForm(collaborators = []) {
-    return {
-        contractId: 'none',
-        managerCollaboratorId: 'none',
-        code: '',
-        name: '',
-        clientName: '',
-        summary: '',
-        status: 'planning',
-        progressPercent: '',
-        deliveryModel: 'project_delivery',
-        budgetAmount: '',
-        startDate: '',
-        endDate: '',
-        billingModel: 'time_and_material',
-        monthlyHourCap: '',
-        contractCode: '',
-        contractName: '',
-        contractDescription: '',
-        teamAssignments: collaborators.map((collaborator) => ({
-            collaboratorId: collaborator.id,
-            selected: false,
-            projectRoleId: 'none',
-            roleLabel: '',
-            weeklyHours: '',
-            allocationPercent: '',
-            status: 'active',
-            startDate: new Date().toISOString().split('T')[0],
-            endDate: '',
-        })),
-    };
-}
-function toFormState(project, collaborators) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
-    const collaboratorOptions = collaborators.length > 0
-        ? collaborators
-        : ((_a = project.assignments) !== null && _a !== void 0 ? _a : []).map((assignment) => ({
-            id: assignment.collaboratorId,
-            code: '',
-            displayName: assignment.collaboratorName,
-            department: null,
-            title: null,
-            status: 'active',
-        }));
-    const assignments = new Map(((_b = project.assignments) !== null && _b !== void 0 ? _b : []).map((assignment) => [
-        assignment.collaboratorId,
-        assignment,
-    ]));
-    return {
-        contractId: ((_c = project.relatedContract) === null || _c === void 0 ? void 0 : _c.id)
-            ? String(project.relatedContract.id)
-            : 'none',
-        managerCollaboratorId: project.managerCollaboratorId
-            ? String(project.managerCollaboratorId)
-            : 'none',
-        code: (_d = project.code) !== null && _d !== void 0 ? _d : '',
-        name: (_e = project.name) !== null && _e !== void 0 ? _e : '',
-        clientName: (_f = project.clientName) !== null && _f !== void 0 ? _f : '',
-        summary: (_g = project.summary) !== null && _g !== void 0 ? _g : '',
-        status: (_h = project.status) !== null && _h !== void 0 ? _h : 'planning',
-        progressPercent: project.progressPercent !== null && project.progressPercent !== undefined
-            ? String(project.progressPercent)
-            : '',
-        deliveryModel: (_j = project.deliveryModel) !== null && _j !== void 0 ? _j : 'project_delivery',
-        budgetAmount: project.budgetAmount !== null && project.budgetAmount !== undefined
-            ? String(project.budgetAmount)
-            : '',
-        startDate: normalizeDateInputValue(project.startDate),
-        endDate: normalizeDateInputValue(project.endDate),
-        billingModel: (_l = (_k = project.relatedContract) === null || _k === void 0 ? void 0 : _k.billingModel) !== null && _l !== void 0 ? _l : 'time_and_material',
-        monthlyHourCap: ((_m = project.relatedContract) === null || _m === void 0 ? void 0 : _m.monthlyHourCap) !== null &&
-            ((_o = project.relatedContract) === null || _o === void 0 ? void 0 : _o.monthlyHourCap) !== undefined
-            ? String(project.relatedContract.monthlyHourCap)
-            : '',
-        contractCode: (_q = (_p = project.relatedContract) === null || _p === void 0 ? void 0 : _p.code) !== null && _q !== void 0 ? _q : '',
-        contractName: (_s = (_r = project.relatedContract) === null || _r === void 0 ? void 0 : _r.name) !== null && _s !== void 0 ? _s : '',
-        contractDescription: (_u = (_t = project.relatedContract) === null || _t === void 0 ? void 0 : _t.description) !== null && _u !== void 0 ? _u : '',
-        teamAssignments: collaboratorOptions.map((collaborator) => {
-            var _a, _b;
-            const assignment = assignments.get(collaborator.id);
-            return {
-                collaboratorId: collaborator.id,
-                selected: Boolean(assignment),
-                projectRoleId: (assignment === null || assignment === void 0 ? void 0 : assignment.projectRoleId)
-                    ? String(assignment.projectRoleId)
-                    : 'none',
-                roleLabel: (_a = assignment === null || assignment === void 0 ? void 0 : assignment.roleLabel) !== null && _a !== void 0 ? _a : '',
-                weeklyHours: (assignment === null || assignment === void 0 ? void 0 : assignment.weeklyHours) !== null &&
-                    (assignment === null || assignment === void 0 ? void 0 : assignment.weeklyHours) !== undefined
-                    ? String(assignment.weeklyHours)
-                    : '',
-                allocationPercent: (assignment === null || assignment === void 0 ? void 0 : assignment.allocationPercent) !== null &&
-                    (assignment === null || assignment === void 0 ? void 0 : assignment.allocationPercent) !== undefined
-                    ? String(assignment.allocationPercent)
-                    : '',
-                status: (_b = assignment === null || assignment === void 0 ? void 0 : assignment.status) !== null && _b !== void 0 ? _b : 'active',
-                startDate: normalizeDateInputValue(assignment === null || assignment === void 0 ? void 0 : assignment.startDate) || new Date().toISOString().split('T')[0],
-                endDate: normalizeDateInputValue(assignment === null || assignment === void 0 ? void 0 : assignment.endDate),
-            };
-        }),
-    };
-}
-function SearchableSelect({ label, value, options, placeholder, searchPlaceholder, 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)(OPTION_PAGE_SIZE);
-    const filteredOptions = (0, react_1.useMemo)(() => {
-        const normalizedSearch = search.trim().toLowerCase();
-        if (!normalizedSearch) {
-            return options;
-        }
-        return options.filter((option) => [option.title, option.description]
-            .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 ? <label_1.Label>{label}</label_1.Label> : null}
-
-      <popover_1.Popover open={open} onOpenChange={(nextOpen) => {
-            setOpen(nextOpen);
-            setVisibleCount(OPTION_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.title) !== 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={searchPlaceholder} value={search} onValueChange={(nextValue) => {
-            setSearch(nextValue);
-            setVisibleCount(OPTION_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"/>)}
-                  {placeholder}
-                </command_1.CommandItem>
-
-                {visibleOptions.map((option) => {
-            var _a;
-            return (<command_1.CommandItem key={option.id} value={`${option.title} ${(_a = option.description) !== null && _a !== void 0 ? _a : ''}`} 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"/>)}
-                    {option.avatarUrl !== undefined ? (<avatar_1.Avatar className="mr-2 h-6 w-6 shrink-0">
-                        {option.avatarUrl ? (<avatar_1.AvatarImage src={option.avatarUrl} alt={option.title}/>) : null}
-                        <avatar_1.AvatarFallback className="text-[9px] font-medium">
-                          {option.title
-                        .trim()
-                        .split(' ')
-                        .filter(Boolean)
-                        .slice(0, 2)
-                        .map((w) => w[0].toUpperCase())
-                        .join('')}
-                        </avatar_1.AvatarFallback>
-                      </avatar_1.Avatar>) : null}
-                    <div className="min-w-0">
-                      <div className="truncate">{option.title}</div>
-                      {option.description ? (<div className="truncate text-xs text-muted-foreground">
-                          {option.description}
-                        </div>) : null}
-                    </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 + OPTION_PAGE_SIZE)}>
-                    {commonT('actions.loadMore')}
-                  </button_1.Button>
-                </div>) : null}
-            </command_1.CommandList>
-          </command_1.Command>
-        </popover_1.PopoverContent>
-      </popover_1.Popover>
-    </div>);
-}
-function FieldLabel({ label, hint }) {
-    return (<div className="flex items-center gap-1.5">
-      <label_1.Label>{label}</label_1.Label>
-      {hint ? (<tooltip_1.Tooltip>
-          <tooltip_1.TooltipTrigger asChild>
-            <span className="inline-flex cursor-help text-muted-foreground">
-              <lucide_react_1.Info className="h-3.5 w-3.5"/>
-            </span>
-          </tooltip_1.TooltipTrigger>
-          <tooltip_1.TooltipContent>
-            <p>{hint}</p>
-          </tooltip_1.TooltipContent>
-        </tooltip_1.Tooltip>) : null}
-    </div>);
-}
-function ContractSelectWithCreate({ value, contracts, label, selectPlaceholder, searchPlaceholder, onChange, onCreated, initialValues, }) {
-    const commonT = (0, next_intl_1.useTranslations)('operations.Common');
-    const contractT = (0, next_intl_1.useTranslations)('operations.ContractFormPage');
-    const selectedContract = contracts.find((item) => String(item.id) === value);
-    const hasSelection = value !== 'none';
-    const [isCreateSheetOpen, setIsCreateSheetOpen] = (0, react_1.useState)(false);
-    return (<>
-      <div className="space-y-2">
-        <div className="grid min-w-0 grid-cols-[minmax(0,1fr)_auto] gap-2 sm:grid-cols-[minmax(0,1fr)_auto_auto]">
-          <SearchableSelect label={label} value={value} options={contracts.map((contract) => ({
-            id: contract.id,
-            title: contract.name ||
-                contract.code ||
-                commonT('labels.notAvailable'),
-            description: [
-                contract.code,
-                contract.clientName,
-                contractT.has(`options.contractTypes.${contract.contractType}`)
-                    ? contractT(`options.contractTypes.${contract.contractType}`)
-                    : (0, format_1.formatEnumLabel)(contract.contractType),
-            ]
-                .filter(Boolean)
-                .join(' • '),
-        }))} placeholder={selectPlaceholder} searchPlaceholder={searchPlaceholder} emptyLabel={commonT('labels.notAssigned')} onChange={onChange}/>
-
-          {hasSelection ? (<button_1.Button type="button" variant="outline" size="icon" className="shrink-0" onClick={() => onChange('none')} aria-label={commonT('actions.clearSelection')}>
-              <lucide_react_1.X className="size-4"/>
-            </button_1.Button>) : null}
-
-          <button_1.Button type="button" variant="outline" size="icon" className="shrink-0" onClick={() => setIsCreateSheetOpen(true)} aria-label={commonT('actions.create')}>
-            <lucide_react_1.Plus className="size-4"/>
-          </button_1.Button>
-        </div>
-
-        {selectedContract ? (<button_1.Button type="button" variant="outline" size="sm" asChild className="w-fit">
-            <link_1.default href={`/operations/contracts?edit=${selectedContract.id}`}>
-              <lucide_react_1.FileText className="size-4"/>
-              {commonT('actions.openContract')}
-            </link_1.default>
-          </button_1.Button>) : null}
-      </div>
-
-      <sheet_1.Sheet open={isCreateSheetOpen} onOpenChange={setIsCreateSheetOpen}>
-        <sheet_1.SheetContent className="w-full overflow-y-auto sm:max-w-7xl">
-          <sheet_1.SheetHeader>
-            <sheet_1.SheetTitle>{contractT('newTitle')}</sheet_1.SheetTitle>
-            <sheet_1.SheetDescription>{contractT('description')}</sheet_1.SheetDescription>
-          </sheet_1.SheetHeader>
-
-          <contract_form_screen_1.ContractFormScreen initialValues={initialValues} onCancel={() => setIsCreateSheetOpen(false)} onSaved={async (contract) => {
-            const createdContractId = (contract === null || contract === void 0 ? void 0 : contract.id)
-                ? String(contract.id)
-                : value;
-            onChange(createdContractId);
-            await (onCreated === null || onCreated === void 0 ? void 0 : onCreated(contract));
-            setIsCreateSheetOpen(false);
-        }}/>
-        </sheet_1.SheetContent>
-      </sheet_1.Sheet>
-    </>);
-}
-function ProjectFormScreen({ projectId, onSaved, onCancel, }) {
-    const t = (0, next_intl_1.useTranslations)('operations.ProjectFormPage');
-    const commonT = (0, next_intl_1.useTranslations)('operations.Common');
-    const contractT = (0, next_intl_1.useTranslations)('operations.ContractFormPage');
-    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 [assignmentSearch, setAssignmentSearch] = (0, react_1.useState)('');
-    const isSheetMode = Boolean(onCancel);
-    const isCreateMode = !projectId;
-    const [codeAutoMode, setCodeAutoMode] = (0, react_1.useState)(isCreateMode);
-    const projectFormSchema = (0, react_1.useMemo)(() => zod_2.z.object({
-        contractId: zod_2.z.string(),
-        managerCollaboratorId: zod_2.z.string(),
-        code: zod_2.z.string().trim().min(1, t('messages.requiredFields')),
-        name: zod_2.z.string().trim().min(1, t('messages.requiredFields')),
-        clientName: zod_2.z.string().trim().min(1, t('messages.requiredFields')),
-        summary: zod_2.z.string(),
-        status: zod_2.z.string(),
-        progressPercent: zod_2.z
-            .string()
-            .refine((value) => !value ||
-            (!Number.isNaN(Number(value)) &&
-                Number(value) >= 0 &&
-                Number(value) <= 100), t('hints.progressPercent')),
-        deliveryModel: zod_2.z.string(),
-        budgetAmount: zod_2.z.string(),
-        startDate: zod_2.z.string(),
-        endDate: zod_2.z.string(),
-        billingModel: zod_2.z.string(),
-        monthlyHourCap: zod_2.z.string(),
-        contractCode: zod_2.z.string(),
-        contractName: zod_2.z.string(),
-        contractDescription: zod_2.z.string(),
-        teamAssignments: zod_2.z
-            .array(zod_2.z.object({
-            collaboratorId: zod_2.z.number(),
-            selected: zod_2.z.boolean(),
-            projectRoleId: zod_2.z.string(),
-            roleLabel: zod_2.z.string(),
-            weeklyHours: zod_2.z.string(),
-            allocationPercent: zod_2.z.string(),
-            status: zod_2.z.string(),
-            startDate: zod_2.z.string(),
-            endDate: zod_2.z.string(),
-        }))
-            .superRefine((assignments, ctx) => {
-            assignments.forEach((assignment, index) => {
-                if (assignment.selected && !assignment.roleLabel.trim()) {
-                    ctx.addIssue({
-                        code: zod_2.z.ZodIssueCode.custom,
-                        message: t('messages.roleRequired'),
-                        path: [index, 'roleLabel'],
-                    });
-                }
-            });
-        }),
-    }), [t]);
-    const formMethods = (0, react_hook_form_1.useForm)({
-        resolver: (0, zod_1.zodResolver)(projectFormSchema),
-        defaultValues: buildEmptyForm(),
-        mode: 'onSubmit',
-        reValidateMode: 'onChange',
-    });
-    const form = formMethods.watch();
-    const setForm = (updater) => {
-        const current = formMethods.getValues();
-        const next = typeof updater === 'function' ? updater(current) : updater;
-        formMethods.reset(next, {
-            keepErrors: true,
-            keepDirty: true,
-            keepTouched: true,
-        });
-    };
-    const { data: rawCollaborators } = (0, next_app_provider_1.useQuery)({
-        queryKey: ['operations-project-form-collaborators', currentLocaleCode],
-        enabled: access.isDirector,
-        queryFn: () => (0, api_1.fetchOperations)(request, '/operations/collaborators'),
-    });
-    // Stable reference prevents the useEffect(reset, [collaborators, project]) from
-    // re-running on every render while the query is still loading (undefined → [] new ref).
-    const collaborators = (0, react_1.useMemo)(() => rawCollaborators !== null && rawCollaborators !== void 0 ? rawCollaborators : [], [rawCollaborators]);
-    const { data: contracts = [], refetch: refetchContracts } = (0, next_app_provider_1.useQuery)({
-        queryKey: ['operations-project-form-contracts', currentLocaleCode],
-        enabled: access.isDirector,
-        queryFn: () => (0, api_1.fetchOperations)(request, '/operations/contracts'),
-    });
-    const { data: projectRoles = [], refetch: refetchProjectRoles } = (0, next_app_provider_1.useQuery)({
-        queryKey: ['operations-project-form-project-roles', currentLocaleCode],
-        enabled: access.isDirector,
-        staleTime: 0,
-        refetchOnMount: 'always',
-        queryFn: () => (0, api_1.fetchOperations)(request, '/operations/project-roles'),
-    });
-    const { data: project, isLoading: isLoadingProject } = (0, next_app_provider_1.useQuery)({
-        queryKey: ['operations-project-form', currentLocaleCode, projectId],
-        enabled: Boolean(projectId),
-        staleTime: 0,
-        refetchOnMount: 'always',
-        queryFn: () => (0, api_1.fetchOperations)(request, `/operations/projects/${projectId}`),
-    });
-    (0, react_1.useEffect)(() => {
-        if (project) {
-            formMethods.reset(toFormState(project, collaborators));
-            return;
-        }
-        if (!collaborators.length) {
-            return;
-        }
-        const currentValues = formMethods.getValues();
-        if (!currentValues.teamAssignments.length) {
-            formMethods.reset(buildEmptyForm(collaborators));
-        }
-    }, [collaborators, formMethods, project]);
-    const availableCollaborators = (0, react_1.useMemo)(() => {
-        var _a, _b;
-        const byId = new Map();
-        for (const collaborator of collaborators) {
-            byId.set(collaborator.id, collaborator);
-        }
-        if ((project === null || project === void 0 ? void 0 : project.managerCollaboratorId) &&
-            !byId.has(project.managerCollaboratorId)) {
-            byId.set(project.managerCollaboratorId, {
-                id: project.managerCollaboratorId,
-                code: '',
-                displayName: (_a = project.managerName) !== null && _a !== void 0 ? _a : `#${project.managerCollaboratorId}`,
-                department: null,
-                title: null,
-                status: 'active',
-            });
-        }
-        for (const assignment of (_b = project === null || project === void 0 ? void 0 : project.assignments) !== null && _b !== void 0 ? _b : []) {
-            if (!byId.has(assignment.collaboratorId)) {
-                byId.set(assignment.collaboratorId, {
-                    id: assignment.collaboratorId,
-                    code: '',
-                    displayName: assignment.collaboratorName,
-                    department: null,
-                    title: null,
-                    status: 'active',
-                });
-            }
-        }
-        return Array.from(byId.values());
-    }, [collaborators, project]);
-    const availableContracts = (0, react_1.useMemo)(() => {
-        if (!(project === null || project === void 0 ? void 0 : project.relatedContract)) {
-            return contracts;
-        }
-        const hasSelectedContract = contracts.some((contract) => { var _a; return contract.id === ((_a = project.relatedContract) === null || _a === void 0 ? void 0 : _a.id); });
-        return hasSelectedContract
-            ? contracts
-            : [project.relatedContract, ...contracts];
-    }, [contracts, project]);
-    const selectedContract = (0, react_1.useMemo)(() => {
-        var _a;
-        return (_a = availableContracts.find((contract) => String(contract.id) === form.contractId)) !== null && _a !== void 0 ? _a : null;
-    }, [availableContracts, form.contractId]);
-    const managerOptions = (0, react_1.useMemo)(() => availableCollaborators.map((collaborator) => ({
-        id: collaborator.id,
-        title: collaborator.displayName,
-        description: [collaborator.department, collaborator.title]
-            .filter(Boolean)
-            .join(' • '),
-        avatarUrl: typeof collaborator.personAvatarId === 'number' &&
-            collaborator.personAvatarId > 0
-            ? `${process.env.NEXT_PUBLIC_API_BASE_URL}/person/avatar/${collaborator.personAvatarId}`
-            : null,
-    })), [availableCollaborators]);
-    const projectRoleOptions = (0, react_1.useMemo)(() => projectRoles.map((role) => {
-        var _a, _b;
-        return ({
-            id: role.id,
-            name: role.name,
-            code: (_a = role.code) !== null && _a !== void 0 ? _a : null,
-            description: (_b = role.description) !== null && _b !== void 0 ? _b : null,
-        });
-    }), [projectRoles]);
-    const createProjectRole = async (projectRoleName) => {
-        try {
-            const createdRole = await (0, api_1.mutateOperations)(request, '/operations/project-roles', 'POST', {
-                name: projectRoleName,
-            });
-            await refetchProjectRoles();
-            return createdRole;
-        }
-        catch (error) {
-            showToastHandler === null || showToastHandler === void 0 ? void 0 : showToastHandler('error', (0, api_1.getOperationsErrorMessage)(error, t('messages.projectRoleSaveError')));
-            return null;
-        }
-    };
-    const selectedAssignmentsCount = (0, react_1.useMemo)(() => form.teamAssignments.filter((assignment) => assignment.selected).length, [form.teamAssignments]);
-    const filteredAssignments = (0, react_1.useMemo)(() => {
-        const normalizedSearch = assignmentSearch.trim().toLowerCase();
-        return form.teamAssignments.filter((assignment) => {
-            const collaborator = availableCollaborators.find((item) => item.id === assignment.collaboratorId);
-            if (!collaborator) {
-                return false;
-            }
-            if (!normalizedSearch) {
-                return true;
-            }
-            return [
-                collaborator.displayName,
-                collaborator.department,
-                collaborator.title,
-                collaborator.code,
-            ]
-                .filter(Boolean)
-                .some((value) => String(value).toLowerCase().includes(normalizedSearch));
-        });
-    }, [assignmentSearch, availableCollaborators, form.teamAssignments]);
-    const updateAssignment = (collaboratorId, patch) => {
-        const nextAssignments = formMethods
-            .getValues('teamAssignments')
-            .map((assignment) => assignment.collaboratorId === collaboratorId
-            ? Object.assign(Object.assign({}, assignment), patch) : assignment);
-        formMethods.setValue('teamAssignments', nextAssignments, {
-            shouldDirty: true,
-            shouldValidate: true,
-        });
-    };
-    const onSubmit = async (values) => {
-        var _a;
-        const payload = {
-            contractId: values.contractId === 'none'
-                ? null
-                : (0, forms_1.parseNumberInput)(values.contractId),
-            managerCollaboratorId: values.managerCollaboratorId === 'none'
-                ? null
-                : (0, forms_1.parseNumberInput)(values.managerCollaboratorId),
-            code: values.code.trim(),
-            name: values.name.trim(),
-            clientName: (0, forms_1.trimToNull)(values.clientName),
-            summary: (0, forms_1.trimToNull)(values.summary),
-            status: values.status,
-            progressPercent: (0, forms_1.parseNumberInput)(values.progressPercent),
-            deliveryModel: (_a = (0, forms_1.trimToNull)(values.deliveryModel)) !== null && _a !== void 0 ? _a : 'project_delivery',
-            budgetAmount: (0, forms_1.parseNumberInput)(values.budgetAmount),
-            startDate: (0, forms_1.trimToNull)(values.startDate),
-            endDate: (0, forms_1.trimToNull)(values.endDate),
-            billingModel: values.billingModel,
-            monthlyHourCap: (0, forms_1.parseNumberInput)(values.monthlyHourCap),
-            contractCode: (0, forms_1.trimToNull)(values.contractCode),
-            contractName: (0, forms_1.trimToNull)(values.contractName),
-            contractDescription: (0, forms_1.trimToNull)(values.contractDescription),
-            teamAssignments: values.teamAssignments
-                .filter((assignment) => assignment.selected)
-                .map((assignment) => ({
-                collaboratorId: assignment.collaboratorId,
-                projectRoleId: assignment.projectRoleId === 'none'
-                    ? null
-                    : (0, forms_1.parseNumberInput)(assignment.projectRoleId),
-                roleLabel: (0, forms_1.trimToNull)(assignment.roleLabel),
-                weeklyHours: (0, forms_1.parseNumberInput)(assignment.weeklyHours),
-                allocationPercent: (0, forms_1.parseNumberInput)(assignment.allocationPercent),
-                status: assignment.status,
-                startDate: (0, forms_1.trimToNull)(assignment.startDate),
-                endDate: (0, forms_1.trimToNull)(assignment.endDate),
-            })),
-        };
-        try {
-            const response = projectId
-                ? await (0, api_1.mutateOperations)(request, `/operations/projects/${projectId}`, 'PATCH', payload)
-                : await (0, api_1.mutateOperations)(request, '/operations/projects', 'POST', payload);
-            showToastHandler === null || showToastHandler === void 0 ? void 0 : showToastHandler('success', projectId ? t('messages.updateSuccess') : t('messages.createSuccess'));
-            if (onSaved) {
-                await onSaved(response);
-                return;
-            }
-            router.push(`/operations/projects/${response.id}`);
-        }
-        catch (error) {
-            showToastHandler === null || showToastHandler === void 0 ? void 0 : showToastHandler('error', (0, api_1.getOperationsErrorMessage)(error, projectId ? t('messages.updateError') : t('messages.createError')));
-        }
-    };
-    const handleInvalidSubmit = () => {
-        showToastHandler === null || showToastHandler === void 0 ? void 0 : showToastHandler('error', t('messages.requiredFields'));
-    };
-    const noAccessState = (<entity_list_1.EmptyState icon={<lucide_react_1.FolderKanban className="size-12"/>} title={commonT('states.noAccessTitle')} description={t('noAccessDescription')} actionLabel={commonT('actions.refresh')} onAction={() => router.refresh()}/>);
-    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(projectId ? 'editTitle' : 'newTitle')} description={t('description')} current={t('breadcrumb')}/>
-        {noAccessState}
-      </entity_list_1.Page>);
-    }
-    const formContent = (<form_1.Form {...formMethods}>
-      <form onSubmit={formMethods.handleSubmit(onSubmit, handleInvalidSubmit)} className="min-w-0 space-y-5 overflow-x-hidden px-4">
-        <section className="space-y-3">
-          <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(isCreateMode
-            ? 'sections.basicInfoCreateDescription'
-            : 'sections.basicInfoDescription')}
-            </p>
-          </div>
-          <form_1.FormField control={formMethods.control} name="name" render={({ field }) => (<form_1.FormItem className="min-w-0">
-                <form_1.FormLabel>{t('fields.name')}</form_1.FormLabel>
-                <form_1.FormControl>
-                  <input_1.Input {...field} placeholder={t('placeholders.name')} autoFocus onChange={(e) => {
-                field.onChange(e);
-                if (codeAutoMode) {
-                    formMethods.setValue('code', generateProjectCode(e.target.value));
-                }
-            }}/>
-                </form_1.FormControl>
-                <form_1.FormMessage />
-              </form_1.FormItem>)}/>
-          <div className="grid min-w-0 gap-3 lg:grid-cols-6">
-            <form_1.FormField control={formMethods.control} name="code" render={({ field }) => (<form_1.FormItem className="min-w-0 lg:col-span-1">
-                  <form_1.FormLabel>{t('fields.code')}</form_1.FormLabel>
-                  <form_1.FormControl>
-                    <input_1.Input {...field} placeholder={t('placeholders.code')} onChange={(e) => {
-                setCodeAutoMode(false);
-                field.onChange(e);
-            }}/>
-                  </form_1.FormControl>
-                  <form_1.FormMessage />
-                </form_1.FormItem>)}/>
-            <form_1.FormField control={formMethods.control} name="clientName" render={({ field, fieldState }) => (<form_1.FormItem className="min-w-0 lg:col-span-3">
-                  <form_1.FormLabel>{t('fields.clientName')}</form_1.FormLabel>
-                  <form_1.FormControl>
-                    <div className={fieldState.error
-                ? 'rounded-md border border-destructive p-1'
-                : ''}>
-                      <person_select_with_create_1.PersonSelectWithCreate label="" entityLabel={t('fields.clientName')} value={null} initialSelectedLabel={field.value} selectPlaceholder={t('placeholders.clientName')} onChange={(_, personName) => field.onChange(personName !== null && personName !== void 0 ? personName : '')} personTypeFilter="all" createType="company"/>
-                    </div>
-                  </form_1.FormControl>
-                  <form_1.FormMessage />
-                </form_1.FormItem>)}/>
-
-            <form_1.FormField control={formMethods.control} name="deliveryModel" render={({ field }) => (<form_1.FormItem className="min-w-0 lg:col-span-2">
-                  <form_1.FormLabel>{t('fields.deliveryModel')}</form_1.FormLabel>
-                  <select_1.Select value={field.value} onValueChange={field.onChange}>
-                    <form_1.FormControl>
-                      <select_1.SelectTrigger className="w-full">
-                        <select_1.SelectValue />
-                      </select_1.SelectTrigger>
-                    </form_1.FormControl>
-                    <select_1.SelectContent>
-                      <select_1.SelectItem value="project_delivery">
-                        {t('options.deliveryModels.project_delivery')}
-                      </select_1.SelectItem>
-                      <select_1.SelectItem value="dedicated_team">
-                        {t('options.deliveryModels.dedicated_team')}
-                      </select_1.SelectItem>
-                      <select_1.SelectItem value="shared_team">
-                        {t('options.deliveryModels.shared_team')}
-                      </select_1.SelectItem>
-                      <select_1.SelectItem value="support">
-                        {t('options.deliveryModels.support')}
-                      </select_1.SelectItem>
-                    </select_1.SelectContent>
-                  </select_1.Select>
-                  <form_1.FormMessage />
-                </form_1.FormItem>)}/>
-            <form_1.FormField control={formMethods.control} name="summary" render={({ field }) => (<form_1.FormItem className="min-w-0 lg:col-span-6">
-                  <form_1.FormLabel>{t('fields.summary')}</form_1.FormLabel>
-                  <form_1.FormControl>
-                    <textarea_1.Textarea {...field} rows={3} placeholder={t('placeholders.summary')}/>
-                  </form_1.FormControl>
-                  <form_1.FormMessage />
-                </form_1.FormItem>)}/>
-          </div>
-        </section>
-
-        <section className="space-y-3">
-          <div className="space-y-0.5">
-            <h3 className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
-              {t('sections.governance')}
-            </h3>
-            <p className="text-[11px] text-muted-foreground/80">
-              {t(isCreateMode
-            ? 'sections.governanceCreateDescription'
-            : 'sections.governanceDescription')}
-            </p>
-          </div>
-          <div className="grid min-w-0 gap-3 md:grid-cols-2 xl:grid-cols-5">
-            <div className="min-w-0 space-y-2">
-              <FieldLabel label={commonT('labels.manager')}/>
-              <SearchableSelect label="" value={form.managerCollaboratorId} options={managerOptions} placeholder={commonT('labels.notAssigned')} searchPlaceholder={t('placeholders.managerSearch')} emptyLabel={commonT('labels.notAssigned')} onChange={(value) => setForm((current) => (Object.assign(Object.assign({}, current), { managerCollaboratorId: value })))}/>
-            </div>
-            <div className="min-w-0 space-y-2">
-              <FieldLabel label={commonT('labels.startDate')}/>
-              <input_1.Input type="date" value={form.startDate} onChange={(event) => setForm((current) => (Object.assign(Object.assign({}, current), { startDate: event.target.value })))}/>
-            </div>
-            {!isCreateMode ? (<>
-                <div className="min-w-0 space-y-2">
-                  <FieldLabel label={commonT('labels.status')}/>
-                  <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="planning">
-                        {t('options.statuses.planning')}
-                      </select_1.SelectItem>
-                      <select_1.SelectItem value="active">
-                        {t('options.statuses.active')}
-                      </select_1.SelectItem>
-                      <select_1.SelectItem value="at_risk">
-                        {t('options.statuses.at_risk')}
-                      </select_1.SelectItem>
-                      <select_1.SelectItem value="paused">
-                        {t('options.statuses.paused')}
-                      </select_1.SelectItem>
-                      <select_1.SelectItem value="completed">
-                        {t('options.statuses.completed')}
-                      </select_1.SelectItem>
-                      <select_1.SelectItem value="archived">
-                        {t('options.statuses.archived')}
-                      </select_1.SelectItem>
-                    </select_1.SelectContent>
-                  </select_1.Select>
-                </div>
-                <div className="min-w-0 space-y-2">
-                  <FieldLabel label={commonT('labels.endDate')}/>
-                  <input_1.Input type="date" value={form.endDate} onChange={(event) => setForm((current) => (Object.assign(Object.assign({}, current), { endDate: event.target.value })))}/>
-                </div>
-                <form_1.FormField control={formMethods.control} name="progressPercent" render={({ field }) => {
-                var _a;
-                return (<form_1.FormItem className="min-w-0 gap-0">
-                      <form_1.FormLabel>{t('fields.progressPercent')}</form_1.FormLabel>
-                      <form_1.FormControl>
-                        <input_1.Input {...field} type="text" inputMode="decimal" placeholder={t('placeholders.progressPercent')} value={(_a = field.value) !== null && _a !== void 0 ? _a : ''} onChange={(event) => field.onChange((0, forms_1.normalizePercentInput)(event.target.value))}/>
-                      </form_1.FormControl>
-                      <form_1.FormMessage />
-                    </form_1.FormItem>);
-            }}/>
-              </>) : null}
-          </div>
-        </section>
-
-        {!isCreateMode ? (<>
-            <section className="space-y-3">
-              <div className="space-y-0.5">
-                <h3 className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
-                  {t('sections.financials')}
-                </h3>
-                <p className="text-[11px] text-muted-foreground/80">
-                  {t('sections.financialsDescription')}
-                </p>
-              </div>
-              <div className="grid min-w-0 gap-3 md:grid-cols-2 xl:grid-cols-4">
-                <div className="min-w-0 space-y-2">
-                  <FieldLabel label={commonT('labels.budget')}/>
-                  <input_money_1.InputMoney value={form.budgetAmount === '' ? '' : Number(form.budgetAmount)} onValueChange={(value) => setForm((current) => (Object.assign(Object.assign({}, current), { budgetAmount: value !== null ? String(value) : '' })))}/>
-                </div>
-                <div className="min-w-0 space-y-2">
-                  <FieldLabel label={commonT('labels.monthlyHourCap')} hint={t('hints.monthlyHourCap')}/>
-                  <input_1.Input type="text" inputMode="numeric" placeholder={t('placeholders.monthlyHourCap')} value={form.monthlyHourCap} onChange={(event) => {
-                const raw = event.target.value.replace(/[^0-9]/g, '');
-                setForm((current) => (Object.assign(Object.assign({}, current), { monthlyHourCap: raw })));
-            }}/>
-                </div>
-                <div className="min-w-0 space-y-2">
-                  <FieldLabel label={commonT('labels.billingModel')}/>
-                  <select_1.Select value={form.billingModel} onValueChange={(value) => setForm((current) => (Object.assign(Object.assign({}, current), { billingModel: value })))}>
-                    <select_1.SelectTrigger className="w-full">
-                      <select_1.SelectValue />
-                    </select_1.SelectTrigger>
-                    <select_1.SelectContent>
-                      <select_1.SelectItem value="time_and_material">
-                        {t('options.billingModels.time_and_material')}
-                      </select_1.SelectItem>
-                      <select_1.SelectItem value="monthly_retainer">
-                        {t('options.billingModels.monthly_retainer')}
-                      </select_1.SelectItem>
-                      <select_1.SelectItem value="fixed_price">
-                        {t('options.billingModels.fixed_price')}
-                      </select_1.SelectItem>
-                    </select_1.SelectContent>
-                  </select_1.Select>
-                </div>
-                <div className="min-w-0 space-y-2">
-                  <FieldLabel label={commonT('labels.contract')} hint={t('hints.contract')}/>
-                  <ContractSelectWithCreate label="" value={form.contractId} contracts={availableContracts} selectPlaceholder={commonT('labels.notAssigned')} searchPlaceholder={t('placeholders.contractSearch')} onChange={(value) => setForm((current) => (Object.assign(Object.assign({}, current), { contractId: value })))} onCreated={async (contract) => {
-                await refetchContracts();
-                setForm((current) => {
-                    var _a;
-                    return (Object.assign(Object.assign({}, current), { contractId: (contract === null || contract === void 0 ? void 0 : contract.id)
-                            ? String(contract.id)
-                            : current.contractId, billingModel: (_a = contract === null || contract === void 0 ? void 0 : contract.billingModel) !== null && _a !== void 0 ? _a : current.billingModel, monthlyHourCap: (contract === null || contract === void 0 ? void 0 : contract.monthlyHourCap) !== null &&
-                            (contract === null || contract === void 0 ? void 0 : contract.monthlyHourCap) !== undefined
-                            ? String(contract.monthlyHourCap)
-                            : current.monthlyHourCap }));
-                });
-            }} initialValues={{
-                code: form.code ? `PRJ-${form.code}` : '',
-                name: form.name ? `${form.name} Service Agreement` : '',
-                clientName: form.clientName,
-                contractCategory: 'client',
-                contractType: 'service_agreement',
-                signatureStatus: 'not_started',
-                billingModel: form.billingModel,
-                budgetAmount: form.budgetAmount,
-                monthlyHourCap: form.monthlyHourCap,
-                startDate: form.startDate,
-                endDate: form.endDate,
-                description: form.summary,
-                contentHtml: '',
-            }}/>
-                </div>
-              </div>
-            </section>
-
-            <section className="space-y-3">
-              <div className="space-y-0.5">
-                <h3 className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
-                  {t('sections.team')}
-                </h3>
-                <p className="text-[11px] text-muted-foreground/80">
-                  {t('sections.teamDescription', {
-                count: selectedAssignmentsCount,
-            })}
-                </p>
-              </div>
-              <div className="space-y-3">
-                <div className="relative">
-                  <lucide_react_1.Search className="pointer-events-none absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-muted-foreground"/>
-                  <input_1.Input className="pl-9" value={assignmentSearch} placeholder={t('placeholders.assignmentSearch')} onChange={(event) => setAssignmentSearch(event.target.value)}/>
-                </div>
-
-                <div className="space-y-2">
-                  {filteredAssignments.map((assignment) => {
-                var _a, _b;
-                const collaborator = availableCollaborators.find((item) => item.id === assignment.collaboratorId);
-                const assignmentIndex = form.teamAssignments.findIndex((item) => item.collaboratorId === assignment.collaboratorId);
-                const roleError = assignmentIndex >= 0
-                    ? (_b = (_a = formMethods.formState.errors.teamAssignments) === null || _a === void 0 ? void 0 : _a[assignmentIndex]) === null || _b === void 0 ? void 0 : _b.roleLabel
-                    : undefined;
-                if (!collaborator) {
-                    return null;
-                }
-                return (<div key={assignment.collaboratorId} className="grid min-w-0 gap-2 rounded-lg border px-3 py-2 xl:grid-cols-[minmax(0,1.25fr)_minmax(0,1.2fr)_110px_110px]">
-                        <label className="flex cursor-pointer items-start gap-3 py-1">
-                          <checkbox_1.Checkbox checked={assignment.selected} onCheckedChange={(checked) => updateAssignment(assignment.collaboratorId, {
-                        selected: checked === true,
-                    })}/>
-                          <div className="min-w-0">
-                            <div className="truncate font-medium">
-                              {collaborator.displayName}
-                            </div>
-                            <div className="truncate text-xs text-muted-foreground">
-                              {[
-                        collaborator.department,
-                        collaborator.title,
-                        collaborator.code,
-                    ]
-                        .filter(Boolean)
-                        .join(' • ') || commonT('labels.notAvailable')}
-                            </div>
-                          </div>
-                        </label>
-                        <div className="space-y-1">
-                          <department_select_with_create_1.DepartmentSelectWithCreate label="" value={assignment.roleLabel} options={projectRoleOptions} disabled={!assignment.selected} selectPlaceholder={t('placeholders.roleLabel')} createDescription={t('fields.roleLabel')} createPlaceholder={t('placeholders.roleLabelCreate')} onChange={(role) => updateAssignment(assignment.collaboratorId, {
-                        projectRoleId: role.id
-                            ? String(role.id)
-                            : 'none',
-                        roleLabel: role.name,
-                    })} onCreate={createProjectRole}/>
-                          {(roleError === null || roleError === void 0 ? void 0 : roleError.message) ? (<p className="text-sm text-destructive">
-                              {String(roleError.message)}
-                            </p>) : null}
-                        </div>
-                        <input_1.Input className="h-9 mt-2 self-start" type="number" min="0" step="0.5" placeholder={t('fields.weeklyHours')} value={assignment.weeklyHours} disabled={!assignment.selected} onChange={(event) => {
-                        const hours = event.target.value;
-                        const updates = {
-                            weeklyHours: hours,
-                        };
-                        const cap = collaborator.weeklyCapacityHours;
-                        if (cap && hours && Number(hours) > 0) {
-                            const pct = Math.round((Number(hours) / cap) * 100);
-                            updates.allocationPercent = String(Math.min(pct, 100));
-                        }
-                        updateAssignment(assignment.collaboratorId, updates);
-                    }}/>
-                        <input_1.Input className="h-9 mt-2 self-start" type="text" inputMode="decimal" placeholder={t('fields.allocationPercent')} value={assignment.allocationPercent} disabled={!assignment.selected} onChange={(event) => {
-                        const pct = (0, forms_1.normalizePercentInput)(event.target.value);
-                        const updates = {
-                            allocationPercent: pct,
-                        };
-                        const cap = collaborator.weeklyCapacityHours;
-                        if (cap && pct && Number(pct) > 0) {
-                            const hours = Math.round((Number(pct) / 100) * cap);
-                            updates.weeklyHours = String(hours);
-                        }
-                        updateAssignment(assignment.collaboratorId, updates);
-                    }}/>
-                        <div className="flex items-center gap-2 xl:col-span-4">
-                          <div className="flex-1">
-                            <label className="text-xs text-muted-foreground">{t('fields.assignmentStartDate')}</label>
-                            <input_1.Input className="h-9" type="date" value={assignment.startDate} disabled={!assignment.selected} onChange={(event) => updateAssignment(assignment.collaboratorId, {
-                        startDate: event.target.value,
-                    })}/>
-                          </div>
-                          <div className="flex-1">
-                            <label className="text-xs text-muted-foreground">{t('fields.assignmentEndDate')}</label>
-                            <input_1.Input className="h-9" type="date" value={assignment.endDate} disabled={!assignment.selected} onChange={(event) => updateAssignment(assignment.collaboratorId, {
-                        endDate: event.target.value,
-                    })}/>
-                          </div>
-                        </div>
-                      </div>);
-            })}
-                </div>
-              </div>
-            </section>
-          </>) : (<section className="space-y-3 rounded-lg border border-dashed bg-muted/20 px-4 py-4">
-            <div className="space-y-0.5">
-              <h3 className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
-                {t('sections.nextSteps')}
-              </h3>
-              <p className="text-[11px] text-muted-foreground/80">
-                {t('sections.nextStepsDescription')}
-              </p>
-            </div>
-          </section>)}
-      </form>
-    </form_1.Form>);
-    const loadingState = projectId && isLoadingProject ? (<div className="text-sm text-muted-foreground">{t('loading')}</div>) : null;
-    const contractStatusState = project ? (<div className="text-xs text-muted-foreground">
-      {t('messages.currentContractStatus', {
-            status: project.contractStatus
-                ? project.contractStatus
-                : commonT('labels.notAssigned'),
-        })}
-    </div>) : null;
-    if (isSheetMode) {
-        return (<div className="mt-6 space-y-4 pb-6">
-        {formContent}
-        <div className="space-y-2 px-4">
-          {loadingState}
-          {contractStatusState}
-        </div>
-
-        <form_actions_1.FormActions sheet cancelLabel={commonT('actions.cancel')} onCancel={onCancel} onSubmit={() => void formMethods.handleSubmit(onSubmit, handleInvalidSubmit)()} submitIcon={<lucide_react_1.Save className="size-4"/>} submitLabel={commonT('actions.save')} submitSize="lg"/>
-      </div>);
-    }
-    return (<entity_list_1.Page>
-      <operations_header_1.OperationsHeader title={t(projectId ? 'editTitle' : 'newTitle')} description={t('description')} current={t('breadcrumb')} actions={<div className="flex gap-2">
-            <button_1.Button variant="outline" size="sm" asChild>
-              <link_1.default href={projectId
-                ? `/operations/projects/${projectId}`
-                : '/operations/projects'}>
-                <lucide_react_1.ArrowLeft className="size-4"/>
-                {commonT('actions.back')}
-              </link_1.default>
-            </button_1.Button>
-            <button_1.Button size="sm" type="button" onClick={() => void formMethods.handleSubmit(onSubmit, handleInvalidSubmit)()}>
-              <lucide_react_1.Save className="size-4"/>
-              {commonT('actions.save')}
-            </button_1.Button>
-          </div>}/>
-
-      {formContent}
-      <div className="space-y-2">
-        {loadingState}
-        {contractStatusState}
-      </div>
-    </entity_list_1.Page>);
-}
-//# sourceMappingURL=project-form-screen.js.map