@open-mercato/core 0.6.4-develop.4217.1.c9aa050183 → 0.6.4-develop.4236.1.9fa6806b34

package/dist/modules/staff/lib/timesheets-ui/ProjectColorDot.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/staff/lib/timesheets-ui/ProjectColorDot.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { resolveProjectColorHex } from './colors'\n\nexport type ProjectColorDotSize = 'xs' | 'sm' | 'md'\n\nexport type ProjectColorDotProps = {\n  colorKey: string | null | undefined\n  projectName: string | null | undefined\n  size?: ProjectColorDotSize\n  className?: string\n  title?: string\n}\n\nconst SIZE_CLASS: Record<ProjectColorDotSize, string> = {\n  xs: 'h-2 w-2',\n  sm: 'h-2.5 w-2.5',\n  md: 'h-3 w-3',\n}\n\nexport function ProjectColorDot({\n  colorKey,\n  projectName,\n  size = 'sm',\n  className,\n  title,\n}: ProjectColorDotProps) {\n  const hex = resolveProjectColorHex(colorKey, projectName)\n  const base = 'inline-block shrink-0 rounded-full'\n  const classes = [base, SIZE_CLASS[size], className].filter(Boolean).join(' ')\n  return (\n    <span\n      aria-hidden=\"true\"\n      title={title}\n      className={classes}\n      style={{ backgroundColor: hex }}\n    />\n  )\n}\n"],
+  "mappings": ";AAgCI;AA7BJ,SAAS,8BAA8B;AAYvC,MAAM,aAAkD;AAAA,EACtD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,MAAM,uBAAuB,UAAU,WAAW;AACxD,QAAM,OAAO;AACb,QAAM,UAAU,CAAC,MAAM,WAAW,IAAI,GAAG,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAC5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ;AAAA,MACA,WAAW;AAAA,MACX,OAAO,EAAE,iBAAiB,IAAI;AAAA;AAAA,EAChC;AAEJ;",
+  "names": []
+}

package/dist/modules/staff/lib/timesheets-ui/TimerBar.js

@@ -0,0 +1,270 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef, useCallback } from "react";
+import { Play, Square } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { apiCall, apiCallOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { ProjectColorDot } from "./ProjectColorDot.js";
+function formatElapsed(seconds) {
+  const h = Math.floor(seconds / 3600);
+  const m = Math.floor(seconds % 3600 / 60);
+  const s = seconds % 60;
+  return `${h}:${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
+}
+function getToday() {
+  const now = /* @__PURE__ */ new Date();
+  const year = now.getFullYear();
+  const month = String(now.getMonth() + 1).padStart(2, "0");
+  const day = String(now.getDate()).padStart(2, "0");
+  return `${year}-${month}-${day}`;
+}
+function TimerBar({ projects, staffMemberId, onTimerStopped }) {
+  const t = useT();
+  const [activeEntryId, setActiveEntryId] = useState(null);
+  const [activeProjectId, setActiveProjectId] = useState(null);
+  const [elapsedSeconds, setElapsedSeconds] = useState(0);
+  const [description, setDescription] = useState("");
+  const [selectedProjectId, setSelectedProjectId] = useState(null);
+  const [isStarting, setIsStarting] = useState(false);
+  const [isStopping, setIsStopping] = useState(false);
+  const [showProjectDropdown, setShowProjectDropdown] = useState(false);
+  const [projectFilter, setProjectFilter] = useState("");
+  const dropdownRef = useRef(null);
+  const intervalRef = useRef(null);
+  const isRunning = activeEntryId !== null;
+  const activeProject = projects.find((p) => p.id === activeProjectId);
+  const selectedProject = projects.find((p) => p.id === selectedProjectId);
+  const filteredProjects = projects.filter(
+    (p) => p.name.toLowerCase().includes(projectFilter.toLowerCase())
+  );
+  const startElapsedCounter = useCallback((startedAt) => {
+    const startTime = new Date(startedAt).getTime();
+    const now = Date.now();
+    const initialElapsed = Math.max(0, Math.floor((now - startTime) / 1e3));
+    setElapsedSeconds(initialElapsed);
+    if (intervalRef.current) clearInterval(intervalRef.current);
+    intervalRef.current = setInterval(() => {
+      setElapsedSeconds((prev) => prev + 1);
+    }, 1e3);
+  }, []);
+  const stopElapsedCounter = useCallback(() => {
+    if (intervalRef.current) {
+      clearInterval(intervalRef.current);
+      intervalRef.current = null;
+    }
+    setElapsedSeconds(0);
+  }, []);
+  useEffect(() => {
+    if (!staffMemberId) return;
+    const today = getToday();
+    const checkActiveTimer = async () => {
+      const response = await apiCall(
+        `/api/staff/timesheets/time-entries?staffMemberId=${staffMemberId}&from=${today}&to=${today}&pageSize=50`
+      );
+      if (!response.ok) return;
+      const data = response.result;
+      const items = data?.items ?? data?.data ?? [];
+      const activeEntry = items.find(
+        (entry) => entry.started_at && !entry.ended_at
+      );
+      if (activeEntry) {
+        setActiveEntryId(String(activeEntry.id ?? ""));
+        setActiveProjectId(String(activeEntry.time_project_id ?? ""));
+        setDescription(String(activeEntry.notes ?? ""));
+        startElapsedCounter(String(activeEntry.started_at ?? ""));
+      }
+    };
+    checkActiveTimer();
+  }, [staffMemberId, startElapsedCounter]);
+  useEffect(() => {
+    return () => {
+      if (intervalRef.current) clearInterval(intervalRef.current);
+    };
+  }, []);
+  useEffect(() => {
+    function handleClickOutside(event) {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setShowProjectDropdown(false);
+        setProjectFilter("");
+      }
+    }
+    if (showProjectDropdown) {
+      document.addEventListener("mousedown", handleClickOutside);
+    }
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [showProjectDropdown]);
+  const handleStart = async () => {
+    if (!selectedProjectId || !staffMemberId) return;
+    setIsStarting(true);
+    try {
+      const today = getToday();
+      const createResponse = await apiCallOrThrow(
+        "/api/staff/timesheets/time-entries",
+        {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            staffMemberId,
+            timeProjectId: selectedProjectId,
+            date: today,
+            durationMinutes: 0,
+            source: "timer",
+            notes: description || null
+          })
+        }
+      );
+      const created = createResponse.result;
+      const entryId = created?.id;
+      await apiCallOrThrow(
+        `/api/staff/timesheets/time-entries/${entryId}/timer-start`,
+        { method: "POST" }
+      );
+      setActiveEntryId(entryId ?? null);
+      setActiveProjectId(selectedProjectId);
+      startElapsedCounter((/* @__PURE__ */ new Date()).toISOString());
+    } catch {
+      flash(
+        t("staff.timesheets.my.timer.startError", "Failed to start timer"),
+        "error"
+      );
+    } finally {
+      setIsStarting(false);
+    }
+  };
+  const handleStop = async () => {
+    if (!activeEntryId) return;
+    setIsStopping(true);
+    try {
+      await apiCallOrThrow(
+        `/api/staff/timesheets/time-entries/${activeEntryId}/timer-stop`,
+        { method: "POST" }
+      );
+      setActiveEntryId(null);
+      setActiveProjectId(null);
+      setDescription("");
+      stopElapsedCounter();
+      onTimerStopped();
+    } catch {
+      flash(
+        t("staff.timesheets.my.timer.stopError", "Failed to stop timer"),
+        "error"
+      );
+    } finally {
+      setIsStopping(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 rounded-lg border bg-card p-3 mb-4", children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        value: description,
+        onChange: (e) => setDescription(e.target.value),
+        readOnly: isRunning,
+        placeholder: t(
+          "staff.timesheets.my.timer.placeholder",
+          "What are you working on?"
+        ),
+        className: "flex-1 bg-transparent border-0 outline-none text-sm placeholder:text-muted-foreground"
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "relative", ref: dropdownRef, children: isRunning ? activeProject ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs font-medium px-2 py-1 rounded border bg-muted", children: [
+      /* @__PURE__ */ jsx(ProjectColorDot, { colorKey: activeProject.color, projectName: activeProject.name, size: "xs" }),
+      activeProject.name
+    ] }) : null : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          onClick: () => {
+            setShowProjectDropdown(!showProjectDropdown);
+            setProjectFilter("");
+          },
+          className: "text-xs font-medium",
+          children: selectedProject ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(ProjectColorDot, { colorKey: selectedProject.color, projectName: selectedProject.name, size: "xs" }),
+            /* @__PURE__ */ jsx("span", { className: "ml-1", children: selectedProject.name })
+          ] }) : t("staff.timesheets.my.timer.selectProject", "Project")
+        }
+      ),
+      showProjectDropdown && /* @__PURE__ */ jsxs("div", { className: "absolute right-0 top-full mt-1 z-50 min-w-[200px] rounded-md border bg-popover p-1 shadow-md", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: projectFilter,
+            onChange: (e) => setProjectFilter(e.target.value),
+            placeholder: t(
+              "staff.timesheets.my.timer.searchProject",
+              "Search projects..."
+            ),
+            className: "w-full bg-transparent border-b px-2 py-1.5 text-xs outline-none placeholder:text-muted-foreground mb-1",
+            autoFocus: true
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "max-h-[200px] overflow-y-auto", children: filteredProjects.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-xs text-muted-foreground", children: t(
+          "staff.timesheets.my.timer.noProjects",
+          "No projects found"
+        ) }) : filteredProjects.map((project) => /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            className: "w-full justify-start text-xs h-auto py-1.5",
+            onClick: () => {
+              setSelectedProjectId(project.id);
+              setShowProjectDropdown(false);
+              setProjectFilter("");
+            },
+            children: [
+              /* @__PURE__ */ jsx(ProjectColorDot, { colorKey: project.color, projectName: project.name, size: "xs" }),
+              /* @__PURE__ */ jsx("span", { className: "ml-1", children: project.name }),
+              project.code ? /* @__PURE__ */ jsxs("span", { className: "ml-1 text-muted-foreground", children: [
+                "(",
+                project.code,
+                ")"
+              ] }) : null
+            ]
+          },
+          project.id
+        )) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx("span", { className: "font-mono text-sm tabular-nums min-w-[64px] text-right", children: formatElapsed(elapsedSeconds) }),
+    isRunning ? /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        type: "button",
+        variant: "outline",
+        size: "default",
+        onClick: handleStop,
+        disabled: isStopping,
+        className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        "aria-label": t("staff.timesheets.my.timer.stop", "Stop timer"),
+        children: /* @__PURE__ */ jsx(Square, { className: "size-4" })
+      }
+    ) : /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        type: "button",
+        variant: "outline",
+        size: "default",
+        onClick: handleStart,
+        disabled: isStarting || !selectedProjectId,
+        className: "bg-primary text-primary-foreground hover:bg-primary/90",
+        "aria-label": t("staff.timesheets.my.timer.start", "Start timer"),
+        children: /* @__PURE__ */ jsx(Play, { className: "size-4" })
+      }
+    )
+  ] });
+}
+export {
+  TimerBar
+};
+//# sourceMappingURL=TimerBar.js.map

package/dist/modules/staff/lib/timesheets-ui/TimerBar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/staff/lib/timesheets-ui/TimerBar.tsx"],
+  "sourcesContent": ["'use client'\n\nimport { useState, useEffect, useRef, useCallback } from 'react'\nimport { Play, Square } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall, apiCallOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { ProjectColorDot } from './ProjectColorDot'\n\ntype ProjectOption = {\n  id: string\n  name: string\n  code: string | null\n  color?: string | null\n}\n\ntype TimerBarProps = {\n  projects: ProjectOption[]\n  staffMemberId: string | null\n  onTimerStopped: () => void\n}\n\nfunction formatElapsed(seconds: number): string {\n  const h = Math.floor(seconds / 3600)\n  const m = Math.floor((seconds % 3600) / 60)\n  const s = seconds % 60\n  return `${h}:${String(m).padStart(2, '0')}:${String(s).padStart(2, '0')}`\n}\n\nfunction getToday(): string {\n  const now = new Date()\n  const year = now.getFullYear()\n  const month = String(now.getMonth() + 1).padStart(2, '0')\n  const day = String(now.getDate()).padStart(2, '0')\n  return `${year}-${month}-${day}`\n}\n\nexport function TimerBar({ projects, staffMemberId, onTimerStopped }: TimerBarProps) {\n  const t = useT()\n\n  const [activeEntryId, setActiveEntryId] = useState<string | null>(null)\n  const [activeProjectId, setActiveProjectId] = useState<string | null>(null)\n  const [elapsedSeconds, setElapsedSeconds] = useState(0)\n  const [description, setDescription] = useState('')\n  const [selectedProjectId, setSelectedProjectId] = useState<string | null>(null)\n  const [isStarting, setIsStarting] = useState(false)\n  const [isStopping, setIsStopping] = useState(false)\n  const [showProjectDropdown, setShowProjectDropdown] = useState(false)\n  const [projectFilter, setProjectFilter] = useState('')\n\n  const dropdownRef = useRef<HTMLDivElement>(null)\n  const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null)\n\n  const isRunning = activeEntryId !== null\n\n  const activeProject = projects.find((p) => p.id === activeProjectId)\n  const selectedProject = projects.find((p) => p.id === selectedProjectId)\n\n  const filteredProjects = projects.filter((p) =>\n    p.name.toLowerCase().includes(projectFilter.toLowerCase()),\n  )\n\n  const startElapsedCounter = useCallback((startedAt: string) => {\n    const startTime = new Date(startedAt).getTime()\n    const now = Date.now()\n    const initialElapsed = Math.max(0, Math.floor((now - startTime) / 1000))\n    setElapsedSeconds(initialElapsed)\n\n    if (intervalRef.current) clearInterval(intervalRef.current)\n    intervalRef.current = setInterval(() => {\n      setElapsedSeconds((prev) => prev + 1)\n    }, 1000)\n  }, [])\n\n  const stopElapsedCounter = useCallback(() => {\n    if (intervalRef.current) {\n      clearInterval(intervalRef.current)\n      intervalRef.current = null\n    }\n    setElapsedSeconds(0)\n  }, [])\n\n  useEffect(() => {\n    if (!staffMemberId) return\n\n    const today = getToday()\n    const checkActiveTimer = async () => {\n      const response = await apiCall(\n        `/api/staff/timesheets/time-entries?staffMemberId=${staffMemberId}&from=${today}&to=${today}&pageSize=50`,\n      )\n      if (!response.ok) return\n\n      const data = response.result as Record<string, unknown> | null\n      const items = (data?.items ?? data?.data ?? []) as Array<Record<string, unknown>>\n\n      const activeEntry = items.find(\n        (entry: Record<string, unknown>) =>\n          entry.started_at && !entry.ended_at,\n      )\n\n      if (activeEntry) {\n        setActiveEntryId(String(activeEntry.id ?? ''))\n        setActiveProjectId(String(activeEntry.time_project_id ?? ''))\n        setDescription(String(activeEntry.notes ?? ''))\n        startElapsedCounter(String(activeEntry.started_at ?? ''))\n      }\n    }\n\n    checkActiveTimer()\n  }, [staffMemberId, startElapsedCounter])\n\n  useEffect(() => {\n    return () => {\n      if (intervalRef.current) clearInterval(intervalRef.current)\n    }\n  }, [])\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(event.target as Node)\n      ) {\n        setShowProjectDropdown(false)\n        setProjectFilter('')\n      }\n    }\n\n    if (showProjectDropdown) {\n      document.addEventListener('mousedown', handleClickOutside)\n    }\n    return () => document.removeEventListener('mousedown', handleClickOutside)\n  }, [showProjectDropdown])\n\n  const handleStart = async () => {\n    if (!selectedProjectId || !staffMemberId) return\n\n    setIsStarting(true)\n    try {\n      const today = getToday()\n      const createResponse = await apiCallOrThrow(\n        '/api/staff/timesheets/time-entries',\n        {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({\n            staffMemberId,\n            timeProjectId: selectedProjectId,\n            date: today,\n            durationMinutes: 0,\n            source: 'timer',\n            notes: description || null,\n          }),\n        },\n      )\n\n      const created = createResponse.result as Record<string, unknown> | null\n      const entryId = created?.id as string | undefined\n\n      await apiCallOrThrow(\n        `/api/staff/timesheets/time-entries/${entryId}/timer-start`,\n        { method: 'POST' },\n      )\n\n      setActiveEntryId(entryId ?? null)\n      setActiveProjectId(selectedProjectId)\n      startElapsedCounter(new Date().toISOString())\n    } catch {\n      flash(\n        t('staff.timesheets.my.timer.startError', 'Failed to start timer'),\n        'error',\n      )\n    } finally {\n      setIsStarting(false)\n    }\n  }\n\n  const handleStop = async () => {\n    if (!activeEntryId) return\n\n    setIsStopping(true)\n    try {\n      await apiCallOrThrow(\n        `/api/staff/timesheets/time-entries/${activeEntryId}/timer-stop`,\n        { method: 'POST' },\n      )\n\n      setActiveEntryId(null)\n      setActiveProjectId(null)\n      setDescription('')\n      stopElapsedCounter()\n      onTimerStopped()\n    } catch {\n      flash(\n        t('staff.timesheets.my.timer.stopError', 'Failed to stop timer'),\n        'error',\n      )\n    } finally {\n      setIsStopping(false)\n    }\n  }\n\n  return (\n    <div className=\"flex items-center gap-3 rounded-lg border bg-card p-3 mb-4\">\n      <input\n        type=\"text\"\n        value={description}\n        onChange={(e) => setDescription(e.target.value)}\n        readOnly={isRunning}\n        placeholder={t(\n          'staff.timesheets.my.timer.placeholder',\n          'What are you working on?',\n        )}\n        className=\"flex-1 bg-transparent border-0 outline-none text-sm placeholder:text-muted-foreground\"\n      />\n\n      <div className=\"relative\" ref={dropdownRef}>\n        {isRunning ? (\n          activeProject ? (\n            <span className=\"inline-flex items-center gap-1.5 text-xs font-medium px-2 py-1 rounded border bg-muted\">\n              <ProjectColorDot colorKey={activeProject.color} projectName={activeProject.name} size=\"xs\" />\n              {activeProject.name}\n            </span>\n          ) : null\n        ) : (\n          <>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => {\n                setShowProjectDropdown(!showProjectDropdown)\n                setProjectFilter('')\n              }}\n              className=\"text-xs font-medium\"\n            >\n              {selectedProject\n                ? (<><ProjectColorDot colorKey={selectedProject.color} projectName={selectedProject.name} size=\"xs\" /><span className=\"ml-1\">{selectedProject.name}</span></>)\n                : t('staff.timesheets.my.timer.selectProject', 'Project')}\n            </Button>\n\n            {showProjectDropdown && (\n              <div className=\"absolute right-0 top-full mt-1 z-50 min-w-[200px] rounded-md border bg-popover p-1 shadow-md\">\n                <input\n                  type=\"text\"\n                  value={projectFilter}\n                  onChange={(e) => setProjectFilter(e.target.value)}\n                  placeholder={t(\n                    'staff.timesheets.my.timer.searchProject',\n                    'Search projects...',\n                  )}\n                  className=\"w-full bg-transparent border-b px-2 py-1.5 text-xs outline-none placeholder:text-muted-foreground mb-1\"\n                  autoFocus\n                />\n                <div className=\"max-h-[200px] overflow-y-auto\">\n                  {filteredProjects.length === 0 ? (\n                    <div className=\"px-2 py-1.5 text-xs text-muted-foreground\">\n                      {t(\n                        'staff.timesheets.my.timer.noProjects',\n                        'No projects found',\n                      )}\n                    </div>\n                  ) : (\n                    filteredProjects.map((project) => (\n                      <Button\n                        key={project.id}\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        className=\"w-full justify-start text-xs h-auto py-1.5\"\n                        onClick={() => {\n                          setSelectedProjectId(project.id)\n                          setShowProjectDropdown(false)\n                          setProjectFilter('')\n                        }}\n                      >\n                        <ProjectColorDot colorKey={project.color} projectName={project.name} size=\"xs\" />\n                        <span className=\"ml-1\">{project.name}</span>\n                        {project.code ? (\n                          <span className=\"ml-1 text-muted-foreground\">\n                            ({project.code})\n                          </span>\n                        ) : null}\n                      </Button>\n                    ))\n                  )}\n                </div>\n              </div>\n            )}\n          </>\n        )}\n      </div>\n\n      <span className=\"font-mono text-sm tabular-nums min-w-[64px] text-right\">\n        {formatElapsed(elapsedSeconds)}\n      </span>\n\n      {isRunning ? (\n        <IconButton\n          type=\"button\"\n          variant=\"outline\"\n          size=\"default\"\n          onClick={handleStop}\n          disabled={isStopping}\n          className=\"bg-destructive text-destructive-foreground hover:bg-destructive/90\"\n          aria-label={t('staff.timesheets.my.timer.stop', 'Stop timer')}\n        >\n          <Square className=\"size-4\" />\n        </IconButton>\n      ) : (\n        <IconButton\n          type=\"button\"\n          variant=\"outline\"\n          size=\"default\"\n          onClick={handleStart}\n          disabled={isStarting || !selectedProjectId}\n          className=\"bg-primary text-primary-foreground hover:bg-primary/90\"\n          aria-label={t('staff.timesheets.my.timer.start', 'Start timer')}\n        >\n          <Play className=\"size-4\" />\n        </IconButton>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/staff/lib/timesheets-ui/ViewSwitcher.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function ViewSwitcher({ viewMode, onViewModeChange, viewType, onViewTypeChange }) {
+  const t = useT();
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 rounded-md border p-1", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: viewMode === "weekly" ? "default" : "outline",
+          onClick: () => onViewModeChange("weekly"),
+          children: t("staff.timesheets.my.viewMode.weekly", "Weekly")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: viewMode === "monthly" ? "default" : "outline",
+          onClick: () => onViewModeChange("monthly"),
+          children: t("staff.timesheets.my.viewMode.monthly", "Monthly")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 rounded-md border p-1", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: viewType === "timesheet" ? "default" : "outline",
+          onClick: () => onViewTypeChange("timesheet"),
+          children: t("staff.timesheets.my.viewType.timesheet", "Timesheet")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: viewType === "list" ? "default" : "outline",
+          onClick: () => onViewTypeChange("list"),
+          children: t("staff.timesheets.my.viewType.list", "List view")
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  ViewSwitcher
+};
+//# sourceMappingURL=ViewSwitcher.js.map

package/dist/modules/staff/lib/timesheets-ui/ViewSwitcher.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/staff/lib/timesheets-ui/ViewSwitcher.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype ViewMode = 'weekly' | 'monthly'\ntype ViewType = 'timesheet' | 'list'\n\ninterface ViewSwitcherProps {\n  viewMode: ViewMode\n  onViewModeChange: (mode: ViewMode) => void\n  viewType: ViewType\n  onViewTypeChange: (type: ViewType) => void\n}\n\nexport function ViewSwitcher({ viewMode, onViewModeChange, viewType, onViewTypeChange }: ViewSwitcherProps) {\n  const t = useT()\n\n  return (\n    <div className=\"flex items-center gap-4\">\n      <div className=\"flex items-center gap-1 rounded-md border p-1\">\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          variant={viewMode === 'weekly' ? 'default' : 'outline'}\n          onClick={() => onViewModeChange('weekly')}\n        >\n          {t('staff.timesheets.my.viewMode.weekly', 'Weekly')}\n        </Button>\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          variant={viewMode === 'monthly' ? 'default' : 'outline'}\n          onClick={() => onViewModeChange('monthly')}\n        >\n          {t('staff.timesheets.my.viewMode.monthly', 'Monthly')}\n        </Button>\n      </div>\n\n      <div className=\"flex items-center gap-1 rounded-md border p-1\">\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          variant={viewType === 'timesheet' ? 'default' : 'outline'}\n          onClick={() => onViewTypeChange('timesheet')}\n        >\n          {t('staff.timesheets.my.viewType.timesheet', 'Timesheet')}\n        </Button>\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          variant={viewType === 'list' ? 'default' : 'outline'}\n          onClick={() => onViewTypeChange('list')}\n        >\n          {t('staff.timesheets.my.viewType.list', 'List view')}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": ";AAoBM,SACE,KADF;AAlBN,SAAS,cAAc;AACvB,SAAS,YAAY;AAYd,SAAS,aAAa,EAAE,UAAU,kBAAkB,UAAU,iBAAiB,GAAsB;AAC1G,QAAM,IAAI,KAAK;AAEf,SACE,qBAAC,SAAI,WAAU,2BACb;AAAA,yBAAC,SAAI,WAAU,iDACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,SAAS,aAAa,WAAW,YAAY;AAAA,UAC7C,SAAS,MAAM,iBAAiB,QAAQ;AAAA,UAEvC,YAAE,uCAAuC,QAAQ;AAAA;AAAA,MACpD;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,SAAS,aAAa,YAAY,YAAY;AAAA,UAC9C,SAAS,MAAM,iBAAiB,SAAS;AAAA,UAExC,YAAE,wCAAwC,SAAS;AAAA;AAAA,MACtD;AAAA,OACF;AAAA,IAEA,qBAAC,SAAI,WAAU,iDACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,SAAS,aAAa,cAAc,YAAY;AAAA,UAChD,SAAS,MAAM,iBAAiB,WAAW;AAAA,UAE1C,YAAE,0CAA0C,WAAW;AAAA;AAAA,MAC1D;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,SAAS,aAAa,SAAS,YAAY;AAAA,UAC3C,SAAS,MAAM,iBAAiB,MAAM;AAAA,UAErC,YAAE,qCAAqC,WAAW;AAAA;AAAA,MACrD;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/modules/staff/lib/timesheets-ui/colors.js

@@ -0,0 +1,43 @@
+const PROJECT_COLORS = [
+  { key: "blue", hex: "#3B82F6" },
+  { key: "green", hex: "#22C55E" },
+  { key: "purple", hex: "#A855F7" },
+  { key: "red", hex: "#EF4444" },
+  { key: "orange", hex: "#F97316" },
+  { key: "yellow", hex: "#EAB308" },
+  { key: "pink", hex: "#EC4899" },
+  { key: "teal", hex: "#14B8A6" },
+  { key: "indigo", hex: "#6366F1" },
+  { key: "cyan", hex: "#06B6D4" },
+  { key: "emerald", hex: "#10B981" },
+  { key: "slate", hex: "#64748B" }
+];
+const PROJECT_COLOR_KEYS = PROJECT_COLORS.map((c) => c.key);
+const COLOR_BY_KEY = new Map(PROJECT_COLORS.map((c) => [c.key, c.hex]));
+function isProjectColorKey(value) {
+  return typeof value === "string" && COLOR_BY_KEY.has(value);
+}
+function hashString(input) {
+  let hash = 5381;
+  for (let i = 0; i < input.length; i += 1) {
+    hash = (hash << 5) + hash + input.charCodeAt(i) | 0;
+  }
+  return Math.abs(hash);
+}
+function autoColorFromName(name) {
+  const safe = (name ?? "").trim().toLowerCase();
+  const index = safe.length === 0 ? 0 : hashString(safe) % PROJECT_COLORS.length;
+  return PROJECT_COLORS[index];
+}
+function resolveProjectColorHex(explicitKey, name) {
+  if (isProjectColorKey(explicitKey)) return COLOR_BY_KEY.get(explicitKey);
+  return autoColorFromName(name).hex;
+}
+export {
+  PROJECT_COLORS,
+  PROJECT_COLOR_KEYS,
+  autoColorFromName,
+  isProjectColorKey,
+  resolveProjectColorHex
+};
+//# sourceMappingURL=colors.js.map

package/dist/modules/staff/lib/timesheets-ui/colors.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/staff/lib/timesheets-ui/colors.ts"],
+  "sourcesContent": ["export const PROJECT_COLORS = [\n  { key: 'blue', hex: '#3B82F6' },\n  { key: 'green', hex: '#22C55E' },\n  { key: 'purple', hex: '#A855F7' },\n  { key: 'red', hex: '#EF4444' },\n  { key: 'orange', hex: '#F97316' },\n  { key: 'yellow', hex: '#EAB308' },\n  { key: 'pink', hex: '#EC4899' },\n  { key: 'teal', hex: '#14B8A6' },\n  { key: 'indigo', hex: '#6366F1' },\n  { key: 'cyan', hex: '#06B6D4' },\n  { key: 'emerald', hex: '#10B981' },\n  { key: 'slate', hex: '#64748B' },\n] as const\n\nexport type ProjectColorKey = typeof PROJECT_COLORS[number]['key']\n\nexport const PROJECT_COLOR_KEYS: ProjectColorKey[] = PROJECT_COLORS.map((c) => c.key)\n\nconst COLOR_BY_KEY = new Map<string, string>(PROJECT_COLORS.map((c) => [c.key, c.hex]))\n\nexport function isProjectColorKey(value: unknown): value is ProjectColorKey {\n  return typeof value === 'string' && COLOR_BY_KEY.has(value)\n}\n\n/**\n * Stable, non-cryptographic string hash (djb2). Positive integer output.\n * Used to derive a deterministic fallback color from a project's name.\n */\nfunction hashString(input: string): number {\n  let hash = 5381\n  for (let i = 0; i < input.length; i += 1) {\n    hash = ((hash << 5) + hash + input.charCodeAt(i)) | 0\n  }\n  return Math.abs(hash)\n}\n\n/**\n * Returns a stable color for a project based on its name when no explicit\n * color is set. Same name \u2192 same color across reloads and devices.\n */\nexport function autoColorFromName(name: string | null | undefined): { key: ProjectColorKey; hex: string } {\n  const safe = (name ?? '').trim().toLowerCase()\n  const index = safe.length === 0 ? 0 : hashString(safe) % PROJECT_COLORS.length\n  return PROJECT_COLORS[index]\n}\n\n/**\n * Resolve the hex for a project, preferring the explicit color key when\n * valid and falling back to the deterministic name-based palette otherwise.\n */\nexport function resolveProjectColorHex(\n  explicitKey: string | null | undefined,\n  name: string | null | undefined,\n): string {\n  if (isProjectColorKey(explicitKey)) return COLOR_BY_KEY.get(explicitKey)!\n  return autoColorFromName(name).hex\n}\n"],
+  "mappings": "AAAO,MAAM,iBAAiB;AAAA,EAC5B,EAAE,KAAK,QAAQ,KAAK,UAAU;AAAA,EAC9B,EAAE,KAAK,SAAS,KAAK,UAAU;AAAA,EAC/B,EAAE,KAAK,UAAU,KAAK,UAAU;AAAA,EAChC,EAAE,KAAK,OAAO,KAAK,UAAU;AAAA,EAC7B,EAAE,KAAK,UAAU,KAAK,UAAU;AAAA,EAChC,EAAE,KAAK,UAAU,KAAK,UAAU;AAAA,EAChC,EAAE,KAAK,QAAQ,KAAK,UAAU;AAAA,EAC9B,EAAE,KAAK,QAAQ,KAAK,UAAU;AAAA,EAC9B,EAAE,KAAK,UAAU,KAAK,UAAU;AAAA,EAChC,EAAE,KAAK,QAAQ,KAAK,UAAU;AAAA,EAC9B,EAAE,KAAK,WAAW,KAAK,UAAU;AAAA,EACjC,EAAE,KAAK,SAAS,KAAK,UAAU;AACjC;AAIO,MAAM,qBAAwC,eAAe,IAAI,CAAC,MAAM,EAAE,GAAG;AAEpF,MAAM,eAAe,IAAI,IAAoB,eAAe,IAAI,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;AAE/E,SAAS,kBAAkB,OAA0C;AAC1E,SAAO,OAAO,UAAU,YAAY,aAAa,IAAI,KAAK;AAC5D;AAMA,SAAS,WAAW,OAAuB;AACzC,MAAI,OAAO;AACX,WAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK,GAAG;AACxC,YAAS,QAAQ,KAAK,OAAO,MAAM,WAAW,CAAC,IAAK;AAAA,EACtD;AACA,SAAO,KAAK,IAAI,IAAI;AACtB;AAMO,SAAS,kBAAkB,MAAwE;AACxG,QAAM,QAAQ,QAAQ,IAAI,KAAK,EAAE,YAAY;AAC7C,QAAM,QAAQ,KAAK,WAAW,IAAI,IAAI,WAAW,IAAI,IAAI,eAAe;AACxE,SAAO,eAAe,KAAK;AAC7B;AAMO,SAAS,uBACd,aACA,MACQ;AACR,MAAI,kBAAkB,WAAW,EAAG,QAAO,aAAa,IAAI,WAAW;AACvE,SAAO,kBAAkB,IAAI,EAAE;AACjC;",
+  "names": []
+}

package/dist/modules/staff/migrations/Migration20260326135612.js

@@ -0,0 +1,24 @@
+import { Migration } from "@mikro-orm/migrations";
+class Migration20260326135612 extends Migration {
+  async up() {
+    this.addSql(`create table "staff_time_entries" ("id" uuid not null default gen_random_uuid(), "tenant_id" uuid not null, "organization_id" uuid not null, "staff_member_id" uuid not null, "date" date not null, "duration_minutes" int not null default 0, "started_at" timestamptz null, "ended_at" timestamptz null, "notes" text null, "time_project_id" uuid null, "customer_id" uuid null, "deal_id" uuid null, "order_id" uuid null, "source" text check ("source" in ('manual', 'timer', 'kiosk', 'mobile')) not null default 'manual', "created_at" timestamptz not null, "updated_at" timestamptz not null, "deleted_at" timestamptz null, constraint "staff_time_entries_pkey" primary key ("id"));`);
+    this.addSql(`create index "staff_time_entries_project_date_idx" on "staff_time_entries" ("organization_id", "time_project_id", "date");`);
+    this.addSql(`create index "staff_time_entries_member_date_idx" on "staff_time_entries" ("organization_id", "staff_member_id", "date");`);
+    this.addSql(`create index "staff_time_entries_tenant_org_idx" on "staff_time_entries" ("tenant_id", "organization_id");`);
+    this.addSql(`create table "staff_time_entry_segments" ("id" uuid not null default gen_random_uuid(), "tenant_id" uuid not null, "organization_id" uuid not null, "time_entry_id" uuid not null, "started_at" timestamptz not null, "ended_at" timestamptz null, "segment_type" text check ("segment_type" in ('work', 'break')) not null default 'work', "created_at" timestamptz not null, "updated_at" timestamptz not null, "deleted_at" timestamptz null, constraint "staff_time_entry_segments_pkey" primary key ("id"));`);
+    this.addSql(`create index "staff_time_entry_segments_entry_idx" on "staff_time_entry_segments" ("time_entry_id");`);
+    this.addSql(`create index "staff_time_entry_segments_tenant_org_idx" on "staff_time_entry_segments" ("tenant_id", "organization_id");`);
+    this.addSql(`create table "staff_time_projects" ("id" uuid not null default gen_random_uuid(), "tenant_id" uuid not null, "organization_id" uuid not null, "name" text not null, "customer_id" uuid null, "code" text not null, "description" text null, "project_type" text null, "status" text check ("status" in ('active', 'on_hold', 'completed')) not null default 'active', "owner_user_id" uuid null, "cost_center" text null, "start_date" date null, "created_at" timestamptz not null, "updated_at" timestamptz not null, "deleted_at" timestamptz null, constraint "staff_time_projects_pkey" primary key ("id"));`);
+    this.addSql(`create index "staff_time_projects_code_unique_idx" on "staff_time_projects" ("organization_id", "tenant_id", "code");`);
+    this.addSql(`create index "staff_time_projects_tenant_org_idx" on "staff_time_projects" ("tenant_id", "organization_id");`);
+    this.addSql(`create table "staff_time_project_members" ("id" uuid not null default gen_random_uuid(), "tenant_id" uuid not null, "organization_id" uuid not null, "time_project_id" uuid not null, "staff_member_id" uuid not null, "role" text null, "status" text check ("status" in ('active', 'inactive')) not null default 'active', "assigned_start_date" date not null, "assigned_end_date" date null, "created_at" timestamptz not null, "updated_at" timestamptz not null, "deleted_at" timestamptz null, constraint "staff_time_project_members_pkey" primary key ("id"));`);
+    this.addSql(`create index "staff_time_project_members_unique_idx" on "staff_time_project_members" ("organization_id", "tenant_id", "time_project_id", "staff_member_id");`);
+    this.addSql(`create index "staff_time_project_members_member_idx" on "staff_time_project_members" ("organization_id", "staff_member_id");`);
+    this.addSql(`create index "staff_time_project_members_project_idx" on "staff_time_project_members" ("organization_id", "time_project_id");`);
+    this.addSql(`create index "staff_time_project_members_tenant_org_idx" on "staff_time_project_members" ("tenant_id", "organization_id");`);
+  }
+}
+export {
+  Migration20260326135612
+};
+//# sourceMappingURL=Migration20260326135612.js.map

package/dist/modules/staff/migrations/Migration20260326135612.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/staff/migrations/Migration20260326135612.ts"],
+  "sourcesContent": ["import { Migration } from '@mikro-orm/migrations';\n\nexport class Migration20260326135612 extends Migration {\n\n  override async up(): Promise<void> {\n    this.addSql(`create table \"staff_time_entries\" (\"id\" uuid not null default gen_random_uuid(), \"tenant_id\" uuid not null, \"organization_id\" uuid not null, \"staff_member_id\" uuid not null, \"date\" date not null, \"duration_minutes\" int not null default 0, \"started_at\" timestamptz null, \"ended_at\" timestamptz null, \"notes\" text null, \"time_project_id\" uuid null, \"customer_id\" uuid null, \"deal_id\" uuid null, \"order_id\" uuid null, \"source\" text check (\"source\" in ('manual', 'timer', 'kiosk', 'mobile')) not null default 'manual', \"created_at\" timestamptz not null, \"updated_at\" timestamptz not null, \"deleted_at\" timestamptz null, constraint \"staff_time_entries_pkey\" primary key (\"id\"));`);\n    this.addSql(`create index \"staff_time_entries_project_date_idx\" on \"staff_time_entries\" (\"organization_id\", \"time_project_id\", \"date\");`);\n    this.addSql(`create index \"staff_time_entries_member_date_idx\" on \"staff_time_entries\" (\"organization_id\", \"staff_member_id\", \"date\");`);\n    this.addSql(`create index \"staff_time_entries_tenant_org_idx\" on \"staff_time_entries\" (\"tenant_id\", \"organization_id\");`);\n\n    this.addSql(`create table \"staff_time_entry_segments\" (\"id\" uuid not null default gen_random_uuid(), \"tenant_id\" uuid not null, \"organization_id\" uuid not null, \"time_entry_id\" uuid not null, \"started_at\" timestamptz not null, \"ended_at\" timestamptz null, \"segment_type\" text check (\"segment_type\" in ('work', 'break')) not null default 'work', \"created_at\" timestamptz not null, \"updated_at\" timestamptz not null, \"deleted_at\" timestamptz null, constraint \"staff_time_entry_segments_pkey\" primary key (\"id\"));`);\n    this.addSql(`create index \"staff_time_entry_segments_entry_idx\" on \"staff_time_entry_segments\" (\"time_entry_id\");`);\n    this.addSql(`create index \"staff_time_entry_segments_tenant_org_idx\" on \"staff_time_entry_segments\" (\"tenant_id\", \"organization_id\");`);\n\n    this.addSql(`create table \"staff_time_projects\" (\"id\" uuid not null default gen_random_uuid(), \"tenant_id\" uuid not null, \"organization_id\" uuid not null, \"name\" text not null, \"customer_id\" uuid null, \"code\" text not null, \"description\" text null, \"project_type\" text null, \"status\" text check (\"status\" in ('active', 'on_hold', 'completed')) not null default 'active', \"owner_user_id\" uuid null, \"cost_center\" text null, \"start_date\" date null, \"created_at\" timestamptz not null, \"updated_at\" timestamptz not null, \"deleted_at\" timestamptz null, constraint \"staff_time_projects_pkey\" primary key (\"id\"));`);\n    this.addSql(`create index \"staff_time_projects_code_unique_idx\" on \"staff_time_projects\" (\"organization_id\", \"tenant_id\", \"code\");`);\n    this.addSql(`create index \"staff_time_projects_tenant_org_idx\" on \"staff_time_projects\" (\"tenant_id\", \"organization_id\");`);\n\n    this.addSql(`create table \"staff_time_project_members\" (\"id\" uuid not null default gen_random_uuid(), \"tenant_id\" uuid not null, \"organization_id\" uuid not null, \"time_project_id\" uuid not null, \"staff_member_id\" uuid not null, \"role\" text null, \"status\" text check (\"status\" in ('active', 'inactive')) not null default 'active', \"assigned_start_date\" date not null, \"assigned_end_date\" date null, \"created_at\" timestamptz not null, \"updated_at\" timestamptz not null, \"deleted_at\" timestamptz null, constraint \"staff_time_project_members_pkey\" primary key (\"id\"));`);\n    this.addSql(`create index \"staff_time_project_members_unique_idx\" on \"staff_time_project_members\" (\"organization_id\", \"tenant_id\", \"time_project_id\", \"staff_member_id\");`);\n    this.addSql(`create index \"staff_time_project_members_member_idx\" on \"staff_time_project_members\" (\"organization_id\", \"staff_member_id\");`);\n    this.addSql(`create index \"staff_time_project_members_project_idx\" on \"staff_time_project_members\" (\"organization_id\", \"time_project_id\");`);\n    this.addSql(`create index \"staff_time_project_members_tenant_org_idx\" on \"staff_time_project_members\" (\"tenant_id\", \"organization_id\");`);\n  }\n\n}\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAEnB,MAAM,gCAAgC,UAAU;AAAA,EAErD,MAAe,KAAoB;AACjC,SAAK,OAAO,mqBAAmqB;AAC/qB,SAAK,OAAO,4HAA4H;AACxI,SAAK,OAAO,2HAA2H;AACvI,SAAK,OAAO,4GAA4G;AAExH,SAAK,OAAO,mfAAmf;AAC/f,SAAK,OAAO,sGAAsG;AAClH,SAAK,OAAO,0HAA0H;AAEtI,SAAK,OAAO,mlBAAmlB;AAC/lB,SAAK,OAAO,uHAAuH;AACnI,SAAK,OAAO,8GAA8G;AAE1H,SAAK,OAAO,yiBAAyiB;AACrjB,SAAK,OAAO,8JAA8J;AAC1K,SAAK,OAAO,8HAA8H;AAC1I,SAAK,OAAO,+HAA+H;AAC3I,SAAK,OAAO,4HAA4H;AAAA,EAC1I;AAEF;",
+  "names": []
+}

package/dist/modules/staff/migrations/Migration20260413102715.js

@@ -0,0 +1,23 @@
+import { Migration } from "@mikro-orm/migrations";
+class Migration20260413102715 extends Migration {
+  async up() {
+    this.addSql(`alter table "staff_time_project_members" add column "show_in_grid" boolean not null default false;`);
+    this.addSql(`
+      update "staff_time_project_members" m
+      set "show_in_grid" = true
+      where exists (
+        select 1 from "staff_time_entries" e
+        where e."time_project_id" = m."time_project_id"
+          and e."staff_member_id" = m."staff_member_id"
+          and e."deleted_at" is null
+      );
+    `);
+  }
+  async down() {
+    this.addSql(`alter table "staff_time_project_members" drop column "show_in_grid";`);
+  }
+}
+export {
+  Migration20260413102715
+};
+//# sourceMappingURL=Migration20260413102715.js.map

package/dist/modules/staff/migrations/Migration20260413102715.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/staff/migrations/Migration20260413102715.ts"],
+  "sourcesContent": ["import { Migration } from '@mikro-orm/migrations';\n\nexport class Migration20260413102715 extends Migration {\n\n  override async up(): Promise<void> {\n    this.addSql(`alter table \"staff_time_project_members\" add column \"show_in_grid\" boolean not null default false;`);\n    // Backfill: preserve grid visibility for memberships that already have time entries,\n    // so existing users don't lose rows the first time the new visibility filter is applied.\n    this.addSql(`\n      update \"staff_time_project_members\" m\n      set \"show_in_grid\" = true\n      where exists (\n        select 1 from \"staff_time_entries\" e\n        where e.\"time_project_id\" = m.\"time_project_id\"\n          and e.\"staff_member_id\" = m.\"staff_member_id\"\n          and e.\"deleted_at\" is null\n      );\n    `);\n  }\n\n  override async down(): Promise<void> {\n    this.addSql(`alter table \"staff_time_project_members\" drop column \"show_in_grid\";`);\n  }\n\n}\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAEnB,MAAM,gCAAgC,UAAU;AAAA,EAErD,MAAe,KAAoB;AACjC,SAAK,OAAO,oGAAoG;AAGhH,SAAK,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KASX;AAAA,EACH;AAAA,EAEA,MAAe,OAAsB;AACnC,SAAK,OAAO,sEAAsE;AAAA,EACpF;AAEF;",
+  "names": []
+}

package/dist/modules/staff/migrations/Migration20260413111602.js

@@ -0,0 +1,13 @@
+import { Migration } from "@mikro-orm/migrations";
+class Migration20260413111602 extends Migration {
+  async up() {
+    this.addSql(`alter table "staff_time_projects" add column "color" varchar(20) null;`);
+  }
+  async down() {
+    this.addSql(`alter table "staff_time_projects" drop column "color";`);
+  }
+}
+export {
+  Migration20260413111602
+};
+//# sourceMappingURL=Migration20260413111602.js.map

package/dist/modules/staff/migrations/Migration20260413111602.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/staff/migrations/Migration20260413111602.ts"],
+  "sourcesContent": ["import { Migration } from '@mikro-orm/migrations';\n\nexport class Migration20260413111602 extends Migration {\n\n  override async up(): Promise<void> {\n    this.addSql(`alter table \"staff_time_projects\" add column \"color\" varchar(20) null;`);\n  }\n\n  override async down(): Promise<void> {\n    this.addSql(`alter table \"staff_time_projects\" drop column \"color\";`);\n  }\n\n}\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAEnB,MAAM,gCAAgC,UAAU;AAAA,EAErD,MAAe,KAAoB;AACjC,SAAK,OAAO,wEAAwE;AAAA,EACtF;AAAA,EAEA,MAAe,OAAsB;AACnC,SAAK,OAAO,wDAAwD;AAAA,EACtE;AAEF;",
+  "names": []
+}

package/dist/modules/staff/migrations/Migration20260511112759.js

@@ -0,0 +1,19 @@
+import { Migration } from "@mikro-orm/migrations";
+class Migration20260511112759 extends Migration {
+  async up() {
+    this.addSql(`drop index if exists "staff_time_projects_code_unique_idx";`);
+    this.addSql(`create unique index "staff_time_projects_code_unique_idx" on "staff_time_projects" ("organization_id", "tenant_id", "code") where "deleted_at" is null;`);
+    this.addSql(`drop index if exists "staff_time_project_members_unique_idx";`);
+    this.addSql(`create unique index "staff_time_project_members_unique_idx" on "staff_time_project_members" ("organization_id", "tenant_id", "time_project_id", "staff_member_id") where "deleted_at" is null;`);
+  }
+  async down() {
+    this.addSql(`drop index if exists "staff_time_project_members_unique_idx";`);
+    this.addSql(`create index "staff_time_project_members_unique_idx" on "staff_time_project_members" ("organization_id", "tenant_id", "time_project_id", "staff_member_id");`);
+    this.addSql(`drop index if exists "staff_time_projects_code_unique_idx";`);
+    this.addSql(`create index "staff_time_projects_code_unique_idx" on "staff_time_projects" ("organization_id", "tenant_id", "code");`);
+  }
+}
+export {
+  Migration20260511112759
+};
+//# sourceMappingURL=Migration20260511112759.js.map

package/dist/modules/staff/migrations/Migration20260511112759.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/staff/migrations/Migration20260511112759.ts"],
+  "sourcesContent": ["import { Migration } from '@mikro-orm/migrations';\n\nexport class Migration20260511112759 extends Migration {\n\n  override async up(): Promise<void> {\n    this.addSql(`drop index if exists \"staff_time_projects_code_unique_idx\";`);\n    this.addSql(`create unique index \"staff_time_projects_code_unique_idx\" on \"staff_time_projects\" (\"organization_id\", \"tenant_id\", \"code\") where \"deleted_at\" is null;`);\n\n    this.addSql(`drop index if exists \"staff_time_project_members_unique_idx\";`);\n    this.addSql(`create unique index \"staff_time_project_members_unique_idx\" on \"staff_time_project_members\" (\"organization_id\", \"tenant_id\", \"time_project_id\", \"staff_member_id\") where \"deleted_at\" is null;`);\n  }\n\n  override async down(): Promise<void> {\n    this.addSql(`drop index if exists \"staff_time_project_members_unique_idx\";`);\n    this.addSql(`create index \"staff_time_project_members_unique_idx\" on \"staff_time_project_members\" (\"organization_id\", \"tenant_id\", \"time_project_id\", \"staff_member_id\");`);\n\n    this.addSql(`drop index if exists \"staff_time_projects_code_unique_idx\";`);\n    this.addSql(`create index \"staff_time_projects_code_unique_idx\" on \"staff_time_projects\" (\"organization_id\", \"tenant_id\", \"code\");`);\n  }\n\n}\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAEnB,MAAM,gCAAgC,UAAU;AAAA,EAErD,MAAe,KAAoB;AACjC,SAAK,OAAO,6DAA6D;AACzE,SAAK,OAAO,yJAAyJ;AAErK,SAAK,OAAO,+DAA+D;AAC3E,SAAK,OAAO,gMAAgM;AAAA,EAC9M;AAAA,EAEA,MAAe,OAAsB;AACnC,SAAK,OAAO,+DAA+D;AAC3E,SAAK,OAAO,8JAA8J;AAE1K,SAAK,OAAO,6DAA6D;AACzE,SAAK,OAAO,uHAAuH;AAAA,EACrI;AAEF;",
+  "names": []
+}