@hed-hog/operations 0.0.3 → 0.0.286

package/hedhog/frontend/app/_components/operations-header.tsx.ejs

@@ -1,29 +1,29 @@
-import { PageHeader } from '@/components/entity-list';
-import { ReactNode } from 'react';
-
-interface OperationsHeaderProps {
-  title: string;
-  description: string;
-  current: string;
-  actions?: ReactNode;
-}
-
-export function OperationsHeader({
-  title,
-  description,
-  current,
-  actions,
-}: OperationsHeaderProps) {
-  return (
-    <PageHeader
-      title={title}
-      description={description}
-      actions={actions}
-      breadcrumbs={[
-        { label: 'Home', href: '/' },
-        { label: 'Operations', href: '/operations' },
-        { label: current },
-      ]}
-    />
-  );
-}
+import { PageHeader } from '@/components/entity-list';
+import { ReactNode } from 'react';
+
+interface OperationsHeaderProps {
+  title: string;
+  description: string;
+  current: string;
+  actions?: ReactNode;
+}
+
+export function OperationsHeader({
+  title,
+  description,
+  current,
+  actions,
+}: OperationsHeaderProps) {
+  return (
+    <PageHeader
+      title={title}
+      description={description}
+      actions={actions}
+      breadcrumbs={[
+        { label: 'Home', href: '/' },
+        { label: 'Operations', href: '/operations' },
+        { label: current },
+      ]}
+    />
+  );
+}

package/hedhog/frontend/app/_components/section-card.tsx.ejs

@@ -1,32 +1,32 @@
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from '@/components/ui/card';
-import { ReactNode } from 'react';
-
-interface SectionCardProps {
-  title: string;
-  description?: string;
-  children: ReactNode;
-  className?: string;
-}
-
-export function SectionCard({
-  title,
-  description,
-  children,
-  className,
-}: SectionCardProps) {
-  return (
-    <Card className={className}>
-      <CardHeader>
-        <CardTitle>{title}</CardTitle>
-        {description ? <CardDescription>{description}</CardDescription> : null}
-      </CardHeader>
-      <CardContent>{children}</CardContent>
-    </Card>
-  );
-}
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@/components/ui/card';
+import { ReactNode } from 'react';
+
+interface SectionCardProps {
+  title: string;
+  description?: string;
+  children: ReactNode;
+  className?: string;
+}
+
+export function SectionCard({
+  title,
+  description,
+  children,
+  className,
+}: SectionCardProps) {
+  return (
+    <Card className={className}>
+      <CardHeader>
+        <CardTitle>{title}</CardTitle>
+        {description ? <CardDescription>{description}</CardDescription> : null}
+      </CardHeader>
+      <CardContent>{children}</CardContent>
+    </Card>
+  );
+}

package/hedhog/frontend/app/_components/status-badge.tsx.ejs

@@ -1,15 +1,15 @@
-import { Badge } from '@/components/ui/badge';
-import { cn } from '@/lib/utils';
-
-interface StatusBadgeProps {
-  label: string;
-  className?: string;
-}
-
-export function StatusBadge({ label, className }: StatusBadgeProps) {
-  return (
-    <Badge variant="outline" className={cn('border-transparent', className)}>
-      {label}
-    </Badge>
-  );
-}
+import { Badge } from '@/components/ui/badge';
+import { cn } from '@/lib/utils';
+
+interface StatusBadgeProps {
+  label: string;
+  className?: string;
+}
+
+export function StatusBadge({ label, className }: StatusBadgeProps) {
+  return (
+    <Badge variant="outline" className={cn('border-transparent', className)}>
+      {label}
+    </Badge>
+  );
+}

package/hedhog/frontend/app/_components/timesheet-entry-dialog.tsx.ejs

@@ -1,142 +1,142 @@
-'use client';
-
-import { Button } from '@/components/ui/button';
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from '@/components/ui/dialog';
-import { Input } from '@/components/ui/input';
-import { Label } from '@/components/ui/label';
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '@/components/ui/select';
-import { Textarea } from '@/components/ui/textarea';
-import { Plus } from 'lucide-react';
-import { useState } from 'react';
-import type { OperationsUser, Project, Task } from '../_lib/types/operations';
-
-interface TimesheetEntryDialogProps {
-  users: OperationsUser[];
-  projects: Project[];
-  tasks: Task[];
-}
-
-export function TimesheetEntryDialog({
-  users,
-  projects,
-  tasks,
-}: TimesheetEntryDialogProps) {
-  const [open, setOpen] = useState(false);
-  const [projectId, setProjectId] = useState(projects[0]?.id ?? '');
-
-  const availableTasks = tasks.filter((task) => task.projectId === projectId);
-
-  return (
-    <Dialog open={open} onOpenChange={setOpen}>
-      <DialogTrigger asChild>
-        <Button>
-          <Plus className="mr-2 h-4 w-4" />
-          Add Timesheet Entry
-        </Button>
-      </DialogTrigger>
-      <DialogContent className="sm:max-w-2xl">
-        <DialogHeader>
-          <DialogTitle>Add Timesheet Entry</DialogTitle>
-          <DialogDescription>
-            Mock-only modal wired for a future API-backed create flow.
-          </DialogDescription>
-        </DialogHeader>
-        <div className="grid gap-4 md:grid-cols-2">
-          <div className="space-y-2">
-            <Label>User</Label>
-            <Select defaultValue={users[0]?.id}>
-              <SelectTrigger>
-                <SelectValue />
-              </SelectTrigger>
-              <SelectContent>
-                {users.map((user) => (
-                  <SelectItem key={user.id} value={user.id}>
-                    {user.name}
-                  </SelectItem>
-                ))}
-              </SelectContent>
-            </Select>
-          </div>
-          <div className="space-y-2">
-            <Label>Date</Label>
-            <Input defaultValue="2026-03-16" type="date" />
-          </div>
-          <div className="space-y-2">
-            <Label>Project</Label>
-            <Select value={projectId} onValueChange={setProjectId}>
-              <SelectTrigger>
-                <SelectValue />
-              </SelectTrigger>
-              <SelectContent>
-                {projects.map((project) => (
-                  <SelectItem key={project.id} value={project.id}>
-                    {project.name}
-                  </SelectItem>
-                ))}
-              </SelectContent>
-            </Select>
-          </div>
-          <div className="space-y-2">
-            <Label>Task</Label>
-            <Select defaultValue={availableTasks[0]?.id}>
-              <SelectTrigger>
-                <SelectValue />
-              </SelectTrigger>
-              <SelectContent>
-                {availableTasks.map((task) => (
-                  <SelectItem key={task.id} value={task.id}>
-                    {task.title}
-                  </SelectItem>
-                ))}
-              </SelectContent>
-            </Select>
-          </div>
-          <div className="space-y-2">
-            <Label>Hours</Label>
-            <Input defaultValue="6" min="0" step="0.5" type="number" />
-          </div>
-          <div className="space-y-2">
-            <Label>Status</Label>
-            <Select defaultValue="pending">
-              <SelectTrigger>
-                <SelectValue />
-              </SelectTrigger>
-              <SelectContent>
-                <SelectItem value="pending">Pending</SelectItem>
-                <SelectItem value="approved">Approved</SelectItem>
-                <SelectItem value="rejected">Rejected</SelectItem>
-              </SelectContent>
-            </Select>
-          </div>
-          <div className="space-y-2 md:col-span-2">
-            <Label>Description</Label>
-            <Textarea
-              defaultValue="Mock entry for sprint execution and internal review."
-              rows={4}
-            />
-          </div>
-        </div>
-        <DialogFooter>
-          <Button variant="outline" onClick={() => setOpen(false)}>
-            Cancel
-          </Button>
-          <Button onClick={() => setOpen(false)}>Save Mock Entry</Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  );
-}
+'use client';
+
+import { Button } from '@/components/ui/button';
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from '@/components/ui/dialog';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select';
+import { Textarea } from '@/components/ui/textarea';
+import { Plus } from 'lucide-react';
+import { useState } from 'react';
+import type { OperationsUser, Project, Task } from '../_lib/types/operations';
+
+interface TimesheetEntryDialogProps {
+  users: OperationsUser[];
+  projects: Project[];
+  tasks: Task[];
+}
+
+export function TimesheetEntryDialog({
+  users,
+  projects,
+  tasks,
+}: TimesheetEntryDialogProps) {
+  const [open, setOpen] = useState(false);
+  const [projectId, setProjectId] = useState(projects[0]?.id ?? '');
+
+  const availableTasks = tasks.filter((task) => task.projectId === projectId);
+
+  return (
+    <Dialog open={open} onOpenChange={setOpen}>
+      <DialogTrigger asChild>
+        <Button>
+          <Plus className="mr-2 h-4 w-4" />
+          Add Timesheet Entry
+        </Button>
+      </DialogTrigger>
+      <DialogContent className="sm:max-w-2xl">
+        <DialogHeader>
+          <DialogTitle>Add Timesheet Entry</DialogTitle>
+          <DialogDescription>
+            Mock-only modal wired for a future API-backed create flow.
+          </DialogDescription>
+        </DialogHeader>
+        <div className="grid gap-4 md:grid-cols-2">
+          <div className="space-y-2">
+            <Label>User</Label>
+            <Select defaultValue={users[0]?.id}>
+              <SelectTrigger>
+                <SelectValue />
+              </SelectTrigger>
+              <SelectContent>
+                {users.map((user) => (
+                  <SelectItem key={user.id} value={user.id}>
+                    {user.name}
+                  </SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
+          </div>
+          <div className="space-y-2">
+            <Label>Date</Label>
+            <Input defaultValue="2026-03-16" type="date" />
+          </div>
+          <div className="space-y-2">
+            <Label>Project</Label>
+            <Select value={projectId} onValueChange={setProjectId}>
+              <SelectTrigger>
+                <SelectValue />
+              </SelectTrigger>
+              <SelectContent>
+                {projects.map((project) => (
+                  <SelectItem key={project.id} value={project.id}>
+                    {project.name}
+                  </SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
+          </div>
+          <div className="space-y-2">
+            <Label>Task</Label>
+            <Select defaultValue={availableTasks[0]?.id}>
+              <SelectTrigger>
+                <SelectValue />
+              </SelectTrigger>
+              <SelectContent>
+                {availableTasks.map((task) => (
+                  <SelectItem key={task.id} value={task.id}>
+                    {task.title}
+                  </SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
+          </div>
+          <div className="space-y-2">
+            <Label>Hours</Label>
+            <Input defaultValue="6" min="0" step="0.5" type="number" />
+          </div>
+          <div className="space-y-2">
+            <Label>Status</Label>
+            <Select defaultValue="pending">
+              <SelectTrigger>
+                <SelectValue />
+              </SelectTrigger>
+              <SelectContent>
+                <SelectItem value="pending">Pending</SelectItem>
+                <SelectItem value="approved">Approved</SelectItem>
+                <SelectItem value="rejected">Rejected</SelectItem>
+              </SelectContent>
+            </Select>
+          </div>
+          <div className="space-y-2 md:col-span-2">
+            <Label>Description</Label>
+            <Textarea
+              defaultValue="Mock entry for sprint execution and internal review."
+              rows={4}
+            />
+          </div>
+        </div>
+        <DialogFooter>
+          <Button variant="outline" onClick={() => setOpen(false)}>
+            Cancel
+          </Button>
+          <Button onClick={() => setOpen(false)}>Save Mock Entry</Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}

package/hedhog/frontend/app/_lib/hooks/use-operations-data.ts.ejs

@@ -1,41 +1,41 @@
-'use client';
-
-import { useMemo } from 'react';
-import { allocationsMock } from '../mocks/allocations.mock';
-import { operationsUsersMock } from '../mocks/users.mock';
-import { contractsService } from '../services/contracts.service';
-import { projectsService } from '../services/projects.service';
-import { tasksService } from '../services/tasks.service';
-import { timesheetsService } from '../services/timesheets.service';
-import {
-  getApprovalStatusData,
-  getDashboardMetrics,
-  getDailyTotals,
-  getHoursByProject,
-  getHoursByUser,
-  getPendingApprovalsSummary,
-  getRecentTimesheetEntries,
-  getWeeklyTrend,
-} from '../utils/metrics';
-
-export function useOperationsData() {
-  return useMemo(
-    () => ({
-      users: operationsUsersMock,
-      contracts: contractsService.list(),
-      projects: projectsService.list(),
-      tasks: tasksService.list(),
-      timesheets: timesheetsService.list(),
-      allocations: allocationsMock,
-      dashboardMetrics: getDashboardMetrics(),
-      hoursByProject: getHoursByProject(),
-      hoursByUser: getHoursByUser(),
-      approvalStatusData: getApprovalStatusData(),
-      weeklyTrendData: getWeeklyTrend(),
-      recentTimesheets: getRecentTimesheetEntries(),
-      dailyTotals: getDailyTotals(),
-      approvalSummary: getPendingApprovalsSummary(),
-    }),
-    []
-  );
-}
+'use client';
+
+import { useMemo } from 'react';
+import { allocationsMock } from '../mocks/allocations.mock';
+import { operationsUsersMock } from '../mocks/users.mock';
+import { contractsService } from '../services/contracts.service';
+import { projectsService } from '../services/projects.service';
+import { tasksService } from '../services/tasks.service';
+import { timesheetsService } from '../services/timesheets.service';
+import {
+  getApprovalStatusData,
+  getDashboardMetrics,
+  getDailyTotals,
+  getHoursByProject,
+  getHoursByUser,
+  getPendingApprovalsSummary,
+  getRecentTimesheetEntries,
+  getWeeklyTrend,
+} from '../utils/metrics';
+
+export function useOperationsData() {
+  return useMemo(
+    () => ({
+      users: operationsUsersMock,
+      contracts: contractsService.list(),
+      projects: projectsService.list(),
+      tasks: tasksService.list(),
+      timesheets: timesheetsService.list(),
+      allocations: allocationsMock,
+      dashboardMetrics: getDashboardMetrics(),
+      hoursByProject: getHoursByProject(),
+      hoursByUser: getHoursByUser(),
+      approvalStatusData: getApprovalStatusData(),
+      weeklyTrendData: getWeeklyTrend(),
+      recentTimesheets: getRecentTimesheetEntries(),
+      dailyTotals: getDailyTotals(),
+      approvalSummary: getPendingApprovalsSummary(),
+    }),
+    []
+  );
+}

package/hedhog/frontend/app/_lib/hooks/use-operations-growth-data.ts.ejs

@@ -0,0 +1,63 @@
+'use client';
+
+import { useMemo } from 'react';
+import { projectsMock } from '../mocks/projects.mock';
+import { tasksMock } from '../mocks/tasks.mock';
+import { timesheetsMock } from '../mocks/timesheets.mock';
+import { operationsUsersMock } from '../mocks/users.mock';
+import { operationsGrowthService } from '../services/operations-growth.service';
+
+export function useOperationsGrowthData() {
+  return useMemo(() => {
+    const profiles = operationsGrowthService.listProfiles();
+    const scoreEvents = operationsGrowthService.listScoreEvents();
+    const recommendations =
+      operationsGrowthService.listPromotionRecommendations();
+    const goals = operationsGrowthService.listGoals();
+    const employeeCertifications =
+      operationsGrowthService.listEmployeeCertifications();
+
+    const ranking = [...profiles].sort(
+      (left, right) => right.currentScore - left.currentScore
+    );
+    const managerSummary = {
+      promotionEligible: recommendations.filter((item) => item.eligible).length,
+      goalsAtRisk: goals.filter((item) => item.status === 'at_risk').length,
+      pendingCertifications: employeeCertifications.filter(
+        (item) => item.status !== 'achieved'
+      ).length,
+      totalRecognitions: operationsGrowthService.listRecognitions().length,
+    };
+
+    const scoreHistory = profiles.map((profile) => ({
+      employeeId: profile.employeeId,
+      events: scoreEvents.filter(
+        (event) => event.employeeId === profile.employeeId
+      ),
+    }));
+
+    return {
+      users: operationsUsersMock,
+      projects: projectsMock,
+      tasks: tasksMock,
+      timesheets: timesheetsMock,
+      careerTracks: operationsGrowthService.listCareerTracks(),
+      careerLevels: operationsGrowthService.listCareerLevels(),
+      profiles,
+      evaluationCycles: operationsGrowthService.listEvaluationCycles(),
+      performanceCriteria: operationsGrowthService.listPerformanceCriteria(),
+      evaluations: operationsGrowthService.listEvaluations(),
+      goals,
+      certificationCatalog: operationsGrowthService.listCertificationCatalog(),
+      employeeCertifications,
+      rewards: operationsGrowthService.listRewards(),
+      recognitions: operationsGrowthService.listRecognitions(),
+      scoreEvents,
+      promotionRecommendations: recommendations,
+      ranking,
+      managerSummary,
+      scoreHistory,
+      defaultEmployeeId: 'usr-diego',
+    };
+  }, []);
+}