@open-mercato/core 0.6.8-develop.6973.1.17fe21ccd4 → 0.6.8-develop.6974.1.43440f247a

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
-[build:core] found 3949 entry points
+[build:core] found 3950 entry points
 [build:core] built successfully
 [build:core:generated] found 204 entry points
 [build:core:generated] built successfully

package/dist/modules/staff/backend/staff/timesheets/page.js

@@ -3,6 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Page, PageBody } from "@open-mercato/ui/backend/Page";
 import { Button } from "@open-mercato/ui/primitives/button";
+import { InlineInput } from "@open-mercato/ui/primitives/inline-input";
 import { apiCall, apiCallOrThrow, readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
 import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
@@ -19,6 +20,10 @@ import { TimerBar } from "../../../lib/timesheets-ui/TimerBar.js";
 import { AddRowDropdown } from "../../../lib/timesheets-ui/AddRowDropdown.js";
 import { CreateProjectDialog } from "../../../lib/timesheets-ui/CreateProjectDialog.js";
 import { ProjectColorDot } from "../../../lib/timesheets-ui/ProjectColorDot.js";
+import {
+  formatMinutesAsDecimal,
+  parseDurationInput
+} from "../../../lib/timesheetsDuration.js";
 import { createLogger } from "@open-mercato/shared/lib/logger";
 const logger = createLogger("staff");
 function getMonday(date) {
@@ -58,21 +63,12 @@ function isWeekendDay(date) {
   const d = date.getDay();
   return d === 0 || d === 6;
 }
-function minutesToDecimal(minutes) {
-  if (minutes === 0) return "";
-  const hours = minutes / 60;
-  return hours % 1 === 0 ? String(hours) : hours.toFixed(2).replace(/0+$/, "").replace(/\.$/, "");
-}
-function decimalToMinutes(value) {
-  const trimmed = value.trim();
-  if (!trimmed) return 0;
-  const num = parseFloat(trimmed.replace(",", "."));
-  if (isNaN(num) || num < 0) return 0;
-  return Math.min(Math.round(num * 60), 1440);
-}
 function getLocalizedDayName(date) {
   return date.toLocaleDateString(void 0, { weekday: "short" });
 }
+function getLocalizedCellDate(date) {
+  return date.toLocaleDateString(void 0, { weekday: "long", month: "long", day: "numeric" });
+}
 function getWeekDays(weekStart) {
   return Array.from({ length: 7 }, (_, i) => {
     const d = new Date(weekStart);
@@ -114,6 +110,7 @@ function MyTimesheetsPage() {
   const [rawEntries, setRawEntries] = React.useState([]);
   const [dirty, setDirty] = React.useState({});
   const [rawText, setRawText] = React.useState({});
+  const [cellErrors, setCellErrors] = React.useState({});
   const [staffMemberId, setStaffMemberId] = React.useState(null);
   const [staffMemberMissing, setStaffMemberMissing] = React.useState(false);
   const [isInitialLoad, setIsInitialLoad] = React.useState(true);
@@ -130,6 +127,12 @@ function MyTimesheetsPage() {
     contextId: mutationContextId,
     blockedMessage: t("ui.forms.flash.saveBlocked", "Save blocked by validation")
   });
+  const durationFormatHint = t(
+    "staff.timesheets.my.duration.hint",
+    "Enter hours (8 or 1.5), h:mm (1:30) or minutes (90m). Max 24h per day."
+  );
+  const describeDurationCell = React.useCallback((projectName, date) => t("staff.timesheets.my.duration.cellLabel", "Duration for {project} on {date}").replace("{project}", projectName).replace("{date}", getLocalizedCellDate(date)), [t]);
+  const describeDurationError = React.useCallback((reason) => reason === "out_of_range" ? t("staff.timesheets.my.duration.errors.out_of_range", "Maximum 24h per day. Use 1:30 or 90m for shorter entries.") : t("staff.timesheets.my.duration.errors.invalid", "Unrecognised duration. Use 8, 1.5, 1:30, 90m or 1h 30m."), [t]);
   React.useEffect(() => {
     let cancelled = false;
     void (async () => {
@@ -273,6 +276,7 @@ function MyTimesheetsPage() {
       setEntries(map);
       setDirty({});
       setRawText({});
+      setCellErrors({});
     } catch (error) {
       logger.error("staff.timesheets.my.load", { err: error });
       flash(t("staff.timesheets.my.errors.load", "Failed to load timesheets."), "error");
@@ -285,19 +289,54 @@ function MyTimesheetsPage() {
   React.useEffect(() => {
     void loadData();
   }, [loadData, scopeVersion]);
+  const clearCellError = React.useCallback((projectId, dateKey) => {
+    setCellErrors((prev) => {
+      const projectErrors = prev[projectId];
+      if (!projectErrors || projectErrors[dateKey] === void 0) return prev;
+      const nextProjectErrors = { ...projectErrors };
+      delete nextProjectErrors[dateKey];
+      const next = { ...prev };
+      if (Object.keys(nextProjectErrors).length > 0) next[projectId] = nextProjectErrors;
+      else delete next[projectId];
+      return next;
+    });
+  }, []);
   const handleCellChange = React.useCallback((projectId, dateKey, value) => {
-    const sanitized = value.replace(/[^0-9.,]/g, "");
+    clearCellError(projectId, dateKey);
     setRawText((prev) => {
       const projectTexts = { ...prev[projectId] ?? {} };
-      projectTexts[dateKey] = sanitized;
+      projectTexts[dateKey] = value;
       return { ...prev, [projectId]: projectTexts };
     });
+  }, [clearCellError]);
+  const dropDirtyCell = React.useCallback((projectId, dateKey) => {
+    setDirty((prev) => {
+      const projectEntries = prev[projectId];
+      if (!projectEntries || projectEntries[dateKey] === void 0) return prev;
+      const nextProjectEntries = { ...projectEntries };
+      delete nextProjectEntries[dateKey];
+      const next = { ...prev };
+      if (Object.keys(nextProjectEntries).length > 0) next[projectId] = nextProjectEntries;
+      else delete next[projectId];
+      return next;
+    });
   }, []);
   const handleCellBlur = React.useCallback((projectId, dateKey, currentValue) => {
     const editedText = rawText[projectId]?.[dateKey];
     const text = editedText ?? currentValue;
     if (text === void 0) return;
-    const minutes = decimalToMinutes(text);
+    const parsed = parseDurationInput(text);
+    if (!parsed.ok) {
+      dropDirtyCell(projectId, dateKey);
+      setCellErrors((prev) => {
+        const projectErrors = { ...prev[projectId] ?? {} };
+        projectErrors[dateKey] = parsed.reason;
+        return { ...prev, [projectId]: projectErrors };
+      });
+      return;
+    }
+    clearCellError(projectId, dateKey);
+    const minutes = parsed.minutes;
     const cellEntries = entries[projectId]?.[dateKey] ?? [];
     const existingMinutes = cellEntries.reduce((sum, e) => sum + e.minutes, 0);
     if (minutes !== existingMinutes || editedText !== void 0 && cellEntries.length > 0) {
@@ -319,7 +358,7 @@ function MyTimesheetsPage() {
       }
       return { ...prev, [projectId]: projectTexts };
     });
-  }, [rawText, entries]);
+  }, [rawText, entries, clearCellError, dropDirtyCell]);
   const getCellValue = React.useCallback((projectId, dateKey) => {
     const dirtyCell = dirty[projectId]?.[dateKey];
     if (dirtyCell !== void 0) return dirtyCell.minutes;
@@ -327,11 +366,27 @@ function MyTimesheetsPage() {
     return cellEntries.reduce((sum, e) => sum + e.minutes, 0);
   }, [dirty, entries]);
   const hasChanges = Object.keys(dirty).length > 0 || Object.keys(rawText).length > 0;
+  const invalidCellCount = React.useMemo(
+    () => Object.values(cellErrors).reduce((sum, projectErrors) => sum + Object.keys(projectErrors).length, 0),
+    [cellErrors]
+  );
+  const pendingSummary = React.useMemo(() => {
+    let cells = 0;
+    let minutes = 0;
+    for (const dateMap of Object.values(dirty)) {
+      for (const cell of Object.values(dateMap)) {
+        cells += 1;
+        minutes += cell.minutes;
+      }
+    }
+    return { cells, minutes };
+  }, [dirty]);
   const handleSave = React.useCallback(async () => {
-    if (!hasChanges) return;
+    if (!hasChanges || invalidCellCount > 0) return;
+    const summary = t("staff.timesheets.my.confirm_save.summary", "{count} cell(s), {total}h in total.").replace("{count}", String(pendingSummary.cells)).replace("{total}", formatMinutesAsDecimal(pendingSummary.minutes) || "0");
     const confirmed = await confirm({
       title: t("staff.timesheets.my.confirm_save.title", "Save changes?"),
-      text: t("staff.timesheets.my.confirm_save.body", "Your timesheet entries will be saved.")
+      text: `${t("staff.timesheets.my.confirm_save.body", "Your timesheet entries will be saved.")} ${summary}`
     });
     if (!confirmed) return;
     setIsSaving(true);
@@ -370,7 +425,7 @@ function MyTimesheetsPage() {
     } finally {
       setIsSaving(false);
     }
-  }, [dirty, entries, hasChanges, confirm, t, loadData, runMutation, mutationContextId, staffMemberId, retryLastMutation]);
+  }, [dirty, entries, hasChanges, invalidCellCount, pendingSummary, confirm, t, loadData, runMutation, mutationContextId, staffMemberId, retryLastMutation]);
   const getRowTotal = React.useCallback((projectId) => {
     let total = 0;
     for (const day of visibleDays) {
@@ -506,6 +561,12 @@ function MyTimesheetsPage() {
         delete next[project.id];
         return next;
       });
+      setCellErrors((prev) => {
+        if (!prev[project.id]) return prev;
+        const next = { ...prev };
+        delete next[project.id];
+        return next;
+      });
     } catch (error) {
       logger.error("staff.timesheets.my.removeRow", { err: error });
       flash(t("staff.timesheets.my.removeRow.error", "Could not remove the project. Please try again."), "error");
@@ -559,7 +620,7 @@ function MyTimesheetsPage() {
       /* @__PURE__ */ jsxs("div", { className: "mb-4 grid grid-cols-1 gap-4 sm:grid-cols-4", children: [
         /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4", children: [
           /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: viewMode === "weekly" ? t("staff.timesheets.my.weekTotal", "Week Total") : t("staff.timesheets.my.total_hours", "Total Hours") }),
-          /* @__PURE__ */ jsx("p", { className: "text-2xl font-semibold", children: minutesToDecimal(grandTotal) || "0" })
+          /* @__PURE__ */ jsx("p", { className: "text-2xl font-semibold", children: formatMinutesAsDecimal(grandTotal) || "0" })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4", children: [
           /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("staff.timesheets.my.working_days", "Working Days") }),
@@ -567,7 +628,7 @@ function MyTimesheetsPage() {
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4", children: [
           /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("staff.timesheets.my.daily_average", "Daily Average") }),
-          /* @__PURE__ */ jsx("p", { className: "text-2xl font-semibold", children: minutesToDecimal(Math.round(dailyAverage)) || "0" })
+          /* @__PURE__ */ jsx("p", { className: "text-2xl font-semibold", children: formatMinutesAsDecimal(Math.round(dailyAverage)) || "0" })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4", children: [
           /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("staff.timesheets.my.status", "Status") }),
@@ -592,8 +653,8 @@ function MyTimesheetsPage() {
             }
           ),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            hasChanges && /* @__PURE__ */ jsx("span", { className: "text-xs text-amber-600 font-medium", children: t("staff.timesheets.my.unsaved", "Unsaved changes") }),
-            /* @__PURE__ */ jsx(Button, { size: "sm", type: "button", onClick: handleSave, disabled: !hasChanges || isSaving, children: isSaving ? t("staff.timesheets.my.saving", "Saving...") : t("staff.timesheets.my.save_changes", "Save Changes") })
+            invalidCellCount > 0 ? /* @__PURE__ */ jsx("span", { className: "text-xs text-status-error-text font-medium", children: t("staff.timesheets.my.duration.blocked", "Fix the highlighted durations to save") }) : hasChanges && /* @__PURE__ */ jsx("span", { className: "text-xs text-status-warning-text font-medium", children: t("staff.timesheets.my.unsaved", "Unsaved changes") }),
+            /* @__PURE__ */ jsx(Button, { size: "sm", type: "button", onClick: handleSave, disabled: !hasChanges || isSaving || invalidCellCount > 0, children: isSaving ? t("staff.timesheets.my.saving", "Saving...") : t("staff.timesheets.my.save_changes", "Save Changes") })
           ] })
         ] })
       ] }),
@@ -604,100 +665,109 @@ function MyTimesheetsPage() {
           canManageProjects && /* @__PURE__ */ jsx(Button, { asChild: true, children: /* @__PURE__ */ jsx(Link, { href: "/backend/staff/timesheets/projects/create", children: t("staff.timesheets.my.noProjects.createProject", "Create Project") }) }),
           /* @__PURE__ */ jsx(Button, { variant: "outline", asChild: true, children: /* @__PURE__ */ jsx(Link, { href: "/backend/staff/timesheets/projects", children: t("staff.timesheets.my.noProjects.viewProjects", "View Projects") }) })
         ] })
-      ] }) : viewType === "list" ? /* @__PURE__ */ jsx(ListView, { entries: listViewEntries, onEntryUpdated: loadData }) : /* @__PURE__ */ jsx("div", { className: "overflow-x-auto rounded-lg border", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm table-fixed", children: [
-        /* @__PURE__ */ jsxs("colgroup", { children: [
-          /* @__PURE__ */ jsx("col", { className: viewMode === "weekly" ? "w-[35%]" : "w-[140px] min-w-[140px]" }),
-          visibleDays.map((date) => /* @__PURE__ */ jsx("col", { className: viewMode === "weekly" ? "" : "w-[36px] min-w-[36px]" }, formatDateKey(date))),
-          /* @__PURE__ */ jsx("col", { className: viewMode === "weekly" ? "w-[72px]" : "w-[56px] min-w-[56px]" })
-        ] }),
-        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b bg-muted/50", children: [
-          /* @__PURE__ */ jsx("th", { className: "sticky left-0 z-10 bg-muted px-3 py-2 text-left font-medium", children: t("staff.timesheets.my.project", "Project") }),
-          visibleDays.map((date) => {
-            const dayName = getLocalizedDayName(date);
-            const weekend = isWeekendDay(date);
-            return /* @__PURE__ */ jsxs(
-              "th",
-              {
-                className: `py-2 text-center font-medium px-1 ${weekend ? "bg-muted/80 text-muted-foreground" : ""}`,
-                children: [
-                  /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase text-muted-foreground", children: dayName }),
-                  /* @__PURE__ */ jsx("div", { className: "text-xs", children: date.getDate() })
-                ]
-              },
-              formatDateKey(date)
-            );
-          }),
-          /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-right font-medium", children: t("staff.timesheets.my.total", "Total") })
-        ] }) }),
-        /* @__PURE__ */ jsxs("tbody", { children: [
-          projects.map((project) => /* @__PURE__ */ jsxs("tr", { className: "group border-b hover:bg-muted/30", children: [
-            /* @__PURE__ */ jsx("td", { className: "sticky left-0 z-10 bg-background px-3 py-1.5 font-medium text-foreground", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-              /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 truncate", title: project.name, children: [
-                  /* @__PURE__ */ jsx(ProjectColorDot, { colorKey: project.color, projectName: project.name, size: "sm" }),
-                  /* @__PURE__ */ jsx("span", { className: "truncate", children: project.name })
-                ] }),
-                project.code && /* @__PURE__ */ jsx("div", { className: "text-[10px] text-muted-foreground", children: project.code })
-              ] }),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => {
-                    void handleRemoveProject(project);
-                  },
-                  "aria-label": t("staff.timesheets.my.removeRow", "Remove from grid"),
-                  title: t("staff.timesheets.my.removeRow", "Remove from grid"),
-                  className: "opacity-0 group-hover:opacity-100 focus:opacity-100 inline-flex h-5 w-5 shrink-0 cursor-pointer items-center justify-center rounded text-muted-foreground hover:bg-muted hover:text-foreground transition-opacity",
-                  children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
-                }
-              )
-            ] }) }),
+      ] }) : viewType === "list" ? /* @__PURE__ */ jsx(ListView, { entries: listViewEntries, onEntryUpdated: loadData }) : /* @__PURE__ */ jsxs("div", { className: "overflow-x-auto rounded-lg border", children: [
+        /* @__PURE__ */ jsxs("table", { className: "w-full text-sm table-fixed", children: [
+          /* @__PURE__ */ jsxs("colgroup", { children: [
+            /* @__PURE__ */ jsx("col", { className: viewMode === "weekly" ? "w-[35%]" : "w-[140px] min-w-[140px]" }),
+            visibleDays.map((date) => /* @__PURE__ */ jsx("col", { className: viewMode === "weekly" ? "" : "w-[36px] min-w-[36px]" }, formatDateKey(date))),
+            /* @__PURE__ */ jsx("col", { className: viewMode === "weekly" ? "w-[72px]" : "w-[56px] min-w-[56px]" })
+          ] }),
+          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b bg-muted/50", children: [
+            /* @__PURE__ */ jsx("th", { className: "sticky left-0 z-10 bg-muted px-3 py-2 text-left font-medium", children: t("staff.timesheets.my.project", "Project") }),
             visibleDays.map((date) => {
-              const dateKey = formatDateKey(date);
+              const dayName = getLocalizedDayName(date);
               const weekend = isWeekendDay(date);
-              const cellMinutes = getCellValue(project.id, dateKey);
-              const isDirty = dirty[project.id]?.[dateKey] !== void 0;
-              return /* @__PURE__ */ jsx("td", { className: `px-0.5 py-0.5 ${weekend ? "bg-muted/40" : ""}`, children: weekend ? /* @__PURE__ */ jsx("div", { className: "rounded px-1 py-1 text-center text-xs text-muted-foreground/50", children: "-" }) : /* @__PURE__ */ jsx(
-                "input",
+              return /* @__PURE__ */ jsxs(
+                "th",
                 {
-                  type: "text",
-                  inputMode: "decimal",
-                  className: `mx-auto block rounded border text-center tabular-nums transition-colors
-                                ${viewMode === "weekly" ? "w-12 px-1 py-0.5 text-xs" : "w-8 px-0 py-1 text-[10px]"}
-                                ${isDirty ? "border-amber-400 bg-amber-50" : "border-muted-foreground/20 bg-transparent"}
-                                ${cellMinutes > 0 ? "font-semibold" : "text-muted-foreground"}
-                                hover:border-muted-foreground/40 focus:border-primary focus:bg-background focus:outline-none`,
-                  value: rawText[project.id]?.[dateKey] ?? minutesToDecimal(cellMinutes),
-                  onChange: (e) => handleCellChange(project.id, dateKey, e.target.value),
-                  onBlur: (event) => handleCellBlur(project.id, dateKey, event.currentTarget.value),
-                  placeholder: t("staff.timesheets.my.durationPlaceholder", "0")
-                }
-              ) }, dateKey);
+                  className: `py-2 text-center font-medium px-1 ${weekend ? "bg-muted/80 text-muted-foreground" : ""}`,
+                  children: [
+                    /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase text-muted-foreground", children: dayName }),
+                    /* @__PURE__ */ jsx("div", { className: "text-xs", children: date.getDate() })
+                  ]
+                },
+                formatDateKey(date)
+              );
             }),
-            /* @__PURE__ */ jsx("td", { className: "px-3 py-1.5 text-right font-semibold text-xs tabular-nums", children: minutesToDecimal(getRowTotal(project.id)) || "0" })
-          ] }, project.id)),
-          /* @__PURE__ */ jsx("tr", { className: "border-b", children: /* @__PURE__ */ jsx("td", { colSpan: visibleDays.length + 2, className: "sticky left-0 bg-background px-1 py-0.5", children: /* @__PURE__ */ jsx(
-            AddRowDropdown,
-            {
-              assignedProjects: allAssignedProjects,
-              visibleProjectIds,
-              canCreateProject: canManageProjects,
-              onAddProject: handleAddProject,
-              onCreateProject: () => setCreateDialogOpen(true)
-            }
-          ) }) })
+            /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-right font-medium", children: t("staff.timesheets.my.total", "Total") })
+          ] }) }),
+          /* @__PURE__ */ jsxs("tbody", { children: [
+            projects.map((project) => /* @__PURE__ */ jsxs("tr", { className: "group border-b hover:bg-muted/30", children: [
+              /* @__PURE__ */ jsx("td", { className: "sticky left-0 z-10 bg-background px-3 py-1.5 font-medium text-foreground", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+                /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 truncate", title: project.name, children: [
+                    /* @__PURE__ */ jsx(ProjectColorDot, { colorKey: project.color, projectName: project.name, size: "sm" }),
+                    /* @__PURE__ */ jsx("span", { className: "truncate", children: project.name })
+                  ] }),
+                  project.code && /* @__PURE__ */ jsx("div", { className: "text-[10px] text-muted-foreground", children: project.code })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => {
+                      void handleRemoveProject(project);
+                    },
+                    "aria-label": t("staff.timesheets.my.removeRow", "Remove from grid"),
+                    title: t("staff.timesheets.my.removeRow", "Remove from grid"),
+                    className: "opacity-0 group-hover:opacity-100 focus:opacity-100 inline-flex h-5 w-5 shrink-0 cursor-pointer items-center justify-center rounded text-muted-foreground hover:bg-muted hover:text-foreground transition-opacity",
+                    children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+                  }
+                )
+              ] }) }),
+              visibleDays.map((date) => {
+                const dateKey = formatDateKey(date);
+                const weekend = isWeekendDay(date);
+                const cellMinutes = getCellValue(project.id, dateKey);
+                const isDirty = dirty[project.id]?.[dateKey] !== void 0;
+                const cellError = cellErrors[project.id]?.[dateKey];
+                const cellErrorMessage = cellError ? describeDurationError(cellError) : void 0;
+                return /* @__PURE__ */ jsx("td", { className: `px-0.5 py-0.5 ${weekend ? "bg-muted/40" : ""}`, children: weekend ? /* @__PURE__ */ jsx("div", { className: "rounded px-1 py-1 text-center text-xs text-muted-foreground/50", children: "-" }) : /* @__PURE__ */ jsx(
+                  InlineInput,
+                  {
+                    type: "text",
+                    inputMode: "text",
+                    showBorderOnHover: false,
+                    className: `mx-auto flex h-6 border transition-colors
+                                ${viewMode === "weekly" ? "w-12 px-1" : "w-8 px-0"}
+                                ${cellError ? "bg-status-error-bg" : isDirty ? "border-status-warning-border bg-status-warning-bg" : "border-muted-foreground/20 bg-transparent hover:border-muted-foreground/40"}`,
+                    inputClassName: `text-center text-xs tabular-nums
+                                ${cellError ? "text-status-error-text" : cellMinutes > 0 ? "font-semibold" : "text-muted-foreground"}`,
+                    value: rawText[project.id]?.[dateKey] ?? formatMinutesAsDecimal(cellMinutes),
+                    onChange: (e) => handleCellChange(project.id, dateKey, e.target.value),
+                    onBlur: (event) => handleCellBlur(project.id, dateKey, event.currentTarget.value),
+                    placeholder: t("staff.timesheets.my.durationPlaceholder", "0"),
+                    "aria-invalid": cellError !== void 0,
+                    "aria-label": describeDurationCell(project.name, date),
+                    title: cellErrorMessage ?? durationFormatHint
+                  }
+                ) }, dateKey);
+              }),
+              /* @__PURE__ */ jsx("td", { className: "px-3 py-1.5 text-right font-semibold text-xs tabular-nums", children: formatMinutesAsDecimal(getRowTotal(project.id)) || "0" })
+            ] }, project.id)),
+            /* @__PURE__ */ jsx("tr", { className: "border-b", children: /* @__PURE__ */ jsx("td", { colSpan: visibleDays.length + 2, className: "sticky left-0 bg-background px-1 py-0.5", children: /* @__PURE__ */ jsx(
+              AddRowDropdown,
+              {
+                assignedProjects: allAssignedProjects,
+                visibleProjectIds,
+                canCreateProject: canManageProjects,
+                onAddProject: handleAddProject,
+                onCreateProject: () => setCreateDialogOpen(true)
+              }
+            ) }) })
+          ] }),
+          /* @__PURE__ */ jsx("tfoot", { children: /* @__PURE__ */ jsxs("tr", { className: "border-t bg-muted/50 font-semibold", children: [
+            /* @__PURE__ */ jsx("td", { className: "sticky left-0 z-10 bg-muted px-3 py-2", children: t("staff.timesheets.my.daily_total", "Daily Total") }),
+            visibleDays.map((date) => {
+              const weekend = isWeekendDay(date);
+              const dayMinutes = getDayTotal(date);
+              return /* @__PURE__ */ jsx("td", { className: `py-2 text-center text-xs tabular-nums ${weekend ? "text-muted-foreground/50" : ""}`, children: weekend ? "-" : formatMinutesAsDecimal(dayMinutes) || "-" }, formatDateKey(date));
+            }),
+            /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-right tabular-nums font-semibold", children: formatMinutesAsDecimal(grandTotal) || "0" })
+          ] }) })
         ] }),
-        /* @__PURE__ */ jsx("tfoot", { children: /* @__PURE__ */ jsxs("tr", { className: "border-t bg-muted/50 font-semibold", children: [
-          /* @__PURE__ */ jsx("td", { className: "sticky left-0 z-10 bg-muted px-3 py-2", children: t("staff.timesheets.my.daily_total", "Daily Total") }),
-          visibleDays.map((date) => {
-            const weekend = isWeekendDay(date);
-            const dayMinutes = getDayTotal(date);
-            return /* @__PURE__ */ jsx("td", { className: `py-2 text-center text-xs tabular-nums ${weekend ? "text-muted-foreground/50" : ""}`, children: weekend ? "-" : minutesToDecimal(dayMinutes) || "-" }, formatDateKey(date));
-          }),
-          /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-right tabular-nums font-semibold", children: minutesToDecimal(grandTotal) || "0" })
-        ] }) })
-      ] }) }) })
+        /* @__PURE__ */ jsx("p", { className: "px-3 py-2 text-xs text-muted-foreground", children: durationFormatHint })
+      ] }) })
     ] }),
     ConfirmDialogElement,
     /* @__PURE__ */ jsx(