@hed-hog/operations 0.0.328 → 0.0.330

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

@@ -1,2930 +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.ProjectDetailsScreen = ProjectDetailsScreen;
-const entity_list_1 = require("@/components/entity-list");
-const rich_text_editor_1 = require("@/components/rich-text-editor");
-const avatar_1 = require("@/components/ui/avatar");
-const button_1 = require("@/components/ui/button");
-const card_1 = require("@/components/ui/card");
-const chart_1 = require("@/components/ui/chart");
-const dialog_1 = require("@/components/ui/dialog");
-const dropdown_menu_1 = require("@/components/ui/dropdown-menu");
-const input_1 = require("@/components/ui/input");
-const label_1 = require("@/components/ui/label");
-const progress_1 = require("@/components/ui/progress");
-const select_1 = require("@/components/ui/select");
-const sheet_1 = require("@/components/ui/sheet");
-const skeleton_1 = require("@/components/ui/skeleton");
-const table_1 = require("@/components/ui/table");
-const tooltip_1 = require("@/components/ui/tooltip");
-const core_1 = require("@dnd-kit/core");
-const utilities_1 = require("@dnd-kit/utilities");
-const next_app_provider_1 = require("@hed-hog/next-app-provider");
-const framer_motion_1 = require("framer-motion");
-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 recharts_1 = require("recharts");
-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 operations_header_1 = require("./operations-header");
-const project_costs_section_1 = require("./project-costs-section");
-const project_form_screen_1 = require("./project-form-screen");
-const section_card_1 = require("./section-card");
-const status_badge_1 = require("./status-badge");
-const task_detail_sheet_1 = require("./task-detail-sheet");
-const task_file_attachments_1 = require("./task-file-attachments");
-const EMPTY_TASK_FORM = {
-    name: '',
-    description: '',
-    priority: 'medium',
-    status: 'todo',
-    assigneeCollaboratorId: 'none',
-    dueDate: '',
-    estimateHours: '',
-    tags: '',
-};
-const KANBAN_COLUMNS = [
-    { id: 'todo', label: 'Backlog' },
-    { id: 'doing', label: 'Em execução' },
-    { id: 'review', label: 'Revisão' },
-    { id: 'done', label: 'Concluído' },
-];
-// Prefer pointer-within so any column the cursor enters triggers a drop target.
-// Falls back to closestCenter for the gap between columns.
-const kanbanCollision = (args) => {
-    const within = (0, core_1.pointerWithin)(args);
-    if (within.length > 0)
-        return within;
-    return (0, core_1.closestCenter)(args);
-};
-function apiTaskToBoardTask(row) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-    const status = KANBAN_COLUMNS.some((c) => c.id === row.status)
-        ? row.status
-        : 'todo';
-    return {
-        id: row.id,
-        name: row.name,
-        description: (_a = row.description) !== null && _a !== void 0 ? _a : null,
-        status,
-        priority: (_b = row.priority) !== null && _b !== void 0 ? _b : 'medium',
-        dueDate: (_c = row.dueDate) !== null && _c !== void 0 ? _c : null,
-        estimateHours: (_d = row.estimateHours) !== null && _d !== void 0 ? _d : null,
-        tags: (_e = row.tags) !== null && _e !== void 0 ? _e : null,
-        assigneeCollaboratorId: (_f = row.assigneeCollaboratorId) !== null && _f !== void 0 ? _f : null,
-        assigneeName: (_g = row.assigneeName) !== null && _g !== void 0 ? _g : null,
-        assigneeUserPhotoId: (_h = row.assigneeUserPhotoId) !== null && _h !== void 0 ? _h : null,
-        assigneePersonAvatarId: (_j = row.assigneePersonAvatarId) !== null && _j !== void 0 ? _j : null,
-        projectAssignmentId: (_k = row.projectAssignmentId) !== null && _k !== void 0 ? _k : null,
-        createdAt: (_l = row.createdAt) !== null && _l !== void 0 ? _l : null,
-        commentCount: (_m = row.commentCount) !== null && _m !== void 0 ? _m : 0,
-        fileCount: (_o = row.fileCount) !== null && _o !== void 0 ? _o : 0,
-    };
-}
-function splitTasksByColumn(tasks) {
-    return {
-        todo: tasks.filter((t) => t.status === 'todo'),
-        doing: tasks.filter((t) => t.status === 'doing'),
-        review: tasks.filter((t) => t.status === 'review'),
-        done: tasks.filter((t) => t.status === 'done'),
-    };
-}
-const boardChartConfig = {
-    allocation: { label: 'Alocacao', color: 'hsl(201 96% 32%)' },
-    loggedHours: { label: 'Horas', color: 'hsl(166 72% 28%)' },
-    progress: { label: 'Progresso', color: 'hsl(262 83% 58%)' },
-    planned: { label: 'Planejado', color: 'hsl(215 16% 47%)' },
-    todo: { label: 'Backlog', color: 'hsl(215 16% 47%)' },
-    doing: { label: 'Em execucao', color: 'hsl(201 96% 32%)' },
-    review: { label: 'Revisao', color: 'hsl(38 92% 50%)' },
-    done: { label: 'Concluido', color: 'hsl(166 72% 28%)' },
-    health: { label: 'Saude', color: 'hsl(166 72% 28%)' },
-};
-function taskDragId(taskId) {
-    return `task-${taskId}`;
-}
-function columnDropId(columnId) {
-    return `col-${columnId}`;
-}
-function parseTaskId(value) {
-    if (!value) {
-        return null;
-    }
-    const id = String(value);
-    if (!id.startsWith('task-')) {
-        return null;
-    }
-    const parsed = Number(id.slice(5));
-    return Number.isFinite(parsed) ? parsed : null;
-}
-function parseColumnId(value) {
-    if (!value) {
-        return null;
-    }
-    const id = String(value);
-    if (!id.startsWith('col-')) {
-        return null;
-    }
-    const column = id.slice(4);
-    return KANBAN_COLUMNS.some((item) => item.id === column)
-        ? column
-        : null;
-}
-function DroppableColumn({ columnId, children, }) {
-    const { isOver, setNodeRef } = (0, core_1.useDroppable)({ id: columnDropId(columnId) });
-    return <div ref={setNodeRef}>{children(isOver)}</div>;
-}
-function DraggableTaskCard({ task, disabled = false, children, }) {
-    const { attributes, listeners, setNodeRef, transform, isDragging } = (0, core_1.useDraggable)({ id: taskDragId(task.id), disabled });
-    return (<div ref={setNodeRef} style={{ transform: utilities_1.CSS.Translate.toString(transform) }} {...(disabled ? {} : listeners)} {...(disabled ? {} : attributes)} className={isDragging ? 'z-20' : undefined}>
-      {children(disabled ? false : isDragging)}
-    </div>);
-}
-function shouldOpenEditSheet(value, projectId) {
-    if (!value) {
-        return false;
-    }
-    return value === '1' || value === 'true' || value === String(projectId);
-}
-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 getPersonAvatarUrl(avatarId) {
-    return typeof avatarId === 'number' && avatarId > 0
-        ? `${process.env.NEXT_PUBLIC_API_BASE_URL}/person/avatar/${avatarId}`
-        : '/placeholder.png';
-}
-function getUserPhotoUrl(photoId) {
-    return typeof photoId === 'number' && photoId > 0
-        ? `${process.env.NEXT_PUBLIC_API_BASE_URL}/file/open/${photoId}`
-        : null;
-}
-function normalizeDateInputValue(value) {
-    if (!value) {
-        return '';
-    }
-    const normalizedValue = String(value).trim();
-    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 '';
-    }
-    return parsedDate.toISOString().slice(0, 10);
-}
-function clampPercent(value) {
-    if (typeof value !== 'number' || Number.isNaN(value)) {
-        return 0;
-    }
-    return Math.max(0, Math.min(100, Math.round(value)));
-}
-function isPastDue(value) {
-    if (!value) {
-        return false;
-    }
-    const date = new Date(value);
-    if (Number.isNaN(date.getTime())) {
-        return false;
-    }
-    const today = new Date();
-    today.setHours(0, 0, 0, 0);
-    date.setHours(0, 0, 0, 0);
-    return date < today;
-}
-function getTaskProgress(status) {
-    const progressByStatus = {
-        todo: 12,
-        doing: 48,
-        review: 76,
-        done: 100,
-    };
-    return progressByStatus[status];
-}
-function getPriorityClassName(priority) {
-    if (priority === 'high') {
-        return 'border-rose-500/30 bg-rose-500/10 text-rose-700 dark:text-rose-300';
-    }
-    if (priority === 'medium') {
-        return 'border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300';
-    }
-    return 'border-emerald-500/30 bg-emerald-500/10 text-emerald-700 dark:text-emerald-300';
-}
-function getColumnClassName(columnId) {
-    const styles = {
-        todo: 'from-slate-500/20 via-slate-500/5 to-transparent',
-        doing: 'from-sky-500/20 via-cyan-500/5 to-transparent',
-        review: 'from-amber-500/20 via-yellow-500/5 to-transparent',
-        done: 'from-emerald-500/20 via-green-500/5 to-transparent',
-    };
-    return styles[columnId];
-}
-function getColumnDotClassName(columnId) {
-    const styles = {
-        todo: 'bg-slate-500',
-        doing: 'bg-sky-500',
-        review: 'bg-amber-500',
-        done: 'bg-emerald-500',
-    };
-    return styles[columnId];
-}
-function getTaskTags(task) {
-    var _a;
-    return String((_a = task.tags) !== null && _a !== void 0 ? _a : '')
-        .split(',')
-        .map((tag) => tag.trim())
-        .filter(Boolean);
-}
-function getTaskCommentCount(task) {
-    var _a;
-    return (_a = task.commentCount) !== null && _a !== void 0 ? _a : 0;
-}
-function getTaskAttachmentCount(task) {
-    var _a;
-    return (_a = task.fileCount) !== null && _a !== void 0 ? _a : 0;
-}
-function getAllocationTone(allocation) {
-    if (allocation > 100) {
-        return {
-            labelKey: 'overload',
-            text: 'text-rose-700 dark:text-rose-300',
-            border: 'border-rose-500/30',
-            bg: 'bg-rose-500/10',
-            progress: '[&>div]:bg-rose-500',
-            icon: lucide_react_1.AlertTriangle,
-        };
-    }
-    if (allocation >= 85) {
-        return {
-            labelKey: 'high',
-            text: 'text-amber-700 dark:text-amber-300',
-            border: 'border-amber-500/30',
-            bg: 'bg-amber-500/10',
-            progress: '[&>div]:bg-amber-500',
-            icon: lucide_react_1.Gauge,
-        };
-    }
-    return {
-        labelKey: 'available',
-        text: 'text-emerald-700 dark:text-emerald-300',
-        border: 'border-emerald-500/30',
-        bg: 'bg-emerald-500/10',
-        progress: '[&>div]:bg-emerald-500',
-        icon: lucide_react_1.CheckCircle2,
-    };
-}
-function getValidTimestamp(value) {
-    if (!value) {
-        return null;
-    }
-    const date = new Date(value);
-    if (Number.isNaN(date.getTime())) {
-        return null;
-    }
-    return date.toISOString();
-}
-function formatRelativeTime(value, locale) {
-    const date = new Date(value);
-    if (Number.isNaN(date.getTime())) {
-        return '';
-    }
-    const diffSeconds = Math.round((date.getTime() - Date.now()) / 1000);
-    const units = [
-        ['year', 60 * 60 * 24 * 365],
-        ['month', 60 * 60 * 24 * 30],
-        ['day', 60 * 60 * 24],
-        ['hour', 60 * 60],
-        ['minute', 60],
-    ];
-    const formatter = new Intl.RelativeTimeFormat(locale, { numeric: 'auto' });
-    for (const [unit, seconds] of units) {
-        if (Math.abs(diffSeconds) >= seconds) {
-            return formatter.format(Math.round(diffSeconds / seconds), unit);
-        }
-    }
-    return formatter.format(diffSeconds, 'second');
-}
-function getTimelineDayKey(value) {
-    const date = new Date(value);
-    if (Number.isNaN(date.getTime())) {
-        return value;
-    }
-    return date.toISOString().slice(0, 10);
-}
-function getProjectHealthScore({ progress, averageAllocation, overdueTasks, pendingTimesheets, }) {
-    const progressScore = clampPercent(progress);
-    const allocation = typeof averageAllocation === 'number' && !Number.isNaN(averageAllocation)
-        ? Math.round(averageAllocation)
-        : 0;
-    const allocationPenalty = allocation > 100 ? 16 : allocation > 85 ? 6 : 0;
-    const overduePenalty = Math.min(overdueTasks * 9, 32);
-    const timesheetPenalty = Math.min(pendingTimesheets * 4, 20);
-    const value = clampPercent(72 +
-        progressScore * 0.18 -
-        allocationPenalty -
-        overduePenalty -
-        timesheetPenalty);
-    if (value >= 75) {
-        return { value, labelKey: 'good', tone: 'good' };
-    }
-    if (value >= 50) {
-        return { value, labelKey: 'warning', tone: 'warning' };
-    }
-    return { value, labelKey: 'danger', tone: 'danger' };
-}
-const kpiToneStyles = {
-    positive: {
-        accent: 'from-emerald-500/25 via-teal-500/10 to-transparent',
-        icon: 'bg-emerald-500/10 text-emerald-700 dark:text-emerald-300',
-        value: 'text-emerald-700 dark:text-emerald-300',
-        indicator: 'bg-emerald-500',
-        trend: 'text-emerald-700 dark:text-emerald-300',
-    },
-    warning: {
-        accent: 'from-amber-500/25 via-yellow-500/10 to-transparent',
-        icon: 'bg-amber-500/10 text-amber-700 dark:text-amber-300',
-        value: 'text-amber-700 dark:text-amber-300',
-        indicator: 'bg-amber-500',
-        trend: 'text-amber-700 dark:text-amber-300',
-    },
-    critical: {
-        accent: 'from-rose-500/25 via-red-500/10 to-transparent',
-        icon: 'bg-rose-500/10 text-rose-700 dark:text-rose-300',
-        value: 'text-rose-700 dark:text-rose-300',
-        indicator: 'bg-rose-500',
-        trend: 'text-rose-700 dark:text-rose-300',
-    },
-    info: {
-        accent: 'from-sky-500/25 via-cyan-500/10 to-transparent',
-        icon: 'bg-sky-500/10 text-sky-700 dark:text-sky-300',
-        value: 'text-sky-700 dark:text-sky-300',
-        indicator: 'bg-sky-500',
-        trend: 'text-sky-700 dark:text-sky-300',
-    },
-    neutral: {
-        accent: 'from-violet-500/25 via-indigo-500/10 to-transparent',
-        icon: 'bg-violet-500/10 text-violet-700 dark:text-violet-300',
-        value: 'text-foreground',
-        indicator: 'bg-violet-500',
-        trend: 'text-muted-foreground',
-    },
-};
-function ProjectKpiWidget({ item, indicatorLabel, index = 0, }) {
-    const Icon = item.icon;
-    const tone = kpiToneStyles[item.tone];
-    return (<framer_motion_1.motion.div initial={{ opacity: 0, y: 12 }} animate={{ opacity: 1, y: 0 }} transition={{
-            type: 'spring',
-            stiffness: 340,
-            damping: 26,
-            delay: index * 0.07,
-        }} whileHover={{ y: -4 }} className="min-w-0">
-      <card_1.Card className="group relative h-full overflow-hidden border-border/70 bg-card py-0 shadow-xs transition-shadow hover:shadow-md">
-        <div className={[
-            'absolute inset-x-0 top-0 h-20 bg-linear-to-br',
-            tone.accent,
-        ].join(' ')}/>
-        <card_1.CardContent className="relative flex h-full flex-col gap-5 p-4">
-          <div className="flex items-start justify-between gap-3">
-            <div className={[
-            'flex size-10 items-center justify-center rounded-2xl transition-transform group-hover:scale-105',
-            tone.icon,
-        ].join(' ')}>
-              <Icon className="size-5"/>
-            </div>
-            <span className={[
-            'rounded-full border bg-background/80 px-2 py-0.5 text-[11px] font-medium',
-            tone.trend,
-        ].join(' ')}>
-              {item.trend}
-            </span>
-          </div>
-
-          <div className="min-w-0">
-            <div className={[
-            'truncate text-3xl font-semibold tracking-tight tabular-nums',
-            tone.value,
-        ].join(' ')}>
-              {item.value}
-            </div>
-            <div className="mt-1 text-sm font-medium text-foreground">
-              {item.title}
-            </div>
-            <div className="mt-1 line-clamp-2 text-xs leading-5 text-muted-foreground">
-              {item.subtitle}
-            </div>
-          </div>
-
-          <div className="mt-auto space-y-2">
-            <div className="flex items-center justify-between text-[11px] text-muted-foreground">
-              <span>{indicatorLabel}</span>
-              <span>{clampPercent(item.indicator)}%</span>
-            </div>
-            <div className="h-1.5 overflow-hidden rounded-full bg-muted">
-              <div className={[
-            'h-full rounded-full transition-all duration-500',
-            tone.indicator,
-        ].join(' ')} style={{ width: `${clampPercent(item.indicator)}%` }}/>
-            </div>
-          </div>
-        </card_1.CardContent>
-      </card_1.Card>
-    </framer_motion_1.motion.div>);
-}
-function ChartEmptyState({ icon: Icon, title, description, }) {
-    return (<div className="flex h-72 flex-col items-center justify-center rounded-xl border border-dashed bg-muted/10 p-6 text-center">
-      <div className="flex size-11 items-center justify-center rounded-2xl bg-muted text-muted-foreground">
-        <Icon className="size-5"/>
-      </div>
-      <div className="mt-3 text-sm font-medium">{title}</div>
-      <div className="mt-1 max-w-xs text-xs leading-5 text-muted-foreground">
-        {description}
-      </div>
-    </div>);
-}
-function ProjectChartCard({ title, description, icon: Icon, metric, children, className, isLoading = false, }) {
-    return (<framer_motion_1.motion.div initial={{ opacity: 0, y: 8 }} animate={{ opacity: 1, y: 0 }} transition={{ duration: 0.22 }} className={className}>
-      <card_1.Card className="h-full overflow-hidden border-border/70 bg-card py-0 shadow-sm">
-        <card_1.CardContent className="flex h-full flex-col gap-4 p-4">
-          <div className="flex items-start justify-between gap-4">
-            <div className="flex min-w-0 items-start gap-3">
-              <div className="flex size-10 shrink-0 items-center justify-center rounded-2xl bg-muted text-foreground">
-                <Icon className="size-5"/>
-              </div>
-              <div className="min-w-0">
-                <div className="text-sm font-semibold">{title}</div>
-                {description ? (<div className="mt-1 text-xs leading-5 text-muted-foreground">
-                    {description}
-                  </div>) : null}
-              </div>
-            </div>
-            {metric ? (<div className="shrink-0 rounded-full border bg-background px-3 py-1 text-xs font-medium text-muted-foreground">
-                {metric}
-              </div>) : null}
-          </div>
-          {isLoading ? <skeleton_1.Skeleton className="h-72 rounded-xl"/> : children}
-        </card_1.CardContent>
-      </card_1.Card>
-    </framer_motion_1.motion.div>);
-}
-function ProjectDetailsSkeleton() {
-    return (<entity_list_1.Page>
-      <div className="space-y-6">
-        {/* Hero header */}
-        <div className="overflow-hidden rounded-3xl border bg-card shadow-sm">
-          <div className="border-b p-5 sm:p-6">
-            <div className="space-y-4">
-              {/* Breadcrumb */}
-              <div className="flex items-center gap-2">
-                <skeleton_1.Skeleton className="h-4 w-20 rounded-full"/>
-                <skeleton_1.Skeleton className="h-3 w-3 rounded-full"/>
-                <skeleton_1.Skeleton className="h-4 w-16 rounded-full"/>
-                <skeleton_1.Skeleton className="h-3 w-3 rounded-full"/>
-                <skeleton_1.Skeleton className="h-4 w-32 rounded-full"/>
-              </div>
-              {/* Title row */}
-              <div className="flex items-start gap-4">
-                <skeleton_1.Skeleton className="size-14 shrink-0 rounded-2xl"/>
-                <div className="flex-1 space-y-2">
-                  <div className="flex gap-2">
-                    <skeleton_1.Skeleton className="h-6 w-20 rounded-full"/>
-                    <skeleton_1.Skeleton className="h-6 w-16 rounded-full"/>
-                  </div>
-                  <skeleton_1.Skeleton className="h-8 w-72"/>
-                  <skeleton_1.Skeleton className="h-4 w-full max-w-md"/>
-                </div>
-                <div className="hidden flex-shrink-0 gap-2 lg:flex">
-                  <skeleton_1.Skeleton className="h-9 w-20 rounded-lg"/>
-                  <skeleton_1.Skeleton className="h-9 w-28 rounded-lg"/>
-                  <skeleton_1.Skeleton className="h-9 w-9 rounded-lg"/>
-                </div>
-              </div>
-              {/* Meta grid */}
-              <div className="grid gap-3 md:grid-cols-2 xl:grid-cols-7">
-                <skeleton_1.Skeleton className="h-16 rounded-xl xl:col-span-2"/>
-                <skeleton_1.Skeleton className="h-16 rounded-xl"/>
-                <skeleton_1.Skeleton className="h-16 rounded-xl"/>
-                <skeleton_1.Skeleton className="h-16 rounded-xl"/>
-                <skeleton_1.Skeleton className="h-16 rounded-xl"/>
-                <skeleton_1.Skeleton className="h-16 rounded-xl"/>
-              </div>
-              {/* Team row */}
-              <div className="rounded-2xl border p-4">
-                <div className="flex items-center justify-between gap-4">
-                  <div className="flex items-center gap-3">
-                    <div className="space-y-1">
-                      <skeleton_1.Skeleton className="h-3 w-12"/>
-                      <skeleton_1.Skeleton className="h-5 w-24"/>
-                    </div>
-                    <div className="flex -space-x-2">
-                      {Array.from({ length: 4 }).map((_, i) => (<skeleton_1.Skeleton key={i} className="size-10 rounded-full border-2 border-background"/>))}
-                    </div>
-                  </div>
-                  <div className="grid grid-cols-3 gap-3">
-                    <skeleton_1.Skeleton className="h-16 w-28 rounded-xl"/>
-                    <skeleton_1.Skeleton className="h-16 w-28 rounded-xl"/>
-                    <skeleton_1.Skeleton className="h-16 w-28 rounded-xl"/>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        {/* KPI row */}
-        <div className="rounded-3xl border p-3 sm:p-4">
-          <div className="grid gap-3 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-6">
-            {Array.from({ length: 6 }).map((_, i) => (<div key={i} className="overflow-hidden rounded-xl border p-4">
-                <div className="flex items-start justify-between gap-3">
-                  <skeleton_1.Skeleton className="size-10 rounded-2xl"/>
-                  <skeleton_1.Skeleton className="h-5 w-16 rounded-full"/>
-                </div>
-                <div className="mt-5 space-y-2">
-                  <skeleton_1.Skeleton className="h-8 w-24"/>
-                  <skeleton_1.Skeleton className="h-4 w-32"/>
-                  <skeleton_1.Skeleton className="h-3 w-full"/>
-                </div>
-                <div className="mt-auto pt-4 space-y-2">
-                  <div className="flex justify-between">
-                    <skeleton_1.Skeleton className="h-3 w-16"/>
-                    <skeleton_1.Skeleton className="h-3 w-8"/>
-                  </div>
-                  <skeleton_1.Skeleton className="h-1.5 w-full rounded-full"/>
-                </div>
-              </div>))}
-          </div>
-        </div>
-
-        {/* Overview */}
-        <div className="rounded-xl border p-4">
-          <skeleton_1.Skeleton className="mb-4 h-5 w-28"/>
-          <div className="grid gap-3 sm:grid-cols-2 xl:grid-cols-3">
-            {Array.from({ length: 9 }).map((_, i) => (<div key={i} className="space-y-1.5">
-                <skeleton_1.Skeleton className="h-3 w-20"/>
-                <skeleton_1.Skeleton className="h-5 w-32"/>
-              </div>))}
-          </div>
-          <div className="mt-6 space-y-1.5">
-            <skeleton_1.Skeleton className="h-3 w-16"/>
-            <div className="grid gap-3 sm:grid-cols-2 xl:grid-cols-3">
-              {Array.from({ length: 4 }).map((_, i) => (<div key={i} className="space-y-1.5">
-                  <skeleton_1.Skeleton className="h-3 w-24"/>
-                  <skeleton_1.Skeleton className="h-5 w-36"/>
-                </div>))}
-            </div>
-          </div>
-        </div>
-
-        {/* Charts */}
-        <div className="rounded-3xl border p-4">
-          <skeleton_1.Skeleton className="mb-4 h-5 w-36"/>
-          <div className="grid gap-4 xl:grid-cols-12">
-            <skeleton_1.Skeleton className="h-80 rounded-xl xl:col-span-8"/>
-            <skeleton_1.Skeleton className="h-80 rounded-xl xl:col-span-4"/>
-            <skeleton_1.Skeleton className="h-72 rounded-xl xl:col-span-5"/>
-            <skeleton_1.Skeleton className="h-72 rounded-xl xl:col-span-4"/>
-            <skeleton_1.Skeleton className="h-72 rounded-xl xl:col-span-3"/>
-          </div>
-        </div>
-
-        {/* Kanban */}
-        <div className="rounded-3xl border p-4">
-          <div className="mb-4 flex items-center justify-between">
-            <skeleton_1.Skeleton className="h-5 w-28"/>
-            <skeleton_1.Skeleton className="h-9 w-28 rounded-lg"/>
-          </div>
-          <div className="mb-4 rounded-2xl border p-3">
-            <div className="flex gap-3">
-              <skeleton_1.Skeleton className="h-10 flex-1 rounded-lg"/>
-              <skeleton_1.Skeleton className="h-10 w-44 rounded-lg"/>
-              <skeleton_1.Skeleton className="h-10 w-44 rounded-lg"/>
-            </div>
-          </div>
-          <div className="grid gap-4 xl:grid-cols-4">
-            {Array.from({ length: 4 }).map((_, col) => (<div key={col} className="min-h-48 rounded-3xl border p-3 space-y-3">
-                <div className="rounded-2xl border bg-background/85 p-3 flex items-center justify-between">
-                  <div className="space-y-1">
-                    <div className="flex items-center gap-2">
-                      <skeleton_1.Skeleton className="size-2.5 rounded-full"/>
-                      <skeleton_1.Skeleton className="h-4 w-20"/>
-                    </div>
-                    <skeleton_1.Skeleton className="h-3 w-12"/>
-                  </div>
-                  <skeleton_1.Skeleton className="size-5 rounded-full"/>
-                </div>
-                {Array.from({ length: col === 0 ? 3 : col === 1 ? 2 : 1 }).map((_, card) => (<div key={card} className="rounded-2xl border bg-card p-3 space-y-3">
-                      <div className="flex items-start justify-between gap-2">
-                        <div className="flex-1 space-y-1">
-                          <skeleton_1.Skeleton className="h-4 w-full"/>
-                          <skeleton_1.Skeleton className="h-3 w-3/4"/>
-                        </div>
-                        <skeleton_1.Skeleton className="h-5 w-12 rounded-full"/>
-                      </div>
-                      <div className="grid grid-cols-2 gap-2">
-                        <skeleton_1.Skeleton className="h-8 rounded-xl"/>
-                        <skeleton_1.Skeleton className="h-8 rounded-xl"/>
-                      </div>
-                      <div className="space-y-1.5">
-                        <skeleton_1.Skeleton className="h-1.5 w-full rounded-full"/>
-                      </div>
-                      <div className="flex items-center justify-between border-t pt-3">
-                        <div className="flex items-center gap-2">
-                          <skeleton_1.Skeleton className="size-7 rounded-full"/>
-                          <skeleton_1.Skeleton className="h-3 w-20"/>
-                        </div>
-                        <div className="flex gap-2">
-                          <skeleton_1.Skeleton className="h-3 w-6"/>
-                          <skeleton_1.Skeleton className="h-3 w-6"/>
-                        </div>
-                      </div>
-                    </div>))}
-              </div>))}
-          </div>
-        </div>
-
-        {/* Timeline */}
-        <div className="rounded-3xl border p-4">
-          <skeleton_1.Skeleton className="mb-4 h-5 w-24"/>
-          <div className="rounded-3xl border p-4 space-y-6">
-            {Array.from({ length: 3 }).map((_, group) => (<div key={group} className="space-y-3">
-                <skeleton_1.Skeleton className="h-6 w-28 rounded-full"/>
-                {Array.from({ length: 2 }).map((_, event) => (<div key={event} className="grid grid-cols-[2rem_1fr] gap-3">
-                    <div className="flex flex-col items-center">
-                      <skeleton_1.Skeleton className="size-8 rounded-full"/>
-                      {event === 0 ? (<div className="w-px flex-1 bg-border mt-1"/>) : null}
-                    </div>
-                    <div className="pb-5">
-                      <div className="rounded-2xl border p-4 space-y-3">
-                        <div className="flex justify-between">
-                          <div className="space-y-1.5">
-                            <skeleton_1.Skeleton className="h-4 w-40"/>
-                            <skeleton_1.Skeleton className="h-3 w-56"/>
-                          </div>
-                          <skeleton_1.Skeleton className="h-3 w-16"/>
-                        </div>
-                        <div className="flex items-center gap-2 border-t pt-3">
-                          <skeleton_1.Skeleton className="size-7 rounded-full"/>
-                          <skeleton_1.Skeleton className="h-3 w-24"/>
-                        </div>
-                      </div>
-                    </div>
-                  </div>))}
-              </div>))}
-          </div>
-        </div>
-      </div>
-    </entity_list_1.Page>);
-}
-function ProjectDetailsScreen({ projectId }) {
-    var _a, _b, _c, _d, _e;
-    const t = (0, next_intl_1.useTranslations)('operations.ProjectDetailsPage');
-    const commonT = (0, next_intl_1.useTranslations)('operations.Common');
-    const formT = (0, next_intl_1.useTranslations)('operations.ProjectFormPage');
-    const contractT = (0, next_intl_1.useTranslations)('operations.ContractFormPage');
-    const { request, currentLocaleCode, getSettingValue } = (0, next_app_provider_1.useApp)();
-    const access = (0, use_operations_access_1.useOperationsAccess)();
-    const isLimitedView = !access.isDirector && !access.isSupervisor;
-    const router = (0, navigation_1.useRouter)();
-    const pathname = (0, navigation_1.usePathname)();
-    const searchParams = (0, navigation_1.useSearchParams)();
-    const getProjectStatusLabel = (value) => {
-        if (!value)
-            return commonT('labels.notAvailable');
-        try {
-            return formT(`options.statuses.${value}`);
-        }
-        catch (_a) {
-            return (0, format_1.formatEnumLabel)(value);
-        }
-    };
-    const getContractStatusLabel = (value) => {
-        if (!value)
-            return commonT('labels.notAvailable');
-        try {
-            return contractT(`options.statuses.${value}`);
-        }
-        catch (_a) {
-            return (0, format_1.formatEnumLabel)(value);
-        }
-    };
-    const getContractCategoryLabel = (value) => {
-        if (!value)
-            return commonT('labels.notAvailable');
-        try {
-            return contractT(`options.contractCategories.${value}`);
-        }
-        catch (_a) {
-            return (0, format_1.formatEnumLabel)(value);
-        }
-    };
-    const getContractTypeLabel = (value) => {
-        if (!value)
-            return commonT('labels.notAvailable');
-        try {
-            return contractT(`options.contractTypes.${value}`);
-        }
-        catch (_a) {
-            return (0, format_1.formatEnumLabel)(value);
-        }
-    };
-    const getSignatureStatusLabel = (value) => {
-        if (!value)
-            return commonT('labels.notAvailable');
-        try {
-            return contractT(`options.signatureStatuses.${value}`);
-        }
-        catch (_a) {
-            return (0, format_1.formatEnumLabel)(value);
-        }
-    };
-    const isEditSheetOpen = (0, react_1.useMemo)(() => !isLimitedView &&
-        shouldOpenEditSheet(searchParams.get('edit'), projectId), [isLimitedView, projectId, searchParams]);
-    const updateSheetQuery = (open) => {
-        const params = new URLSearchParams(searchParams.toString());
-        if (open) {
-            params.set('edit', '1');
-        }
-        else {
-            params.delete('edit');
-        }
-        const query = params.toString();
-        router.replace(query ? `${pathname}?${query}` : pathname, {
-            scroll: false,
-        });
-    };
-    const openEditSheet = () => {
-        updateSheetQuery(true);
-    };
-    const closeEditSheet = () => {
-        updateSheetQuery(false);
-    };
-    const getDeliveryModelLabel = (value) => {
-        if (!value) {
-            return commonT('labels.notAvailable');
-        }
-        try {
-            return formT(`options.deliveryModels.${value}`);
-        }
-        catch (_a) {
-            return (0, format_1.formatEnumLabel)(value);
-        }
-    };
-    const getBillingModelLabel = (value) => {
-        if (!value) {
-            return commonT('labels.notAvailable');
-        }
-        try {
-            return formT(`options.billingModels.${value}`);
-        }
-        catch (_a) {
-            return (0, format_1.formatEnumLabel)(value);
-        }
-    };
-    const getTaskPriorityLabel = (value) => {
-        var _a;
-        const labels = currentLocaleCode.startsWith('pt')
-            ? { low: 'Baixa', medium: 'Média', high: 'Alta' }
-            : { low: 'Low', medium: 'Medium', high: 'High' };
-        return (_a = labels[value]) !== null && _a !== void 0 ? _a : (0, format_1.formatEnumLabel)(value);
-    };
-    const { data: project, refetch, isLoading: isProjectLoading, } = (0, next_app_provider_1.useQuery)({
-        queryKey: ['operations-project-details', currentLocaleCode, projectId],
-        queryFn: () => (0, api_1.fetchOperations)(request, `/operations/projects/${projectId}`),
-    });
-    const { data: rawTasks = [], refetch: refetchTasks, isLoading: isTasksLoading, } = (0, next_app_provider_1.useQuery)({
-        queryKey: ['operations-project-board-tasks', projectId],
-        queryFn: () => (0, api_1.fetchOperations)(request, `/operations/projects/${projectId}/tasks`),
-        enabled: Boolean(project),
-    });
-    const { data: archivedTasksResponse, refetch: refetchArchivedTasks } = (0, next_app_provider_1.useQuery)({
-        queryKey: ['operations-project-archived-tasks', projectId],
-        queryFn: () => (0, api_1.fetchOperations)(request, `/operations/tasks?projectId=${projectId}&pageSize=100&sortField=createdAt&sortOrder=desc&archived=true`),
-        enabled: Boolean(project),
-    });
-    const { data: projectStats, isLoading: isProjectStatsLoading } = (0, next_app_provider_1.useQuery)({
-        queryKey: ['operations-project-stats', projectId],
-        queryFn: () => (0, api_1.fetchOperations)(request, `/operations/projects/${projectId}/stats`),
-        enabled: Boolean(project) && !isLimitedView,
-    });
-    const [boardState, setBoardState] = (0, react_1.useState)(null);
-    const [selectedTask, setSelectedTask] = (0, react_1.useState)(null);
-    const [taskFormOpen, setTaskFormOpen] = (0, react_1.useState)(false);
-    const [editingTaskId, setEditingTaskId] = (0, react_1.useState)(null);
-    const [taskFormData, setTaskFormData] = (0, react_1.useState)(EMPTY_TASK_FORM);
-    const [taskFormLoading, setTaskFormLoading] = (0, react_1.useState)(false);
-    const [deletePromptTask, setDeletePromptTask] = (0, react_1.useState)(null);
-    const [inlineCreateColumn, setInlineCreateColumn] = (0, react_1.useState)(null);
-    const [inlineCreateName, setInlineCreateName] = (0, react_1.useState)('');
-    const [inlineCreateLoading, setInlineCreateLoading] = (0, react_1.useState)(false);
-    const [boardSearch, setBoardSearch] = (0, react_1.useState)('');
-    const [boardPriorityFilter, setBoardPriorityFilter] = (0, react_1.useState)('all');
-    const [boardGroupMode, setBoardGroupMode] = (0, react_1.useState)('status');
-    const [timelineTypeFilter, setTimelineTypeFilter] = (0, react_1.useState)('all');
-    const [timelineVisibleCount, setTimelineVisibleCount] = (0, react_1.useState)(8);
-    const [archivingTaskId, setArchivingTaskId] = (0, react_1.useState)(null);
-    const [restoringTaskId, setRestoringTaskId] = (0, react_1.useState)(null);
-    const [deletingTaskId, setDeletingTaskId] = (0, react_1.useState)(null);
-    const [activeDragTask, setActiveDragTask] = (0, react_1.useState)(null);
-    const apiTasks = (0, react_1.useMemo)(() => rawTasks.map(apiTaskToBoardTask), [rawTasks]);
-    const archivedTasks = (0, react_1.useMemo)(() => {
-        var _a;
-        return ((_a = archivedTasksResponse === null || archivedTasksResponse === void 0 ? void 0 : archivedTasksResponse.data) !== null && _a !== void 0 ? _a : []).filter((task) => Boolean(task.deletedAt));
-    }, [archivedTasksResponse]);
-    const taskColumns = (0, react_1.useMemo)(() => {
-        if (project && (boardState === null || boardState === void 0 ? void 0 : boardState.projectId) === project.id) {
-            return boardState.columns;
-        }
-        return splitTasksByColumn(apiTasks);
-    }, [project, boardState, apiTasks]);
-    const filteredTaskColumns = (0, react_1.useMemo)(() => {
-        const normalizedSearch = boardSearch.trim().toLocaleLowerCase();
-        const filterTask = (task) => {
-            const matchesSearch = !normalizedSearch ||
-                [
-                    task.name,
-                    task.description,
-                    task.assigneeName,
-                    task.tags,
-                    task.priority,
-                ]
-                    .filter(Boolean)
-                    .some((value) => String(value).toLocaleLowerCase().includes(normalizedSearch));
-            const matchesPriority = boardPriorityFilter === 'all' || task.priority === boardPriorityFilter;
-            return matchesSearch && matchesPriority;
-        };
-        return {
-            todo: taskColumns.todo.filter(filterTask),
-            doing: taskColumns.doing.filter(filterTask),
-            review: taskColumns.review.filter(filterTask),
-            done: taskColumns.done.filter(filterTask),
-        };
-    }, [boardPriorityFilter, boardSearch, taskColumns]);
-    const taskAssigneeOptions = (0, react_1.useMemo)(() => {
-        var _a;
-        const seen = new Set();
-        return ((_a = project === null || project === void 0 ? void 0 : project.assignments.filter((assignment) => {
-            if (!assignment.collaboratorId ||
-                seen.has(assignment.collaboratorId)) {
-                return false;
-            }
-            seen.add(assignment.collaboratorId);
-            return true;
-        }).map((assignment) => ({
-            id: String(assignment.collaboratorId),
-            label: assignment.collaboratorName,
-        }))) !== null && _a !== void 0 ? _a : []);
-    }, [project]);
-    const openCreateTaskForm = (0, react_1.useCallback)((defaultStatus = 'todo') => {
-        setEditingTaskId(null);
-        setTaskFormData(Object.assign(Object.assign({}, EMPTY_TASK_FORM), { status: defaultStatus }));
-        setTaskFormOpen(true);
-    }, []);
-    const openEditTaskForm = (0, react_1.useCallback)((task) => {
-        var _a, _b;
-        setEditingTaskId(task.id);
-        setTaskFormData({
-            name: task.name,
-            description: (_a = task.description) !== null && _a !== void 0 ? _a : '',
-            priority: task.priority,
-            status: task.status,
-            assigneeCollaboratorId: task.assigneeCollaboratorId
-                ? String(task.assigneeCollaboratorId)
-                : 'none',
-            dueDate: normalizeDateInputValue(task.dueDate),
-            estimateHours: task.estimateHours != null ? String(task.estimateHours) : '',
-            tags: (_b = task.tags) !== null && _b !== void 0 ? _b : '',
-        });
-        setSelectedTask(null);
-        setTaskFormOpen(true);
-    }, []);
-    const handleTaskFormSubmit = (0, react_1.useCallback)(async () => {
-        if (!taskFormData.name.trim())
-            return;
-        setTaskFormLoading(true);
-        try {
-            const payload = {
-                name: taskFormData.name.trim(),
-                description: taskFormData.description || null,
-                priority: taskFormData.priority,
-                status: taskFormData.status,
-                assigneeCollaboratorId: taskFormData.assigneeCollaboratorId !== 'none'
-                    ? Number(taskFormData.assigneeCollaboratorId)
-                    : null,
-                dueDate: taskFormData.dueDate || null,
-                estimateHours: taskFormData.estimateHours
-                    ? Number(taskFormData.estimateHours)
-                    : null,
-                tags: taskFormData.tags || null,
-            };
-            if (editingTaskId) {
-                await (0, api_1.mutateOperations)(request, `/operations/tasks/${editingTaskId}`, 'PATCH', payload);
-            }
-            else {
-                await (0, api_1.mutateOperations)(request, '/operations/tasks', 'POST', Object.assign({ projectId }, payload));
-            }
-            setBoardState(null);
-            await refetchTasks();
-            await refetchArchivedTasks();
-            setTaskFormOpen(false);
-            setEditingTaskId(null);
-            setTaskFormData(EMPTY_TASK_FORM);
-        }
-        finally {
-            setTaskFormLoading(false);
-        }
-    }, [
-        taskFormData,
-        editingTaskId,
-        projectId,
-        request,
-        refetchTasks,
-        refetchArchivedTasks,
-    ]);
-    const handleArchiveTask = (0, react_1.useCallback)(async (taskId) => {
-        setArchivingTaskId(taskId);
-        try {
-            await (0, api_1.mutateOperations)(request, `/operations/tasks/${taskId}`, 'PATCH', {
-                archived: true,
-            });
-            setBoardState(null);
-            setSelectedTask(null);
-            await refetchTasks();
-            await refetchArchivedTasks();
-        }
-        catch (_a) {
-            // ignore
-        }
-        finally {
-            setArchivingTaskId(null);
-        }
-    }, [request, refetchTasks, refetchArchivedTasks]);
-    const handleRestoreTask = (0, react_1.useCallback)(async (taskId) => {
-        setRestoringTaskId(taskId);
-        try {
-            await (0, api_1.mutateOperations)(request, `/operations/tasks/${taskId}`, 'PATCH', {
-                archived: false,
-            });
-            setSelectedTask(null);
-            await refetchTasks();
-            await refetchArchivedTasks();
-        }
-        catch (_a) {
-            // ignore
-        }
-        finally {
-            setRestoringTaskId(null);
-        }
-    }, [request, refetchTasks, refetchArchivedTasks]);
-    const handleInlineCreateTask = (0, react_1.useCallback)(async (column, name) => {
-        const trimmed = name.trim();
-        if (!trimmed) {
-            setInlineCreateColumn(null);
-            setInlineCreateName('');
-            return;
-        }
-        setInlineCreateLoading(true);
-        try {
-            await (0, api_1.mutateOperations)(request, '/operations/tasks', 'POST', {
-                projectId,
-                name: trimmed,
-                status: column,
-                priority: 'medium',
-            });
-            setBoardState(null);
-            setInlineCreateColumn(null);
-            setInlineCreateName('');
-            await refetchTasks();
-        }
-        finally {
-            setInlineCreateLoading(false);
-        }
-    }, [projectId, request, refetchTasks]);
-    const handleDeleteTask = (0, react_1.useCallback)(async (taskId) => {
-        setDeletingTaskId(taskId);
-        try {
-            await (0, api_1.mutateOperations)(request, `/operations/tasks/${taskId}?permanent=true`, 'DELETE');
-            setBoardState(null);
-            setSelectedTask(null);
-            setDeletePromptTask(null);
-            await refetchTasks();
-            await refetchArchivedTasks();
-        }
-        catch (_a) {
-            // ignore
-        }
-        finally {
-            setDeletingTaskId(null);
-        }
-    }, [request, refetchTasks, refetchArchivedTasks]);
-    const allocationChartData = (0, react_1.useMemo)(() => {
-        var _a;
-        if ((_a = projectStats === null || projectStats === void 0 ? void 0 : projectStats.allocationByCollaborator) === null || _a === void 0 ? void 0 : _a.length) {
-            return projectStats.allocationByCollaborator;
-        }
-        if (!project) {
-            return [];
-        }
-        return project.assignments.slice(0, 6).map((assignment) => ({
-            name: getInitials(assignment.collaboratorName),
-            allocation: typeof assignment.allocationPercent === 'number'
-                ? Math.round(assignment.allocationPercent)
-                : 0,
-        }));
-    }, [project, projectStats]);
-    const sensors = (0, core_1.useSensors)((0, core_1.useSensor)(core_1.PointerSensor, {
-        activationConstraint: { distance: 6 },
-    }));
-    const velocityChartData = (0, react_1.useMemo)(() => {
-        var _a;
-        if ((_a = projectStats === null || projectStats === void 0 ? void 0 : projectStats.weeklyVelocity) === null || _a === void 0 ? void 0 : _a.length) {
-            return projectStats.weeklyVelocity.map((row) => ({
-                week: row.weekLabel,
-                loggedHours: row.loggedHours,
-                completedTasks: 0,
-            }));
-        }
-        return [];
-    }, [projectStats]);
-    const findColumnByTask = (0, react_1.useCallback)((taskId) => {
-        var _a;
-        const match = KANBAN_COLUMNS.find((column) => taskColumns[column.id].some((task) => task.id === taskId));
-        return (_a = match === null || match === void 0 ? void 0 : match.id) !== null && _a !== void 0 ? _a : null;
-    }, [taskColumns]);
-    const moveTaskToColumn = (0, react_1.useCallback)((taskId, targetColumn) => {
-        const originColumn = findColumnByTask(taskId);
-        if (!originColumn || originColumn === targetColumn) {
-            return;
-        }
-        const sourceTask = taskColumns[originColumn].find((task) => task.id === taskId);
-        if (!sourceTask || !project) {
-            return;
-        }
-        // Optimistic update
-        setBoardState({
-            projectId: project.id,
-            columns: Object.assign(Object.assign({}, taskColumns), { [originColumn]: taskColumns[originColumn].filter((task) => task.id !== taskId), [targetColumn]: [
-                    Object.assign(Object.assign({}, sourceTask), { status: targetColumn }),
-                    ...taskColumns[targetColumn],
-                ] }),
-        });
-        // Persist to API
-        (0, api_1.mutateOperations)(request, `/operations/tasks/${taskId}`, 'PATCH', {
-            status: targetColumn,
-        }).catch(() => {
-            // Rollback optimistic update on error
-            setBoardState(null);
-            void refetchTasks();
-        });
-    }, [findColumnByTask, taskColumns, project, request, refetchTasks]);
-    const onBoardDragStart = (event) => {
-        var _a;
-        const taskId = parseTaskId(event.active.id);
-        if (!taskId)
-            return;
-        const col = findColumnByTask(taskId);
-        if (!col)
-            return;
-        const task = (_a = taskColumns[col].find((t) => t.id === taskId)) !== null && _a !== void 0 ? _a : null;
-        setActiveDragTask(task);
-    };
-    const onBoardDragEnd = (event) => {
-        var _a;
-        setActiveDragTask(null);
-        const taskId = parseTaskId(event.active.id);
-        const targetColumn = parseColumnId((_a = event.over) === null || _a === void 0 ? void 0 : _a.id);
-        if (!taskId || !targetColumn) {
-            return;
-        }
-        moveTaskToColumn(taskId, targetColumn);
-    };
-    const timelineEvents = (0, react_1.useMemo)(() => {
-        if (!project) {
-            return [];
-        }
-        const events = [];
-        const projectStart = getValidTimestamp(project.startDate);
-        const projectEnd = getValidTimestamp(project.endDate);
-        if (projectStart) {
-            events.push({
-                id: `project-start-${project.id}`,
-                type: 'status',
-                title: t('timeline.projectStarted'),
-                description: t('timeline.projectStartedDescription', {
-                    project: project.name,
-                }),
-                timestamp: projectStart,
-                actorName: project.managerName,
-                actorAvatarId: project.managerAvatarId,
-                icon: lucide_react_1.Rocket,
-                toneClassName: 'bg-sky-500 text-white',
-            });
-        }
-        if (projectEnd) {
-            events.push({
-                id: `project-deadline-${project.id}`,
-                type: 'status',
-                title: t('timeline.targetDate'),
-                description: t('timeline.targetDateDescription'),
-                timestamp: projectEnd,
-                actorName: project.managerName,
-                actorAvatarId: project.managerAvatarId,
-                icon: lucide_react_1.CalendarClock,
-                toneClassName: isPastDue(project.endDate)
-                    ? 'bg-rose-500 text-white'
-                    : 'bg-violet-500 text-white',
-            });
-        }
-        apiTasks.forEach((task) => {
-            var _a, _b, _c, _d;
-            const taskCreatedAt = (_b = (_a = getValidTimestamp(task.createdAt)) !== null && _a !== void 0 ? _a : getValidTimestamp(task.dueDate)) !== null && _b !== void 0 ? _b : projectStart;
-            const actorName = task.assigneeName || project.managerName;
-            if (taskCreatedAt) {
-                events.push({
-                    id: `task-created-${task.id}`,
-                    type: 'task',
-                    title: t('timeline.taskCreated'),
-                    description: task.name,
-                    timestamp: taskCreatedAt,
-                    actorName,
-                    actorAvatarId: task.assigneePersonAvatarId,
-                    actorUserPhotoId: task.assigneeUserPhotoId,
-                    icon: lucide_react_1.Plus,
-                    toneClassName: 'bg-slate-500 text-white',
-                });
-            }
-            if (task.status === 'done') {
-                events.push({
-                    id: `task-done-${task.id}`,
-                    type: 'status',
-                    title: t('timeline.taskCompleted'),
-                    description: task.name,
-                    timestamp: (_d = (_c = getValidTimestamp(task.dueDate)) !== null && _c !== void 0 ? _c : taskCreatedAt) !== null && _d !== void 0 ? _d : new Date().toISOString(),
-                    actorName,
-                    actorAvatarId: task.assigneePersonAvatarId,
-                    actorUserPhotoId: task.assigneeUserPhotoId,
-                    icon: lucide_react_1.CheckCircle2,
-                    toneClassName: 'bg-emerald-500 text-white',
-                });
-            }
-            if (task.description) {
-                events.push({
-                    id: `task-comment-${task.id}`,
-                    type: 'comment',
-                    title: t('timeline.commentAdded'),
-                    description: task.name,
-                    timestamp: taskCreatedAt !== null && taskCreatedAt !== void 0 ? taskCreatedAt : new Date().toISOString(),
-                    actorName,
-                    actorAvatarId: task.assigneePersonAvatarId,
-                    actorUserPhotoId: task.assigneeUserPhotoId,
-                    icon: lucide_react_1.MessageSquare,
-                    toneClassName: 'bg-indigo-500 text-white',
-                });
-            }
-        });
-        if (project.timesheetSummary.totalTimesheets > 0) {
-            events.push({
-                id: `timesheets-${project.id}`,
-                type: 'timesheet',
-                title: t('timeline.timesheetLogged'),
-                description: t('timeline.timesheetLoggedDescription', {
-                    count: project.timesheetSummary.totalTimesheets,
-                    hours: (0, format_1.formatHours)(project.timesheetSummary.totalHours),
-                }),
-                timestamp: new Date().toISOString(),
-                actorName: project.managerName,
-                actorAvatarId: project.managerAvatarId,
-                icon: lucide_react_1.Timer,
-                toneClassName: 'bg-cyan-500 text-white',
-            });
-        }
-        if (project.timesheetSummary.pendingTimesheets > 0) {
-            events.push({
-                id: `approvals-${project.id}`,
-                type: 'approval',
-                title: t('timeline.approvalPending'),
-                description: t('timeline.approvalPendingDescription', {
-                    count: project.timesheetSummary.pendingTimesheets,
-                }),
-                timestamp: new Date().toISOString(),
-                actorName: project.managerName,
-                actorAvatarId: project.managerAvatarId,
-                icon: lucide_react_1.GitCommitHorizontal,
-                toneClassName: 'bg-amber-500 text-white',
-            });
-        }
-        return events.sort((a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime());
-    }, [apiTasks, project, t]);
-    if (isProjectLoading) {
-        return <ProjectDetailsSkeleton />;
-    }
-    if (!project) {
-        return (<entity_list_1.Page>
-        <operations_header_1.OperationsHeader title={t('title')} description={t('description')} current={t('breadcrumb')}/>
-        <entity_list_1.EmptyState icon={<lucide_react_1.FolderKanban className="size-12"/>} title={commonT('states.emptyTitle')} description={t('notFound')} actionLabel={commonT('actions.refresh')} onAction={() => void refetch()}/>
-      </entity_list_1.Page>);
-    }
-    const totalTasks = apiTasks.length;
-    const completedTasks = taskColumns.done.length;
-    const pendingTasks = totalTasks - completedTasks;
-    const activeCollaborators = project.operationalIndicators.activeAssignments ||
-        project.assignments.filter((assignment) => assignment.status === 'active')
-            .length ||
-        project.assignments.length;
-    const overdueTasks = apiTasks.filter((task) => task.status !== 'done' && isPastDue(task.dueDate)).length;
-    const projectProgress = clampPercent(project.progressPercent);
-    const taskProgress = totalTasks > 0 ? Math.round((completedTasks / totalTasks) * 100) : 0;
-    const displayedProgress = projectProgress || taskProgress;
-    const averageAllocation = clampPercent(project.operationalIndicators.averageAllocation);
-    const weeklyVelocity = (_e = (_c = (_b = (_a = projectStats === null || projectStats === void 0 ? void 0 : projectStats.weeklyVelocity) === null || _a === void 0 ? void 0 : _a.at(-1)) === null || _b === void 0 ? void 0 : _b.loggedHours) !== null && _c !== void 0 ? _c : (_d = projectStats === null || projectStats === void 0 ? void 0 : projectStats.quickRadar) === null || _d === void 0 ? void 0 : _d.totalWeeklyHours) !== null && _e !== void 0 ? _e : project.operationalIndicators.totalWeeklyHours;
-    const projectHealth = getProjectHealthScore({
-        progress: displayedProgress,
-        averageAllocation,
-        overdueTasks,
-        pendingTimesheets: project.timesheetSummary.pendingTimesheets,
-    });
-    const projectHealthLabel = projectHealth.labelKey === 'good'
-        ? t('health.good')
-        : projectHealth.labelKey === 'warning'
-            ? t('health.warning')
-            : t('health.danger');
-    const projectHealthTrend = projectHealth.labelKey === 'good'
-        ? t('kpi.trends.health.good')
-        : projectHealth.labelKey === 'warning'
-            ? t('kpi.trends.health.warning')
-            : t('kpi.trends.health.danger');
-    const teamPreview = project.assignments.slice(0, 5);
-    const hiddenTeamCount = Math.max(project.assignments.length - teamPreview.length, 0);
-    const overloadedAssignments = project.assignments.filter((assignment) => { var _a; return ((_a = assignment.allocationPercent) !== null && _a !== void 0 ? _a : 0) > 100; }).length;
-    const highAllocationAssignments = project.assignments.filter((assignment) => {
-        var _a;
-        const allocation = (_a = assignment.allocationPercent) !== null && _a !== void 0 ? _a : 0;
-        return allocation >= 85 && allocation <= 100;
-    }).length;
-    const availableAssignments = project.assignments.filter((assignment) => { var _a; return ((_a = assignment.allocationPercent) !== null && _a !== void 0 ? _a : 0) < 85; }).length;
-    const burnupChartData = velocityChartData.length > 0
-        ? velocityChartData.reduce((items, row, index) => {
-            var _a, _b, _c;
-            const previous = (_b = (_a = items[index - 1]) === null || _a === void 0 ? void 0 : _a.loggedHours) !== null && _b !== void 0 ? _b : 0;
-            const loggedHours = previous + Number((_c = row.loggedHours) !== null && _c !== void 0 ? _c : 0);
-            const planned = project.operationalIndicators.totalWeeklyHours > 0
-                ? project.operationalIndicators.totalWeeklyHours * (index + 1)
-                : loggedHours;
-            items.push({ week: row.week, loggedHours, planned });
-            return items;
-        }, [])
-        : [
-            { week: t('charts.start'), loggedHours: 0, planned: 0 },
-            {
-                week: t('charts.current'),
-                loggedHours: project.timesheetSummary.totalHours,
-                planned: project.operationalIndicators.totalWeeklyHours ||
-                    project.timesheetSummary.totalHours,
-            },
-        ];
-    const taskDistributionData = KANBAN_COLUMNS.map((column) => ({
-        key: column.id,
-        name: column.label,
-        value: taskColumns[column.id].length,
-        fill: `var(--color-${column.id})`,
-    })).filter((item) => item.value > 0);
-    const healthChartData = [
-        {
-            name: t('charts.healthScore'),
-            value: projectHealth.value,
-            fill: projectHealth.tone === 'danger'
-                ? 'hsl(0 84% 60%)'
-                : projectHealth.tone === 'warning'
-                    ? 'hsl(38 92% 50%)'
-                    : 'var(--color-health)',
-        },
-    ];
-    const chartDashboardLoading = isProjectStatsLoading || isTasksLoading;
-    const filteredTimelineEvents = timelineEvents.filter((event) => timelineTypeFilter === 'all' || event.type === timelineTypeFilter);
-    const visibleTimelineEvents = filteredTimelineEvents.slice(0, timelineVisibleCount);
-    const groupedTimelineEvents = visibleTimelineEvents.reduce((groups, event) => {
-        const dayKey = getTimelineDayKey(event.timestamp);
-        const currentGroup = groups[groups.length - 1];
-        if ((currentGroup === null || currentGroup === void 0 ? void 0 : currentGroup.dayKey) === dayKey) {
-            currentGroup.events.push(event);
-        }
-        else {
-            groups.push({ dayKey, events: [event] });
-        }
-        return groups;
-    }, []);
-    const allocationTone = project.operationalIndicators.averageAllocation > 100
-        ? 'critical'
-        : project.operationalIndicators.averageAllocation > 85
-            ? 'warning'
-            : 'positive';
-    const pendingTasksTone = overdueTasks > 0 ? 'critical' : pendingTasks > 0 ? 'warning' : 'positive';
-    const velocityTone = weeklyVelocity > 0 ? 'positive' : 'info';
-    const kpiWidgets = [
-        {
-            key: 'hours',
-            title: t('cards.loggedHours'),
-            value: (0, format_1.formatHours)(project.timesheetSummary.totalHours),
-            subtitle: t('cards.loggedHoursDescription'),
-            trend: t('kpi.trends.hours', {
-                count: project.timesheetSummary.totalTimesheets,
-            }),
-            indicator: Math.min(project.timesheetSummary.totalHours, 100),
-            icon: lucide_react_1.Timer,
-            tone: 'info',
-        },
-        {
-            key: 'health',
-            title: t('cards.projectHealth'),
-            value: projectHealthLabel,
-            subtitle: t('kpi.subtitles.health'),
-            trend: projectHealthTrend,
-            indicator: projectHealth.value,
-            icon: lucide_react_1.HeartPulse,
-            tone: projectHealth.tone === 'danger'
-                ? 'critical'
-                : projectHealth.tone === 'warning'
-                    ? 'warning'
-                    : 'positive',
-        },
-        {
-            key: 'velocity',
-            title: t('cards.weeklyVelocity'),
-            value: (0, format_1.formatHours)(weeklyVelocity),
-            subtitle: t('cards.weeklyVelocityDescription'),
-            trend: weeklyVelocity > 0
-                ? t('kpi.trends.velocity.active')
-                : t('kpi.trends.velocity.empty'),
-            indicator: Math.min(weeklyVelocity, 100),
-            icon: lucide_react_1.TrendingUp,
-            tone: velocityTone,
-        },
-        {
-            key: 'allocation',
-            title: t('cards.allocation'),
-            value: (0, format_1.formatPercent)(project.operationalIndicators.averageAllocation),
-            subtitle: t('cards.allocationDescription'),
-            trend: allocationTone === 'critical'
-                ? t('kpi.trends.allocation.critical')
-                : allocationTone === 'warning'
-                    ? t('kpi.trends.allocation.warning')
-                    : t('kpi.trends.allocation.good'),
-            indicator: averageAllocation,
-            icon: lucide_react_1.Gauge,
-            tone: allocationTone,
-        },
-        {
-            key: 'pendingTasks',
-            title: t('cards.pendingTasks'),
-            value: pendingTasks,
-            subtitle: t('cards.pendingTasksDescription', { overdue: overdueTasks }),
-            trend: pendingTasksTone === 'critical'
-                ? t('kpi.trends.tasks.critical', { count: overdueTasks })
-                : pendingTasksTone === 'warning'
-                    ? t('kpi.trends.tasks.warning')
-                    : t('kpi.trends.tasks.good'),
-            indicator: totalTasks > 0 ? Math.round((pendingTasks / totalTasks) * 100) : 0,
-            icon: lucide_react_1.ClipboardList,
-            tone: pendingTasksTone,
-        },
-        {
-            key: 'activeCollaborators',
-            title: t('cards.activeCollaborators'),
-            value: activeCollaborators,
-            subtitle: t('cards.activeCollaboratorsDescription'),
-            trend: activeCollaborators > 0
-                ? t('kpi.trends.collaborators.active')
-                : t('kpi.trends.collaborators.empty'),
-            indicator: project.assignments.length > 0
-                ? Math.round((activeCollaborators / project.assignments.length) * 100)
-                : 0,
-            icon: lucide_react_1.Users,
-            tone: activeCollaborators > 0 ? 'positive' : 'warning',
-        },
-    ];
-    return (<entity_list_1.Page>
-      <framer_motion_1.motion.section initial={{ opacity: 0, y: 10 }} animate={{ opacity: 1, y: 0 }} transition={{ duration: 0.25 }} className="overflow-hidden rounded-3xl border bg-card shadow-sm">
-        <div className="relative overflow-hidden border-b bg-linear-to-br from-muted/70 via-background to-background p-5 sm:p-6">
-          <div className="absolute inset-x-0 top-0 h-px bg-linear-to-r from-transparent via-primary/40 to-transparent"/>
-          <div className="flex flex-col gap-6">
-            <div className="flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between">
-              <div className="min-w-0 space-y-4">
-                <nav aria-label="Breadcrumb" className="flex min-w-0 flex-wrap items-center gap-1.5 text-xs text-muted-foreground">
-                  <link_1.default href="/operations/projects" className="transition hover:text-foreground">
-                    {t('breadcrumbTrail.operations')}
-                  </link_1.default>
-                  <lucide_react_1.ChevronRight className="size-3.5"/>
-                  <link_1.default href="/operations/projects" className="transition hover:text-foreground">
-                    {t('breadcrumbTrail.projects')}
-                  </link_1.default>
-                  <lucide_react_1.ChevronRight className="size-3.5"/>
-                  <span className="max-w-[12rem] truncate font-medium text-foreground sm:max-w-md">
-                    {project.code || project.name}
-                  </span>
-                </nav>
-
-                <div className="flex min-w-0 items-start gap-4">
-                  <div className="flex size-14 shrink-0 items-center justify-center rounded-2xl border bg-background shadow-xs">
-                    <lucide_react_1.FolderKanban className="size-7 text-primary"/>
-                  </div>
-                  <div className="min-w-0 space-y-2">
-                    <div className="flex flex-wrap items-center gap-2">
-                      <span className="rounded-full border bg-background px-3 py-1 text-xs font-medium text-muted-foreground">
-                        {project.code || commonT('labels.notAvailable')}
-                      </span>
-                      <status_badge_1.StatusBadge label={getProjectStatusLabel(project.status)} className={(0, format_1.getStatusBadgeClass)(project.status)}/>
-                    </div>
-                    <div className="space-y-1.5">
-                      <h1 className="max-w-5xl text-2xl font-semibold tracking-tight text-foreground sm:text-3xl">
-                        {project.name}
-                      </h1>
-                      <p className="max-w-3xl text-sm leading-6 text-muted-foreground">
-                        {project.summary || t('executive.fallbackDescription')}
-                      </p>
-                    </div>
-                  </div>
-                </div>
-              </div>
-
-              <div className="flex flex-wrap gap-2 lg:justify-end">
-                {access.isDirector ? (<button_1.Button size="sm" onClick={openEditSheet} className="cursor-pointer gap-2">
-                    <lucide_react_1.Pencil className="size-4"/>
-                    {commonT('actions.edit')}
-                  </button_1.Button>) : null}
-                {!isLimitedView ? (<button_1.Button variant="outline" size="sm" onClick={() => openCreateTaskForm()} className="cursor-pointer gap-2">
-                    <lucide_react_1.Plus className="size-4"/>
-                    {t('taskForm.titleNew')}
-                  </button_1.Button>) : null}
-                <button_1.Button variant="outline" size="sm" asChild>
-                  <link_1.default href="/operations/timesheets">
-                    <lucide_react_1.Timer className="size-4"/>
-                    {t('quickActions.timesheet')}
-                  </link_1.default>
-                </button_1.Button>
-                <dropdown_menu_1.DropdownMenu>
-                  <dropdown_menu_1.DropdownMenuTrigger asChild>
-                    <button_1.Button variant="outline" size="icon" className="size-9 cursor-pointer" aria-label={t('quickActions.more')}>
-                      <lucide_react_1.MoreHorizontal className="size-4"/>
-                    </button_1.Button>
-                  </dropdown_menu_1.DropdownMenuTrigger>
-                  <dropdown_menu_1.DropdownMenuContent align="end" className="w-56">
-                    <dropdown_menu_1.DropdownMenuItem asChild>
-                      <link_1.default href="/operations/reports/projects">
-                        <lucide_react_1.BarChart2 className="size-4"/>
-                        {t('quickActions.reports')}
-                      </link_1.default>
-                    </dropdown_menu_1.DropdownMenuItem>
-                    {project.contractId ? (<dropdown_menu_1.DropdownMenuItem asChild>
-                        <link_1.default href={`/operations/contracts?edit=${project.contractId}`}>
-                          <lucide_react_1.FileText className="size-4"/>
-                          {commonT('actions.openContract')}
-                        </link_1.default>
-                      </dropdown_menu_1.DropdownMenuItem>) : null}
-                    <dropdown_menu_1.DropdownMenuSeparator />
-                    <dropdown_menu_1.DropdownMenuItem asChild>
-                      <link_1.default href="/operations/projects">
-                        <lucide_react_1.FolderKanban className="size-4"/>
-                        {t('breadcrumbTrail.projects')}
-                      </link_1.default>
-                    </dropdown_menu_1.DropdownMenuItem>
-                  </dropdown_menu_1.DropdownMenuContent>
-                </dropdown_menu_1.DropdownMenu>
-              </div>
-            </div>
-
-            <div className="grid gap-3 text-sm md:grid-cols-2 xl:grid-cols-7">
-              <div className="rounded-xl border bg-background/70 p-3 xl:col-span-2">
-                <div className="flex items-center gap-2 text-muted-foreground">
-                  <lucide_react_1.Users className="size-4"/>
-                  {commonT('labels.client')}
-                </div>
-                <div className="mt-2 flex items-center gap-2 font-medium">
-                  <avatar_1.Avatar className="size-7 border bg-muted">
-                    <avatar_1.AvatarImage src={getPersonAvatarUrl(project.clientAvatarId)} alt={project.clientName || commonT('labels.client')}/>
-                    <avatar_1.AvatarFallback className="text-[10px]">
-                      {getInitials(project.clientName)}
-                    </avatar_1.AvatarFallback>
-                  </avatar_1.Avatar>
-                  <span className="truncate">
-                    {project.clientName || commonT('labels.notAvailable')}
-                  </span>
-                </div>
-              </div>
-              <div className="rounded-xl border bg-background/70 p-3">
-                <div className="flex items-center gap-2 text-muted-foreground">
-                  <lucide_react_1.Rocket className="size-4"/>
-                  {commonT('labels.deliveryModel')}
-                </div>
-                <div className="mt-2 truncate font-medium">
-                  {project.deliveryModel
-            ? getDeliveryModelLabel(project.deliveryModel)
-            : commonT('labels.notAvailable')}
-                </div>
-              </div>
-              <div className="rounded-xl border bg-background/70 p-3">
-                <div className="flex items-center gap-2 text-muted-foreground">
-                  <lucide_react_1.Users className="size-4"/>
-                  {commonT('labels.manager')}
-                </div>
-                <div className="mt-2 truncate font-medium">
-                  {project.managerName || commonT('labels.notAssigned')}
-                </div>
-              </div>
-              <div className="rounded-xl border bg-background/70 p-3">
-                <div className="flex items-center gap-2 text-muted-foreground">
-                  <lucide_react_1.CalendarDays className="size-4"/>
-                  {commonT('labels.startDate')}
-                </div>
-                <div className="mt-2 font-medium">
-                  {(0, format_1.formatDate)(project.startDate, getSettingValue, currentLocaleCode)}
-                </div>
-              </div>
-              <div className="rounded-xl border bg-background/70 p-3">
-                <div className="flex items-center gap-2 text-muted-foreground">
-                  <lucide_react_1.CalendarClock className="size-4"/>
-                  {commonT('labels.endDate')}
-                </div>
-                <div className="mt-2 font-medium">
-                  {(0, format_1.formatDate)(project.endDate, getSettingValue, currentLocaleCode)}
-                </div>
-              </div>
-              <div className="rounded-xl border bg-background/70 p-3">
-                <div className="flex items-center gap-2 text-muted-foreground">
-                  <lucide_react_1.Gauge className="size-4"/>
-                  {commonT('labels.progress')}
-                </div>
-                <div className="mt-2 flex items-center gap-3">
-                  <progress_1.Progress value={displayedProgress} className="h-2"/>
-                  <span className="text-sm font-semibold tabular-nums">
-                    {displayedProgress}%
-                  </span>
-                </div>
-              </div>
-            </div>
-
-            <div className="flex flex-col gap-4 rounded-2xl border bg-background/75 p-4 sm:flex-row sm:items-center sm:justify-between">
-              <div className="flex items-center gap-3">
-                <div>
-                  <div className="flex items-center gap-2 text-muted-foreground">
-                    <lucide_react_1.Users className="size-4"/>
-                    <span className="text-xs font-medium uppercase tracking-[0.18em]">
-                      {t('executive.team')}
-                    </span>
-                  </div>
-                  <div className="mt-1 text-sm font-semibold">
-                    {t('executive.membersCount', {
-            count: project.assignments.length,
-        })}
-                  </div>
-                </div>
-                <div className="flex -space-x-2">
-                  {teamPreview.map((assignment) => (<tooltip_1.Tooltip key={assignment.id}>
-                      <tooltip_1.TooltipTrigger asChild>
-                        <avatar_1.Avatar className="size-10 cursor-default border-2 border-background bg-muted transition-transform hover:z-10 hover:scale-110">
-                          <avatar_1.AvatarImage src={getUserPhotoUrl(assignment.userPhotoId) ||
-                getPersonAvatarUrl(assignment.personAvatarId)} alt={assignment.collaboratorName}/>
-                          <avatar_1.AvatarFallback className="text-xs">
-                            {getInitials(assignment.collaboratorName)}
-                          </avatar_1.AvatarFallback>
-                        </avatar_1.Avatar>
-                      </tooltip_1.TooltipTrigger>
-                      <tooltip_1.TooltipContent side="bottom" className="text-xs">
-                        <p className="font-medium">
-                          {assignment.collaboratorName}
-                        </p>
-                        {assignment.roleLabel ? (<p className="text-muted-foreground">
-                            {assignment.roleLabel}
-                          </p>) : null}
-                      </tooltip_1.TooltipContent>
-                    </tooltip_1.Tooltip>))}
-                  {hiddenTeamCount > 0 ? (<div className="flex size-10 items-center justify-center rounded-full border-2 border-background bg-muted text-xs font-semibold text-muted-foreground">
-                      +{hiddenTeamCount}
-                    </div>) : null}
-                </div>
-              </div>
-
-              <div className="grid grid-cols-3 gap-3 text-sm sm:min-w-80">
-                <div className="rounded-xl border bg-muted/20 p-3">
-                  <div className="text-muted-foreground">
-                    {commonT('labels.status')}
-                  </div>
-                  <div className="mt-1">
-                    <status_badge_1.StatusBadge label={getProjectStatusLabel(project.status)} className={(0, format_1.getStatusBadgeClass)(project.status)}/>
-                  </div>
-                </div>
-                <div className="rounded-xl border bg-muted/20 p-3">
-                  <div className="text-muted-foreground">
-                    {t('cards.projectHealth')}
-                  </div>
-                  <div className="mt-1 font-semibold">{projectHealthLabel}</div>
-                </div>
-                <div className="rounded-xl border bg-muted/20 p-3">
-                  <div className="text-muted-foreground">
-                    {t('executive.completedTasks')}
-                  </div>
-                  <div className="mt-1 font-semibold">
-                    {completedTasks}/{totalTasks}
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </framer_motion_1.motion.section>
-
-      {!isLimitedView ? (<>
-          <div className="rounded-3xl border bg-linear-to-b from-muted/50 to-background p-3 shadow-sm sm:p-4">
-            <div className="grid gap-3 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-6">
-              {kpiWidgets.map((item, index) => (<ProjectKpiWidget key={item.key} item={item} index={index} indicatorLabel={t('kpi.indicator')}/>))}
-            </div>
-          </div>
-
-          <div className="grid gap-4 xl:grid-cols-12">
-            <section_card_1.SectionCard title={t('sections.overview')} className="rounded-xl border bg-card p-4 shadow-sm xl:col-span-12">
-              <dl className="grid gap-3 text-sm sm:grid-cols-2 xl:grid-cols-3">
-                <div>
-                  <dt className="text-muted-foreground">
-                    {commonT('labels.project')}
-                  </dt>
-                  <dd className="font-medium">{project.name}</dd>
-                </div>
-                <div>
-                  <dt className="text-muted-foreground">
-                    {commonT('labels.code')}
-                  </dt>
-                  <dd className="font-medium">
-                    {project.code || commonT('labels.notAvailable')}
-                  </dd>
-                </div>
-                <div>
-                  <dt className="text-muted-foreground">
-                    {commonT('labels.client')}
-                  </dt>
-                  <dd className="font-medium">
-                    <div className="flex items-center gap-2">
-                      <avatar_1.Avatar className="h-8 w-8 border border-border/60 bg-muted">
-                        <avatar_1.AvatarImage src={getPersonAvatarUrl(project.clientAvatarId)} alt={project.clientName || commonT('labels.client')}/>
-                        <avatar_1.AvatarFallback className="bg-muted text-xs font-semibold text-foreground">
-                          {getInitials(project.clientName || commonT('labels.client'))}
-                        </avatar_1.AvatarFallback>
-                      </avatar_1.Avatar>
-                      <span>
-                        {project.clientName || commonT('labels.notAvailable')}
-                      </span>
-                    </div>
-                  </dd>
-                </div>
-                <div>
-                  <dt className="text-muted-foreground">
-                    {commonT('labels.manager')}
-                  </dt>
-                  <dd className="font-medium">
-                    {project.managerName || commonT('labels.notAssigned')}
-                  </dd>
-                </div>
-                <div>
-                  <dt className="text-muted-foreground">
-                    {commonT('labels.status')}
-                  </dt>
-                  <dd className="font-medium">
-                    <status_badge_1.StatusBadge label={getProjectStatusLabel(project.status)} className={(0, format_1.getStatusBadgeClass)(project.status)}/>
-                  </dd>
-                </div>
-                <div>
-                  <dt className="text-muted-foreground">
-                    {commonT('labels.deliveryModel')}
-                  </dt>
-                  <dd className="font-medium">
-                    {project.deliveryModel
-                ? getDeliveryModelLabel(project.deliveryModel)
-                : commonT('labels.notAvailable')}
-                  </dd>
-                </div>
-                <div>
-                  <dt className="text-muted-foreground">
-                    {commonT('labels.startDate')}
-                  </dt>
-                  <dd className="font-medium">
-                    {(0, format_1.formatDate)(project.startDate, getSettingValue, currentLocaleCode)}
-                  </dd>
-                </div>
-                <div>
-                  <dt className="text-muted-foreground">
-                    {commonT('labels.endDate')}
-                  </dt>
-                  <dd className="font-medium">
-                    {(0, format_1.formatDate)(project.endDate, getSettingValue, currentLocaleCode)}
-                  </dd>
-                </div>
-                <div>
-                  <dt className="text-muted-foreground">
-                    {commonT('labels.budget')}
-                  </dt>
-                  <dd className="font-medium">
-                    {project.budgetAmount
-                ? (0, format_1.formatCurrency)(project.budgetAmount, getSettingValue, currentLocaleCode)
-                : commonT('labels.notAvailable')}
-                  </dd>
-                </div>
-                <div>
-                  <dt className="text-muted-foreground">
-                    {commonT('labels.progress')}
-                  </dt>
-                  <dd className="font-medium">
-                    {(0, format_1.formatPercent)(project.progressPercent)}
-                  </dd>
-                </div>
-                <div>
-                  <dt className="text-muted-foreground">
-                    {commonT('labels.timeline')}
-                  </dt>
-                  <dd className="font-medium">
-                    {(0, format_1.formatDateRange)(project.startDate, project.endDate, getSettingValue, currentLocaleCode)}
-                  </dd>
-                </div>
-                <div>
-                  <dt className="text-muted-foreground">
-                    {commonT('labels.contractStatus')}
-                  </dt>
-                  <dd className="font-medium">
-                    {project.contractStatus ? (<status_badge_1.StatusBadge label={getContractStatusLabel(project.contractStatus)} className={(0, format_1.getStatusBadgeClass)(project.contractStatus)}/>) : (commonT('labels.notAssigned'))}
-                  </dd>
-                </div>
-              </dl>
-              {project.summary ? (<div className="mt-4 rounded-lg border border-border/70 bg-muted/30 p-3 text-sm text-muted-foreground">
-                  {project.summary}
-                </div>) : null}
-
-              {/* Contrato vinculado */}
-              <div className="mt-6 border-t pt-6">
-                <div className="mb-4 flex items-center gap-2 text-sm font-semibold">
-                  <lucide_react_1.FileText className="size-4 text-muted-foreground"/>
-                  {t('sections.contract')}
-                </div>
-                {project.relatedContract ? (<div className="space-y-4">
-                    <div className="flex flex-col gap-3 rounded-xl border bg-muted/20 px-4 py-3 sm:flex-row sm:items-center sm:justify-between">
-                      <div>
-                        <div className="font-medium">
-                          {project.relatedContract.name}
-                        </div>
-                        <div className="text-sm text-muted-foreground">
-                          {[
-                    project.relatedContract.code,
-                    project.relatedContract.clientName,
-                ]
-                    .filter(Boolean)
-                    .join(' • ') || commonT('labels.notAvailable')}
-                        </div>
-                      </div>
-                      <div className="flex items-center gap-3">
-                        <status_badge_1.StatusBadge label={getContractStatusLabel(project.relatedContract.status)} className={(0, format_1.getStatusBadgeClass)(project.relatedContract.status)}/>
-                        <button_1.Button variant="outline" size="sm" asChild className="shrink-0">
-                          <link_1.default href={`/operations/contracts?edit=${project.relatedContract.id}`}>
-                            <lucide_react_1.FileText className="size-4"/>
-                            {commonT('actions.openContract')}
-                          </link_1.default>
-                        </button_1.Button>
-                      </div>
-                    </div>
-                    <dl className="grid gap-3 text-sm sm:grid-cols-2 xl:grid-cols-3">
-                      <div>
-                        <dt className="text-muted-foreground">
-                          {commonT('labels.contractCategory')}
-                        </dt>
-                        <dd className="font-medium">
-                          {project.relatedContract.contractCategory
-                    ? getContractCategoryLabel(project.relatedContract.contractCategory)
-                    : commonT('labels.notAvailable')}
-                        </dd>
-                      </div>
-                      <div>
-                        <dt className="text-muted-foreground">
-                          {commonT('labels.contractType')}
-                        </dt>
-                        <dd className="font-medium">
-                          {project.relatedContract.contractType
-                    ? getContractTypeLabel(project.relatedContract.contractType)
-                    : commonT('labels.notAvailable')}
-                        </dd>
-                      </div>
-                      <div>
-                        <dt className="text-muted-foreground">
-                          {commonT('labels.billingModel')}
-                        </dt>
-                        <dd className="font-medium">
-                          {getBillingModelLabel(project.relatedContract.billingModel)}
-                        </dd>
-                      </div>
-                      <div>
-                        <dt className="text-muted-foreground">
-                          {commonT('labels.timeline')}
-                        </dt>
-                        <dd className="font-medium">
-                          {(0, format_1.formatDateRange)(project.relatedContract.startDate, project.relatedContract.endDate, getSettingValue, currentLocaleCode)}
-                        </dd>
-                      </div>
-                      <div>
-                        <dt className="text-muted-foreground">
-                          {commonT('labels.signatureStatus')}
-                        </dt>
-                        <dd className="font-medium">
-                          {project.relatedContract.signatureStatus
-                    ? getSignatureStatusLabel(project.relatedContract.signatureStatus)
-                    : commonT('labels.notAvailable')}
-                        </dd>
-                      </div>
-                      <div>
-                        <dt className="text-muted-foreground">
-                          {commonT('labels.budget')}
-                        </dt>
-                        <dd className="font-medium">
-                          {project.relatedContract.budgetAmount
-                    ? (0, format_1.formatCurrency)(project.relatedContract.budgetAmount, getSettingValue, currentLocaleCode)
-                    : commonT('labels.notAvailable')}
-                        </dd>
-                      </div>
-                    </dl>
-                  </div>) : (<p className="text-sm text-muted-foreground">
-                    {t('noContract')}
-                  </p>)}
-              </div>
-            </section_card_1.SectionCard>
-          </div>
-
-          <section_card_1.SectionCard title={t('sections.deliveryHealth')} description={t('sections.deliveryHealthDescription')} className="rounded-3xl border bg-card p-4 shadow-sm">
-            <div className="grid gap-4 xl:grid-cols-12">
-              <ProjectChartCard title={t('charts.burnup')} description={t('charts.burnupDescription')} icon={lucide_react_1.LineChart} metric={(0, format_1.formatPercent)(displayedProgress)} className="xl:col-span-8" isLoading={chartDashboardLoading}>
-                {burnupChartData.length > 1 ? (<chart_1.ChartContainer className="h-80 w-full" config={boardChartConfig}>
-                    <recharts_1.AreaChart data={burnupChartData}>
-                      <defs>
-                        <linearGradient id="burnupLogged" x1="0" y1="0" x2="0" y2="1">
-                          <stop offset="5%" stopColor="var(--color-loggedHours)" stopOpacity={0.26}/>
-                          <stop offset="95%" stopColor="var(--color-loggedHours)" stopOpacity={0.02}/>
-                        </linearGradient>
-                      </defs>
-                      <recharts_1.CartesianGrid vertical={false} strokeDasharray="3 3"/>
-                      <recharts_1.XAxis dataKey="week" tickLine={false} axisLine={false}/>
-                      <recharts_1.YAxis tickLine={false} axisLine={false} width={36}/>
-                      <chart_1.ChartTooltip content={<chart_1.ChartTooltipContent />}/>
-                      <recharts_1.Area type="monotone" dataKey="planned" stroke="var(--color-planned)" strokeDasharray="4 4" strokeWidth={2} fill="transparent"/>
-                      <recharts_1.Area type="monotone" dataKey="loggedHours" stroke="var(--color-loggedHours)" strokeWidth={2.5} fill="url(#burnupLogged)"/>
-                    </recharts_1.AreaChart>
-                  </chart_1.ChartContainer>) : (<ChartEmptyState icon={lucide_react_1.LineChart} title={t('charts.emptyTitle')} description={t('charts.emptyBurnup')}/>)}
-              </ProjectChartCard>
-
-              <ProjectChartCard title={t('charts.weeklyVelocity')} description={t('charts.weeklyVelocityDescription')} icon={lucide_react_1.Rocket} metric={(0, format_1.formatHours)(weeklyVelocity)} className="xl:col-span-4" isLoading={isProjectStatsLoading}>
-                {velocityChartData.length > 0 ? (<chart_1.ChartContainer className="h-80 w-full" config={boardChartConfig}>
-                    <recharts_1.LineChart data={velocityChartData}>
-                      <recharts_1.CartesianGrid vertical={false} strokeDasharray="3 3"/>
-                      <recharts_1.XAxis dataKey="week" tickLine={false} axisLine={false}/>
-                      <recharts_1.YAxis tickLine={false} axisLine={false} width={30}/>
-                      <chart_1.ChartTooltip content={<chart_1.ChartTooltipContent />}/>
-                      <recharts_1.Line type="monotone" dataKey="loggedHours" stroke="var(--color-loggedHours)" strokeWidth={2.5} dot={{ r: 3 }} activeDot={{ r: 5 }}/>
-                    </recharts_1.LineChart>
-                  </chart_1.ChartContainer>) : (<ChartEmptyState icon={lucide_react_1.Rocket} title={t('charts.emptyTitle')} description={t('charts.emptyVelocity')}/>)}
-              </ProjectChartCard>
-
-              <ProjectChartCard title={t('charts.allocationByCollaborator')} description={t('charts.allocationDescription')} icon={lucide_react_1.BarChart3} metric={(0, format_1.formatPercent)(project.operationalIndicators.averageAllocation)} className="xl:col-span-5" isLoading={chartDashboardLoading}>
-                {allocationChartData.length > 0 ? (<chart_1.ChartContainer className="h-72 w-full" config={boardChartConfig}>
-                    <recharts_1.BarChart data={allocationChartData}>
-                      <recharts_1.CartesianGrid vertical={false} strokeDasharray="3 3"/>
-                      <recharts_1.XAxis dataKey="name" tickLine={false} axisLine={false}/>
-                      <recharts_1.YAxis tickLine={false} axisLine={false} width={32}/>
-                      <chart_1.ChartTooltip content={<chart_1.ChartTooltipContent hideLabel/>}/>
-                      <recharts_1.Bar dataKey="allocation" radius={[8, 8, 3, 3]} fill="var(--color-allocation)"/>
-                    </recharts_1.BarChart>
-                  </chart_1.ChartContainer>) : (<ChartEmptyState icon={lucide_react_1.BarChart3} title={t('charts.emptyTitle')} description={t('charts.emptyAllocation')}/>)}
-              </ProjectChartCard>
-
-              <ProjectChartCard title={t('charts.taskDistribution')} description={t('charts.taskDistributionDescription')} icon={lucide_react_1.ClipboardList} metric={`${totalTasks} ${t('kanban.items')}`} className="xl:col-span-4" isLoading={isTasksLoading}>
-                {taskDistributionData.length > 0 ? (<div className="grid gap-4 md:grid-cols-[1fr_11rem]">
-                    <chart_1.ChartContainer className="h-72 w-full" config={boardChartConfig}>
-                      <recharts_1.PieChart>
-                        <chart_1.ChartTooltip content={<chart_1.ChartTooltipContent hideLabel/>}/>
-                        <recharts_1.Pie data={taskDistributionData} dataKey="value" nameKey="name" innerRadius={58} outerRadius={92} paddingAngle={4}>
-                          {taskDistributionData.map((entry) => (<recharts_1.Cell key={entry.key} fill={entry.fill}/>))}
-                        </recharts_1.Pie>
-                      </recharts_1.PieChart>
-                    </chart_1.ChartContainer>
-                    <div className="flex flex-col justify-center gap-2">
-                      {taskDistributionData.map((item) => (<div key={item.key} className="flex items-center justify-between gap-3 rounded-lg border bg-muted/10 px-3 py-2 text-xs">
-                          <span className="flex min-w-0 items-center gap-2">
-                            <span className="size-2.5 shrink-0 rounded-full" style={{ backgroundColor: item.fill }}/>
-                            <span className="truncate">{item.name}</span>
-                          </span>
-                          <span className="font-semibold">{item.value}</span>
-                        </div>))}
-                    </div>
-                  </div>) : (<ChartEmptyState icon={lucide_react_1.ClipboardList} title={t('charts.emptyTitle')} description={t('charts.emptyTasks')}/>)}
-              </ProjectChartCard>
-
-              <ProjectChartCard title={t('charts.operationalHealth')} description={t('charts.operationalHealthDescription')} icon={lucide_react_1.HeartPulse} metric={projectHealthLabel} className="xl:col-span-3" isLoading={chartDashboardLoading}>
-                <div className="grid h-72 place-items-center">
-                  <chart_1.ChartContainer className="h-56 w-full" config={boardChartConfig}>
-                    <recharts_1.RadialBarChart data={healthChartData} innerRadius="72%" outerRadius="100%" startAngle={180} endAngle={0}>
-                      <recharts_1.PolarAngleAxis type="number" domain={[0, 100]} tick={false}/>
-                      <recharts_1.RadialBar dataKey="value" cornerRadius={12} background={{ fill: 'hsl(var(--muted))' }}/>
-                      <chart_1.ChartTooltip content={<chart_1.ChartTooltipContent hideLabel/>}/>
-                    </recharts_1.RadialBarChart>
-                  </chart_1.ChartContainer>
-                  <div className="-mt-20 text-center">
-                    <div className="text-3xl font-semibold tabular-nums">
-                      {projectHealth.value}%
-                    </div>
-                    <div className="mt-1 text-xs text-muted-foreground">
-                      {t('charts.healthScore')}
-                    </div>
-                  </div>
-                </div>
-              </ProjectChartCard>
-            </div>
-          </section_card_1.SectionCard>
-        </>) : null}
-
-      <section_card_1.SectionCard title={t('sections.taskBoard')} description={t('sections.taskBoardDescription')} className="rounded-3xl border bg-card p-4 shadow-sm" actions={!isLimitedView ? (<button_1.Button size="sm" variant="default" className="gap-2" onClick={() => openCreateTaskForm()}>
-              <lucide_react_1.Plus className="size-4"/>
-              {t('taskForm.titleNew')}
-            </button_1.Button>) : undefined}>
-        <div className="mb-4 flex flex-col gap-3 rounded-2xl border bg-muted/20 p-3 lg:flex-row lg:items-center lg:justify-between">
-          <div className="relative min-w-0 flex-1">
-            <lucide_react_1.Search className="pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground"/>
-            <input_1.Input value={boardSearch} onChange={(event) => setBoardSearch(event.target.value)} placeholder={t('kanban.searchPlaceholder')} className="h-10 bg-background pl-9"/>
-          </div>
-          <div className="flex flex-col gap-2 sm:flex-row sm:items-center">
-            <div className="flex items-center gap-2 rounded-xl border bg-background px-3 py-2 text-xs text-muted-foreground">
-              <lucide_react_1.SlidersHorizontal className="size-4"/>
-              {t('kanban.filters')}
-            </div>
-            <select_1.Select value={boardPriorityFilter} onValueChange={(value) => setBoardPriorityFilter(value)}>
-              <select_1.SelectTrigger className="h-10 w-full bg-background sm:w-44">
-                <select_1.SelectValue />
-              </select_1.SelectTrigger>
-              <select_1.SelectContent>
-                <select_1.SelectItem value="all">{t('kanban.allPriorities')}</select_1.SelectItem>
-                <select_1.SelectItem value="high">
-                  {getTaskPriorityLabel('high')}
-                </select_1.SelectItem>
-                <select_1.SelectItem value="medium">
-                  {getTaskPriorityLabel('medium')}
-                </select_1.SelectItem>
-                <select_1.SelectItem value="low">
-                  {getTaskPriorityLabel('low')}
-                </select_1.SelectItem>
-              </select_1.SelectContent>
-            </select_1.Select>
-            <select_1.Select value={boardGroupMode} onValueChange={setBoardGroupMode}>
-              <select_1.SelectTrigger className="h-10 w-full bg-background sm:w-44">
-                <select_1.SelectValue />
-              </select_1.SelectTrigger>
-              <select_1.SelectContent>
-                <select_1.SelectItem value="status">
-                  {t('kanban.groupStatus')}
-                </select_1.SelectItem>
-              </select_1.SelectContent>
-            </select_1.Select>
-          </div>
-        </div>
-
-        <core_1.DndContext sensors={sensors} collisionDetection={kanbanCollision} onDragStart={onBoardDragStart} onDragCancel={() => setActiveDragTask(null)} onDragEnd={onBoardDragEnd}>
-          <div className="relative">
-            <div className="grid auto-cols-[minmax(19rem,1fr)] grid-flow-col gap-4 overflow-x-auto pb-2 xl:grid-flow-row xl:grid-cols-4 xl:overflow-visible xl:pb-0">
-              {KANBAN_COLUMNS.map((column) => (<DroppableColumn key={column.id} columnId={column.id}>
-                  {(isOver) => (<div className={[
-                    'flex min-h-[32rem] flex-col overflow-hidden rounded-3xl border bg-linear-to-b p-3 transition-all',
-                    getColumnClassName(column.id),
-                    isOver
-                        ? 'border-primary shadow-lg ring-2 ring-primary/15'
-                        : 'border-border',
-                ].join(' ')}>
-                      <div className="mb-3 flex items-center justify-between gap-3 rounded-2xl border bg-background/85 p-3 shadow-xs">
-                        <div className="min-w-0">
-                          <div className="flex items-center gap-2 text-sm font-semibold">
-                            <span className={[
-                    'size-2.5 rounded-full',
-                    getColumnDotClassName(column.id),
-                ].join(' ')}/>
-                            {column.label}
-                          </div>
-                          <div className="mt-1 text-xs text-muted-foreground">
-                            {filteredTaskColumns[column.id].length}/
-                            {taskColumns[column.id].length} {t('kanban.items')}
-                          </div>
-                        </div>
-                        <div className="flex items-center gap-1">
-                          <span className="rounded-full border bg-background px-2 py-0.5 text-xs font-medium text-muted-foreground">
-                            {filteredTaskColumns[column.id].length}
-                          </span>
-                          {!isLimitedView ? (<button type="button" className="flex size-5 cursor-pointer items-center justify-center rounded-full text-muted-foreground transition hover:bg-muted hover:text-foreground" onClick={() => {
-                        setInlineCreateColumn(column.id);
-                        setInlineCreateName('');
-                    }}>
-                              <lucide_react_1.Plus className="size-3.5"/>
-                            </button>) : null}
-                        </div>
-                      </div>
-
-                      <div className="flex flex-1 flex-col gap-2">
-                        <framer_motion_1.AnimatePresence initial={false}>
-                          {filteredTaskColumns[column.id].map((task) => {
-                    const tags = getTaskTags(task);
-                    const comments = getTaskCommentCount(task);
-                    const attachments = getTaskAttachmentCount(task);
-                    return (<DraggableTaskCard key={task.id} task={task} disabled={false}>
-                                {(isDragging) => (<framer_motion_1.motion.div initial={{ opacity: 0, scale: 0.96 }} animate={{ opacity: 1, scale: 1 }} exit={{ opacity: 0, scale: 0.95, y: -4 }} transition={{ duration: 0.18 }} role="button" tabIndex={0} className={[
-                                'group w-full cursor-pointer rounded-2xl border bg-card p-3 text-left shadow-xs transition',
-                                isDragging
-                                    ? 'opacity-0'
-                                    : 'hover:border-primary/40 hover:shadow-lg',
-                            ].join(' ')} onClick={() => setSelectedTask(Object.assign(Object.assign({}, task), { projectName: project === null || project === void 0 ? void 0 : project.name, projectCode: project === null || project === void 0 ? void 0 : project.code }))} onKeyDown={(event) => {
-                                if (event.key === 'Enter' ||
-                                    event.key === ' ') {
-                                    event.preventDefault();
-                                    setSelectedTask(Object.assign(Object.assign({}, task), { projectName: project === null || project === void 0 ? void 0 : project.name, projectCode: project === null || project === void 0 ? void 0 : project.code }));
-                                }
-                            }}>
-                                    <div className="mb-3 flex items-start justify-between gap-2">
-                                      <div className="min-w-0 space-y-1">
-                                        <p className="line-clamp-2 text-sm font-semibold leading-snug">
-                                          {task.name}
-                                        </p>
-                                        {task.description ? (<p className="line-clamp-2 text-xs leading-5 text-muted-foreground">
-                                            {task.description.replace(/<[^>]*>/g, '')}
-                                          </p>) : null}
-                                      </div>
-                                      <div className="flex items-start gap-2">
-                                        <span className={[
-                                'shrink-0 rounded-full border px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide',
-                                getPriorityClassName(task.priority),
-                            ].join(' ')}>
-                                          {getTaskPriorityLabel(task.priority)}
-                                        </span>
-                                        <button_1.Button type="button" variant="ghost" size="icon" className="size-7 shrink-0 rounded-full opacity-0 transition group-hover:opacity-100" onPointerDown={(event) => event.stopPropagation()} onClick={(event) => {
-                                event.stopPropagation();
-                                openEditTaskForm(task);
-                            }}>
-                                          <lucide_react_1.Pencil className="size-3.5"/>
-                                        </button_1.Button>
-                                      </div>
-                                    </div>
-
-                                    {tags.length > 0 ? (<div className="mb-3 flex flex-wrap gap-1">
-                                        {tags.slice(0, 4).map((tag) => (<span key={`${task.id}-${tag}`} className="rounded-full border bg-muted/60 px-2 py-0.5 text-[10px] font-medium text-muted-foreground">
-                                            {tag}
-                                          </span>))}
-                                        {tags.length > 4 ? (<span className="rounded-full border bg-muted/60 px-2 py-0.5 text-[10px] font-medium text-muted-foreground">
-                                            +{tags.length - 4}
-                                          </span>) : null}
-                                      </div>) : null}
-
-                                    <div className="grid grid-cols-2 gap-2 text-xs">
-                                      <div className={[
-                                'rounded-xl border bg-muted/20 px-2 py-1.5',
-                                isPastDue(task.dueDate) &&
-                                    task.status !== 'done'
-                                    ? 'border-rose-500/30 bg-rose-500/10 text-rose-700 dark:text-rose-300'
-                                    : 'text-muted-foreground',
-                            ].join(' ')}>
-                                        <span className="flex items-center gap-1">
-                                          <lucide_react_1.AlarmClock className="size-3.5"/>
-                                          {(0, format_1.formatDate)(task.dueDate, getSettingValue, currentLocaleCode)}
-                                        </span>
-                                      </div>
-                                      <div className="rounded-xl border bg-muted/20 px-2 py-1.5 text-muted-foreground">
-                                        <span className="flex items-center gap-1">
-                                          <lucide_react_1.Timer className="size-3.5"/>
-                                          {task.estimateHours != null
-                                ? `${task.estimateHours}h`
-                                : t('kanban.noEstimate')}
-                                        </span>
-                                      </div>
-                                    </div>
-
-                                    <div className="mt-3 space-y-1.5">
-                                      <div className="flex items-center justify-between text-[11px] text-muted-foreground">
-                                        <span>{t('kanban.progress')}</span>
-                                        <span>
-                                          {getTaskProgress(task.status)}%
-                                        </span>
-                                      </div>
-                                      <progress_1.Progress value={getTaskProgress(task.status)} className="h-1.5"/>
-                                    </div>
-
-                                    <div className="mt-3 flex items-center justify-between gap-3 border-t pt-3">
-                                      <div className="flex min-w-0 items-center gap-2">
-                                        <div className="flex size-7 shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted text-[10px] font-semibold uppercase text-muted-foreground ring-1 ring-border">
-                                          {(() => {
-                                const photoUrl = getUserPhotoUrl(task.assigneeUserPhotoId);
-                                const avatarUrl = task.assigneePersonAvatarId
-                                    ? getPersonAvatarUrl(task.assigneePersonAvatarId)
-                                    : null;
-                                const imgSrc = photoUrl !== null && photoUrl !== void 0 ? photoUrl : avatarUrl;
-                                return imgSrc ? (
-                                // eslint-disable-next-line @next/next/no-img-element
-                                <img src={imgSrc} alt={task.assigneeName ||
-                                        commonT('labels.notAssigned')} className="size-full object-cover"/>) : (getInitials(task.assigneeName));
-                            })()}
-                                        </div>
-                                        <span className="truncate text-[11px] text-muted-foreground">
-                                          {task.assigneeName ||
-                                commonT('labels.notAssigned')}
-                                        </span>
-                                      </div>
-                                      <div className="flex shrink-0 items-center gap-2 text-[11px] text-muted-foreground">
-                                        <span className="inline-flex items-center gap-1">
-                                          <lucide_react_1.MessageSquare className="size-3.5"/>
-                                          {comments}
-                                        </span>
-                                        <span className="inline-flex items-center gap-1">
-                                          <lucide_react_1.Paperclip className="size-3.5"/>
-                                          {attachments}
-                                        </span>
-                                      </div>
-                                    </div>
-                                  </framer_motion_1.motion.div>)}
-                              </DraggableTaskCard>);
-                })}
-                        </framer_motion_1.AnimatePresence>
-                        {filteredTaskColumns[column.id].length === 0 ? (<div className="rounded-2xl border border-dashed bg-background/70 p-4 text-center text-xs text-muted-foreground">
-                            {boardSearch || boardPriorityFilter !== 'all'
-                        ? t('kanban.noFilteredTasks')
-                        : t('kanban.emptyColumn')}
-                          </div>) : null}
-                        {!isLimitedView && inlineCreateColumn === column.id ? (<div className="space-y-1.5 rounded-2xl border bg-card p-2 shadow-sm">
-                            <input_1.Input autoFocus placeholder={t('taskForm.namePlaceholder')} value={inlineCreateName} onChange={(e) => setInlineCreateName(e.target.value)} onKeyDown={(e) => {
-                        if (e.key === 'Enter') {
-                            e.preventDefault();
-                            void handleInlineCreateTask(column.id, inlineCreateName);
-                        }
-                        else if (e.key === 'Escape') {
-                            setInlineCreateColumn(null);
-                            setInlineCreateName('');
-                        }
-                    }} onBlur={() => {
-                        if (!inlineCreateName.trim()) {
-                            setInlineCreateColumn(null);
-                            setInlineCreateName('');
-                        }
-                    }} disabled={inlineCreateLoading} className="h-8 text-sm"/>
-                            <div className="flex gap-1">
-                              <button_1.Button type="button" size="sm" className="h-7 px-2 text-xs" disabled={!inlineCreateName.trim() ||
-                        inlineCreateLoading} onMouseDown={(e) => e.preventDefault()} onClick={() => void handleInlineCreateTask(column.id, inlineCreateName)}>
-                                {t('taskForm.titleNew')}
-                              </button_1.Button>
-                              <button_1.Button type="button" variant="ghost" size="sm" className="h-7 px-2 text-xs" onMouseDown={(e) => e.preventDefault()} onClick={() => {
-                        setInlineCreateColumn(null);
-                        setInlineCreateName('');
-                    }}>
-                                {commonT('actions.cancel')}
-                              </button_1.Button>
-                            </div>
-                          </div>) : !isLimitedView ? (<button type="button" className="mt-auto flex w-full cursor-pointer items-center justify-center gap-1 rounded-2xl border border-dashed bg-background/70 px-3 py-2 text-xs text-muted-foreground transition hover:border-primary/40 hover:bg-primary/5 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50" onClick={() => {
-                        setInlineCreateColumn(column.id);
-                        setInlineCreateName('');
-                    }}>
-                            <lucide_react_1.Plus className="size-3"/>
-                            {t('taskForm.titleNew')}
-                          </button>) : null}
-                      </div>
-                    </div>)}
-                </DroppableColumn>))}
-            </div>
-            {/* Scroll fade overlay — visible only on mobile/tablet */}
-            <div aria-hidden className="pointer-events-none absolute inset-y-0 right-0 w-16 bg-linear-to-l from-background/80 to-transparent xl:hidden"/>
-          </div>
-          {/* DragOverlay renders the floating card following the pointer */}
-          <core_1.DragOverlay dropAnimation={{ duration: 160, easing: 'ease' }}>
-            {activeDragTask
-            ? (() => {
-                const overlayTask = activeDragTask;
-                const overlayTags = getTaskTags(overlayTask);
-                const overlayComments = getTaskCommentCount(overlayTask);
-                const overlayAttachments = getTaskAttachmentCount(overlayTask);
-                return (<div className="w-76 cursor-grabbing rounded-2xl border border-primary/60 bg-card p-3 shadow-2xl ring-2 ring-primary/20 opacity-95">
-                      <div className="mb-3 flex items-start justify-between gap-2">
-                        <div className="min-w-0 space-y-1">
-                          <p className="line-clamp-2 text-sm font-semibold leading-snug">
-                            {overlayTask.name}
-                          </p>
-                          {overlayTask.description ? (<p className="line-clamp-2 text-xs leading-5 text-muted-foreground">
-                              {overlayTask.description.replace(/<[^>]*>/g, '')}
-                            </p>) : null}
-                        </div>
-                        <span className={[
-                        'shrink-0 rounded-full border px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide',
-                        getPriorityClassName(overlayTask.priority),
-                    ].join(' ')}>
-                          {getTaskPriorityLabel(overlayTask.priority)}
-                        </span>
-                      </div>
-
-                      {overlayTags.length > 0 ? (<div className="mb-3 flex flex-wrap gap-1">
-                          {overlayTags.slice(0, 4).map((tag) => (<span key={tag} className="rounded-full border bg-muted/60 px-2 py-0.5 text-[10px] font-medium text-muted-foreground">
-                              {tag}
-                            </span>))}
-                          {overlayTags.length > 4 ? (<span className="rounded-full border bg-muted/60 px-2 py-0.5 text-[10px] font-medium text-muted-foreground">
-                              +{overlayTags.length - 4}
-                            </span>) : null}
-                        </div>) : null}
-
-                      <div className="grid grid-cols-2 gap-2 text-xs">
-                        <div className={[
-                        'rounded-xl border bg-muted/20 px-2 py-1.5',
-                        isPastDue(overlayTask.dueDate) &&
-                            overlayTask.status !== 'done'
-                            ? 'border-rose-500/30 bg-rose-500/10 text-rose-700 dark:text-rose-300'
-                            : 'text-muted-foreground',
-                    ].join(' ')}>
-                          <span className="flex items-center gap-1">
-                            <lucide_react_1.AlarmClock className="size-3.5"/>
-                            {(0, format_1.formatDate)(overlayTask.dueDate, getSettingValue, currentLocaleCode)}
-                          </span>
-                        </div>
-                        <div className="rounded-xl border bg-muted/20 px-2 py-1.5 text-muted-foreground">
-                          <span className="flex items-center gap-1">
-                            <lucide_react_1.Timer className="size-3.5"/>
-                            {overlayTask.estimateHours != null
-                        ? `${overlayTask.estimateHours}h`
-                        : t('kanban.noEstimate')}
-                          </span>
-                        </div>
-                      </div>
-
-                      <div className="mt-3 space-y-1.5">
-                        <div className="flex items-center justify-between text-[11px] text-muted-foreground">
-                          <span>{t('kanban.progress')}</span>
-                          <span>{getTaskProgress(overlayTask.status)}%</span>
-                        </div>
-                        <progress_1.Progress value={getTaskProgress(overlayTask.status)} className="h-1.5"/>
-                      </div>
-
-                      <div className="mt-3 flex items-center justify-between gap-3 border-t pt-3">
-                        <div className="flex min-w-0 items-center gap-2">
-                          <div className="flex size-7 shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted text-[10px] font-semibold uppercase text-muted-foreground ring-1 ring-border">
-                            {(() => {
-                        const photoUrl = getUserPhotoUrl(overlayTask.assigneeUserPhotoId);
-                        const avatarUrl = overlayTask.assigneePersonAvatarId
-                            ? getPersonAvatarUrl(overlayTask.assigneePersonAvatarId)
-                            : null;
-                        const imgSrc = photoUrl !== null && photoUrl !== void 0 ? photoUrl : avatarUrl;
-                        return imgSrc ? (
-                        // eslint-disable-next-line @next/next/no-img-element
-                        <img src={imgSrc} alt={overlayTask.assigneeName ||
-                                commonT('labels.notAssigned')} className="size-full object-cover"/>) : (getInitials(overlayTask.assigneeName));
-                    })()}
-                          </div>
-                          <span className="truncate text-[11px] text-muted-foreground">
-                            {overlayTask.assigneeName ||
-                        commonT('labels.notAssigned')}
-                          </span>
-                        </div>
-                        <div className="flex shrink-0 items-center gap-2 text-[11px] text-muted-foreground">
-                          <span className="inline-flex items-center gap-1">
-                            <lucide_react_1.MessageSquare className="size-3.5"/>
-                            {overlayComments}
-                          </span>
-                          <span className="inline-flex items-center gap-1">
-                            <lucide_react_1.Paperclip className="size-3.5"/>
-                            {overlayAttachments}
-                          </span>
-                        </div>
-                      </div>
-                    </div>);
-            })()
-            : null}
-          </core_1.DragOverlay>
-        </core_1.DndContext>
-      </section_card_1.SectionCard>
-
-      <section_card_1.SectionCard title={t('sections.timeline')} description={t('sections.timelineDescription')} className="rounded-3xl border bg-card p-4 shadow-sm" actions={<div className="flex flex-wrap items-center gap-2">
-            <select_1.Select value={timelineTypeFilter} onValueChange={(value) => {
-                setTimelineTypeFilter(value);
-                setTimelineVisibleCount(8);
-            }}>
-              <select_1.SelectTrigger className="h-9 w-44 bg-background">
-                <select_1.SelectValue />
-              </select_1.SelectTrigger>
-              <select_1.SelectContent>
-                <select_1.SelectItem value="all">{t('timeline.filters.all')}</select_1.SelectItem>
-                <select_1.SelectItem value="task">
-                  {t('timeline.filters.task')}
-                </select_1.SelectItem>
-                <select_1.SelectItem value="status">
-                  {t('timeline.filters.status')}
-                </select_1.SelectItem>
-                <select_1.SelectItem value="timesheet">
-                  {t('timeline.filters.timesheet')}
-                </select_1.SelectItem>
-                <select_1.SelectItem value="approval">
-                  {t('timeline.filters.approval')}
-                </select_1.SelectItem>
-                <select_1.SelectItem value="comment">
-                  {t('timeline.filters.comment')}
-                </select_1.SelectItem>
-              </select_1.SelectContent>
-            </select_1.Select>
-          </div>}>
-        <div className="rounded-3xl border bg-linear-to-b from-muted/30 to-background p-4">
-          {groupedTimelineEvents.length > 0 ? (<div className="space-y-6">
-              {groupedTimelineEvents.map((group) => (<div key={group.dayKey} className="space-y-3">
-                  <div className="sticky top-0 z-10 w-fit rounded-full border bg-background px-3 py-1 text-xs font-medium text-muted-foreground shadow-xs">
-                    {(0, format_1.formatDate)(group.dayKey, getSettingValue, currentLocaleCode)}
-                  </div>
-                  <div className="space-y-0">
-                    {group.events.map((event, index) => {
-                    const Icon = event.icon;
-                    return (<framer_motion_1.motion.div key={event.id} initial={{ opacity: 0, y: 8 }} animate={{ opacity: 1, y: 0 }} transition={{ duration: 0.18 }} className="grid grid-cols-[2rem_1fr] gap-3">
-                          <div className="flex flex-col items-center">
-                            <div className={[
-                            'flex size-8 items-center justify-center rounded-full shadow-sm',
-                            event.toneClassName,
-                        ].join(' ')}>
-                              <Icon className="size-4"/>
-                            </div>
-                            {index < group.events.length - 1 ? (<div className="w-px flex-1 bg-border"/>) : null}
-                          </div>
-                          <div className="pb-5">
-                            <div className="rounded-2xl border bg-card p-4 shadow-xs transition hover:shadow-sm">
-                              <div className="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
-                                <div className="min-w-0">
-                                  <div className="flex flex-wrap items-center gap-2">
-                                    <span className="text-sm font-semibold">
-                                      {event.title}
-                                    </span>
-                                    <span className="rounded-full border bg-muted/40 px-2 py-0.5 text-[10px] font-medium text-muted-foreground">
-                                      {t(`timeline.types.${event.type}`)}
-                                    </span>
-                                  </div>
-                                  <p className="mt-1 line-clamp-2 text-sm text-muted-foreground">
-                                    {event.description}
-                                  </p>
-                                </div>
-                                <div className="shrink-0 text-xs text-muted-foreground">
-                                  {formatRelativeTime(event.timestamp, currentLocaleCode)}
-                                </div>
-                              </div>
-                              <div className="mt-3 flex items-center gap-2 border-t pt-3">
-                                <avatar_1.Avatar className="size-7 border bg-muted">
-                                  <avatar_1.AvatarImage src={getUserPhotoUrl(event.actorUserPhotoId) ||
-                            getPersonAvatarUrl(event.actorAvatarId)} alt={event.actorName ||
-                            commonT('labels.notAssigned')}/>
-                                  <avatar_1.AvatarFallback className="text-[10px]">
-                                    {getInitials(event.actorName)}
-                                  </avatar_1.AvatarFallback>
-                                </avatar_1.Avatar>
-                                <span className="truncate text-xs text-muted-foreground">
-                                  {event.actorName ||
-                            commonT('labels.notAssigned')}
-                                </span>
-                              </div>
-                            </div>
-                          </div>
-                        </framer_motion_1.motion.div>);
-                })}
-                  </div>
-                </div>))}
-              {visibleTimelineEvents.length < filteredTimelineEvents.length ? (<div className="flex justify-center">
-                  <button_1.Button type="button" variant="outline" size="sm" onClick={() => setTimelineVisibleCount((current) => current + 8)}>
-                    {t('timeline.loadMore')}
-                  </button_1.Button>
-                </div>) : null}
-            </div>) : (<div className="flex min-h-56 flex-col items-center justify-center rounded-2xl border border-dashed bg-background p-6 text-center">
-              <div className="flex size-12 items-center justify-center rounded-2xl bg-muted text-muted-foreground">
-                <lucide_react_1.GitCommitHorizontal className="size-6"/>
-              </div>
-              <div className="mt-3 text-sm font-medium">
-                {t('timeline.emptyTitle')}
-              </div>
-              <p className="mt-1 max-w-sm text-xs leading-5 text-muted-foreground">
-                {t('timeline.empty')}
-              </p>
-            </div>)}
-        </div>
-      </section_card_1.SectionCard>
-
-      <section_card_1.SectionCard title={t('sections.archivedTasks')} description={t('sections.archivedTasksDescription')} className="rounded-xl border bg-card p-4 shadow-sm">
-        {archivedTasks.length > 0 ? (<div className="overflow-x-auto rounded-lg border bg-muted/10">
-            <table_1.Table>
-              <table_1.TableHeader>
-                <table_1.TableRow>
-                  <table_1.TableHead>{commonT('labels.task')}</table_1.TableHead>
-                  <table_1.TableHead>{commonT('labels.status')}</table_1.TableHead>
-                  <table_1.TableHead>{t('taskForm.deadlineLabel')}</table_1.TableHead>
-                  <table_1.TableHead className="text-right">
-                    {commonT('labels.actions')}
-                  </table_1.TableHead>
-                </table_1.TableRow>
-              </table_1.TableHeader>
-              <table_1.TableBody>
-                {archivedTasks.map((task) => {
-                var _a, _b;
-                return (<table_1.TableRow key={task.id} className="cursor-pointer hover:bg-muted/30" onClick={() => setSelectedTask(task)}>
-                    <table_1.TableCell>
-                      <div className="min-w-0">
-                        <div className="truncate font-medium">{task.name}</div>
-                        {task.description ? (<div className="truncate text-xs text-muted-foreground">
-                            {task.description}
-                          </div>) : null}
-                      </div>
-                    </table_1.TableCell>
-                    <table_1.TableCell>
-                      <status_badge_1.StatusBadge label={(_b = (_a = KANBAN_COLUMNS.find((column) => column.id === task.status)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : (0, format_1.formatEnumLabel)(task.status)} className={(0, format_1.getStatusBadgeClass)(task.status)}/>
-                    </table_1.TableCell>
-                    <table_1.TableCell>
-                      {(0, format_1.formatDate)(task.dueDate, getSettingValue, currentLocaleCode)}
-                    </table_1.TableCell>
-                    <table_1.TableCell>
-                      <div className="flex justify-end gap-2">
-                        <button_1.Button variant="outline" size="sm" className="gap-2" disabled={restoringTaskId === task.id} onClick={(event) => {
-                        event.stopPropagation();
-                        void handleRestoreTask(task.id);
-                    }}>
-                          {restoringTaskId === task.id ? (<lucide_react_1.Loader2 className="size-4 animate-spin"/>) : (<lucide_react_1.ArchiveRestore className="size-4"/>)}
-                          {commonT('actions.unarchive')}
-                        </button_1.Button>
-                        <button_1.Button variant="destructive" size="sm" className="gap-2" onClick={(event) => {
-                        event.stopPropagation();
-                        setDeletePromptTask(task);
-                    }}>
-                          <lucide_react_1.Trash2 className="size-4"/>
-                          {commonT('actions.delete')}
-                        </button_1.Button>
-                      </div>
-                    </table_1.TableCell>
-                  </table_1.TableRow>);
-            })}
-              </table_1.TableBody>
-            </table_1.Table>
-          </div>) : (<ChartEmptyState icon={lucide_react_1.Archive} title={commonT('states.emptyTitle')} description={t('emptyArchivedDescription')}/>)}
-      </section_card_1.SectionCard>
-
-      <div className="grid gap-4 xl:grid-cols-12">
-        <section_card_1.SectionCard title={t('sections.team')} description={t('sections.teamDescription')} className={[
-            'rounded-2xl border bg-card p-4 shadow-sm',
-            isLimitedView ? 'xl:col-span-12' : 'xl:col-span-8',
-        ].join(' ')}>
-          {project.assignments.length > 0 ? (<div className="space-y-4">
-              <div className="grid gap-3 sm:grid-cols-3">
-                <div className="rounded-2xl border bg-emerald-500/10 p-3">
-                  <div className="text-xs text-muted-foreground">
-                    {t('teamPanel.available')}
-                  </div>
-                  <div className="mt-1 text-2xl font-semibold text-emerald-700 dark:text-emerald-300">
-                    {availableAssignments}
-                  </div>
-                </div>
-                <div className="rounded-2xl border bg-amber-500/10 p-3">
-                  <div className="text-xs text-muted-foreground">
-                    {t('teamPanel.highAllocation')}
-                  </div>
-                  <div className="mt-1 text-2xl font-semibold text-amber-700 dark:text-amber-300">
-                    {highAllocationAssignments}
-                  </div>
-                </div>
-                <div className="rounded-2xl border bg-rose-500/10 p-3">
-                  <div className="text-xs text-muted-foreground">
-                    {t('teamPanel.overload')}
-                  </div>
-                  <div className="mt-1 text-2xl font-semibold text-rose-700 dark:text-rose-300">
-                    {overloadedAssignments}
-                  </div>
-                </div>
-              </div>
-
-              <div className="grid gap-3 md:grid-cols-2">
-                {project.assignments.map((assignment) => {
-                var _a;
-                const allocationValue = typeof assignment.allocationPercent === 'number'
-                    ? Math.round(assignment.allocationPercent)
-                    : 0;
-                const allocation = clampPercent(allocationValue);
-                const weeklyHours = (_a = assignment.weeklyHours) !== null && _a !== void 0 ? _a : 0;
-                const usedHours = weeklyHours > 0
-                    ? (weeklyHours * Math.max(allocationValue, 0)) / 100
-                    : 0;
-                const availablePercent = Math.max(0, 100 - allocationValue);
-                const availabilityHours = weeklyHours > 0 ? Math.max(0, weeklyHours - usedHours) : 0;
-                const tone = getAllocationTone(allocationValue);
-                const ToneIcon = tone.icon;
-                return (<framer_motion_1.motion.div key={assignment.id} whileHover={{ y: -2 }} className={[
-                        'overflow-hidden rounded-2xl border bg-background shadow-xs transition hover:shadow-md',
-                        tone.border,
-                    ].join(' ')}>
-                      <div className="border-b bg-linear-to-br from-muted/50 to-background p-4">
-                        <div className="flex items-start justify-between gap-3">
-                          <div className="flex min-w-0 items-center gap-3">
-                            <avatar_1.Avatar className="size-12 border bg-muted">
-                              <avatar_1.AvatarImage src={getUserPhotoUrl(assignment.userPhotoId) ||
-                        getPersonAvatarUrl(assignment.personAvatarId)} alt={assignment.collaboratorName}/>
-                              <avatar_1.AvatarFallback className="text-xs font-semibold">
-                                {getInitials(assignment.collaboratorName)}
-                              </avatar_1.AvatarFallback>
-                            </avatar_1.Avatar>
-                            <div className="min-w-0">
-                              <div className="truncate text-sm font-semibold">
-                                {assignment.collaboratorName}
-                              </div>
-                              <div className="truncate text-xs text-muted-foreground">
-                                {assignment.roleLabel ||
-                        commonT('labels.notAssigned')}
-                              </div>
-                            </div>
-                          </div>
-                          <div className="flex shrink-0 flex-col items-end gap-2">
-                            <status_badge_1.StatusBadge label={(0, format_1.formatEnumLabel)(assignment.status)} className={(0, format_1.getStatusBadgeClass)(assignment.status)}/>
-                            <span className={[
-                        'inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[10px] font-semibold',
-                        tone.border,
-                        tone.bg,
-                        tone.text,
-                    ].join(' ')}>
-                              <ToneIcon className="size-3"/>
-                              {t(`teamPanel.status.${tone.labelKey}`)}
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-
-                      <div className="space-y-4 p-4">
-                        <div className="space-y-2">
-                          <div className="flex items-center justify-between text-xs">
-                            <span className="text-muted-foreground">
-                              {commonT('labels.allocationPercent')}
-                            </span>
-                            <span className={['font-semibold', tone.text].join(' ')}>
-                              {(0, format_1.formatPercent)(assignment.allocationPercent)}
-                            </span>
-                          </div>
-                          <progress_1.Progress value={allocation} className={['h-2.5', tone.progress].join(' ')}/>
-                          {allocationValue > 100 ? (<div className="flex items-center gap-1 text-xs text-rose-700 dark:text-rose-300">
-                              <lucide_react_1.AlertTriangle className="size-3.5"/>
-                              {t('teamPanel.overloadWarning', {
-                            value: allocationValue - 100,
-                        })}
-                            </div>) : null}
-                        </div>
-
-                        <div className="grid grid-cols-2 gap-3 text-xs xl:grid-cols-4">
-                          <div className="rounded-xl border bg-muted/20 p-2">
-                            <div className="text-muted-foreground">
-                              {commonT('labels.weeklyCapacity')}
-                            </div>
-                            <div className="mt-1 font-semibold">
-                              {weeklyHours
-                        ? (0, format_1.formatHours)(weeklyHours)
-                        : commonT('labels.notAvailable')}
-                            </div>
-                          </div>
-                          <div className="rounded-xl border bg-muted/20 p-2">
-                            <div className="text-muted-foreground">
-                              {t('teamPanel.usedHours')}
-                            </div>
-                            <div className="mt-1 font-semibold">
-                              {weeklyHours
-                        ? (0, format_1.formatHours)(usedHours)
-                        : commonT('labels.notAvailable')}
-                            </div>
-                          </div>
-                          <div className="rounded-xl border bg-muted/20 p-2">
-                            <div className="text-muted-foreground">
-                              {t('teamPanel.availability')}
-                            </div>
-                            <div className="mt-1 font-semibold">
-                              {weeklyHours
-                        ? (0, format_1.formatHours)(availabilityHours)
-                        : `${clampPercent(availablePercent)}%`}
-                            </div>
-                          </div>
-                          <div className="rounded-xl border bg-muted/20 p-2">
-                            <div className="text-muted-foreground">
-                              {commonT('labels.timeline')}
-                            </div>
-                            <div className="mt-1 truncate font-semibold">
-                              {(0, format_1.formatDateRange)(assignment.startDate, assignment.endDate, getSettingValue, currentLocaleCode)}
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </framer_motion_1.motion.div>);
-            })}
-              </div>
-            </div>) : (<ChartEmptyState icon={lucide_react_1.Users} title={commonT('states.emptyTitle')} description={t('noAssignments')}/>)}
-        </section_card_1.SectionCard>
-
-        {!isLimitedView ? (<section_card_1.SectionCard title={t('sections.indicators')} description={t('sections.indicatorsDescription')} className="rounded-xl border bg-card p-4 shadow-sm xl:col-span-4">
-            <div className="grid gap-3 sm:grid-cols-2 xl:grid-cols-1">
-              {[
-                {
-                    icon: lucide_react_1.Users,
-                    label: t('indicators.activeAssignments'),
-                    value: project.operationalIndicators.activeAssignments,
-                    tone: 'text-sky-700 dark:text-sky-300',
-                    bg: 'bg-sky-500/10',
-                },
-                {
-                    icon: lucide_react_1.CheckCircle2,
-                    label: t('indicators.completedAssignments'),
-                    value: project.operationalIndicators.completedAssignments,
-                    tone: 'text-emerald-700 dark:text-emerald-300',
-                    bg: 'bg-emerald-500/10',
-                },
-                {
-                    icon: lucide_react_1.Gauge,
-                    label: t('indicators.averageAllocation'),
-                    value: (0, format_1.formatPercent)(project.operationalIndicators.averageAllocation),
-                    tone: averageAllocation > 100
-                        ? 'text-rose-700 dark:text-rose-300'
-                        : averageAllocation > 85
-                            ? 'text-amber-700 dark:text-amber-300'
-                            : 'text-emerald-700 dark:text-emerald-300',
-                    bg: averageAllocation > 100
-                        ? 'bg-rose-500/10'
-                        : averageAllocation > 85
-                            ? 'bg-amber-500/10'
-                            : 'bg-emerald-500/10',
-                },
-                {
-                    icon: lucide_react_1.Timer,
-                    label: t('indicators.totalWeeklyHours'),
-                    value: (0, format_1.formatHours)(project.operationalIndicators.totalWeeklyHours),
-                    tone: 'text-violet-700 dark:text-violet-300',
-                    bg: 'bg-violet-500/10',
-                },
-                {
-                    icon: lucide_react_1.ClipboardList,
-                    label: t('cards.timesheets'),
-                    value: project.timesheetSummary.totalTimesheets,
-                    tone: 'text-foreground',
-                    bg: 'bg-muted/40',
-                },
-                {
-                    icon: lucide_react_1.AlarmClock,
-                    label: commonT('labels.pending'),
-                    value: project.timesheetSummary.pendingTimesheets,
-                    tone: project.timesheetSummary.pendingTimesheets > 0
-                        ? 'text-amber-700 dark:text-amber-300'
-                        : 'text-foreground',
-                    bg: project.timesheetSummary.pendingTimesheets > 0
-                        ? 'bg-amber-500/10'
-                        : 'bg-muted/40',
-                },
-                {
-                    icon: lucide_react_1.BarChart2,
-                    label: t('cards.loggedHours'),
-                    value: (0, format_1.formatHours)(project.timesheetSummary.totalHours),
-                    tone: 'text-sky-700 dark:text-sky-300',
-                    bg: 'bg-sky-500/10',
-                },
-            ].map(({ icon: Icon, label, value, tone, bg }) => (<div key={label} className="flex items-center gap-3 rounded-xl border bg-card p-3 transition-shadow hover:shadow-sm">
-                  <div className={[
-                    'flex size-9 shrink-0 items-center justify-center rounded-xl',
-                    bg,
-                ].join(' ')}>
-                    <Icon className={['size-4', tone].join(' ')}/>
-                  </div>
-                  <div className="min-w-0 flex-1">
-                    <div className="truncate text-xs text-muted-foreground">
-                      {label}
-                    </div>
-                    <div className={[
-                    'mt-0.5 text-sm font-semibold tabular-nums',
-                    tone,
-                ].join(' ')}>
-                      {value}
-                    </div>
-                  </div>
-                </div>))}
-            </div>
-          </section_card_1.SectionCard>) : null}
-      </div>
-
-      <section_card_1.SectionCard title={t('sections.costs')} description={t('sections.costsDescription')} className="rounded-2xl border bg-card p-4 shadow-sm">
-        <project_costs_section_1.ProjectCostsSection projectId={projectId}/>
-      </section_card_1.SectionCard>
-
-      <task_detail_sheet_1.TaskDetailSheet task={selectedTask} open={selectedTask !== null} onOpenChange={(open) => {
-            if (!open) {
-                setSelectedTask(null);
-            }
-        }} statusLabel={(status) => { var _a, _b; return (_b = (_a = KANBAN_COLUMNS.find((column) => column.id === status)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : status; }} footer={selectedTask && !isLimitedView ? (<div className="grid grid-cols-2 gap-3">
-              {archivedTasks.some((task) => task.id === selectedTask.id) ? (<>
-                  <button_1.Button variant="outline" size="sm" className="h-10 gap-2" disabled={restoringTaskId === selectedTask.id} onClick={() => void handleRestoreTask(selectedTask.id)}>
-                    {restoringTaskId === selectedTask.id ? (<lucide_react_1.Loader2 className="size-3.5 animate-spin"/>) : (<lucide_react_1.ArchiveRestore className="size-3.5"/>)}
-                    {commonT('actions.unarchive')}
-                  </button_1.Button>
-                  <button_1.Button variant="destructive" size="sm" className="h-10 gap-2" onClick={() => setDeletePromptTask(selectedTask)}>
-                    <lucide_react_1.Trash2 className="size-3.5"/>
-                    {commonT('actions.delete')}
-                  </button_1.Button>
-                </>) : (<button_1.Button variant="outline" size="sm" className="col-span-2 h-10 gap-2" disabled={archivingTaskId === selectedTask.id} onClick={() => void handleArchiveTask(selectedTask.id)}>
-                  {archivingTaskId === selectedTask.id ? (<lucide_react_1.Loader2 className="size-3.5 animate-spin"/>) : (<lucide_react_1.Archive className="size-3.5"/>)}
-                  {commonT('actions.archive')}
-                </button_1.Button>)}
-            </div>) : null}/>
-
-      {!isLimitedView ? (<sheet_1.Sheet open={isEditSheetOpen} onOpenChange={(open) => {
-                if (!open) {
-                    closeEditSheet();
-                }
-            }}>
-          <sheet_1.SheetContent className="w-full overflow-x-hidden overflow-y-auto sm:max-w-[min(92vw,64rem)]">
-            <sheet_1.SheetHeader>
-              <sheet_1.SheetTitle>{formT('editTitle')}</sheet_1.SheetTitle>
-              <sheet_1.SheetDescription>{formT('description')}</sheet_1.SheetDescription>
-            </sheet_1.SheetHeader>
-
-            <project_form_screen_1.ProjectFormScreen projectId={projectId} onCancel={closeEditSheet} onSaved={async () => {
-                closeEditSheet();
-                await refetch();
-            }}/>
-          </sheet_1.SheetContent>
-        </sheet_1.Sheet>) : null}
-
-      {!isLimitedView ? (<sheet_1.Sheet open={taskFormOpen} onOpenChange={(open) => {
-                if (!open) {
-                    setTaskFormOpen(false);
-                    setEditingTaskId(null);
-                    setTaskFormData(EMPTY_TASK_FORM);
-                }
-            }}>
-          <sheet_1.SheetContent className="flex w-full flex-col overflow-hidden sm:max-w-xl">
-            <sheet_1.SheetHeader>
-              <sheet_1.SheetTitle>
-                {editingTaskId
-                ? t('taskForm.titleEdit')
-                : t('taskForm.titleNew')}
-              </sheet_1.SheetTitle>
-            </sheet_1.SheetHeader>
-
-            <div className="flex-1 space-y-4 overflow-y-auto px-4 py-2">
-              <div className="space-y-1.5">
-                <label_1.Label htmlFor="task-name">{t('taskForm.nameLabel')} *</label_1.Label>
-                <input_1.Input id="task-name" placeholder={t('taskForm.namePlaceholder')} value={taskFormData.name} onChange={(e) => setTaskFormData((prev) => (Object.assign(Object.assign({}, prev), { name: e.target.value })))}/>
-              </div>
-
-              <div className="space-y-1.5">
-                <label_1.Label htmlFor="task-description">
-                  {t('taskForm.descriptionLabel')}
-                </label_1.Label>
-                <rich_text_editor_1.RichTextEditor value={taskFormData.description} onChange={(val) => setTaskFormData((prev) => (Object.assign(Object.assign({}, prev), { description: val })))}/>
-              </div>
-
-              <div className="grid grid-cols-2 gap-3">
-                <div className="space-y-1.5">
-                  <label_1.Label>{t('taskForm.priorityLabel')}</label_1.Label>
-                  <select_1.Select value={taskFormData.priority} onValueChange={(v) => setTaskFormData((prev) => (Object.assign(Object.assign({}, prev), { priority: v })))}>
-                    <select_1.SelectTrigger className="w-full">
-                      <select_1.SelectValue />
-                    </select_1.SelectTrigger>
-                    <select_1.SelectContent>
-                      <select_1.SelectItem value="low">
-                        {getTaskPriorityLabel('low')}
-                      </select_1.SelectItem>
-                      <select_1.SelectItem value="medium">
-                        {getTaskPriorityLabel('medium')}
-                      </select_1.SelectItem>
-                      <select_1.SelectItem value="high">
-                        {getTaskPriorityLabel('high')}
-                      </select_1.SelectItem>
-                    </select_1.SelectContent>
-                  </select_1.Select>
-                </div>
-
-                <div className="space-y-1.5">
-                  <label_1.Label>{t('taskForm.columnLabel')}</label_1.Label>
-                  <select_1.Select value={taskFormData.status} onValueChange={(v) => setTaskFormData((prev) => (Object.assign(Object.assign({}, prev), { status: v })))}>
-                    <select_1.SelectTrigger className="w-full">
-                      <select_1.SelectValue />
-                    </select_1.SelectTrigger>
-                    <select_1.SelectContent>
-                      {KANBAN_COLUMNS.map((col) => (<select_1.SelectItem key={col.id} value={col.id}>
-                          {col.label}
-                        </select_1.SelectItem>))}
-                    </select_1.SelectContent>
-                  </select_1.Select>
-                </div>
-              </div>
-
-              <div className="space-y-1.5">
-                <label_1.Label>Responsável</label_1.Label>
-                <select_1.Select value={taskFormData.assigneeCollaboratorId} onValueChange={(value) => setTaskFormData((prev) => (Object.assign(Object.assign({}, prev), { assigneeCollaboratorId: value })))}>
-                  <select_1.SelectTrigger className="w-full">
-                    <select_1.SelectValue placeholder={commonT('labels.notAssigned')}/>
-                  </select_1.SelectTrigger>
-                  <select_1.SelectContent>
-                    <select_1.SelectItem value="none">
-                      {commonT('labels.notAssigned')}
-                    </select_1.SelectItem>
-                    {taskAssigneeOptions.map((option) => (<select_1.SelectItem key={option.id} value={option.id}>
-                        {option.label}
-                      </select_1.SelectItem>))}
-                  </select_1.SelectContent>
-                </select_1.Select>
-              </div>
-
-              <div className="grid grid-cols-2 gap-3">
-                <div className="space-y-1.5">
-                  <label_1.Label htmlFor="task-due-date">
-                    {t('taskForm.deadlineLabel')}
-                  </label_1.Label>
-                  <input_1.Input id="task-due-date" type="date" value={taskFormData.dueDate} onChange={(e) => setTaskFormData((prev) => (Object.assign(Object.assign({}, prev), { dueDate: e.target.value })))}/>
-                </div>
-
-                <div className="space-y-1.5">
-                  <label_1.Label htmlFor="task-estimate">
-                    {t('taskForm.estimateLabel')}
-                  </label_1.Label>
-                  <input_1.Input id="task-estimate" type="number" min="0" step="0.5" placeholder="0" value={taskFormData.estimateHours} onChange={(e) => setTaskFormData((prev) => (Object.assign(Object.assign({}, prev), { estimateHours: e.target.value })))}/>
-                </div>
-              </div>
-
-              <div className="space-y-1.5">
-                <label_1.Label htmlFor="task-tags">{t('taskForm.tagsLabel')}</label_1.Label>
-                <input_1.Input id="task-tags" placeholder={t('taskForm.tagsPlaceholder')} value={taskFormData.tags} onChange={(e) => setTaskFormData((prev) => (Object.assign(Object.assign({}, prev), { tags: e.target.value })))}/>
-              </div>
-
-              {editingTaskId ? (<div className="space-y-1.5">
-                  <label_1.Label className="flex items-center gap-1.5">
-                    <lucide_react_1.Paperclip className="size-3.5"/>
-                    {t('taskForm.attachmentsLabel')}
-                  </label_1.Label>
-                  <task_file_attachments_1.TaskFileAttachments taskId={editingTaskId}/>
-                </div>) : null}
-            </div>
-
-            <div className="mt-4 flex flex-wrap items-center justify-between gap-2 border-t px-4 pb-4 pt-4">
-              <div className="flex gap-2">
-                {editingTaskId ? (<button_1.Button type="button" variant="outline" disabled={taskFormLoading || archivingTaskId === editingTaskId} onClick={() => {
-                    if (!editingTaskId)
-                        return;
-                    const id = editingTaskId;
-                    setTaskFormOpen(false);
-                    setEditingTaskId(null);
-                    setTaskFormData(EMPTY_TASK_FORM);
-                    void handleArchiveTask(id);
-                }}>
-                    {archivingTaskId === editingTaskId ? (<lucide_react_1.Loader2 className="mr-2 size-4 animate-spin"/>) : (<lucide_react_1.Archive className="mr-2 size-4"/>)}
-                    {commonT('actions.archive')}
-                  </button_1.Button>) : null}
-              </div>
-              <div className="flex gap-2">
-                <button_1.Button variant="outline" onClick={() => {
-                setTaskFormOpen(false);
-                setEditingTaskId(null);
-                setTaskFormData(EMPTY_TASK_FORM);
-            }} disabled={taskFormLoading}>
-                  {commonT('actions.cancel')}
-                </button_1.Button>
-                <button_1.Button onClick={() => void handleTaskFormSubmit()} disabled={taskFormLoading || !taskFormData.name.trim()}>
-                  {taskFormLoading
-                ? t('taskForm.saving')
-                : editingTaskId
-                    ? commonT('actions.save')
-                    : commonT('actions.create')}
-                </button_1.Button>
-              </div>
-            </div>
-          </sheet_1.SheetContent>
-        </sheet_1.Sheet>) : null}
-
-      {!isLimitedView ? (<>
-          <dialog_1.Dialog open={deletePromptTask !== null} onOpenChange={(open) => {
-                if (!open)
-                    setDeletePromptTask(null);
-            }}>
-            <dialog_1.DialogContent className="sm:max-w-sm">
-              <dialog_1.DialogHeader>
-                <dialog_1.DialogTitle>{t('dialogs.deleteTitle')}</dialog_1.DialogTitle>
-              </dialog_1.DialogHeader>
-              <p className="text-sm text-muted-foreground">
-                {t('dialogs.deleteDescription')}
-              </p>
-              <dialog_1.DialogFooter className="mt-4">
-                <button_1.Button variant="outline" onClick={() => setDeletePromptTask(null)}>
-                  {commonT('actions.cancel')}
-                </button_1.Button>
-                {deletePromptTask ? (<button_1.Button variant="destructive" disabled={deletingTaskId === deletePromptTask.id} onClick={() => void handleDeleteTask(deletePromptTask.id)}>
-                    {deletingTaskId === deletePromptTask.id ? (<lucide_react_1.Loader2 className="mr-2 size-3.5 animate-spin"/>) : null}
-                    {commonT('actions.delete')}
-                  </button_1.Button>) : null}
-              </dialog_1.DialogFooter>
-            </dialog_1.DialogContent>
-          </dialog_1.Dialog>
-        </>) : null}
-    </entity_list_1.Page>);
-}
-//# sourceMappingURL=project-details-screen.js.map