@consilioweb/payload-support 0.6.1 → 0.6.2

package/dist/views/TicketingSettingsView/index.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var templates = require('@payloadcms/next/templates');
+var navigation = require('next/navigation');
+var ErrorBoundary = require('../shared/ErrorBoundary');
+var client = require('./client');
+
+const TicketingSettingsView = ({ initPageResult }) => {
+  const { req, visibleEntities } = initPageResult;
+  if (!req.user) {
+    navigation.redirect("/admin/login");
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    templates.DefaultTemplate,
+    {
+      i18n: req.i18n,
+      locale: initPageResult.locale,
+      params: {},
+      payload: req.payload,
+      permissions: initPageResult.permissions,
+      searchParams: {},
+      user: req.user,
+      visibleEntities,
+      children: /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary.AdminErrorBoundary, { viewName: "TicketingSettingsView", children: /* @__PURE__ */ jsxRuntime.jsx(client.TicketingSettingsClient, {}) })
+    }
+  );
+};
+var TicketingSettingsView_default = TicketingSettingsView;
+
+exports.TicketingSettingsView = TicketingSettingsView;
+exports.default = TicketingSettingsView_default;

package/dist/views/TicketingSettingsView/index.js

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+import { DefaultTemplate } from '@payloadcms/next/templates';
+import { redirect } from 'next/navigation';
+import { AdminErrorBoundary } from '../shared/ErrorBoundary';
+import { TicketingSettingsClient } from './client';
+
+const TicketingSettingsView = ({ initPageResult }) => {
+  const { req, visibleEntities } = initPageResult;
+  if (!req.user) {
+    redirect("/admin/login");
+  }
+  return /* @__PURE__ */ jsx(
+    DefaultTemplate,
+    {
+      i18n: req.i18n,
+      locale: initPageResult.locale,
+      params: {},
+      payload: req.payload,
+      permissions: initPageResult.permissions,
+      searchParams: {},
+      user: req.user,
+      visibleEntities,
+      children: /* @__PURE__ */ jsx(AdminErrorBoundary, { viewName: "TicketingSettingsView", children: /* @__PURE__ */ jsx(TicketingSettingsClient, {}) })
+    }
+  );
+};
+var TicketingSettingsView_default = TicketingSettingsView;
+
+export { TicketingSettingsView, TicketingSettingsView_default as default };

package/dist/views/TimeDashboardView/client.cjs

@@ -0,0 +1,169 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var useTranslation = require('../../components/TicketConversation/hooks/useTranslation');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+function formatDuration(minutes) {
+  const h = Math.floor(minutes / 60);
+  const m = minutes % 60;
+  if (h === 0) return `${m}min`;
+  if (m === 0) return `${h}h`;
+  return `${h}h${m}m`;
+}
+function getWeekNumber(d) {
+  const oneJan = new Date(d.getFullYear(), 0, 1);
+  return Math.ceil(((d.getTime() - oneJan.getTime()) / 864e5 + oneJan.getDay() + 1) / 7);
+}
+function getMonthRange(offset) {
+  const now = /* @__PURE__ */ new Date();
+  const start = new Date(now.getFullYear(), now.getMonth() + offset, 1);
+  const end = new Date(now.getFullYear(), now.getMonth() + offset + 1, 0);
+  return { from: start.toISOString().split("T")[0], to: end.toISOString().split("T")[0] };
+}
+const MONTHS_FR = ["Jan", "Fev", "Mar", "Avr", "Mai", "Jun", "Jul", "Aou", "Sep", "Oct", "Nov", "Dec"];
+const TimeDashboardClient = () => {
+  const { t } = useTranslation.useTranslation();
+  const [entries, setEntries] = React.useState([]);
+  const [loading, setLoading] = React.useState(true);
+  const [from, setFrom] = React.useState(() => getMonthRange(0).from);
+  const [to, setTo] = React.useState(() => getMonthRange(0).to);
+  const [groupBy, setGroupBy] = React.useState("day");
+  const fetchEntries = React.useCallback(async () => {
+    setLoading(true);
+    try {
+      const params = new URLSearchParams({ limit: "500", depth: "2", sort: "-date" });
+      if (from) params.set("where[date][greater_than_equal]", from);
+      if (to) params.set("where[date][less_than_equal]", to);
+      const res = await fetch(`/api/time-entries?${params}`);
+      if (res.ok) {
+        const json = await res.json();
+        setEntries(json.docs || []);
+      }
+    } catch {
+    }
+    setLoading(false);
+  }, [from, to]);
+  React.useEffect(() => {
+    fetchEntries();
+  }, [fetchEntries]);
+  const totalMinutes = entries.reduce((sum, e) => sum + (e.duration || 0), 0);
+  const grouped = React__default.default.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const entry of entries) {
+      let key;
+      if (groupBy === "day") {
+        key = entry.date ? entry.date.split("T")[0] : "Sans date";
+      } else if (groupBy === "week") {
+        const d = new Date(entry.date);
+        key = `Semaine ${getWeekNumber(d)} (${MONTHS_FR[d.getMonth()]} ${d.getFullYear()})`;
+      } else {
+        const ticket = typeof entry.ticket === "object" ? entry.ticket : null;
+        const project = ticket && typeof ticket.project === "object" ? ticket.project : null;
+        key = project?.name || "Sans projet";
+      }
+      if (!map.has(key)) map.set(key, []);
+      map.get(key).push(entry);
+    }
+    return Array.from(map.entries()).map(([label, items]) => ({ label, entries: items, totalMinutes: items.reduce((sum, e) => sum + (e.duration || 0), 0) }));
+  }, [entries, groupBy]);
+  const dailyChart = React__default.default.useMemo(() => {
+    const dayMap = /* @__PURE__ */ new Map();
+    for (const entry of entries) {
+      const day = entry.date ? entry.date.split("T")[0] : null;
+      if (day) dayMap.set(day, (dayMap.get(day) || 0) + (entry.duration || 0));
+    }
+    return Array.from(dayMap.entries()).sort(([a], [b]) => a.localeCompare(b)).slice(-30).map(([day, mins]) => ({ day, minutes: mins }));
+  }, [entries]);
+  const maxDailyMinutes = Math.max(...dailyChart.map((d) => d.minutes), 1);
+  const setPeriod = (range) => {
+    setFrom(range.from);
+    setTo(range.to);
+  };
+  const S = {
+    page: { padding: "20px 30px", maxWidth: 1100, margin: "0 auto" },
+    btn: { padding: "6px 12px", borderRadius: 6, border: "1px solid var(--theme-elevation-200)", fontSize: 12, cursor: "pointer", background: "var(--theme-elevation-0)", color: "var(--theme-text)" },
+    btnPrimary: { padding: "6px 12px", borderRadius: 6, border: "none", fontSize: 12, cursor: "pointer", background: "#2563eb", color: "#fff", fontWeight: 600 },
+    kpis: { display: "grid", gridTemplateColumns: "repeat(3, 1fr)", gap: 12, marginBottom: 20 },
+    kpiCard: { padding: "16px 20px", borderRadius: 10, border: "1px solid var(--theme-elevation-150)" },
+    groupCard: { marginBottom: 12, borderRadius: 10, border: "1px solid var(--theme-elevation-150)", overflow: "hidden" },
+    groupHeader: { display: "flex", justifyContent: "space-between", padding: "10px 16px", background: "var(--theme-elevation-50)", borderBottom: "1px solid var(--theme-elevation-150)" },
+    table: { width: "100%", borderCollapse: "collapse", fontSize: 12 },
+    td: { padding: "6px 8px", borderBottom: "1px solid var(--theme-elevation-100)" }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: S.page, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 16 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { style: { fontSize: 22, fontWeight: 700, margin: 0 }, children: t("timeDashboard.title") }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: 13, color: "var(--theme-elevation-500)", margin: "4px 0 0" }, children: t("timeDashboard.subtitle") })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/admin/collections/time-entries/create", style: { ...S.btnPrimary, textDecoration: "none", display: "inline-block" }, children: t("timeDashboard.newEntry") })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: 16 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: 6, marginBottom: 8 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("button", { style: S.btnPrimary, onClick: () => setPeriod(getMonthRange(0)), children: t("timeDashboard.filters.thisMonth") }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { style: S.btn, onClick: () => setPeriod(getMonthRange(-1)), children: t("timeDashboard.filters.lastMonth") }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { style: S.btn, onClick: () => setPeriod(getMonthRange(-2)), children: t("timeDashboard.filters.twoMonthsAgo") })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: 12, alignItems: "flex-end" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { style: { fontSize: 11, fontWeight: 600, display: "block", marginBottom: 4, color: "var(--theme-elevation-500)" }, children: t("timeDashboard.filters.from") }),
+          /* @__PURE__ */ jsxRuntime.jsx("input", { type: "date", value: from, onChange: (e) => setFrom(e.target.value), style: { padding: "6px 10px", borderRadius: 6, border: "1px solid var(--theme-elevation-200)", fontSize: 12, color: "var(--theme-text)", background: "var(--theme-elevation-0)" } })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { style: { fontSize: 11, fontWeight: 600, display: "block", marginBottom: 4, color: "var(--theme-elevation-500)" }, children: t("timeDashboard.filters.to") }),
+          /* @__PURE__ */ jsxRuntime.jsx("input", { type: "date", value: to, onChange: (e) => setTo(e.target.value), style: { padding: "6px 10px", borderRadius: 6, border: "1px solid var(--theme-elevation-200)", fontSize: 12, color: "var(--theme-text)", background: "var(--theme-elevation-0)" } })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { style: { fontSize: 11, fontWeight: 600, display: "block", marginBottom: 4, color: "var(--theme-elevation-500)" }, children: t("timeDashboard.filters.groupBy") }),
+          /* @__PURE__ */ jsxRuntime.jsxs("select", { value: groupBy, onChange: (e) => setGroupBy(e.target.value), style: { padding: "6px 10px", borderRadius: 6, border: "1px solid var(--theme-elevation-200)", fontSize: 12, color: "var(--theme-text)", background: "var(--theme-elevation-0)" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "day", children: t("timeDashboard.filters.day") }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "week", children: t("timeDashboard.filters.week") }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "project", children: t("timeDashboard.filters.project") })
+          ] })
+        ] })
+      ] })
+    ] }),
+    loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: 40, textAlign: "center", color: "#94a3b8" }, children: t("common.loading") }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: S.kpis, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: S.kpiCard, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 11, color: "var(--theme-elevation-500)" }, children: t("timeDashboard.kpis.totalTime") }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 24, fontWeight: 700, color: "#2563eb" }, children: formatDuration(totalMinutes) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: S.kpiCard, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 11, color: "var(--theme-elevation-500)" }, children: t("timeDashboard.kpis.entries") }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 24, fontWeight: 700, color: "#d97706" }, children: entries.length })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: S.kpiCard, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 11, color: "var(--theme-elevation-500)" }, children: t("timeDashboard.kpis.dailyAverage") }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 24, fontWeight: 700, color: "#ea580c" }, children: dailyChart.length > 0 ? formatDuration(Math.round(totalMinutes / dailyChart.length)) : "-" })
+        ] })
+      ] }),
+      dailyChart.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: 16, borderRadius: 10, border: "1px solid var(--theme-elevation-150)", marginBottom: 20 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 13, fontWeight: 700, marginBottom: 8 }, children: t("timeDashboard.chart.title") }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", alignItems: "flex-end", gap: 3, height: 80 }, children: dailyChart.map((d) => /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1, background: "#3b82f6", borderRadius: "3px 3px 0 0", height: `${Math.max(d.minutes / maxDailyMinutes * 100, 4)}%` }, title: `${d.day}: ${formatDuration(d.minutes)}` }, d.day)) })
+      ] }),
+      grouped.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: 40, textAlign: "center", color: "#94a3b8" }, children: t("timeDashboard.empty") }) : grouped.map((group) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: S.groupCard, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: S.groupHeader, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontWeight: 700 }, children: group.label }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontWeight: 700, color: "#2563eb" }, children: formatDuration(group.totalMinutes) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("table", { style: S.table, children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: group.entries.map((entry) => {
+          const ticket = typeof entry.ticket === "object" ? entry.ticket : null;
+          return /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { style: S.td, children: ticket ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: `/admin/collections/tickets/${ticket.id}`, style: { color: "#2563eb", textDecoration: "none", fontWeight: 600 }, children: ticket.ticketNumber || `#${ticket.id}` }) : "-" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { style: S.td, children: ticket?.subject || "" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { style: { ...S.td, color: "var(--theme-elevation-500)" }, children: entry.description || "-" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { style: { ...S.td, textAlign: "right", fontWeight: 600 }, children: formatDuration(entry.duration) })
+          ] }, entry.id);
+        }) }) })
+      ] }, group.label))
+    ] })
+  ] });
+};
+
+exports.TimeDashboardClient = TimeDashboardClient;

package/dist/views/TimeDashboardView/client.js

@@ -0,0 +1,164 @@
+"use client";
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import React, { useState, useCallback, useEffect } from 'react';
+import { useTranslation } from '../../components/TicketConversation/hooks/useTranslation';
+
+function formatDuration(minutes) {
+  const h = Math.floor(minutes / 60);
+  const m = minutes % 60;
+  if (h === 0) return `${m}min`;
+  if (m === 0) return `${h}h`;
+  return `${h}h${m}m`;
+}
+function getWeekNumber(d) {
+  const oneJan = new Date(d.getFullYear(), 0, 1);
+  return Math.ceil(((d.getTime() - oneJan.getTime()) / 864e5 + oneJan.getDay() + 1) / 7);
+}
+function getMonthRange(offset) {
+  const now = /* @__PURE__ */ new Date();
+  const start = new Date(now.getFullYear(), now.getMonth() + offset, 1);
+  const end = new Date(now.getFullYear(), now.getMonth() + offset + 1, 0);
+  return { from: start.toISOString().split("T")[0], to: end.toISOString().split("T")[0] };
+}
+const MONTHS_FR = ["Jan", "Fev", "Mar", "Avr", "Mai", "Jun", "Jul", "Aou", "Sep", "Oct", "Nov", "Dec"];
+const TimeDashboardClient = () => {
+  const { t } = useTranslation();
+  const [entries, setEntries] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [from, setFrom] = useState(() => getMonthRange(0).from);
+  const [to, setTo] = useState(() => getMonthRange(0).to);
+  const [groupBy, setGroupBy] = useState("day");
+  const fetchEntries = useCallback(async () => {
+    setLoading(true);
+    try {
+      const params = new URLSearchParams({ limit: "500", depth: "2", sort: "-date" });
+      if (from) params.set("where[date][greater_than_equal]", from);
+      if (to) params.set("where[date][less_than_equal]", to);
+      const res = await fetch(`/api/time-entries?${params}`);
+      if (res.ok) {
+        const json = await res.json();
+        setEntries(json.docs || []);
+      }
+    } catch {
+    }
+    setLoading(false);
+  }, [from, to]);
+  useEffect(() => {
+    fetchEntries();
+  }, [fetchEntries]);
+  const totalMinutes = entries.reduce((sum, e) => sum + (e.duration || 0), 0);
+  const grouped = React.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const entry of entries) {
+      let key;
+      if (groupBy === "day") {
+        key = entry.date ? entry.date.split("T")[0] : "Sans date";
+      } else if (groupBy === "week") {
+        const d = new Date(entry.date);
+        key = `Semaine ${getWeekNumber(d)} (${MONTHS_FR[d.getMonth()]} ${d.getFullYear()})`;
+      } else {
+        const ticket = typeof entry.ticket === "object" ? entry.ticket : null;
+        const project = ticket && typeof ticket.project === "object" ? ticket.project : null;
+        key = project?.name || "Sans projet";
+      }
+      if (!map.has(key)) map.set(key, []);
+      map.get(key).push(entry);
+    }
+    return Array.from(map.entries()).map(([label, items]) => ({ label, entries: items, totalMinutes: items.reduce((sum, e) => sum + (e.duration || 0), 0) }));
+  }, [entries, groupBy]);
+  const dailyChart = React.useMemo(() => {
+    const dayMap = /* @__PURE__ */ new Map();
+    for (const entry of entries) {
+      const day = entry.date ? entry.date.split("T")[0] : null;
+      if (day) dayMap.set(day, (dayMap.get(day) || 0) + (entry.duration || 0));
+    }
+    return Array.from(dayMap.entries()).sort(([a], [b]) => a.localeCompare(b)).slice(-30).map(([day, mins]) => ({ day, minutes: mins }));
+  }, [entries]);
+  const maxDailyMinutes = Math.max(...dailyChart.map((d) => d.minutes), 1);
+  const setPeriod = (range) => {
+    setFrom(range.from);
+    setTo(range.to);
+  };
+  const S = {
+    page: { padding: "20px 30px", maxWidth: 1100, margin: "0 auto" },
+    btn: { padding: "6px 12px", borderRadius: 6, border: "1px solid var(--theme-elevation-200)", fontSize: 12, cursor: "pointer", background: "var(--theme-elevation-0)", color: "var(--theme-text)" },
+    btnPrimary: { padding: "6px 12px", borderRadius: 6, border: "none", fontSize: 12, cursor: "pointer", background: "#2563eb", color: "#fff", fontWeight: 600 },
+    kpis: { display: "grid", gridTemplateColumns: "repeat(3, 1fr)", gap: 12, marginBottom: 20 },
+    kpiCard: { padding: "16px 20px", borderRadius: 10, border: "1px solid var(--theme-elevation-150)" },
+    groupCard: { marginBottom: 12, borderRadius: 10, border: "1px solid var(--theme-elevation-150)", overflow: "hidden" },
+    groupHeader: { display: "flex", justifyContent: "space-between", padding: "10px 16px", background: "var(--theme-elevation-50)", borderBottom: "1px solid var(--theme-elevation-150)" },
+    table: { width: "100%", borderCollapse: "collapse", fontSize: 12 },
+    td: { padding: "6px 8px", borderBottom: "1px solid var(--theme-elevation-100)" }
+  };
+  return /* @__PURE__ */ jsxs("div", { style: S.page, children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 16 }, children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h1", { style: { fontSize: 22, fontWeight: 700, margin: 0 }, children: t("timeDashboard.title") }),
+        /* @__PURE__ */ jsx("p", { style: { fontSize: 13, color: "var(--theme-elevation-500)", margin: "4px 0 0" }, children: t("timeDashboard.subtitle") })
+      ] }),
+      /* @__PURE__ */ jsx("a", { href: "/admin/collections/time-entries/create", style: { ...S.btnPrimary, textDecoration: "none", display: "inline-block" }, children: t("timeDashboard.newEntry") })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { style: { marginBottom: 16 }, children: [
+      /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 6, marginBottom: 8 }, children: [
+        /* @__PURE__ */ jsx("button", { style: S.btnPrimary, onClick: () => setPeriod(getMonthRange(0)), children: t("timeDashboard.filters.thisMonth") }),
+        /* @__PURE__ */ jsx("button", { style: S.btn, onClick: () => setPeriod(getMonthRange(-1)), children: t("timeDashboard.filters.lastMonth") }),
+        /* @__PURE__ */ jsx("button", { style: S.btn, onClick: () => setPeriod(getMonthRange(-2)), children: t("timeDashboard.filters.twoMonthsAgo") })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 12, alignItems: "flex-end" }, children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { style: { fontSize: 11, fontWeight: 600, display: "block", marginBottom: 4, color: "var(--theme-elevation-500)" }, children: t("timeDashboard.filters.from") }),
+          /* @__PURE__ */ jsx("input", { type: "date", value: from, onChange: (e) => setFrom(e.target.value), style: { padding: "6px 10px", borderRadius: 6, border: "1px solid var(--theme-elevation-200)", fontSize: 12, color: "var(--theme-text)", background: "var(--theme-elevation-0)" } })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { style: { fontSize: 11, fontWeight: 600, display: "block", marginBottom: 4, color: "var(--theme-elevation-500)" }, children: t("timeDashboard.filters.to") }),
+          /* @__PURE__ */ jsx("input", { type: "date", value: to, onChange: (e) => setTo(e.target.value), style: { padding: "6px 10px", borderRadius: 6, border: "1px solid var(--theme-elevation-200)", fontSize: 12, color: "var(--theme-text)", background: "var(--theme-elevation-0)" } })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { style: { fontSize: 11, fontWeight: 600, display: "block", marginBottom: 4, color: "var(--theme-elevation-500)" }, children: t("timeDashboard.filters.groupBy") }),
+          /* @__PURE__ */ jsxs("select", { value: groupBy, onChange: (e) => setGroupBy(e.target.value), style: { padding: "6px 10px", borderRadius: 6, border: "1px solid var(--theme-elevation-200)", fontSize: 12, color: "var(--theme-text)", background: "var(--theme-elevation-0)" }, children: [
+            /* @__PURE__ */ jsx("option", { value: "day", children: t("timeDashboard.filters.day") }),
+            /* @__PURE__ */ jsx("option", { value: "week", children: t("timeDashboard.filters.week") }),
+            /* @__PURE__ */ jsx("option", { value: "project", children: t("timeDashboard.filters.project") })
+          ] })
+        ] })
+      ] })
+    ] }),
+    loading ? /* @__PURE__ */ jsx("div", { style: { padding: 40, textAlign: "center", color: "#94a3b8" }, children: t("common.loading") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { style: S.kpis, children: [
+        /* @__PURE__ */ jsxs("div", { style: S.kpiCard, children: [
+          /* @__PURE__ */ jsx("div", { style: { fontSize: 11, color: "var(--theme-elevation-500)" }, children: t("timeDashboard.kpis.totalTime") }),
+          /* @__PURE__ */ jsx("div", { style: { fontSize: 24, fontWeight: 700, color: "#2563eb" }, children: formatDuration(totalMinutes) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { style: S.kpiCard, children: [
+          /* @__PURE__ */ jsx("div", { style: { fontSize: 11, color: "var(--theme-elevation-500)" }, children: t("timeDashboard.kpis.entries") }),
+          /* @__PURE__ */ jsx("div", { style: { fontSize: 24, fontWeight: 700, color: "#d97706" }, children: entries.length })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { style: S.kpiCard, children: [
+          /* @__PURE__ */ jsx("div", { style: { fontSize: 11, color: "var(--theme-elevation-500)" }, children: t("timeDashboard.kpis.dailyAverage") }),
+          /* @__PURE__ */ jsx("div", { style: { fontSize: 24, fontWeight: 700, color: "#ea580c" }, children: dailyChart.length > 0 ? formatDuration(Math.round(totalMinutes / dailyChart.length)) : "-" })
+        ] })
+      ] }),
+      dailyChart.length > 0 && /* @__PURE__ */ jsxs("div", { style: { padding: 16, borderRadius: 10, border: "1px solid var(--theme-elevation-150)", marginBottom: 20 }, children: [
+        /* @__PURE__ */ jsx("div", { style: { fontSize: 13, fontWeight: 700, marginBottom: 8 }, children: t("timeDashboard.chart.title") }),
+        /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "flex-end", gap: 3, height: 80 }, children: dailyChart.map((d) => /* @__PURE__ */ jsx("div", { style: { flex: 1, background: "#3b82f6", borderRadius: "3px 3px 0 0", height: `${Math.max(d.minutes / maxDailyMinutes * 100, 4)}%` }, title: `${d.day}: ${formatDuration(d.minutes)}` }, d.day)) })
+      ] }),
+      grouped.length === 0 ? /* @__PURE__ */ jsx("div", { style: { padding: 40, textAlign: "center", color: "#94a3b8" }, children: t("timeDashboard.empty") }) : grouped.map((group) => /* @__PURE__ */ jsxs("div", { style: S.groupCard, children: [
+        /* @__PURE__ */ jsxs("div", { style: S.groupHeader, children: [
+          /* @__PURE__ */ jsx("span", { style: { fontWeight: 700 }, children: group.label }),
+          /* @__PURE__ */ jsx("span", { style: { fontWeight: 700, color: "#2563eb" }, children: formatDuration(group.totalMinutes) })
+        ] }),
+        /* @__PURE__ */ jsx("table", { style: S.table, children: /* @__PURE__ */ jsx("tbody", { children: group.entries.map((entry) => {
+          const ticket = typeof entry.ticket === "object" ? entry.ticket : null;
+          return /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("td", { style: S.td, children: ticket ? /* @__PURE__ */ jsx("a", { href: `/admin/collections/tickets/${ticket.id}`, style: { color: "#2563eb", textDecoration: "none", fontWeight: 600 }, children: ticket.ticketNumber || `#${ticket.id}` }) : "-" }),
+            /* @__PURE__ */ jsx("td", { style: S.td, children: ticket?.subject || "" }),
+            /* @__PURE__ */ jsx("td", { style: { ...S.td, color: "var(--theme-elevation-500)" }, children: entry.description || "-" }),
+            /* @__PURE__ */ jsx("td", { style: { ...S.td, textAlign: "right", fontWeight: 600 }, children: formatDuration(entry.duration) })
+          ] }, entry.id);
+        }) }) })
+      ] }, group.label))
+    ] })
+  ] });
+};
+
+export { TimeDashboardClient };

package/dist/views/TimeDashboardView/index.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var templates = require('@payloadcms/next/templates');
+var navigation = require('next/navigation');
+var ErrorBoundary = require('../shared/ErrorBoundary');
+var client = require('./client');
+
+const TimeDashboardView = ({ initPageResult }) => {
+  const { req, visibleEntities } = initPageResult;
+  if (!req.user) {
+    navigation.redirect("/admin/login");
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    templates.DefaultTemplate,
+    {
+      i18n: req.i18n,
+      locale: initPageResult.locale,
+      params: {},
+      payload: req.payload,
+      permissions: initPageResult.permissions,
+      searchParams: {},
+      user: req.user,
+      visibleEntities,
+      children: /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary.AdminErrorBoundary, { viewName: "TimeDashboardView", children: /* @__PURE__ */ jsxRuntime.jsx(client.TimeDashboardClient, {}) })
+    }
+  );
+};
+var TimeDashboardView_default = TimeDashboardView;
+
+exports.TimeDashboardView = TimeDashboardView;
+exports.default = TimeDashboardView_default;

package/dist/views/TimeDashboardView/index.js

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+import { DefaultTemplate } from '@payloadcms/next/templates';
+import { redirect } from 'next/navigation';
+import { AdminErrorBoundary } from '../shared/ErrorBoundary';
+import { TimeDashboardClient } from './client';
+
+const TimeDashboardView = ({ initPageResult }) => {
+  const { req, visibleEntities } = initPageResult;
+  if (!req.user) {
+    redirect("/admin/login");
+  }
+  return /* @__PURE__ */ jsx(
+    DefaultTemplate,
+    {
+      i18n: req.i18n,
+      locale: initPageResult.locale,
+      params: {},
+      payload: req.payload,
+      permissions: initPageResult.permissions,
+      searchParams: {},
+      user: req.user,
+      visibleEntities,
+      children: /* @__PURE__ */ jsx(AdminErrorBoundary, { viewName: "TimeDashboardView", children: /* @__PURE__ */ jsx(TimeDashboardClient, {}) })
+    }
+  );
+};
+var TimeDashboardView_default = TimeDashboardView;
+
+export { TimeDashboardView, TimeDashboardView_default as default };

package/dist/views/shared/AdminViewHeader.cjs

@@ -0,0 +1,68 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var adminTokens = require('./adminTokens');
+
+const AdminViewHeader = ({
+  icon,
+  title,
+  subtitle,
+  breadcrumb,
+  actions
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "flex-start",
+        marginBottom: 20
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          breadcrumb && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginBottom: 6 }, children: /* @__PURE__ */ jsxRuntime.jsxs(
+            "a",
+            {
+              href: breadcrumb.href,
+              style: {
+                fontSize: 12,
+                fontWeight: 700,
+                color: adminTokens.V.cyan,
+                textDecoration: "none",
+                textTransform: "uppercase"
+              },
+              children: [
+                "\u2190 ",
+                breadcrumb.label
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "h1",
+            {
+              style: {
+                fontSize: 28,
+                fontWeight: 600,
+                letterSpacing: 0,
+                margin: 0,
+                color: adminTokens.V.text,
+                display: "flex",
+                alignItems: "center",
+                gap: 10
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: adminTokens.V.cyan, display: "flex", alignItems: "center" }, children: icon }),
+                title
+              ]
+            }
+          ),
+          subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: adminTokens.V.textSecondary, margin: "4px 0 0", fontSize: 14 }, children: subtitle })
+        ] }),
+        actions && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", gap: 8 }, children: actions })
+      ]
+    }
+  );
+};
+
+exports.AdminViewHeader = AdminViewHeader;

package/dist/views/shared/AdminViewHeader.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { V } from './adminTokens';
+
+const AdminViewHeader = ({
+  icon,
+  title,
+  subtitle,
+  breadcrumb,
+  actions
+}) => {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "flex-start",
+        marginBottom: 20
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          breadcrumb && /* @__PURE__ */ jsx("div", { style: { marginBottom: 6 }, children: /* @__PURE__ */ jsxs(
+            "a",
+            {
+              href: breadcrumb.href,
+              style: {
+                fontSize: 12,
+                fontWeight: 700,
+                color: V.cyan,
+                textDecoration: "none",
+                textTransform: "uppercase"
+              },
+              children: [
+                "\u2190 ",
+                breadcrumb.label
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(
+            "h1",
+            {
+              style: {
+                fontSize: 28,
+                fontWeight: 600,
+                letterSpacing: 0,
+                margin: 0,
+                color: V.text,
+                display: "flex",
+                alignItems: "center",
+                gap: 10
+              },
+              children: [
+                /* @__PURE__ */ jsx("span", { style: { color: V.cyan, display: "flex", alignItems: "center" }, children: icon }),
+                title
+              ]
+            }
+          ),
+          subtitle && /* @__PURE__ */ jsx("p", { style: { color: V.textSecondary, margin: "4px 0 0", fontSize: 14 }, children: subtitle })
+        ] }),
+        actions && /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: 8 }, children: actions })
+      ]
+    }
+  );
+};
+
+export { AdminViewHeader };