@hed-hog/operations 0.0.3 → 0.0.285

package/hedhog/frontend/app/_components/kanban-board.tsx.ejs

@@ -1,83 +1,83 @@
-import { formatDate, formatHours } from '../_lib/utils/format';
-import {
-  getTaskBadgeClasses,
-  getTaskStatusLabel,
-} from '../_lib/utils/status';
-import type { OperationsUser, Task, TaskStatus } from '../_lib/types/operations';
-import { StatusBadge } from './status-badge';
-
-const columns: TaskStatus[] = [
-  'backlog',
-  'todo',
-  'in-progress',
-  'review',
-  'done',
-];
-
-interface KanbanBoardProps {
-  tasks: Task[];
-  users: OperationsUser[];
-}
-
-export function KanbanBoard({ tasks, users }: KanbanBoardProps) {
-  return (
-    <div className="grid gap-4 xl:grid-cols-5">
-      {columns.map((column) => {
-        const columnTasks = tasks.filter((task) => task.status === column);
-
-        return (
-          <div
-            key={column}
-            className="rounded-xl border bg-muted/30 p-3 shadow-sm"
-          >
-            <div className="mb-3 flex items-center justify-between">
-              <h3 className="text-sm font-semibold">{getTaskStatusLabel(column)}</h3>
-              <span className="text-xs text-muted-foreground">
-                {columnTasks.length}
-              </span>
-            </div>
-            <div className="space-y-3">
-              {columnTasks.map((task) => {
-                const assignedUser = users.find(
-                  (user) => user.id === task.assignedUserId
-                );
-
-                return (
-                  <div
-                    key={task.id}
-                    className="rounded-lg border bg-background p-3 shadow-sm"
-                  >
-                    <div className="space-y-2">
-                      <div className="flex items-start justify-between gap-2">
-                        <p className="text-sm font-medium">{task.title}</p>
-                        <StatusBadge
-                          label={getTaskStatusLabel(task.status)}
-                          className={getTaskBadgeClasses(task.status)}
-                        />
-                      </div>
-                      <div className="flex flex-wrap gap-2">
-                        {task.labels.map((label) => (
-                          <span
-                            key={label}
-                            className="rounded-full bg-slate-100 px-2 py-0.5 text-[11px] text-slate-700"
-                          >
-                            {label}
-                          </span>
-                        ))}
-                      </div>
-                      <div className="text-xs text-muted-foreground">
-                        <p>{assignedUser?.name ?? 'Unassigned'}</p>
-                        <p>{formatDate(task.dueDate)}</p>
-                        <p>{formatHours(task.estimatedHours)}</p>
-                      </div>
-                    </div>
-                  </div>
-                );
-              })}
-            </div>
-          </div>
-        );
-      })}
-    </div>
-  );
-}
+import { formatDate, formatHours } from '../_lib/utils/format';
+import {
+  getTaskBadgeClasses,
+  getTaskStatusLabel,
+} from '../_lib/utils/status';
+import type { OperationsUser, Task, TaskStatus } from '../_lib/types/operations';
+import { StatusBadge } from './status-badge';
+
+const columns: TaskStatus[] = [
+  'backlog',
+  'todo',
+  'in-progress',
+  'review',
+  'done',
+];
+
+interface KanbanBoardProps {
+  tasks: Task[];
+  users: OperationsUser[];
+}
+
+export function KanbanBoard({ tasks, users }: KanbanBoardProps) {
+  return (
+    <div className="grid gap-4 xl:grid-cols-5">
+      {columns.map((column) => {
+        const columnTasks = tasks.filter((task) => task.status === column);
+
+        return (
+          <div
+            key={column}
+            className="rounded-xl border bg-muted/30 p-3 shadow-sm"
+          >
+            <div className="mb-3 flex items-center justify-between">
+              <h3 className="text-sm font-semibold">{getTaskStatusLabel(column)}</h3>
+              <span className="text-xs text-muted-foreground">
+                {columnTasks.length}
+              </span>
+            </div>
+            <div className="space-y-3">
+              {columnTasks.map((task) => {
+                const assignedUser = users.find(
+                  (user) => user.id === task.assignedUserId
+                );
+
+                return (
+                  <div
+                    key={task.id}
+                    className="rounded-lg border bg-background p-3 shadow-sm"
+                  >
+                    <div className="space-y-2">
+                      <div className="flex items-start justify-between gap-2">
+                        <p className="text-sm font-medium">{task.title}</p>
+                        <StatusBadge
+                          label={getTaskStatusLabel(task.status)}
+                          className={getTaskBadgeClasses(task.status)}
+                        />
+                      </div>
+                      <div className="flex flex-wrap gap-2">
+                        {task.labels.map((label) => (
+                          <span
+                            key={label}
+                            className="rounded-full bg-slate-100 px-2 py-0.5 text-[11px] text-slate-700"
+                          >
+                            {label}
+                          </span>
+                        ))}
+                      </div>
+                      <div className="text-xs text-muted-foreground">
+                        <p>{assignedUser?.name ?? 'Unassigned'}</p>
+                        <p>{formatDate(task.dueDate)}</p>
+                        <p>{formatHours(task.estimatedHours)}</p>
+                      </div>
+                    </div>
+                  </div>
+                );
+              })}
+            </div>
+          </div>
+        );
+      })}
+    </div>
+  );
+}

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>
+  );
+}