@hed-hog/operations 0.0.319 → 0.0.322

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

@@ -8,7 +8,7 @@ export type PaginatedResponse<T> = {
   data: T[];
 };
 
-export type OperationsDashboard = {
+export type OperationsDashboard = {
   actor: {
     roleScope: 'self' | 'team' | 'full';
     collaboratorId: number | null;
@@ -32,183 +32,183 @@ export type OperationsDashboard = {
     totalHours: number | null;
     status: string;
   }>;
-};
-
-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 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;
@@ -365,6 +365,7 @@ export type OperationsProject = {
   contractStatus?: string | null;
   contractCategory?: string | null;
   managerName?: string | null;
+  managerAvatarId?: number | null;
   myAssignmentId?: number | null;
   myRoleLabel?: string | null;
   teamSize?: number;

package/hedhog/frontend/app/my-tasks/page.tsx.ejs

@@ -6,6 +6,7 @@ import {
   PaginationFooter,
   SearchBar,
 } from '@/components/entity-list';
+import { RichTextEditor } from '@/components/rich-text-editor';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
 import {
@@ -33,7 +34,6 @@ import {
   TableHeader,
   TableRow,
 } from '@/components/ui/table';
-import { Textarea } from '@/components/ui/textarea';
 import { ToggleGroup, ToggleGroupItem } from '@/components/ui/toggle-group';
 import {
   closestCenter,
@@ -278,6 +278,10 @@ export default function OperationsMyTasksPage() {
   const [taskFormLoading, setTaskFormLoading] = useState(false);
   const [taskFormData, setTaskFormData] =
     useState<TaskFormState>(EMPTY_TASK_FORM);
+  const [inlineCreateColumn, setInlineCreateColumn] =
+    useState<BoardColumnId | null>(null);
+  const [inlineCreateName, setInlineCreateName] = useState('');
+  const [inlineCreateLoading, setInlineCreateLoading] = useState(false);
 
   // Paginated query for table/cards views
   const { data: tasksResponse, refetch } = useQuery<
@@ -492,6 +496,32 @@ export default function OperationsMyTasksPage() {
     [request, refetchAll]
   );
 
+  const handleInlineCreateTask = useCallback(
+    async (column: BoardColumnId) => {
+      const trimmed = inlineCreateName.trim();
+      if (!trimmed) {
+        setInlineCreateColumn(null);
+        setInlineCreateName('');
+        return;
+      }
+      setInlineCreateLoading(true);
+      try {
+        await mutateOperations(request, '/operations/tasks', 'POST', {
+          name: trimmed,
+          status: column,
+          priority: 'medium',
+        });
+        setBoardOverride(null);
+        setInlineCreateColumn(null);
+        setInlineCreateName('');
+        await refetchBoard();
+      } finally {
+        setInlineCreateLoading(false);
+      }
+    },
+    [inlineCreateName, request, refetchBoard]
+  );
+
   const openCreateTaskForm = useCallback(() => {
     setEditingTaskId(null);
     setTaskFormData(EMPTY_TASK_FORM);
@@ -700,9 +730,21 @@ export default function OperationsMyTasksPage() {
                           <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">
-                          {boardColumns[column.id].length}
-                        </span>
+                        <div className="flex items-center gap-1">
+                          <span className="rounded-full bg-background px-2 py-0.5 text-xs text-muted-foreground">
+                            {boardColumns[column.id].length}
+                          </span>
+                          <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('');
+                            }}
+                          >
+                            <Plus className="size-3.5" />
+                          </button>
+                        </div>
                       </div>
 
                       <div className="space-y-2">
@@ -829,6 +871,77 @@ export default function OperationsMyTasksPage() {
                           </DraggableTaskCard>
                         ))}
                       </div>
+
+                      {inlineCreateColumn === column.id ? (
+                        <div className="space-y-1.5 rounded-lg border bg-card p-2">
+                          <Input
+                            autoFocus
+                            placeholder={detailT('taskForm.namePlaceholder')}
+                            value={inlineCreateName}
+                            onChange={(e) =>
+                              setInlineCreateName(e.target.value)
+                            }
+                            onKeyDown={(e) => {
+                              if (e.key === 'Enter') {
+                                e.preventDefault();
+                                void handleInlineCreateTask(column.id);
+                              } 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
+                              type="button"
+                              size="sm"
+                              className="h-7 px-2 text-xs"
+                              disabled={
+                                !inlineCreateName.trim() || inlineCreateLoading
+                              }
+                              onMouseDown={(e) => e.preventDefault()}
+                              onClick={() =>
+                                void handleInlineCreateTask(column.id)
+                              }
+                            >
+                              {t('actions.create')}
+                            </Button>
+                            <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>
+                          </div>
+                        </div>
+                      ) : (
+                        <button
+                          type="button"
+                          className="flex w-full cursor-pointer items-center gap-1 rounded-md px-1 py-1 text-xs text-muted-foreground transition hover:bg-muted hover:text-foreground"
+                          onClick={() => {
+                            setInlineCreateColumn(column.id);
+                            setInlineCreateName('');
+                          }}
+                        >
+                          <Plus className="size-3" />
+                          {t('actions.create')}
+                        </button>
+                      )}
                     </div>
                   )}
                 </DroppableColumn>
@@ -1093,7 +1206,7 @@ export default function OperationsMyTasksPage() {
           }
         }}
       >
-        <DialogContent className="sm:max-w-lg">
+        <DialogContent className="sm:max-w-2xl">
           <DialogHeader>
             <DialogTitle>
               {editingTaskId
@@ -1149,17 +1262,14 @@ export default function OperationsMyTasksPage() {
               <Label htmlFor="task-description">
                 {detailT('taskForm.descriptionLabel')}
               </Label>
-              <Textarea
-                id="task-description"
+              <RichTextEditor
                 value={taskFormData.description}
-                onChange={(event) =>
+                onChange={(val) =>
                   setTaskFormData((prev) => ({
                     ...prev,
-                    description: event.target.value,
+                    description: val,
                   }))
                 }
-                rows={4}
-                placeholder={detailT('taskForm.descriptionPlaceholder')}
               />
             </div>