@hed-hog/operations 0.0.328 → 0.0.329

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

@@ -1,814 +0,0 @@
-"use strict";
-'use client';
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MyProjectSummaryScreen = MyProjectSummaryScreen;
-const entity_list_1 = require("@/components/entity-list");
-const avatar_1 = require("@/components/ui/avatar");
-const button_1 = require("@/components/ui/button");
-const dialog_1 = require("@/components/ui/dialog");
-const input_1 = require("@/components/ui/input");
-const label_1 = require("@/components/ui/label");
-const select_1 = require("@/components/ui/select");
-const table_1 = require("@/components/ui/table");
-const progress_1 = require("@/components/ui/progress");
-const textarea_1 = require("@/components/ui/textarea");
-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 react_1 = require("react");
-const api_1 = require("../_lib/api");
-const format_1 = require("../_lib/utils/format");
-const operations_header_1 = require("./operations-header");
-const section_card_1 = require("./section-card");
-const status_badge_1 = require("./status-badge");
-const task_detail_sheet_1 = require("./task-detail-sheet");
-const EMPTY_TASK_FORM = {
-    name: '',
-    description: '',
-    priority: 'medium',
-    status: 'todo',
-    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' },
-];
-function taskDragId(taskId) {
-    return `task-${taskId}`;
-}
-function columnDropId(columnId) {
-    return `col-${columnId}`;
-}
-function parseTaskId(value) {
-    if (!value)
-        return null;
-    const match = String(value).match(/^task-(\d+)$/);
-    return match ? Number(match[1]) : null;
-}
-function parseColumnId(value) {
-    if (!value)
-        return null;
-    const match = String(value).match(/^col-(.+)$/);
-    const id = match === null || match === void 0 ? void 0 : match[1];
-    return KANBAN_COLUMNS.some((c) => c.id === id) ? id : null;
-}
-function apiTaskToBoardTask(row) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-    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,
-        commentCount: (_k = row.commentCount) !== null && _k !== void 0 ? _k : 0,
-        fileCount: (_l = row.fileCount) !== null && _l !== void 0 ? _l : 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'),
-    };
-}
-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 getTaskPriorityLabel(value) {
-    var _a;
-    const labels = {
-        low: 'Baixa',
-        medium: 'Média',
-        high: 'Alta',
-    };
-    return (_a = labels[value !== null && value !== void 0 ? value : '']) !== null && _a !== void 0 ? _a : String(value !== null && value !== void 0 ? value : '');
-}
-function getPriorityClassName(priority) {
-    if (priority === 'high')
-        return 'border-rose-300 bg-rose-100 text-rose-700';
-    if (priority === 'medium')
-        return 'border-amber-300 bg-amber-100 text-amber-700';
-    return 'border-emerald-300 bg-emerald-100 text-emerald-700';
-}
-function getTaskProgress(status) {
-    var _a;
-    const map = {
-        todo: 0,
-        doing: 33,
-        review: 66,
-        done: 100,
-    };
-    return (_a = map[status !== null && status !== void 0 ? status : '']) !== null && _a !== void 0 ? _a : 0;
-}
-function isPastDue(dueDate) {
-    if (!dueDate)
-        return false;
-    return new Date(dueDate) < new Date();
-}
-function getTaskTags(task) {
-    if (!task.tags)
-        return [];
-    return task.tags.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 DraggableTaskCard({ task, children, }) {
-    const { attributes, listeners, setNodeRef, transform, isDragging } = (0, core_1.useDraggable)({
-        id: taskDragId(task.id),
-    });
-    return (<div ref={setNodeRef} style={{ transform: utilities_1.CSS.Translate.toString(transform) }} {...listeners} {...attributes} className={isDragging ? 'z-20' : undefined}>
-      {children(isDragging)}
-    </div>);
-}
-function DroppableColumn({ columnId, children, }) {
-    const { setNodeRef, isOver } = (0, core_1.useDroppable)({ id: columnDropId(columnId) });
-    return <div ref={setNodeRef}>{children(isOver)}</div>;
-}
-function MyProjectSummaryScreen({ projectId }) {
-    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 { request, currentLocaleCode, getSettingValue } = (0, next_app_provider_1.useApp)();
-    const getProjectStatusLabel = (value) => {
-        if (!value)
-            return commonT('labels.notAvailable');
-        try {
-            return formT(`options.statuses.${value}`);
-        }
-        catch (_a) {
-            return value;
-        }
-    };
-    const { data: project, refetch } = (0, next_app_provider_1.useQuery)({
-        queryKey: ['operations-my-project-summary', projectId],
-        queryFn: () => (0, api_1.fetchOperations)(request, `/operations/my-projects/${projectId}/summary`),
-    });
-    const { data: archivedTasksResponse, refetch: refetchArchivedTasks } = (0, next_app_provider_1.useQuery)({
-        queryKey: [
-            'operations-my-project-archived-tasks',
-            projectId,
-            currentLocaleCode,
-        ],
-        queryFn: () => (0, api_1.fetchOperations)(request, `/operations/tasks?projectId=${projectId}&archived=true&pageSize=200&sortField=createdAt&sortOrder=desc`),
-        placeholderData: (previous) => previous,
-    });
-    const [boardState, setBoardState] = (0, react_1.useState)(null);
-    const [selectedTask, setSelectedTask] = (0, react_1.useState)(null);
-    const [deletePromptTask, setDeletePromptTask] = (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 apiTasks = (0, react_1.useMemo)(() => { var _a; return ((_a = project === null || project === void 0 ? void 0 : project.tasks) !== null && _a !== void 0 ? _a : []).map(apiTaskToBoardTask); }, [project]);
-    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 currentCollaboratorId = (0, react_1.useMemo)(() => {
-        var _a, _b;
-        if (!(project === null || project === void 0 ? void 0 : project.myAssignmentId)) {
-            return null;
-        }
-        return ((_b = (_a = project.assignments.find((assignment) => assignment.id === project.myAssignmentId)) === null || _a === void 0 ? void 0 : _a.collaboratorId) !== null && _b !== void 0 ? _b : null);
-    }, [project]);
-    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 sensors = (0, core_1.useSensors)((0, core_1.useSensor)(core_1.PointerSensor, { activationConstraint: { distance: 6 } }));
-    const findColumnByTask = (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;
-    };
-    const moveTaskToColumn = (0, react_1.useCallback)((taskId, targetColumn) => {
-        const originColumn = findColumnByTask(taskId);
-        if (!originColumn || originColumn === targetColumn || !project)
-            return;
-        const sourceTask = taskColumns[originColumn].find((task) => task.id === taskId);
-        if (!sourceTask)
-            return;
-        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],
-                ] }),
-        });
-        (0, api_1.mutateOperations)(request, `/operations/tasks/${taskId}`, 'PATCH', {
-            status: targetColumn,
-        }).catch(() => {
-            setBoardState(null);
-            void refetch();
-        });
-    }, [taskColumns, project, request, refetch] // eslint-disable-line react-hooks/exhaustive-deps
-    );
-    const onBoardDragEnd = (event) => {
-        var _a;
-        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 openCreateTaskForm = (0, react_1.useCallback)((defaultStatus = 'todo') => {
-        setEditingTaskId(null);
-        setTaskFormData(Object.assign(Object.assign({}, EMPTY_TASK_FORM), { status: defaultStatus }));
-        setSelectedTask(null);
-        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,
-            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 refetchAll = (0, react_1.useCallback)(async () => {
-        await Promise.all([refetch(), refetchArchivedTasks()]);
-    }, [refetch, refetchArchivedTasks]);
-    const handleTaskFormSubmit = (0, react_1.useCallback)(async () => {
-        var _a;
-        if (!taskFormData.name.trim())
-            return;
-        setTaskFormLoading(true);
-        try {
-            const payload = {
-                projectId,
-                projectAssignmentId: (_a = project === null || project === void 0 ? void 0 : project.myAssignmentId) !== null && _a !== void 0 ? _a : null,
-                assigneeCollaboratorId: currentCollaboratorId,
-                name: taskFormData.name.trim(),
-                description: taskFormData.description || null,
-                priority: taskFormData.priority,
-                status: taskFormData.status,
-                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', payload);
-            }
-            setBoardState(null);
-            setTaskFormOpen(false);
-            setEditingTaskId(null);
-            setTaskFormData(EMPTY_TASK_FORM);
-            await refetchAll();
-        }
-        finally {
-            setTaskFormLoading(false);
-        }
-    }, [
-        currentCollaboratorId,
-        editingTaskId,
-        project,
-        projectId,
-        refetchAll,
-        request,
-        taskFormData,
-    ]);
-    const handleArchiveTask = (0, react_1.useCallback)(async (taskId) => {
-        await (0, api_1.mutateOperations)(request, `/operations/tasks/${taskId}`, 'PATCH', {
-            archived: true,
-        });
-        setBoardState(null);
-        setSelectedTask(null);
-        await refetchAll();
-    }, [request, refetchAll]);
-    const handleRestoreTask = (0, react_1.useCallback)(async (taskId) => {
-        await (0, api_1.mutateOperations)(request, `/operations/tasks/${taskId}`, 'PATCH', {
-            archived: false,
-        });
-        setBoardState(null);
-        setSelectedTask(null);
-        setDeletePromptTask(null);
-        await refetchAll();
-    }, [request, refetchAll]);
-    const handleDeleteTask = (0, react_1.useCallback)(async (taskId) => {
-        await (0, api_1.mutateOperations)(request, `/operations/tasks/${taskId}?permanent=true`, 'DELETE');
-        setBoardState(null);
-        setSelectedTask(null);
-        setDeletePromptTask(null);
-        await refetchAll();
-    }, [request, refetchAll]);
-    if (!project) {
-        return (<entity_list_1.Page>
-        <operations_header_1.OperationsHeader title="—" description="" current={commonT('labels.loading') || 'Carregando...'}/>
-        <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>);
-    }
-    return (<entity_list_1.Page>
-      <operations_header_1.OperationsHeader title={project.name} description={[project.code, project.myRoleLabel].filter(Boolean).join(' • ') || ''} current={project.name}/>
-
-      <div className="rounded-xl border bg-muted/20 p-4">
-        <dl className="grid gap-3 text-sm sm:grid-cols-2 xl:grid-cols-4">
-          <div>
-            <dt className="text-muted-foreground">
-              {commonT('labels.status')}
-            </dt>
-            <dd className="mt-0.5 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.startDate')}
-            </dt>
-            <dd className="mt-0.5 font-medium">
-              {(0, format_1.formatDate)(project.startDate, getSettingValue, currentLocaleCode)}
-            </dd>
-          </div>
-          <div>
-            <dt className="text-muted-foreground">
-              {commonT('labels.endDate')}
-            </dt>
-            <dd className="mt-0.5 font-medium">
-              {(0, format_1.formatDate)(project.endDate, getSettingValue, currentLocaleCode)}
-            </dd>
-          </div>
-          {project.myRoleLabel ? (<div>
-              <dt className="text-muted-foreground">
-                {commonT('labels.role')}
-              </dt>
-              <dd className="mt-0.5 font-medium">{project.myRoleLabel}</dd>
-            </div>) : null}
-        </dl>
-        {project.summary ? (<p className="mt-3 rounded-lg border border-border/70 bg-background/60 p-3 text-sm text-muted-foreground">
-            {project.summary}
-          </p>) : null}
-      </div>
-
-      <section_card_1.SectionCard title={t('sections.taskBoard')} description={t('sections.taskBoardDescription')} className="rounded-xl border bg-card p-4 shadow-sm" actions={<button_1.Button size="sm" className="gap-2" onClick={() => openCreateTaskForm()}>
-            <lucide_react_1.Plus className="size-4"/>
-            {commonT('actions.create')}
-          </button_1.Button>}>
-        <core_1.DndContext sensors={sensors} collisionDetection={core_1.closestCenter} onDragEnd={onBoardDragEnd}>
-          <div className="grid gap-4 xl:grid-cols-4">
-            {KANBAN_COLUMNS.map((column) => (<DroppableColumn key={column.id} columnId={column.id}>
-                {(isOver) => (<div className={[
-                    'rounded-xl border bg-muted/20 p-3 transition-colors',
-                    isOver ? 'border-primary bg-primary/5' : 'border-border',
-                ].join(' ')}>
-                    <div className="mb-3 flex items-center justify-between">
-                      <div className="flex items-center gap-2 text-sm font-semibold">
-                        <lucide_react_1.Rows3 className="size-4 text-muted-foreground"/>
-                        {column.label}
-                      </div>
-                      <span className="rounded-full bg-background px-2 py-0.5 text-xs text-muted-foreground">
-                        {taskColumns[column.id].length}
-                      </span>
-                    </div>
-
-                    <div className="flex flex-1 flex-col gap-2">
-                      <framer_motion_1.AnimatePresence initial={false}>
-                      {taskColumns[column.id].map((task) => {
-                    const tags = getTaskTags(task);
-                    const comments = getTaskCommentCount(task);
-                    const attachments = getTaskAttachmentCount(task);
-                    return (<DraggableTaskCard key={task.id} task={task}>
-                          {(isDragging) => {
-                            var _a;
-                            return (<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} onClick={() => !isDragging && setSelectedTask(task)} onKeyDown={(event) => {
-                                    if (event.key === 'Enter' || event.key === ' ') {
-                                        event.preventDefault();
-                                        setSelectedTask(task);
-                                    }
-                                }} 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(' ')}>
-                              <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`
-                                    : '—'}
-                                  </span>
-                                </div>
-                              </div>
-
-                              <div className="mt-3 space-y-1.5">
-                                <div className="flex items-center justify-between text-[11px] text-muted-foreground">
-                                  <span>Progresso</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">
-                                    {(() => {
-                                    var _a;
-                                    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={(_a = task.assigneeName) !== null && _a !== void 0 ? _a : ''} className="size-full object-cover"/>) : (getInitials(task.assigneeName));
-                                })()}
-                                  </div>
-                                  <span className="truncate text-[11px] text-muted-foreground">
-                                    {(_a = task.assigneeName) !== null && _a !== void 0 ? _a : '—'}
-                                  </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>
-                    </div>
-                  </div>)}
-              </DroppableColumn>))}
-          </div>
-        </core_1.DndContext>
-      </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.name')}</table_1.TableHead>
-                  <table_1.TableHead>{commonT('labels.status')}</table_1.TableHead>
-                  <table_1.TableHead>{commonT('labels.deadline')}</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" onClick={(event) => {
-                        event.stopPropagation();
-                        void handleRestoreTask(task.id);
-                    }}>
-                          <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>) : (<p className="text-sm text-muted-foreground">
-            {t('emptyArchivedDescription')}
-          </p>)}
-      </section_card_1.SectionCard>
-
-      <section_card_1.SectionCard title={t('sections.team')} description={t('sections.teamDescription')} className="rounded-xl border bg-card p-4 shadow-sm">
-        {project.assignments.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.collaborator')}</table_1.TableHead>
-                  <table_1.TableHead>{commonT('labels.role')}</table_1.TableHead>
-                  <table_1.TableHead>{commonT('labels.status')}</table_1.TableHead>
-                </table_1.TableRow>
-              </table_1.TableHeader>
-              <table_1.TableBody>
-                {project.assignments.map((assignment) => (<table_1.TableRow key={assignment.id}>
-                    <table_1.TableCell>
-                      <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={getUserPhotoUrl(assignment.userPhotoId) ||
-                    getPersonAvatarUrl(assignment.avatarId)} alt={assignment.collaboratorName}/>
-                          <avatar_1.AvatarFallback className="bg-muted text-xs font-semibold text-foreground">
-                            {getInitials(assignment.collaboratorName)}
-                          </avatar_1.AvatarFallback>
-                        </avatar_1.Avatar>
-                        <span>{assignment.collaboratorName}</span>
-                      </div>
-                    </table_1.TableCell>
-                    <table_1.TableCell>
-                      {assignment.roleLabel || commonT('labels.notAssigned')}
-                    </table_1.TableCell>
-                    <table_1.TableCell>
-                      <status_badge_1.StatusBadge label={assignment.status} className={(0, format_1.getStatusBadgeClass)(assignment.status)}/>
-                    </table_1.TableCell>
-                  </table_1.TableRow>))}
-              </table_1.TableBody>
-            </table_1.Table>
-          </div>) : (<p className="text-sm text-muted-foreground">{t('noAssignments')}</p>)}
-      </section_card_1.SectionCard>
-
-      <task_detail_sheet_1.TaskDetailSheet task={selectedTask} open={selectedTask !== null} onOpenChange={(open) => {
-            if (!open)
-                setSelectedTask(null);
-        }} statusLabel={(status) => {
-            var _a;
-            const map = {
-                todo: 'Backlog',
-                doing: 'Em execução',
-                review: 'Revisão',
-                done: 'Concluído',
-            };
-            return (_a = map[status]) !== null && _a !== void 0 ? _a : status;
-        }} footer={selectedTask ? (<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" onClick={() => void handleRestoreTask(selectedTask.id)}>
-                    <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="h-10 gap-2" onClick={() => openEditTaskForm(selectedTask)}>
-                    <lucide_react_1.Pencil className="size-3.5"/>
-                    {commonT('actions.edit')}
-                  </button_1.Button>
-                  <button_1.Button variant="destructive" size="sm" className="h-10 gap-2" onClick={() => void handleArchiveTask(selectedTask.id)}>
-                    <lucide_react_1.Archive className="size-3.5"/>
-                    {commonT('actions.archive')}
-                  </button_1.Button>
-                </>)}
-            </div>) : null}/>
-
-      <dialog_1.Dialog open={taskFormOpen} onOpenChange={(open) => {
-            if (!open) {
-                setTaskFormOpen(false);
-                setEditingTaskId(null);
-                setTaskFormData(EMPTY_TASK_FORM);
-            }
-        }}>
-        <dialog_1.DialogContent className="sm:max-w-lg">
-          <dialog_1.DialogHeader>
-            <dialog_1.DialogTitle>
-              {editingTaskId ? t('taskForm.titleEdit') : t('taskForm.titleNew')}
-            </dialog_1.DialogTitle>
-          </dialog_1.DialogHeader>
-
-          <div className="space-y-4">
-            <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>
-              <textarea_1.Textarea id="task-description" placeholder={t('taskForm.descriptionPlaceholder')} rows={3} value={taskFormData.description} onChange={(e) => setTaskFormData((prev) => (Object.assign(Object.assign({}, prev), { description: e.target.value })))}/>
-            </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="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>
-          </div>
-
-          <dialog_1.DialogFooter className="mt-4">
-            <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>
-          </dialog_1.DialogFooter>
-        </dialog_1.DialogContent>
-      </dialog_1.Dialog>
-
-      <dialog_1.Dialog open={deletePromptTask !== null} onOpenChange={(open) => {
-            if (!open) {
-                setDeletePromptTask(null);
-            }
-        }}>
-        <dialog_1.DialogContent className="sm:max-w-lg">
-          <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="gap-2 sm:justify-between">
-            <button_1.Button variant="ghost" onClick={() => setDeletePromptTask(null)}>
-              {commonT('actions.cancel')}
-            </button_1.Button>
-            {deletePromptTask ? (<button_1.Button variant="destructive" onClick={() => void handleDeleteTask(deletePromptTask.id)}>
-                {commonT('actions.delete')}
-              </button_1.Button>) : null}
-          </dialog_1.DialogFooter>
-        </dialog_1.DialogContent>
-      </dialog_1.Dialog>
-    </entity_list_1.Page>);
-}
-//# sourceMappingURL=my-project-summary-screen.js.map