@hed-hog/operations 0.0.318 → 0.0.321

package/hedhog/frontend/app/_components/task-detail-sheet.tsx.ejs

@@ -0,0 +1,223 @@
+'use client';
+
+import type { ReactNode } from 'react';
+import {
+  Sheet,
+  SheetContent,
+  SheetHeader,
+  SheetTitle,
+} from '@/components/ui/sheet';
+import { useApp } from '@hed-hog/next-app-provider';
+import { AlarmClock, Calendar, Tag, User } from 'lucide-react';
+import { useTranslations } from 'next-intl';
+import { formatDate, getStatusBadgeClass } from '../_lib/utils/format';
+import { StatusBadge } from './status-badge';
+
+export type TaskDetailSheetData = {
+  id: number;
+  name: string;
+  description?: string | null;
+  status: string;
+  priority?: string | null;
+  dueDate?: string | null;
+  estimateHours?: number | null;
+  tags?: string | null;
+  projectName?: string | null;
+  projectCode?: string | null;
+  assigneeName?: string | null;
+  assigneeUserPhotoId?: number | null;
+  assigneePersonAvatarId?: number | null;
+};
+
+type Props = {
+  task: TaskDetailSheetData | null;
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  statusLabel?: (status: string) => string;
+  footer?: ReactNode;
+};
+
+function getPriorityLabel(value?: string | null) {
+  const labels: Record<string, string> = {
+    low: 'Baixa',
+    medium: 'Média',
+    high: 'Alta',
+  };
+  return labels[value ?? ''] ?? value ?? '—';
+}
+
+function getPriorityClassName(value?: string | null) {
+  if (value === 'high') return 'bg-rose-100 text-rose-700 border-rose-200';
+  if (value === 'medium') return 'bg-amber-100 text-amber-700 border-amber-200';
+  return 'bg-emerald-100 text-emerald-700 border-emerald-200';
+}
+
+function getAvatarSrc(task: TaskDetailSheetData | null) {
+  if (!task) return null;
+  if (
+    typeof task.assigneeUserPhotoId === 'number' &&
+    task.assigneeUserPhotoId > 0
+  )
+    return `${process.env.NEXT_PUBLIC_API_BASE_URL}/file/open/${task.assigneeUserPhotoId}`;
+  if (
+    typeof task.assigneePersonAvatarId === 'number' &&
+    task.assigneePersonAvatarId > 0
+  )
+    return `${process.env.NEXT_PUBLIC_API_BASE_URL}/person/avatar/${task.assigneePersonAvatarId}`;
+  return null;
+}
+
+function getInitials(value?: string | null) {
+  const parts = String(value ?? '')
+    .trim()
+    .split(/\s+/)
+    .filter(Boolean)
+    .slice(0, 2);
+  if (!parts.length) return '??';
+  return parts.map((p) => p[0]?.toUpperCase() ?? '').join('');
+}
+
+export function TaskDetailSheet({
+  task,
+  open,
+  onOpenChange,
+  statusLabel,
+  footer,
+}: Props) {
+  const commonT = useTranslations('operations.Common');
+  const detailT = useTranslations('operations.ProjectDetailsPage');
+  const { getSettingValue, currentLocaleCode } = useApp();
+
+  const avatarSrc = getAvatarSrc(task);
+
+  return (
+    <Sheet open={open} onOpenChange={onOpenChange}>
+      <SheetContent className="flex w-full flex-col gap-0 overflow-y-auto sm:max-w-md">
+        {task ? (
+          <>
+            <SheetHeader className="pb-2">
+              <SheetTitle className="pr-6 text-base font-semibold leading-snug">
+                {task.name}
+              </SheetTitle>
+              <div className="flex flex-wrap gap-2 pt-1">
+                <StatusBadge
+                  label={statusLabel?.(task.status) ?? task.status}
+                  className={getStatusBadgeClass(task.status)}
+                />
+                {task.priority ? (
+                  <span
+                    className={`inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold ${getPriorityClassName(task.priority)}`}
+                  >
+                    {getPriorityLabel(task.priority)}
+                  </span>
+                ) : null}
+              </div>
+            </SheetHeader>
+
+            <div className="flex flex-col gap-5 p-4 pt-3">
+              {task.description ? (
+                <div>
+                  <p className="mb-1 text-xs font-medium uppercase tracking-wide text-muted-foreground">
+                    {detailT('taskForm.descriptionLabel')}
+                  </p>
+                  <p className="text-sm leading-relaxed">{task.description}</p>
+                </div>
+              ) : null}
+
+              {task.dueDate || task.estimateHours != null ? (
+                <div className="grid grid-cols-2 gap-3">
+                  {task.dueDate ? (
+                    <div className="flex items-start gap-2 text-sm">
+                      <Calendar className="mt-0.5 size-4 shrink-0 text-muted-foreground" />
+                      <div>
+                        <p className="text-[11px] text-muted-foreground">
+                          {detailT('taskForm.deadlineLabel')}
+                        </p>
+                        <p className="font-medium">
+                          {formatDate(
+                            task.dueDate,
+                            getSettingValue,
+                            currentLocaleCode
+                          )}
+                        </p>
+                      </div>
+                    </div>
+                  ) : null}
+                  {task.estimateHours != null ? (
+                    <div className="flex items-start gap-2 text-sm">
+                      <AlarmClock className="mt-0.5 size-4 shrink-0 text-muted-foreground" />
+                      <div>
+                        <p className="text-[11px] text-muted-foreground">
+                          {detailT('taskForm.estimateLabel')}
+                        </p>
+                        <p className="font-medium">{task.estimateHours}h</p>
+                      </div>
+                    </div>
+                  ) : null}
+                </div>
+              ) : null}
+
+              {task.tags ? (
+                <div>
+                  <div className="mb-1.5 flex items-center gap-1.5 text-xs font-medium uppercase tracking-wide text-muted-foreground">
+                    <Tag className="size-3" />
+                    {detailT('taskForm.tagsLabel')}
+                  </div>
+                  <div className="flex flex-wrap gap-1.5">
+                    {task.tags.split(',').map((tag) => (
+                      <span
+                        key={tag.trim()}
+                        className="rounded-md bg-muted px-2 py-0.5 text-xs text-muted-foreground"
+                      >
+                        {tag.trim()}
+                      </span>
+                    ))}
+                  </div>
+                </div>
+              ) : null}
+
+              {task.assigneeName ? (
+                <div>
+                  <div className="mb-1.5 flex items-center gap-1.5 text-xs font-medium uppercase tracking-wide text-muted-foreground">
+                    <User className="size-3" />
+                    {commonT('labels.collaborator')}
+                  </div>
+                  <div className="flex items-center gap-2.5">
+                    <div className="flex size-8 shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted text-xs font-semibold uppercase text-muted-foreground ring-1 ring-border">
+                      {avatarSrc ? (
+                        // eslint-disable-next-line @next/next/no-img-element
+                        <img
+                          src={avatarSrc}
+                          alt={task.assigneeName}
+                          className="size-full object-cover"
+                        />
+                      ) : (
+                        getInitials(task.assigneeName)
+                      )}
+                    </div>
+                    <span className="text-sm">{task.assigneeName}</span>
+                  </div>
+                </div>
+              ) : null}
+
+              {task.projectName || task.projectCode ? (
+                <div className="rounded-lg border bg-muted/20 px-3 py-2.5">
+                  <p className="text-[11px] font-medium uppercase tracking-wide text-muted-foreground">
+                    {commonT('labels.project')}
+                  </p>
+                  <p className="mt-0.5 text-sm font-medium">
+                    {[task.projectName, task.projectCode]
+                      .filter(Boolean)
+                      .join(' • ')}
+                  </p>
+                </div>
+              ) : null}
+
+              {footer ? <div className="border-t pt-5">{footer}</div> : null}
+            </div>
+          </>
+        ) : null}
+      </SheetContent>
+    </Sheet>
+  );
+}

package/hedhog/frontend/app/_lib/api.ts.ejs

@@ -56,3 +56,165 @@ export async function mutateOperations<T>(
 
   return response.data as T;
 }
+
+// ─── Cost Types ───────────────────────────────────────────────────────────────
+
+export type CostType = {
+  id: number;
+  slug: string;
+  name: string;
+  code?: string | null;
+  category?: string | null;
+  description?: string | null;
+  defaultRecurrence?: 'monthly' | 'one_time' | 'yearly' | null;
+  isAllocatable?: boolean | null;
+  isDepreciable?: boolean | null;
+  isActive: boolean;
+};
+
+export function fetchCostTypes(
+  request: RequestFn,
+  args: {
+    search?: string;
+    active?: boolean;
+    page?: number;
+    pageSize?: number;
+  } = {}
+) {
+  const { search, active, page, pageSize } = args;
+  const params = new URLSearchParams();
+  if (search?.trim()) {
+    params.set('search', search.trim());
+  }
+  if (active !== undefined) {
+    params.set('active', String(active));
+  }
+  if (page !== undefined) {
+    params.set('page', String(page));
+  }
+  if (pageSize !== undefined) {
+    params.set('pageSize', String(pageSize));
+  }
+  const qs = params.toString();
+  return fetchOperations<CostType[]>(
+    request,
+    qs ? `/operations/cost-types?${qs}` : '/operations/cost-types'
+  );
+}
+
+export function createCostType(
+  request: RequestFn,
+  data: {
+    name: string;
+    slug?: string | null;
+    code?: string | null;
+    category?: string | null;
+    description?: string | null;
+    defaultRecurrence?: string | null;
+    isAllocatable?: boolean | null;
+    isDepreciable?: boolean | null;
+    isActive?: boolean;
+  }
+) {
+  return mutateOperations<CostType>(
+    request,
+    '/operations/cost-types',
+    'POST',
+    data
+  );
+}
+
+// ─── Collaborator Costs ───────────────────────────────────────────────────────
+
+export type CollaboratorCost = {
+  id: number;
+  collaboratorId: number;
+  costTypeId: number;
+  costTypeName: string;
+  costTypeSlug: string;
+  amount: string;
+  currency: string;
+  recurrence: 'one_time' | 'monthly' | 'yearly';
+  allocatable?: boolean;
+  /** ISO date string — mapped to startDate going forward */
+  referenceDate: string | null;
+  startDate?: string | null;
+  endDate?: string | null;
+  depreciationMonths?: number | null;
+  description: string | null;
+  notes?: string | null;
+  createdAt: string;
+};
+
+export function fetchCollaboratorCosts(
+  request: RequestFn,
+  collaboratorId: number
+) {
+  return fetchOperations<CollaboratorCost[]>(
+    request,
+    `/operations/collaborators/${collaboratorId}/costs`
+  );
+}
+
+export function createCollaboratorCost(
+  request: RequestFn,
+  collaboratorId: number,
+  data: {
+    costTypeId: number;
+    amount: number;
+    currency?: string;
+    recurrence?: string;
+    allocatable?: boolean;
+    referenceDate?: string | null;
+    startDate?: string | null;
+    endDate?: string | null;
+    depreciationMonths?: number | null;
+    description?: string | null;
+    notes?: string | null;
+  }
+) {
+  return mutateOperations<CollaboratorCost>(
+    request,
+    `/operations/collaborators/${collaboratorId}/costs`,
+    'POST',
+    data
+  );
+}
+
+export function updateCollaboratorCost(
+  request: RequestFn,
+  collaboratorId: number,
+  costId: number,
+  data: Partial<{
+    costTypeId: number;
+    amount: number;
+    currency: string;
+    recurrence: string;
+    allocatable: boolean;
+    referenceDate: string | null;
+    startDate: string | null;
+    endDate: string | null;
+    depreciationMonths: number | null;
+    description: string | null;
+    notes: string | null;
+  }>
+) {
+  return mutateOperations<CollaboratorCost>(
+    request,
+    `/operations/collaborators/${collaboratorId}/costs/${costId}`,
+    'PATCH',
+    data
+  );
+}
+
+export function deleteCollaboratorCost(
+  request: RequestFn,
+  collaboratorId: number,
+  costId: number
+) {
+  return mutateOperations<{ success: boolean }>(
+    request,
+    `/operations/collaborators/${collaboratorId}/costs/${costId}`,
+    'DELETE'
+  );
+}

package/hedhog/frontend/app/_lib/types.ts.ejs

@@ -34,6 +34,182 @@ export type OperationsDashboard = {
   }>;
 };
 
+export type OperationsReportScenario = 'base' | 'growth' | 'conservative';
+
+export type OperationsReportPlanningCard = {
+  title: string;
+  value: string;
+  description: string;
+};
+
+export type OperationsProjectsReport = {
+  filters: {
+    from: string;
+    to: string;
+    status: string;
+    client: string;
+    scenario: OperationsReportScenario;
+    clients: string[];
+  };
+  summary: {
+    contractedRevenue: number;
+    recognizedRevenue: number;
+    realizedCost: number;
+    forecastCost: number;
+    profit: number;
+    margin: number;
+    plannedHours: number;
+    actualHours: number;
+    billableHours: number;
+    reworkHours: number;
+    backlogValue: number;
+    avgDeadline: number;
+    avgAllocation: number;
+    atRisk: number;
+    burnRate: number;
+  };
+  forecast: Array<{
+    month: string;
+    revenue: number;
+    cost: number;
+    profit: number;
+    backlog: number;
+    planned: number;
+    actual: number;
+  }>;
+  costComposition: Array<{ name: string; value: number }>;
+  hoursByProject: Array<{
+    project: string;
+    Faturável: number;
+    Interno: number;
+    Retrabalho: number;
+    Livre: number;
+  }>;
+  health: Array<{
+    project: string;
+    margem: number;
+    prazo: number;
+    alocacao: number;
+    saude: number;
+  }>;
+  ranking: Array<{ name: string; Lucro: number; Custo: number }>;
+  progress: Array<{ month: string; Planejado: number; Realizado: number }>;
+  planningCards: OperationsReportPlanningCard[];
+  rows: Array<{
+    id: number;
+    name: string;
+    client: string;
+    manager: string;
+    squad: string;
+    status: 'on_track' | 'attention' | 'late' | 'paused';
+    contractType: 'fixed_price' | 'time_materials' | 'retainer';
+    priority: string;
+    startDate: string | null;
+    endDate: string | null;
+    contractedRevenue: number;
+    recognizedRevenue: number;
+    realizedCost: number;
+    forecastCost: number;
+    teamCost: number;
+    infraCost: number;
+    licenseCost: number;
+    thirdPartyCost: number;
+    reworkCost: number;
+    plannedHours: number;
+    actualHours: number;
+    billableHours: number;
+    reworkHours: number;
+    internalHours: number;
+    allocatedCapacity: number;
+    physicalProgress: number;
+    financialProgress: number;
+    backlogValue: number;
+    futureDeliveries: number;
+    risk: 'baixo' | 'médio' | 'alto';
+    recommendation: string;
+  }>;
+};
+
+export type OperationsCollaboratorsReport = {
+  filters: {
+    from: string;
+    to: string;
+    department: string;
+    contractType: string;
+    scenario: OperationsReportScenario;
+    departments: string[];
+    contractTypes: string[];
+  };
+  summary: {
+    cost: number;
+    salary: number;
+    benefits: number;
+    taxes: number;
+    tools: number;
+    billableValue: number;
+    profit: number;
+    margin: number;
+    availableHours: number;
+    allocatedHours: number;
+    billableHours: number;
+    internalHours: number;
+    overtimeHours: number;
+    freeHours: number;
+    allocation: number;
+    utilization: number;
+    overloadCount: number;
+    hourlyCost: number;
+  };
+  forecast: Array<{
+    month: string;
+    revenue: number;
+    cost: number;
+    profit: number;
+    margin: number;
+    capacity: number;
+  }>;
+  costComposition: Array<{ name: string; value: number }>;
+  capacityByDepartment: Array<{
+    department: string;
+    Faturável: number;
+    Interno: number;
+    Livre: number;
+    Sobrecarga: number;
+  }>;
+  health: Array<{
+    department: string;
+    margem: number;
+    alocacao: number;
+    utilizacao: number;
+    saude: number;
+  }>;
+  ranking: Array<{ name: string; Custo: number; Lucro: number }>;
+  planningCards: OperationsReportPlanningCard[];
+  rows: Array<{
+    id: number;
+    name: string;
+    role: string;
+    seniority: string;
+    department: string;
+    contractType: string;
+    startDate: string | null;
+    endDate: string | null;
+    salaryCost: number;
+    benefitsCost: number;
+    taxesCost: number;
+    toolsCost: number;
+    billableValue: number;
+    availableHours: number;
+    allocatedHours: number;
+    billableHours: number;
+    internalHours: number;
+    overtimeHours: number;
+    projects: number;
+    risk: 'baixo' | 'médio' | 'alto';
+    recommendation: string;
+  }>;
+};
+
 export type OperationsCollaborator = {
   id: number;
   userId?: number | null;
@@ -72,6 +248,10 @@ export type OperationsCollaboratorStats = {
   active: number;
   onLeave: number;
   withContracts: number;
+  totalSalary: number;
+  totalCosts: number;
+  avgSalaryPlusCosts: number;
+  avgSalaryPlusCostsPerCollaborator: number;
 };
 
 export type OperationsContractStats = {
@@ -150,11 +330,19 @@ export type OperationsTaskOption = {
   name: string;
   description?: string | null;
   status: string;
+  priority?: string | null;
   projectId: number;
-  projectAssignmentId: number;
+  projectAssignmentId: number | null;
   projectName: string;
   projectCode?: string | null;
+  dueDate?: string | null;
+  estimateHours?: number | null;
+  tags?: string | null;
+  assigneeName?: string | null;
+  assigneeUserPhotoId?: number | null;
+  assigneePersonAvatarId?: number | null;
   createdAt?: string | null;
+  deletedAt?: string | null;
 };
 
 export type OperationsProject = {
@@ -410,6 +598,44 @@ export type OperationsCollaboratorDetails = OperationsCollaborator & {
   }>;
 };
 
+export type OperationsMyProjectSummary = {
+  id: number;
+  code: string;
+  name: string;
+  status: string;
+  summary: string | null;
+  startDate: string | null;
+  endDate: string | null;
+  myAssignmentId: number | null;
+  myRoleLabel: string | null;
+  assignments: Array<{
+    id: number;
+    collaboratorId: number;
+    collaboratorName: string;
+    roleLabel: string | null;
+    status: string;
+    avatarId: number | null;
+    userPhotoId: number | null;
+  }>;
+  tasks: Array<{
+    id: number;
+    name: string;
+    description: string | null;
+    priority: string;
+    status: string;
+    dueDate: string | null;
+    estimateHours: number | null;
+    position: number;
+    tags: string | null;
+    assigneeCollaboratorId: number | null;
+    assigneeName: string | null;
+    assigneeUserPhotoId: number | null;
+    assigneePersonAvatarId: number | null;
+    projectAssignmentId: number | null;
+    createdAt: string;
+  }>;
+};
+
 export type OperationsProjectDetails = OperationsProject & {
   assignments: Array<{
     id: number;

package/hedhog/frontend/app/_lib/utils/format.ts.ejs

@@ -22,6 +22,16 @@ function resolveLocale(currentLocaleCode: string) {
   return currentLocaleCode.startsWith('pt') ? 'pt-BR' : 'en-US';
 }
 
+function parseDateValue(value: string) {
+  const dateMatch = String(value).match(/(\d{4}-\d{2}-\d{2})/);
+
+  if (dateMatch?.[1]) {
+    return new Date(`${dateMatch[1]}T12:00:00`);
+  }
+
+  return new Date(value);
+}
+
 export function formatDate(
   value?: string | null,
   getSettingValue?: ((key: string) => unknown) | null,
@@ -31,9 +41,7 @@ export function formatDate(
     return '-';
   }
 
-  const parsedDate = new Date(
-    value.includes('T') ? value : `${value}T00:00:00`
-  );
+  const parsedDate = parseDateValue(value);
 
   if (Number.isNaN(parsedDate.getTime())) {
     return '-';