@hed-hog/operations 0.0.322 → 0.0.326

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/_components/operations-calendar-view.d.ts

@@ -0,0 +1,21 @@
+type CalendarItem = {
+    id: number | string;
+    date: string;
+    title: string;
+    subtitle?: string | null;
+    meta?: string | null;
+    kind?: string | null;
+    statusLabel?: string | null;
+    badgeClassName?: string | null;
+};
+export declare function OperationsCalendarView({ locale, items, emptyLabel, onOpenItem, onDateSelect, actionLabel, onMonthChange, }: {
+    locale: string;
+    items: CalendarItem[];
+    emptyLabel: string;
+    onOpenItem: (item: CalendarItem) => void;
+    onDateSelect?: (date: string, items: CalendarItem[]) => void;
+    actionLabel: string;
+    onMonthChange?: (year: number, month: number) => void;
+}): import("react").JSX.Element;
+export type { CalendarItem as OperationsCalendarItem };
+//# sourceMappingURL=operations-calendar-view.d.ts.map

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/_components/operations-calendar-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"operations-calendar-view.d.ts","sourceRoot":"","sources":["operations-calendar-view.tsx"],"names":[],"mappings":"AAkBA,KAAK,YAAY,GAAG;IAClB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC,CAAC;AAgCF,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,KAAK,EACL,UAAU,EACV,UAAU,EACV,YAAY,EACZ,WAAW,EACX,aAAa,GACd,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAC7D,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvD,+BAoOA;AAED,YAAY,EAAE,YAAY,IAAI,sBAAsB,EAAE,CAAC"}

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/_components/operations-calendar-view.js

@@ -0,0 +1,174 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OperationsCalendarView = OperationsCalendarView;
+const button_1 = require("@/components/ui/button");
+const utils_1 = require("@/lib/utils");
+const date_fns_1 = require("date-fns");
+const lucide_react_1 = require("lucide-react");
+const react_1 = require("react");
+function formatMonthLabel(date, locale) {
+    return new Intl.DateTimeFormat(locale, {
+        month: 'long',
+        year: 'numeric',
+    }).format(date);
+}
+function formatDayNumber(date, locale) {
+    return new Intl.DateTimeFormat(locale, {
+        day: 'numeric',
+    }).format(date);
+}
+function formatDateKey(date) {
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, '0');
+    const day = String(date.getDate()).padStart(2, '0');
+    return `${year}-${month}-${day}`;
+}
+function buildWeekdayLabels(locale) {
+    const monday = new Date(Date.UTC(2024, 0, 1, 12, 0, 0));
+    return Array.from({ length: 7 }, (_, index) => new Intl.DateTimeFormat(locale, { weekday: 'short' })
+        .format((0, date_fns_1.addDays)(monday, index))
+        .slice(0, 3));
+}
+function OperationsCalendarView({ locale, items, emptyLabel, onOpenItem, onDateSelect, actionLabel, onMonthChange, }) {
+    var _a;
+    const [currentMonth, setCurrentMonth] = (0, react_1.useState)(() => new Date());
+    const [selectedDate, setSelectedDate] = (0, react_1.useState)(null);
+    const weekdayLabels = (0, react_1.useMemo)(() => buildWeekdayLabels(locale), [locale]);
+    const onMonthChangeRef = (0, react_1.useRef)(onMonthChange);
+    onMonthChangeRef.current = onMonthChange;
+    (0, react_1.useEffect)(() => {
+        var _a;
+        (_a = onMonthChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onMonthChangeRef, currentMonth.getFullYear(), currentMonth.getMonth() + 1);
+    }, [currentMonth]);
+    const itemMap = (0, react_1.useMemo)(() => {
+        const mapped = new Map();
+        items.forEach((item) => {
+            var _a;
+            const key = item.date;
+            const current = (_a = mapped.get(key)) !== null && _a !== void 0 ? _a : [];
+            current.push(item);
+            mapped.set(key, current);
+        });
+        return mapped;
+    }, [items]);
+    const gridStart = (0, date_fns_1.startOfWeek)((0, date_fns_1.startOfMonth)(currentMonth), {
+        weekStartsOn: 1,
+    });
+    const gridEnd = (0, date_fns_1.endOfWeek)((0, date_fns_1.addDays)(gridStart, 41), {
+        weekStartsOn: 1,
+    });
+    const days = (0, date_fns_1.eachDayOfInterval)({ start: gridStart, end: gridEnd });
+    const selectedItems = selectedDate
+        ? ((_a = itemMap.get(formatDateKey(selectedDate))) !== null && _a !== void 0 ? _a : [])
+        : [];
+    return (<div className="space-y-4">
+      <div className="flex items-center justify-between rounded-2xl border border-border/70 bg-muted/20 px-3 py-2.5">
+        <button_1.Button type="button" variant="ghost" size="icon" className="cursor-pointer rounded-full" onClick={() => {
+            setCurrentMonth((current) => (0, date_fns_1.subMonths)(current, 1));
+            setSelectedDate(null);
+        }}>
+          <lucide_react_1.ChevronLeft className="size-4"/>
+        </button_1.Button>
+        <div className="text-sm font-semibold capitalize text-foreground">
+          {formatMonthLabel(currentMonth, locale)}
+        </div>
+        <button_1.Button type="button" variant="ghost" size="icon" className="cursor-pointer rounded-full" onClick={() => {
+            setCurrentMonth((current) => (0, date_fns_1.addMonths)(current, 1));
+            setSelectedDate(null);
+        }}>
+          <lucide_react_1.ChevronRight className="size-4"/>
+        </button_1.Button>
+      </div>
+
+      <div className="rounded-3xl border border-border/70 bg-card p-3 shadow-xs lg:p-4">
+        <div className="mb-2 grid grid-cols-7">
+          {weekdayLabels.map((label, index) => (<div key={`${label}-${index}`} className="py-1 text-center text-[11px] font-medium uppercase tracking-wide text-muted-foreground">
+              {label}
+            </div>))}
+        </div>
+
+        <div className="grid grid-cols-7 gap-1 lg:gap-2">
+          {days.map((day) => {
+            var _a;
+            const key = formatDateKey(day);
+            const dayItems = (_a = itemMap.get(key)) !== null && _a !== void 0 ? _a : [];
+            const inMonth = (0, date_fns_1.isSameMonth)(day, currentMonth);
+            const isSelected = selectedDate !== null && (0, date_fns_1.isSameDay)(day, selectedDate);
+            return (<button key={key} type="button" disabled={!inMonth} onClick={() => {
+                    const nextDate = selectedDate !== null && (0, date_fns_1.isSameDay)(selectedDate, day)
+                        ? null
+                        : day;
+                    setSelectedDate(nextDate);
+                    if (nextDate) {
+                        onDateSelect === null || onDateSelect === void 0 ? void 0 : onDateSelect(key, dayItems);
+                    }
+                }} className={(0, utils_1.cn)('min-h-24 rounded-2xl border border-border/60 p-2 text-left transition-colors lg:min-h-32', inMonth
+                    ? 'cursor-pointer bg-background/90 hover:border-border hover:bg-muted/30'
+                    : 'cursor-default bg-muted/20 opacity-35', isSelected && 'ring-1 ring-primary/35')}>
+                <div className="flex items-start justify-between gap-2">
+                  <span className={(0, utils_1.cn)('flex size-8 items-center justify-center rounded-full text-sm', isSelected
+                    ? 'bg-primary font-semibold text-primary-foreground'
+                    : 'text-foreground')}>
+                    {formatDayNumber(day, locale)}
+                  </span>
+                  {dayItems.length ? (<span className="rounded-full bg-primary/10 px-2 py-0.5 text-[10px] font-semibold text-primary">
+                      {dayItems.length}
+                    </span>) : null}
+                </div>
+
+                {inMonth && dayItems.length ? (<div className="mt-2 hidden space-y-1 lg:block">
+                    {dayItems.slice(0, 3).map((item) => {
+                        var _a, _b;
+                        return (<div key={`${item.id}-${(_a = item.kind) !== null && _a !== void 0 ? _a : 'item'}`} className={(0, utils_1.cn)('truncate rounded-md px-2 py-1 text-[10px] font-medium', (_b = item.badgeClassName) !== null && _b !== void 0 ? _b : 'bg-muted text-foreground')} title={item.title}>
+                        {item.title}
+                      </div>);
+                    })}
+                    {dayItems.length > 3 ? (<div className="text-center text-[10px] text-muted-foreground">
+                        +{dayItems.length - 3}
+                      </div>) : null}
+                  </div>) : null}
+
+                {inMonth && dayItems.length ? (<div className="mt-2 flex justify-center gap-1 lg:hidden">
+                    {dayItems.slice(0, 3).map((item) => {
+                        var _a, _b, _c;
+                        return (<span key={`${item.id}-${(_a = item.kind) !== null && _a !== void 0 ? _a : 'item'}`} className={(0, utils_1.cn)('size-1.5 rounded-full', (_c = (_b = item.badgeClassName) === null || _b === void 0 ? void 0 : _b.split(' ')[0]) !== null && _c !== void 0 ? _c : 'bg-primary')}/>);
+                    })}
+                  </div>) : null}
+              </button>);
+        })}
+        </div>
+      </div>
+
+      <div className="rounded-2xl border border-border/70 bg-card p-4">
+        {selectedDate && selectedItems.length ? (<div className="space-y-3">
+            {selectedItems.map((item) => {
+                var _a, _b;
+                return (<div key={`${item.id}-${(_a = item.kind) !== null && _a !== void 0 ? _a : 'item'}`} className="flex flex-col gap-3 rounded-xl border border-border/60 px-4 py-3 lg:flex-row lg:items-center lg:justify-between">
+                <div className="min-w-0 space-y-1">
+                  <div className="flex flex-wrap items-center gap-2">
+                    <div className="truncate font-medium text-foreground">
+                      {item.title}
+                    </div>
+                    {item.statusLabel ? (<span className={(0, utils_1.cn)('rounded-full px-2 py-0.5 text-[11px] font-medium', (_b = item.badgeClassName) !== null && _b !== void 0 ? _b : 'bg-muted text-foreground')}>
+                        {item.statusLabel}
+                      </span>) : null}
+                  </div>
+                  {item.subtitle ? (<div className="text-sm text-muted-foreground">
+                      {item.subtitle}
+                    </div>) : null}
+                  {item.meta ? (<div className="text-xs text-muted-foreground">
+                      {item.meta}
+                    </div>) : null}
+                </div>
+
+                <button_1.Button type="button" variant="outline" size="sm" className="cursor-pointer" onClick={() => onOpenItem(item)}>
+                  {actionLabel}
+                </button_1.Button>
+              </div>);
+            })}
+          </div>) : (<div className="text-sm text-muted-foreground">{emptyLabel}</div>)}
+      </div>
+    </div>);
+}
+//# sourceMappingURL=operations-calendar-view.js.map

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/_components/operations-calendar-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"operations-calendar-view.js","sourceRoot":"","sources":["operations-calendar-view.tsx"],"names":[],"mappings":"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"}

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/_components/operations-calendar-view.tsx

@@ -0,0 +1,306 @@
+'use client';
+
+import { Button } from '@/components/ui/button';
+import { cn } from '@/lib/utils';
+import {
+  addDays,
+  addMonths,
+  eachDayOfInterval,
+  endOfWeek,
+  isSameDay,
+  isSameMonth,
+  startOfMonth,
+  startOfWeek,
+  subMonths,
+} from 'date-fns';
+import { ChevronLeft, ChevronRight } from 'lucide-react';
+import { useEffect, useMemo, useRef, useState } from 'react';
+
+type CalendarItem = {
+  id: number | string;
+  date: string;
+  title: string;
+  subtitle?: string | null;
+  meta?: string | null;
+  kind?: string | null;
+  statusLabel?: string | null;
+  badgeClassName?: string | null;
+};
+
+function formatMonthLabel(date: Date, locale: string) {
+  return new Intl.DateTimeFormat(locale, {
+    month: 'long',
+    year: 'numeric',
+  }).format(date);
+}
+
+function formatDayNumber(date: Date, locale: string) {
+  return new Intl.DateTimeFormat(locale, {
+    day: 'numeric',
+  }).format(date);
+}
+
+function formatDateKey(date: Date) {
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const day = String(date.getDate()).padStart(2, '0');
+  return `${year}-${month}-${day}`;
+}
+
+function buildWeekdayLabels(locale: string) {
+  const monday = new Date(Date.UTC(2024, 0, 1, 12, 0, 0));
+
+  return Array.from({ length: 7 }, (_, index) =>
+    new Intl.DateTimeFormat(locale, { weekday: 'short' })
+      .format(addDays(monday, index))
+      .slice(0, 3)
+  );
+}
+
+export function OperationsCalendarView({
+  locale,
+  items,
+  emptyLabel,
+  onOpenItem,
+  onDateSelect,
+  actionLabel,
+  onMonthChange,
+}: {
+  locale: string;
+  items: CalendarItem[];
+  emptyLabel: string;
+  onOpenItem: (item: CalendarItem) => void;
+  onDateSelect?: (date: string, items: CalendarItem[]) => void;
+  actionLabel: string;
+  onMonthChange?: (year: number, month: number) => void;
+}) {
+  const [currentMonth, setCurrentMonth] = useState(() => new Date());
+  const [selectedDate, setSelectedDate] = useState<Date | null>(null);
+  const weekdayLabels = useMemo(() => buildWeekdayLabels(locale), [locale]);
+
+  const onMonthChangeRef = useRef(onMonthChange);
+  onMonthChangeRef.current = onMonthChange;
+
+  useEffect(() => {
+    onMonthChangeRef.current?.(
+      currentMonth.getFullYear(),
+      currentMonth.getMonth() + 1
+    );
+  }, [currentMonth]);
+
+  const itemMap = useMemo(() => {
+    const mapped = new Map<string, CalendarItem[]>();
+
+    items.forEach((item) => {
+      const key = item.date;
+      const current = mapped.get(key) ?? [];
+      current.push(item);
+      mapped.set(key, current);
+    });
+
+    return mapped;
+  }, [items]);
+
+  const gridStart = startOfWeek(startOfMonth(currentMonth), {
+    weekStartsOn: 1,
+  });
+  const gridEnd = endOfWeek(addDays(gridStart, 41), {
+    weekStartsOn: 1,
+  });
+  const days = eachDayOfInterval({ start: gridStart, end: gridEnd });
+
+  const selectedItems = selectedDate
+    ? (itemMap.get(formatDateKey(selectedDate)) ?? [])
+    : [];
+
+  return (
+    <div className="space-y-4">
+      <div className="flex items-center justify-between rounded-2xl border border-border/70 bg-muted/20 px-3 py-2.5">
+        <Button
+          type="button"
+          variant="ghost"
+          size="icon"
+          className="cursor-pointer rounded-full"
+          onClick={() => {
+            setCurrentMonth((current) => subMonths(current, 1));
+            setSelectedDate(null);
+          }}
+        >
+          <ChevronLeft className="size-4" />
+        </Button>
+        <div className="text-sm font-semibold capitalize text-foreground">
+          {formatMonthLabel(currentMonth, locale)}
+        </div>
+        <Button
+          type="button"
+          variant="ghost"
+          size="icon"
+          className="cursor-pointer rounded-full"
+          onClick={() => {
+            setCurrentMonth((current) => addMonths(current, 1));
+            setSelectedDate(null);
+          }}
+        >
+          <ChevronRight className="size-4" />
+        </Button>
+      </div>
+
+      <div className="rounded-3xl border border-border/70 bg-card p-3 shadow-xs lg:p-4">
+        <div className="mb-2 grid grid-cols-7">
+          {weekdayLabels.map((label, index) => (
+            <div
+              key={`${label}-${index}`}
+              className="py-1 text-center text-[11px] font-medium uppercase tracking-wide text-muted-foreground"
+            >
+              {label}
+            </div>
+          ))}
+        </div>
+
+        <div className="grid grid-cols-7 gap-1 lg:gap-2">
+          {days.map((day) => {
+            const key = formatDateKey(day);
+            const dayItems = itemMap.get(key) ?? [];
+            const inMonth = isSameMonth(day, currentMonth);
+            const isSelected =
+              selectedDate !== null && isSameDay(day, selectedDate);
+
+            return (
+              <button
+                key={key}
+                type="button"
+                disabled={!inMonth}
+                onClick={() => {
+                  const nextDate =
+                    selectedDate !== null && isSameDay(selectedDate, day)
+                      ? null
+                      : day;
+                  setSelectedDate(nextDate);
+                  if (nextDate) {
+                    onDateSelect?.(key, dayItems);
+                  }
+                }}
+                className={cn(
+                  'min-h-24 rounded-2xl border border-border/60 p-2 text-left transition-colors lg:min-h-32',
+                  inMonth
+                    ? 'cursor-pointer bg-background/90 hover:border-border hover:bg-muted/30'
+                    : 'cursor-default bg-muted/20 opacity-35',
+                  isSelected && 'ring-1 ring-primary/35'
+                )}
+              >
+                <div className="flex items-start justify-between gap-2">
+                  <span
+                    className={cn(
+                      'flex size-8 items-center justify-center rounded-full text-sm',
+                      isSelected
+                        ? 'bg-primary font-semibold text-primary-foreground'
+                        : 'text-foreground'
+                    )}
+                  >
+                    {formatDayNumber(day, locale)}
+                  </span>
+                  {dayItems.length ? (
+                    <span className="rounded-full bg-primary/10 px-2 py-0.5 text-[10px] font-semibold text-primary">
+                      {dayItems.length}
+                    </span>
+                  ) : null}
+                </div>
+
+                {inMonth && dayItems.length ? (
+                  <div className="mt-2 hidden space-y-1 lg:block">
+                    {dayItems.slice(0, 3).map((item) => (
+                      <div
+                        key={`${item.id}-${item.kind ?? 'item'}`}
+                        className={cn(
+                          'truncate rounded-md px-2 py-1 text-[10px] font-medium',
+                          item.badgeClassName ?? 'bg-muted text-foreground'
+                        )}
+                        title={item.title}
+                      >
+                        {item.title}
+                      </div>
+                    ))}
+                    {dayItems.length > 3 ? (
+                      <div className="text-center text-[10px] text-muted-foreground">
+                        +{dayItems.length - 3}
+                      </div>
+                    ) : null}
+                  </div>
+                ) : null}
+
+                {inMonth && dayItems.length ? (
+                  <div className="mt-2 flex justify-center gap-1 lg:hidden">
+                    {dayItems.slice(0, 3).map((item) => (
+                      <span
+                        key={`${item.id}-${item.kind ?? 'item'}`}
+                        className={cn(
+                          'size-1.5 rounded-full',
+                          item.badgeClassName?.split(' ')[0] ?? 'bg-primary'
+                        )}
+                      />
+                    ))}
+                  </div>
+                ) : null}
+              </button>
+            );
+          })}
+        </div>
+      </div>
+
+      <div className="rounded-2xl border border-border/70 bg-card p-4">
+        {selectedDate && selectedItems.length ? (
+          <div className="space-y-3">
+            {selectedItems.map((item) => (
+              <div
+                key={`${item.id}-${item.kind ?? 'item'}`}
+                className="flex flex-col gap-3 rounded-xl border border-border/60 px-4 py-3 lg:flex-row lg:items-center lg:justify-between"
+              >
+                <div className="min-w-0 space-y-1">
+                  <div className="flex flex-wrap items-center gap-2">
+                    <div className="truncate font-medium text-foreground">
+                      {item.title}
+                    </div>
+                    {item.statusLabel ? (
+                      <span
+                        className={cn(
+                          'rounded-full px-2 py-0.5 text-[11px] font-medium',
+                          item.badgeClassName ?? 'bg-muted text-foreground'
+                        )}
+                      >
+                        {item.statusLabel}
+                      </span>
+                    ) : null}
+                  </div>
+                  {item.subtitle ? (
+                    <div className="text-sm text-muted-foreground">
+                      {item.subtitle}
+                    </div>
+                  ) : null}
+                  {item.meta ? (
+                    <div className="text-xs text-muted-foreground">
+                      {item.meta}
+                    </div>
+                  ) : null}
+                </div>
+
+                <Button
+                  type="button"
+                  variant="outline"
+                  size="sm"
+                  className="cursor-pointer"
+                  onClick={() => onOpenItem(item)}
+                >
+                  {actionLabel}
+                </Button>
+              </div>
+            ))}
+          </div>
+        ) : (
+          <div className="text-sm text-muted-foreground">{emptyLabel}</div>
+        )}
+      </div>
+    </div>
+  );
+}
+
+export type { CalendarItem as OperationsCalendarItem };

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/_components/operations-header.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+interface OperationsHeaderProps {
+    title: string;
+    description: string;
+    current: string;
+    actions?: ReactNode;
+}
+export declare function OperationsHeader({ title, description, current, actions, }: OperationsHeaderProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=operations-header.d.ts.map

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/_components/operations-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"operations-header.d.ts","sourceRoot":"","sources":["operations-header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,GACR,EAAE,qBAAqB,+BAavB"}

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/_components/operations-header.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OperationsHeader = OperationsHeader;
+const entity_list_1 = require("@/components/entity-list");
+function OperationsHeader({ title, description, current, actions, }) {
+    return (<entity_list_1.PageHeader title={title} description={description} actions={actions} breadcrumbs={[
+            { label: 'Home', href: '/' },
+            { label: 'Operations', href: '/operations' },
+            { label: current },
+        ]}/>);
+}
+//# sourceMappingURL=operations-header.js.map

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/_components/operations-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"operations-header.js","sourceRoot":"","sources":["operations-header.tsx"],"names":[],"mappings":";;AAUA,4CAkBC;AA5BD,0DAAsD;AAUtD,SAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,GACe;IACtB,OAAO,CACL,CAAC,wBAAU,CACT,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,WAAW,CAAC,CAAC;YACX,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE;YAC5B,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,aAAa,EAAE;YAC5C,EAAE,KAAK,EAAE,OAAO,EAAE;SACnB,CAAC,EACF,CACH,CAAC;AACJ,CAAC"}

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/_components/operations-header.tsx

@@ -0,0 +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 },
+      ]}
+    />
+  );
+}

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/_components/person-select-with-create.d.ts

@@ -0,0 +1,15 @@
+type PersonTypeFilter = 'individual' | 'company' | 'all';
+export declare function PersonSelectWithCreate({ label, entityLabel, value, onChange, selectPlaceholder, personTypeFilter, createType, lockCreateType, initialSelectedLabel, disabled, }: {
+    label: string;
+    entityLabel: string;
+    value?: string | number | null;
+    onChange: (personId: number | null, personName: string) => void;
+    selectPlaceholder: string;
+    personTypeFilter?: PersonTypeFilter;
+    createType?: Exclude<PersonTypeFilter, 'all'>;
+    lockCreateType?: boolean;
+    initialSelectedLabel?: string;
+    disabled?: boolean;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=person-select-with-create.d.ts.map

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/_components/person-select-with-create.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"person-select-with-create.d.ts","sourceRoot":"","sources":["person-select-with-create.tsx"],"names":[],"mappings":"AAmEA,KAAK,gBAAgB,GAAG,YAAY,GAAG,SAAS,GAAG,KAAK,CAAC;AA8dzD,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,gBAAwB,EACxB,UAAyB,EACzB,cAAsB,EACtB,oBAAyB,EACzB,QAAgB,GACjB,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;IAC9C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,+BA6RA"}