@open-mercato/core 0.7.1-develop.7178.1.ab93fbaf4e → 0.7.1-develop.7180.1.9717fbbb43

package/dist/modules/staff/lib/timesheets-projects/computeProjectFinancials.js

@@ -0,0 +1,81 @@
+import { entryAmount, round2, sumAmounts } from "../time-tracking/cost.js";
+function toNumber(value) {
+  if (value === null || value === void 0) return 0;
+  const parsed = typeof value === "number" ? value : Number(value);
+  return Number.isFinite(parsed) ? parsed : 0;
+}
+function toNullableNumber(value) {
+  if (value === null || value === void 0) return null;
+  const parsed = typeof value === "number" ? value : Number(value);
+  return Number.isFinite(parsed) ? parsed : null;
+}
+function emptyFinancials() {
+  return { totalMinutes: 0, billableMinutes: 0, cost: null };
+}
+function summarizeProjectEntryGroups(groups, hourlyRateByProjectId, projectIds) {
+  const result = /* @__PURE__ */ new Map();
+  for (const id of projectIds) result.set(id, emptyFinancials());
+  const amountsByProject = /* @__PURE__ */ new Map();
+  for (const group of groups) {
+    const bucket = result.get(group.projectId);
+    if (!bucket) continue;
+    bucket.totalMinutes += group.rawMinutes;
+    if (group.isBillable) bucket.billableMinutes += group.rawMinutes;
+    const amount = entryAmount(
+      {
+        isBillable: group.isBillable,
+        roundedMinutes: group.billingMinutes,
+        rateOverrideAmount: group.rateOverrideAmount
+      },
+      { hourlyRate: hourlyRateByProjectId.get(group.projectId) ?? null }
+    );
+    if (amount === null) continue;
+    const amounts = amountsByProject.get(group.projectId) ?? [];
+    amounts.push(round2(amount * group.entryCount));
+    amountsByProject.set(group.projectId, amounts);
+  }
+  for (const [projectId, amounts] of amountsByProject) {
+    const bucket = result.get(projectId);
+    if (!bucket) continue;
+    bucket.cost = sumAmounts(amounts);
+  }
+  return result;
+}
+async function computeProjectFinancials(scope) {
+  if (scope.projectIds.length === 0) return /* @__PURE__ */ new Map();
+  const memberFilter = scope.staffMemberId ? "AND staff_member_id = ?" : "";
+  const projectPlaceholders = scope.projectIds.map(() => "?").join(", ");
+  const params = [scope.organizationId, scope.tenantId, ...scope.projectIds];
+  if (scope.staffMemberId) params.push(scope.staffMemberId);
+  const sql = `
+    SELECT
+      time_project_id AS project_id,
+      is_billable,
+      rate_override_amount,
+      COALESCE(rounded_minutes, duration_minutes) AS billing_minutes,
+      COALESCE(SUM(duration_minutes), 0)::bigint AS raw_minutes,
+      COUNT(*)::bigint AS entry_count
+    FROM staff_time_entries
+    WHERE organization_id = ?
+      AND tenant_id = ?
+      AND time_project_id IN (${projectPlaceholders})
+      AND deleted_at IS NULL
+      ${memberFilter}
+    GROUP BY 1, 2, 3, 4
+  `;
+  const rows = await scope.em.getConnection().execute(sql, params);
+  const groups = rows.map((row) => ({
+    projectId: row.project_id,
+    isBillable: Boolean(row.is_billable),
+    rateOverrideAmount: toNullableNumber(row.rate_override_amount),
+    billingMinutes: toNumber(row.billing_minutes),
+    rawMinutes: toNumber(row.raw_minutes),
+    entryCount: toNumber(row.entry_count)
+  }));
+  return summarizeProjectEntryGroups(groups, scope.hourlyRateByProjectId, scope.projectIds);
+}
+export {
+  computeProjectFinancials,
+  summarizeProjectEntryGroups
+};
+//# sourceMappingURL=computeProjectFinancials.js.map

package/dist/modules/staff/lib/timesheets-projects/computeProjectFinancials.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/staff/lib/timesheets-projects/computeProjectFinancials.ts"],
+  "sourcesContent": ["import type { EntityManager } from '@mikro-orm/postgresql'\nimport { entryAmount, round2, sumAmounts } from '../time-tracking/cost'\n\n/**\n * Per-project hours and cost for the projects list.\n *\n * Cost is derived from the ROUNDED minutes of each entry (spec D-7): the amount is\n * rounded once, at the entry, and every level above is an exact sum of already\n * rounded values. It is therefore not `hours x rate` and may differ from a manual\n * recalculation of the displayed hours (screen 3 note 1).\n *\n * Every value here is scoped to a single project. Projects can be billed in\n * different currencies, so these numbers must never be summed across projects\n * (screen 3 note 2) \u2014 totalling belongs to a report, which is scoped to one\n * customer and therefore one currency.\n */\nexport type ProjectEntryGroup = {\n  projectId: string\n  isBillable: boolean\n  rateOverrideAmount: number | null\n  billingMinutes: number\n  rawMinutes: number\n  entryCount: number\n}\n\nexport type ProjectFinancials = {\n  totalMinutes: number\n  billableMinutes: number\n  cost: number | null\n}\n\nexport type ProjectFinancialsScope = {\n  em: EntityManager\n  tenantId: string\n  organizationId: string\n  projectIds: string[]\n  hourlyRateByProjectId: ReadonlyMap<string, number | null>\n  staffMemberId?: string | null\n}\n\ntype FinancialsRow = {\n  project_id: string\n  is_billable: boolean\n  rate_override_amount: string | number | null\n  billing_minutes: string | number | null\n  raw_minutes: string | number | null\n  entry_count: string | number\n}\n\nfunction toNumber(value: string | number | null | undefined): number {\n  if (value === null || value === undefined) return 0\n  const parsed = typeof value === 'number' ? value : Number(value)\n  return Number.isFinite(parsed) ? parsed : 0\n}\n\nfunction toNullableNumber(value: string | number | null | undefined): number | null {\n  if (value === null || value === undefined) return null\n  const parsed = typeof value === 'number' ? value : Number(value)\n  return Number.isFinite(parsed) ? parsed : null\n}\n\nfunction emptyFinancials(): ProjectFinancials {\n  return { totalMinutes: 0, billableMinutes: 0, cost: null }\n}\n\nexport function summarizeProjectEntryGroups(\n  groups: readonly ProjectEntryGroup[],\n  hourlyRateByProjectId: ReadonlyMap<string, number | null>,\n  projectIds: readonly string[],\n): Map<string, ProjectFinancials> {\n  const result = new Map<string, ProjectFinancials>()\n  for (const id of projectIds) result.set(id, emptyFinancials())\n\n  const amountsByProject = new Map<string, number[]>()\n  for (const group of groups) {\n    const bucket = result.get(group.projectId)\n    if (!bucket) continue\n    bucket.totalMinutes += group.rawMinutes\n    if (group.isBillable) bucket.billableMinutes += group.rawMinutes\n\n    const amount = entryAmount(\n      {\n        isBillable: group.isBillable,\n        roundedMinutes: group.billingMinutes,\n        rateOverrideAmount: group.rateOverrideAmount,\n      },\n      { hourlyRate: hourlyRateByProjectId.get(group.projectId) ?? null },\n    )\n    if (amount === null) continue\n    const amounts = amountsByProject.get(group.projectId) ?? []\n    amounts.push(round2(amount * group.entryCount))\n    amountsByProject.set(group.projectId, amounts)\n  }\n\n  for (const [projectId, amounts] of amountsByProject) {\n    const bucket = result.get(projectId)\n    if (!bucket) continue\n    bucket.cost = sumAmounts(amounts)\n  }\n\n  return result\n}\n\nexport async function computeProjectFinancials(\n  scope: ProjectFinancialsScope,\n): Promise<Map<string, ProjectFinancials>> {\n  if (scope.projectIds.length === 0) return new Map<string, ProjectFinancials>()\n\n  const memberFilter = scope.staffMemberId ? 'AND staff_member_id = ?' : ''\n  const projectPlaceholders = scope.projectIds.map(() => '?').join(', ')\n  const params: unknown[] = [scope.organizationId, scope.tenantId, ...scope.projectIds]\n  if (scope.staffMemberId) params.push(scope.staffMemberId)\n\n  const sql = `\n    SELECT\n      time_project_id AS project_id,\n      is_billable,\n      rate_override_amount,\n      COALESCE(rounded_minutes, duration_minutes) AS billing_minutes,\n      COALESCE(SUM(duration_minutes), 0)::bigint AS raw_minutes,\n      COUNT(*)::bigint AS entry_count\n    FROM staff_time_entries\n    WHERE organization_id = ?\n      AND tenant_id = ?\n      AND time_project_id IN (${projectPlaceholders})\n      AND deleted_at IS NULL\n      ${memberFilter}\n    GROUP BY 1, 2, 3, 4\n  `\n\n  const rows = (await scope.em.getConnection().execute(sql, params)) as FinancialsRow[]\n  const groups: ProjectEntryGroup[] = rows.map((row) => ({\n    projectId: row.project_id,\n    isBillable: Boolean(row.is_billable),\n    rateOverrideAmount: toNullableNumber(row.rate_override_amount),\n    billingMinutes: toNumber(row.billing_minutes),\n    rawMinutes: toNumber(row.raw_minutes),\n    entryCount: toNumber(row.entry_count),\n  }))\n\n  return summarizeProjectEntryGroups(groups, scope.hourlyRateByProjectId, scope.projectIds)\n}\n"],
+  "mappings": "AACA,SAAS,aAAa,QAAQ,kBAAkB;AAgDhD,SAAS,SAAS,OAAmD;AACnE,MAAI,UAAU,QAAQ,UAAU,OAAW,QAAO;AAClD,QAAM,SAAS,OAAO,UAAU,WAAW,QAAQ,OAAO,KAAK;AAC/D,SAAO,OAAO,SAAS,MAAM,IAAI,SAAS;AAC5C;AAEA,SAAS,iBAAiB,OAA0D;AAClF,MAAI,UAAU,QAAQ,UAAU,OAAW,QAAO;AAClD,QAAM,SAAS,OAAO,UAAU,WAAW,QAAQ,OAAO,KAAK;AAC/D,SAAO,OAAO,SAAS,MAAM,IAAI,SAAS;AAC5C;AAEA,SAAS,kBAAqC;AAC5C,SAAO,EAAE,cAAc,GAAG,iBAAiB,GAAG,MAAM,KAAK;AAC3D;AAEO,SAAS,4BACd,QACA,uBACA,YACgC;AAChC,QAAM,SAAS,oBAAI,IAA+B;AAClD,aAAW,MAAM,WAAY,QAAO,IAAI,IAAI,gBAAgB,CAAC;AAE7D,QAAM,mBAAmB,oBAAI,IAAsB;AACnD,aAAW,SAAS,QAAQ;AAC1B,UAAM,SAAS,OAAO,IAAI,MAAM,SAAS;AACzC,QAAI,CAAC,OAAQ;AACb,WAAO,gBAAgB,MAAM;AAC7B,QAAI,MAAM,WAAY,QAAO,mBAAmB,MAAM;AAEtD,UAAM,SAAS;AAAA,MACb;AAAA,QACE,YAAY,MAAM;AAAA,QAClB,gBAAgB,MAAM;AAAA,QACtB,oBAAoB,MAAM;AAAA,MAC5B;AAAA,MACA,EAAE,YAAY,sBAAsB,IAAI,MAAM,SAAS,KAAK,KAAK;AAAA,IACnE;AACA,QAAI,WAAW,KAAM;AACrB,UAAM,UAAU,iBAAiB,IAAI,MAAM,SAAS,KAAK,CAAC;AAC1D,YAAQ,KAAK,OAAO,SAAS,MAAM,UAAU,CAAC;AAC9C,qBAAiB,IAAI,MAAM,WAAW,OAAO;AAAA,EAC/C;AAEA,aAAW,CAAC,WAAW,OAAO,KAAK,kBAAkB;AACnD,UAAM,SAAS,OAAO,IAAI,SAAS;AACnC,QAAI,CAAC,OAAQ;AACb,WAAO,OAAO,WAAW,OAAO;AAAA,EAClC;AAEA,SAAO;AACT;AAEA,eAAsB,yBACpB,OACyC;AACzC,MAAI,MAAM,WAAW,WAAW,EAAG,QAAO,oBAAI,IAA+B;AAE7E,QAAM,eAAe,MAAM,gBAAgB,4BAA4B;AACvE,QAAM,sBAAsB,MAAM,WAAW,IAAI,MAAM,GAAG,EAAE,KAAK,IAAI;AACrE,QAAM,SAAoB,CAAC,MAAM,gBAAgB,MAAM,UAAU,GAAG,MAAM,UAAU;AACpF,MAAI,MAAM,cAAe,QAAO,KAAK,MAAM,aAAa;AAExD,QAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAWkB,mBAAmB;AAAA;AAAA,QAE3C,YAAY;AAAA;AAAA;AAIlB,QAAM,OAAQ,MAAM,MAAM,GAAG,cAAc,EAAE,QAAQ,KAAK,MAAM;AAChE,QAAM,SAA8B,KAAK,IAAI,CAAC,SAAS;AAAA,IACrD,WAAW,IAAI;AAAA,IACf,YAAY,QAAQ,IAAI,WAAW;AAAA,IACnC,oBAAoB,iBAAiB,IAAI,oBAAoB;AAAA,IAC7D,gBAAgB,SAAS,IAAI,eAAe;AAAA,IAC5C,YAAY,SAAS,IAAI,WAAW;AAAA,IACpC,YAAY,SAAS,IAAI,WAAW;AAAA,EACtC,EAAE;AAEF,SAAO,4BAA4B,QAAQ,MAAM,uBAAuB,MAAM,UAAU;AAC1F;",
+  "names": []
+}

package/dist/modules/staff/lib/timesheets-projects/reportSelection.js

@@ -0,0 +1,44 @@
+function resolveReportSelection(projects) {
+  if (projects.length === 0) return { ok: false, reason: "empty", offenders: [] };
+  const withoutCustomer = projects.filter((project) => !project.customerId);
+  if (withoutCustomer.length > 0) {
+    return {
+      ok: false,
+      reason: "missing_customer",
+      offenders: withoutCustomer.map((project) => project.name)
+    };
+  }
+  const customerNameById = /* @__PURE__ */ new Map();
+  for (const project of projects) {
+    if (!project.customerId) continue;
+    if (customerNameById.has(project.customerId)) continue;
+    customerNameById.set(project.customerId, project.customerName ?? project.customerId);
+  }
+  if (customerNameById.size > 1) {
+    return {
+      ok: false,
+      reason: "multiple_customers",
+      offenders: Array.from(customerNameById.values())
+    };
+  }
+  const currencies = Array.from(
+    new Set(
+      projects.map((project) => project.currencyCode).filter((code) => typeof code === "string" && code.length > 0)
+    )
+  );
+  if (currencies.length > 1) {
+    return { ok: false, reason: "multiple_currencies", offenders: currencies };
+  }
+  const [customerId] = Array.from(customerNameById.keys());
+  return {
+    ok: true,
+    customerId,
+    customerName: customerNameById.get(customerId) ?? null,
+    currencyCode: currencies[0] ?? null,
+    projectIds: projects.map((project) => project.id)
+  };
+}
+export {
+  resolveReportSelection
+};
+//# sourceMappingURL=reportSelection.js.map

package/dist/modules/staff/lib/timesheets-projects/reportSelection.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/staff/lib/timesheets-projects/reportSelection.ts"],
+  "sourcesContent": ["export type ReportSelectionProject = {\n  id: string\n  name: string\n  customerId: string | null\n  customerName: string | null\n  currencyCode: string | null\n}\n\nexport type ReportSelectionBlockedReason =\n  | 'empty'\n  | 'missing_customer'\n  | 'multiple_customers'\n  | 'multiple_currencies'\n\nexport type ReportSelection =\n  | {\n      ok: true\n      customerId: string\n      customerName: string | null\n      currencyCode: string | null\n      projectIds: string[]\n    }\n  | {\n      ok: false\n      reason: ReportSelectionBlockedReason\n      offenders: string[]\n    }\n\n/**\n * A customer report covers exactly one customer and exactly one currency\n * (screen 3 note 4, risk R2). The projects list therefore refuses to open a\n * report for a selection that spans customers or currencies, and names the\n * offenders so the user can fix the selection instead of guessing.\n */\nexport function resolveReportSelection(\n  projects: readonly ReportSelectionProject[],\n): ReportSelection {\n  if (projects.length === 0) return { ok: false, reason: 'empty', offenders: [] }\n\n  const withoutCustomer = projects.filter((project) => !project.customerId)\n  if (withoutCustomer.length > 0) {\n    return {\n      ok: false,\n      reason: 'missing_customer',\n      offenders: withoutCustomer.map((project) => project.name),\n    }\n  }\n\n  const customerNameById = new Map<string, string>()\n  for (const project of projects) {\n    if (!project.customerId) continue\n    if (customerNameById.has(project.customerId)) continue\n    customerNameById.set(project.customerId, project.customerName ?? project.customerId)\n  }\n  if (customerNameById.size > 1) {\n    return {\n      ok: false,\n      reason: 'multiple_customers',\n      offenders: Array.from(customerNameById.values()),\n    }\n  }\n\n  const currencies = Array.from(\n    new Set(\n      projects\n        .map((project) => project.currencyCode)\n        .filter((code): code is string => typeof code === 'string' && code.length > 0),\n    ),\n  )\n  if (currencies.length > 1) {\n    return { ok: false, reason: 'multiple_currencies', offenders: currencies }\n  }\n\n  const [customerId] = Array.from(customerNameById.keys())\n  return {\n    ok: true,\n    customerId,\n    customerName: customerNameById.get(customerId) ?? null,\n    currencyCode: currencies[0] ?? null,\n    projectIds: projects.map((project) => project.id),\n  }\n}\n"],
+  "mappings": "AAkCO,SAAS,uBACd,UACiB;AACjB,MAAI,SAAS,WAAW,EAAG,QAAO,EAAE,IAAI,OAAO,QAAQ,SAAS,WAAW,CAAC,EAAE;AAE9E,QAAM,kBAAkB,SAAS,OAAO,CAAC,YAAY,CAAC,QAAQ,UAAU;AACxE,MAAI,gBAAgB,SAAS,GAAG;AAC9B,WAAO;AAAA,MACL,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,WAAW,gBAAgB,IAAI,CAAC,YAAY,QAAQ,IAAI;AAAA,IAC1D;AAAA,EACF;AAEA,QAAM,mBAAmB,oBAAI,IAAoB;AACjD,aAAW,WAAW,UAAU;AAC9B,QAAI,CAAC,QAAQ,WAAY;AACzB,QAAI,iBAAiB,IAAI,QAAQ,UAAU,EAAG;AAC9C,qBAAiB,IAAI,QAAQ,YAAY,QAAQ,gBAAgB,QAAQ,UAAU;AAAA,EACrF;AACA,MAAI,iBAAiB,OAAO,GAAG;AAC7B,WAAO;AAAA,MACL,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,WAAW,MAAM,KAAK,iBAAiB,OAAO,CAAC;AAAA,IACjD;AAAA,EACF;AAEA,QAAM,aAAa,MAAM;AAAA,IACvB,IAAI;AAAA,MACF,SACG,IAAI,CAAC,YAAY,QAAQ,YAAY,EACrC,OAAO,CAAC,SAAyB,OAAO,SAAS,YAAY,KAAK,SAAS,CAAC;AAAA,IACjF;AAAA,EACF;AACA,MAAI,WAAW,SAAS,GAAG;AACzB,WAAO,EAAE,IAAI,OAAO,QAAQ,uBAAuB,WAAW,WAAW;AAAA,EAC3E;AAEA,QAAM,CAAC,UAAU,IAAI,MAAM,KAAK,iBAAiB,KAAK,CAAC;AACvD,SAAO;AAAA,IACL,IAAI;AAAA,IACJ;AAAA,IACA,cAAc,iBAAiB,IAAI,UAAU,KAAK;AAAA,IAClD,cAAc,WAAW,CAAC,KAAK;AAAA,IAC/B,YAAY,SAAS,IAAI,CAAC,YAAY,QAAQ,EAAE;AAAA,EAClD;AACF;",
+  "names": []
+}

package/dist/modules/staff/lib/timesheets-projects-ui/AssignMembersDialog.js

@@ -0,0 +1,169 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@open-mercato/ui/primitives/dialog";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Checkbox } from "@open-mercato/ui/primitives/checkbox";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { ErrorMessage, LoadingMessage } from "@open-mercato/ui/backend/detail";
+import { createLogger } from "@open-mercato/shared/lib/logger";
+const logger = createLogger("staff");
+const SEARCH_DEBOUNCE_MS = 300;
+const CANDIDATE_PAGE_SIZE = 50;
+function toCandidate(item) {
+  const id = typeof item.id === "string" ? item.id : null;
+  if (!id) return null;
+  const displayName = typeof item.display_name === "string" ? item.display_name : typeof item.displayName === "string" ? item.displayName : id;
+  const teamName = typeof item.team?.name === "string" ? item.team.name : null;
+  return { id, name: displayName, subtitle: teamName };
+}
+function todayIso() {
+  return (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+}
+function AssignMembersDialog({
+  open,
+  onOpenChange,
+  labels,
+  isSaving,
+  onConfirm
+}) {
+  const [search, setSearch] = React.useState("");
+  const [candidates, setCandidates] = React.useState([]);
+  const [isLoading, setIsLoading] = React.useState(open);
+  const [loadError, setLoadError] = React.useState(null);
+  const [selectedIds, setSelectedIds] = React.useState([]);
+  const [role, setRole] = React.useState("");
+  const [startDate, setStartDate] = React.useState(todayIso);
+  React.useEffect(() => {
+    if (!open) return;
+    setSearch("");
+    setSelectedIds([]);
+    setRole("");
+    setStartDate(todayIso());
+    setLoadError(null);
+  }, [open]);
+  React.useEffect(() => {
+    if (!open) return;
+    let cancelled = false;
+    setIsLoading(true);
+    const handle = window.setTimeout(() => {
+      const params = new URLSearchParams({
+        pageSize: String(CANDIDATE_PAGE_SIZE),
+        isActive: "true"
+      });
+      if (search.trim()) params.set("search", search.trim());
+      readApiResultOrThrow(
+        `/api/staff/team-members?${params.toString()}`,
+        void 0,
+        { errorMessage: labels.loadError, fallback: { items: [] } }
+      ).then((payload) => {
+        if (cancelled) return;
+        const items = Array.isArray(payload.items) ? payload.items : [];
+        setCandidates(items.map(toCandidate).filter((item) => item !== null));
+        setLoadError(null);
+      }).catch((error) => {
+        if (cancelled) return;
+        logger.error("staff.timesheets.projects.assignMembers.candidates", { err: error });
+        setCandidates([]);
+        setLoadError(labels.loadError);
+      }).finally(() => {
+        if (!cancelled) setIsLoading(false);
+      });
+    }, SEARCH_DEBOUNCE_MS);
+    return () => {
+      cancelled = true;
+      window.clearTimeout(handle);
+    };
+  }, [open, search, labels.loadError]);
+  const toggleCandidate = React.useCallback((id, checked) => {
+    setSelectedIds((prev) => checked ? Array.from(/* @__PURE__ */ new Set([...prev, id])) : prev.filter((value) => value !== id));
+  }, []);
+  const canSubmit = selectedIds.length > 0 && startDate.length > 0 && !isSaving;
+  const submit = React.useCallback(() => {
+    if (selectedIds.length === 0 || !startDate) return;
+    onConfirm({ staffMemberIds: selectedIds, role: role.trim() || null, assignedStartDate: startDate });
+  }, [onConfirm, role, selectedIds, startDate]);
+  const handleKeyDown = React.useCallback(
+    (event) => {
+      if (event.key === "Enter" && (event.metaKey || event.ctrlKey)) {
+        event.preventDefault();
+        if (canSubmit) submit();
+      }
+    },
+    [canSubmit, submit]
+  );
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", onKeyDown: handleKeyDown, children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: labels.title }) }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4 pt-2", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: labels.description }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: search,
+          onChange: (event) => setSearch(event.target.value),
+          placeholder: labels.searchPlaceholder,
+          "aria-label": labels.searchPlaceholder
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "max-h-64 space-y-1 overflow-y-auto rounded-md border border-border p-1", children: isLoading ? /* @__PURE__ */ jsx(LoadingMessage, { label: labels.loading }) : loadError ? /* @__PURE__ */ jsx(ErrorMessage, { label: loadError }) : candidates.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-2 py-3 text-sm text-muted-foreground", children: labels.empty }) : candidates.map((candidate) => /* @__PURE__ */ jsxs(
+        "label",
+        {
+          className: "flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 hover:bg-muted/50",
+          children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: selectedIds.includes(candidate.id),
+                onCheckedChange: (checked) => toggleCandidate(candidate.id, Boolean(checked))
+              }
+            ),
+            /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-col", children: [
+              /* @__PURE__ */ jsx("span", { className: "truncate text-sm text-foreground", children: candidate.name }),
+              candidate.subtitle ? /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: candidate.subtitle }) : null
+            ] })
+          ]
+        },
+        candidate.id
+      )) }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", htmlFor: "assign-members-role", children: labels.role }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "assign-members-role",
+            value: role,
+            onChange: (event) => setRole(event.target.value),
+            placeholder: labels.rolePlaceholder
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", htmlFor: "assign-members-start-date", children: labels.startDate }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "assign-members-start-date",
+            type: "date",
+            value: startDate,
+            onChange: (event) => setStartDate(event.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: labels.cancel }),
+        /* @__PURE__ */ jsxs(Button, { type: "button", disabled: !canSubmit, onClick: submit, children: [
+          isSaving ? /* @__PURE__ */ jsx(Spinner, { className: "size-4" }) : null,
+          labels.confirm
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+var AssignMembersDialog_default = AssignMembersDialog;
+export {
+  AssignMembersDialog,
+  AssignMembersDialog_default as default
+};
+//# sourceMappingURL=AssignMembersDialog.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/staff/lib/timesheets-projects-ui/AssignMembersDialog.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Checkbox } from '@open-mercato/ui/primitives/checkbox'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { ErrorMessage, LoadingMessage } from '@open-mercato/ui/backend/detail'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('staff')\n\nconst SEARCH_DEBOUNCE_MS = 300\nconst CANDIDATE_PAGE_SIZE = 50\n\nexport type AssignMembersSubmitInput = {\n  staffMemberIds: string[]\n  role: string | null\n  assignedStartDate: string\n}\n\nexport type AssignMembersDialogLabels = {\n  title: string\n  description: string\n  searchPlaceholder: string\n  empty: string\n  loadError: string\n  loading: string\n  role: string\n  rolePlaceholder: string\n  startDate: string\n  cancel: string\n  confirm: string\n}\n\nexport type AssignMembersDialogProps = {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  labels: AssignMembersDialogLabels\n  isSaving: boolean\n  onConfirm: (input: AssignMembersSubmitInput) => void\n}\n\ntype StaffMemberItem = {\n  id?: unknown\n  display_name?: unknown\n  displayName?: unknown\n  team?: { name?: unknown } | null\n}\n\ntype StaffMembersResponse = { items?: StaffMemberItem[] }\n\ntype Candidate = { id: string; name: string; subtitle: string | null }\n\nfunction toCandidate(item: StaffMemberItem): Candidate | null {\n  const id = typeof item.id === 'string' ? item.id : null\n  if (!id) return null\n  const displayName =\n    typeof item.display_name === 'string'\n      ? item.display_name\n      : typeof item.displayName === 'string'\n        ? item.displayName\n        : id\n  const teamName = typeof item.team?.name === 'string' ? item.team.name : null\n  return { id, name: displayName, subtitle: teamName }\n}\n\nfunction todayIso(): string {\n  return new Date().toISOString().slice(0, 10)\n}\n\nexport function AssignMembersDialog({\n  open,\n  onOpenChange,\n  labels,\n  isSaving,\n  onConfirm,\n}: AssignMembersDialogProps) {\n  const [search, setSearch] = React.useState('')\n  const [candidates, setCandidates] = React.useState<Candidate[]>([])\n  // The candidate list is fetched behind a debounce, so the dialog would render\n  // its \"no results\" copy for the whole debounce window before the first request\n  // even leaves. Seed the loading state from `open` instead.\n  const [isLoading, setIsLoading] = React.useState(open)\n  const [loadError, setLoadError] = React.useState<string | null>(null)\n  const [selectedIds, setSelectedIds] = React.useState<string[]>([])\n  const [role, setRole] = React.useState('')\n  const [startDate, setStartDate] = React.useState(todayIso)\n\n  React.useEffect(() => {\n    if (!open) return\n    setSearch('')\n    setSelectedIds([])\n    setRole('')\n    setStartDate(todayIso())\n    setLoadError(null)\n  }, [open])\n\n  React.useEffect(() => {\n    if (!open) return\n    let cancelled = false\n    setIsLoading(true)\n    const handle = window.setTimeout(() => {\n      const params = new URLSearchParams({\n        pageSize: String(CANDIDATE_PAGE_SIZE),\n        isActive: 'true',\n      })\n      if (search.trim()) params.set('search', search.trim())\n      readApiResultOrThrow<StaffMembersResponse>(\n        `/api/staff/team-members?${params.toString()}`,\n        undefined,\n        { errorMessage: labels.loadError, fallback: { items: [] } },\n      )\n        .then((payload) => {\n          if (cancelled) return\n          const items = Array.isArray(payload.items) ? payload.items : []\n          setCandidates(items.map(toCandidate).filter((item): item is Candidate => item !== null))\n          setLoadError(null)\n        })\n        .catch((error: unknown) => {\n          if (cancelled) return\n          logger.error('staff.timesheets.projects.assignMembers.candidates', { err: error })\n          setCandidates([])\n          setLoadError(labels.loadError)\n        })\n        .finally(() => {\n          if (!cancelled) setIsLoading(false)\n        })\n    }, SEARCH_DEBOUNCE_MS)\n    return () => {\n      cancelled = true\n      window.clearTimeout(handle)\n    }\n  }, [open, search, labels.loadError])\n\n  const toggleCandidate = React.useCallback((id: string, checked: boolean) => {\n    setSelectedIds((prev) => (checked ? Array.from(new Set([...prev, id])) : prev.filter((value) => value !== id)))\n  }, [])\n\n  const canSubmit = selectedIds.length > 0 && startDate.length > 0 && !isSaving\n\n  const submit = React.useCallback(() => {\n    if (selectedIds.length === 0 || !startDate) return\n    onConfirm({ staffMemberIds: selectedIds, role: role.trim() || null, assignedStartDate: startDate })\n  }, [onConfirm, role, selectedIds, startDate])\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) {\n        event.preventDefault()\n        if (canSubmit) submit()\n      }\n    },\n    [canSubmit, submit],\n  )\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"sm:max-w-md\" onKeyDown={handleKeyDown}>\n        <DialogHeader>\n          <DialogTitle>{labels.title}</DialogTitle>\n        </DialogHeader>\n        <div className=\"space-y-4 pt-2\">\n          <p className=\"text-sm text-muted-foreground\">{labels.description}</p>\n          <Input\n            value={search}\n            onChange={(event) => setSearch(event.target.value)}\n            placeholder={labels.searchPlaceholder}\n            aria-label={labels.searchPlaceholder}\n          />\n          <div className=\"max-h-64 space-y-1 overflow-y-auto rounded-md border border-border p-1\">\n            {isLoading ? (\n              <LoadingMessage label={labels.loading} />\n            ) : loadError ? (\n              <ErrorMessage label={loadError} />\n            ) : candidates.length === 0 ? (\n              <p className=\"px-2 py-3 text-sm text-muted-foreground\">{labels.empty}</p>\n            ) : (\n              candidates.map((candidate) => (\n                <label\n                  key={candidate.id}\n                  className=\"flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 hover:bg-muted/50\"\n                >\n                  <Checkbox\n                    checked={selectedIds.includes(candidate.id)}\n                    onCheckedChange={(checked) => toggleCandidate(candidate.id, Boolean(checked))}\n                  />\n                  <span className=\"flex min-w-0 flex-col\">\n                    <span className=\"truncate text-sm text-foreground\">{candidate.name}</span>\n                    {candidate.subtitle ? (\n                      <span className=\"truncate text-xs text-muted-foreground\">{candidate.subtitle}</span>\n                    ) : null}\n                  </span>\n                </label>\n              ))\n            )}\n          </div>\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\" htmlFor=\"assign-members-role\">\n              {labels.role}\n            </label>\n            <Input\n              id=\"assign-members-role\"\n              value={role}\n              onChange={(event) => setRole(event.target.value)}\n              placeholder={labels.rolePlaceholder}\n            />\n          </div>\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\" htmlFor=\"assign-members-start-date\">\n              {labels.startDate}\n            </label>\n            <Input\n              id=\"assign-members-start-date\"\n              type=\"date\"\n              value={startDate}\n              onChange={(event) => setStartDate(event.target.value)}\n            />\n          </div>\n          <div className=\"flex justify-end gap-2 pt-2\">\n            <Button type=\"button\" variant=\"outline\" onClick={() => onOpenChange(false)}>\n              {labels.cancel}\n            </Button>\n            <Button type=\"button\" disabled={!canSubmit} onClick={submit}>\n              {isSaving ? <Spinner className=\"size-4\" /> : null}\n              {labels.confirm}\n            </Button>\n          </div>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nexport default AssignMembersDialog\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/staff/lib/timesheets-projects-ui/ProjectBudgetCell.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Progress } from "@open-mercato/ui/primitives/progress";
+import { StatusBadge } from "@open-mercato/ui/primitives/status-badge";
+function ProjectBudgetCell({ burn, usageLabel, noBudgetLabel, ariaLabel }) {
+  if (!burn) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "\u2014" }),
+      /* @__PURE__ */ jsx(StatusBadge, { variant: "neutral", children: noBudgetLabel })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "min-w-36 space-y-1", children: [
+    /* @__PURE__ */ jsx(Progress, { value: burn.barPercent, size: "sm", tone: burn.tone, "aria-label": ariaLabel }),
+    /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: usageLabel })
+  ] });
+}
+var ProjectBudgetCell_default = ProjectBudgetCell;
+export {
+  ProjectBudgetCell,
+  ProjectBudgetCell_default as default
+};
+//# sourceMappingURL=ProjectBudgetCell.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/staff/lib/timesheets-projects-ui/ProjectBudgetCell.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Progress } from '@open-mercato/ui/primitives/progress'\nimport { StatusBadge } from '@open-mercato/ui/primitives/status-badge'\nimport type { ProjectBudgetBurn } from '../timesheets-projects/budgetBurn'\n\nexport type ProjectBudgetCellProps = {\n  burn: ProjectBudgetBurn | null\n  usageLabel: string | null\n  noBudgetLabel: string\n  ariaLabel: string\n}\n\nexport function ProjectBudgetCell({ burn, usageLabel, noBudgetLabel, ariaLabel }: ProjectBudgetCellProps) {\n  if (!burn) {\n    return (\n      <div className=\"flex items-center gap-2\">\n        <span className=\"text-xs text-muted-foreground\">\u2014</span>\n        <StatusBadge variant=\"neutral\">{noBudgetLabel}</StatusBadge>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"min-w-36 space-y-1\">\n      <Progress value={burn.barPercent} size=\"sm\" tone={burn.tone} aria-label={ariaLabel} />\n      <span className=\"block text-xs text-muted-foreground\">{usageLabel}</span>\n    </div>\n  )\n}\n\nexport default ProjectBudgetCell\n"],
+  "mappings": ";AAiBM,SACE,KADF;AAdN,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAUrB,SAAS,kBAAkB,EAAE,MAAM,YAAY,eAAe,UAAU,GAA2B;AACxG,MAAI,CAAC,MAAM;AACT,WACE,qBAAC,SAAI,WAAU,2BACb;AAAA,0BAAC,UAAK,WAAU,iCAAgC,oBAAC;AAAA,MACjD,oBAAC,eAAY,SAAQ,WAAW,yBAAc;AAAA,OAChD;AAAA,EAEJ;AAEA,SACE,qBAAC,SAAI,WAAU,sBACb;AAAA,wBAAC,YAAS,OAAO,KAAK,YAAY,MAAK,MAAK,MAAM,KAAK,MAAM,cAAY,WAAW;AAAA,IACpF,oBAAC,UAAK,WAAU,uCAAuC,sBAAW;AAAA,KACpE;AAEJ;AAEA,IAAO,4BAAQ;",
+  "names": []
+}

package/dist/modules/staff/lib/timesheets-projects-ui/ProjectCard.js

@@ -1,5 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { z } from "zod";
+import { registerComponent } from "@open-mercato/shared/modules/widgets/component-registry";
+import { useRegisteredComponent } from "@open-mercato/ui/backend/injection/useRegisteredComponent";
+import { extensionPoints } from "@open-mercato/core/modules/staff/extension-points";
+import { callbackProp, opaqueProp } from "../time-tracking/componentContracts.js";
 import Link from "next/link";
 import { ProjectColorDot } from "../timesheets-ui/ProjectColorDot.js";
 import { resolveProjectColorHex } from "../timesheets-ui/colors.js";
@@ -10,7 +15,7 @@ const STATUS_BADGE_CLASSES = {
   on_hold: "bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300",
   completed: "bg-muted text-muted-foreground"
 };
-function ProjectCard({ data, labels, showTeam, href }) {
+function DefaultProjectCard({ data, labels, showTeam, href }) {
   const badgeClass = STATUS_BADGE_CLASSES[data.status] ?? "bg-muted text-muted-foreground";
   const statusLabel = labels.statuses[data.status] ?? data.status;
   const stripeColor = resolveProjectColorHex(data.color, data.name);
@@ -75,6 +80,51 @@ function ProjectCard({ data, labels, showTeam, href }) {
     }
   );
 }
+const projectCardDataSchema = z.object({
+  id: z.string(),
+  name: z.string(),
+  code: z.string().nullable(),
+  customerName: z.string().nullable(),
+  color: z.string().nullable(),
+  status: z.string(),
+  hoursWeek: z.number(),
+  hoursTrend: z.array(z.number()),
+  members: z.array(opaqueProp()),
+  memberCount: z.number(),
+  myRole: z.string().nullable(),
+  updatedAt: z.string().nullable()
+});
+const projectCardLabelsSchema = z.object({
+  hoursPanelPm: z.string(),
+  hoursPanelCollab: z.string(),
+  sparklineAria: z.string(),
+  peopleCount: callbackProp(),
+  role: z.string(),
+  noCustomer: z.string(),
+  statuses: z.record(z.string(), z.string())
+});
+const projectCardPropsSchema = z.object({
+  data: projectCardDataSchema,
+  labels: projectCardLabelsSchema,
+  showTeam: z.boolean(),
+  href: z.string()
+});
+registerComponent({
+  id: extensionPoints.hosts.projectCardComponent.componentId,
+  component: DefaultProjectCard,
+  metadata: {
+    module: "staff",
+    description: "Project card of the time-tracking projects gallery view.",
+    propsSchema: projectCardPropsSchema
+  }
+});
+function ProjectCard(props) {
+  const Resolved = useRegisteredComponent(
+    extensionPoints.hosts.projectCardComponent.componentId,
+    DefaultProjectCard
+  );
+  return /* @__PURE__ */ jsx(Resolved, { ...props });
+}
 export {
   ProjectCard
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/staff/lib/timesheets-projects-ui/ProjectCard.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { ProjectColorDot } from '../timesheets-ui/ProjectColorDot'\nimport { resolveProjectColorHex } from '../timesheets-ui/colors'\nimport { HoursSparkline } from './HoursSparkline'\nimport { ProjectMembersAvatarStack, type AvatarMember } from './ProjectMembersAvatarStack'\n\nexport type ProjectCardData = {\n  id: string\n  name: string\n  code: string | null\n  customerName: string | null\n  color: string | null\n  status: string\n  hoursWeek: number\n  hoursTrend: number[]\n  members: AvatarMember[]\n  memberCount: number\n  myRole: string | null\n  updatedAt: string | null\n}\n\nexport type ProjectCardLabels = {\n  hoursPanelPm: string\n  hoursPanelCollab: string\n  sparklineAria: string\n  peopleCount: (count: number) => string\n  role: string\n  noCustomer: string\n  statuses: Record<string, string>\n}\n\nexport type ProjectCardProps = {\n  data: ProjectCardData\n  labels: ProjectCardLabels\n  showTeam: boolean\n  href: string\n}\n\nconst STATUS_BADGE_CLASSES: Record<string, string> = {\n  active: 'bg-lime-100 text-lime-800 dark:bg-lime-900/30 dark:text-lime-300',\n  on_hold: 'bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300',\n  completed: 'bg-muted text-muted-foreground',\n}\n\nexport function ProjectCard({ data, labels, showTeam, href }: ProjectCardProps) {\n  const badgeClass = STATUS_BADGE_CLASSES[data.status] ?? 'bg-muted text-muted-foreground'\n  const statusLabel = labels.statuses[data.status] ?? data.status\n  const stripeColor = resolveProjectColorHex(data.color, data.name)\n  const hoursPanelLabel = showTeam ? labels.hoursPanelPm : labels.hoursPanelCollab\n\n  return (\n    <Link\n      href={href}\n      className=\"group relative flex flex-col overflow-hidden rounded-lg border border-border bg-card transition-colors hover:border-foreground/30\"\n    >\n      <div className=\"h-[3px] w-full\" style={{ backgroundColor: stripeColor }} aria-hidden=\"true\" />\n      <div className=\"flex flex-1 flex-col gap-3 p-4\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <span\n            className={`inline-flex items-center rounded-full px-2 py-0.5 text-[11px] font-medium ${badgeClass}`}\n          >\n            {statusLabel}\n          </span>\n          <ProjectColorDot colorKey={data.color} projectName={data.name} size=\"sm\" />\n        </div>\n        <div className=\"flex flex-col gap-0.5\">\n          <h3 className=\"truncate text-sm font-semibold text-foreground\" title={data.name}>\n            {data.name}\n          </h3>\n          <p className=\"truncate font-mono text-[11px] text-muted-foreground\">\n            {data.code ?? '\u2014'}\n            {data.customerName ? ` \u00B7 ${data.customerName}` : ''}\n          </p>\n        </div>\n        <div className=\"rounded-md border border-border/50 bg-muted/40 p-3\">\n          <p className=\"text-[10px] uppercase tracking-wide text-muted-foreground\">{hoursPanelLabel}</p>\n          <div className=\"mt-1 flex items-end justify-between gap-3\">\n            <p className=\"text-xl font-semibold tabular-nums text-foreground\">\n              {data.hoursWeek > 0 ? `${data.hoursWeek}h` : '\u2014'}\n            </p>\n            <HoursSparkline\n              values={data.hoursTrend}\n              color={stripeColor}\n              width={80}\n              height={26}\n              ariaLabel={labels.sparklineAria}\n            />\n          </div>\n        </div>\n        <div className=\"mt-auto flex items-center justify-between pt-1\">\n          {showTeam ? (\n            <ProjectMembersAvatarStack\n              members={data.members}\n              total={data.memberCount}\n              peopleCountLabel={labels.peopleCount(data.memberCount)}\n            />\n          ) : (\n            <p className=\"text-xs text-muted-foreground\">\n              <span className=\"text-muted-foreground/70\">{labels.role}: </span>\n              {data.myRole ?? '\u2014'}\n            </p>\n          )}\n        </div>\n      </div>\n    </Link>\n  )\n}\n"],
-  "mappings": ";AA0DM,cAEE,YAFF;AAvDN,OAAO,UAAU;AACjB,SAAS,uBAAuB;AAChC,SAAS,8BAA8B;AACvC,SAAS,sBAAsB;AAC/B,SAAS,iCAAoD;AAkC7D,MAAM,uBAA+C;AAAA,EACnD,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW;AACb;AAEO,SAAS,YAAY,EAAE,MAAM,QAAQ,UAAU,KAAK,GAAqB;AAC9E,QAAM,aAAa,qBAAqB,KAAK,MAAM,KAAK;AACxD,QAAM,cAAc,OAAO,SAAS,KAAK,MAAM,KAAK,KAAK;AACzD,QAAM,cAAc,uBAAuB,KAAK,OAAO,KAAK,IAAI;AAChE,QAAM,kBAAkB,WAAW,OAAO,eAAe,OAAO;AAEhE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAU;AAAA,MAEV;AAAA,4BAAC,SAAI,WAAU,kBAAiB,OAAO,EAAE,iBAAiB,YAAY,GAAG,eAAY,QAAO;AAAA,QAC5F,qBAAC,SAAI,WAAU,kCACb;AAAA,+BAAC,SAAI,WAAU,2CACb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,6EAA6E,UAAU;AAAA,gBAEjG;AAAA;AAAA,YACH;AAAA,YACA,oBAAC,mBAAgB,UAAU,KAAK,OAAO,aAAa,KAAK,MAAM,MAAK,MAAK;AAAA,aAC3E;AAAA,UACA,qBAAC,SAAI,WAAU,yBACb;AAAA,gCAAC,QAAG,WAAU,kDAAiD,OAAO,KAAK,MACxE,eAAK,MACR;AAAA,YACA,qBAAC,OAAE,WAAU,wDACV;AAAA,mBAAK,QAAQ;AAAA,cACb,KAAK,eAAe,SAAM,KAAK,YAAY,KAAK;AAAA,eACnD;AAAA,aACF;AAAA,UACA,qBAAC,SAAI,WAAU,sDACb;AAAA,gCAAC,OAAE,WAAU,6DAA6D,2BAAgB;AAAA,YAC1F,qBAAC,SAAI,WAAU,6CACb;AAAA,kCAAC,OAAE,WAAU,sDACV,eAAK,YAAY,IAAI,GAAG,KAAK,SAAS,MAAM,UAC/C;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,QAAQ,KAAK;AAAA,kBACb,OAAO;AAAA,kBACP,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,WAAW,OAAO;AAAA;AAAA,cACpB;AAAA,eACF;AAAA,aACF;AAAA,UACA,oBAAC,SAAI,WAAU,kDACZ,qBACC;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,KAAK;AAAA,cACd,OAAO,KAAK;AAAA,cACZ,kBAAkB,OAAO,YAAY,KAAK,WAAW;AAAA;AAAA,UACvD,IAEA,qBAAC,OAAE,WAAU,iCACX;AAAA,iCAAC,UAAK,WAAU,4BAA4B;AAAA,qBAAO;AAAA,cAAK;AAAA,eAAE;AAAA,YACzD,KAAK,UAAU;AAAA,aAClB,GAEJ;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { z } from 'zod'\nimport { registerComponent } from '@open-mercato/shared/modules/widgets/component-registry'\nimport { useRegisteredComponent } from '@open-mercato/ui/backend/injection/useRegisteredComponent'\nimport { extensionPoints } from '@open-mercato/core/modules/staff/extension-points'\nimport { callbackProp, opaqueProp } from '../time-tracking/componentContracts'\nimport Link from 'next/link'\nimport { ProjectColorDot } from '../timesheets-ui/ProjectColorDot'\nimport { resolveProjectColorHex } from '../timesheets-ui/colors'\nimport { HoursSparkline } from './HoursSparkline'\nimport { ProjectMembersAvatarStack, type AvatarMember } from './ProjectMembersAvatarStack'\n\nexport type ProjectCardData = {\n  id: string\n  name: string\n  code: string | null\n  customerName: string | null\n  color: string | null\n  status: string\n  hoursWeek: number\n  hoursTrend: number[]\n  members: AvatarMember[]\n  memberCount: number\n  myRole: string | null\n  updatedAt: string | null\n}\n\nexport type ProjectCardLabels = {\n  hoursPanelPm: string\n  hoursPanelCollab: string\n  sparklineAria: string\n  peopleCount: (count: number) => string\n  role: string\n  noCustomer: string\n  statuses: Record<string, string>\n}\n\nexport type ProjectCardProps = {\n  data: ProjectCardData\n  labels: ProjectCardLabels\n  showTeam: boolean\n  href: string\n}\n\nconst STATUS_BADGE_CLASSES: Record<string, string> = {\n  active: 'bg-lime-100 text-lime-800 dark:bg-lime-900/30 dark:text-lime-300',\n  on_hold: 'bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300',\n  completed: 'bg-muted text-muted-foreground',\n}\n\nfunction DefaultProjectCard({ data, labels, showTeam, href }: ProjectCardProps) {\n  const badgeClass = STATUS_BADGE_CLASSES[data.status] ?? 'bg-muted text-muted-foreground'\n  const statusLabel = labels.statuses[data.status] ?? data.status\n  const stripeColor = resolveProjectColorHex(data.color, data.name)\n  const hoursPanelLabel = showTeam ? labels.hoursPanelPm : labels.hoursPanelCollab\n\n  return (\n    <Link\n      href={href}\n      className=\"group relative flex flex-col overflow-hidden rounded-lg border border-border bg-card transition-colors hover:border-foreground/30\"\n    >\n      <div className=\"h-[3px] w-full\" style={{ backgroundColor: stripeColor }} aria-hidden=\"true\" />\n      <div className=\"flex flex-1 flex-col gap-3 p-4\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <span\n            className={`inline-flex items-center rounded-full px-2 py-0.5 text-[11px] font-medium ${badgeClass}`}\n          >\n            {statusLabel}\n          </span>\n          <ProjectColorDot colorKey={data.color} projectName={data.name} size=\"sm\" />\n        </div>\n        <div className=\"flex flex-col gap-0.5\">\n          <h3 className=\"truncate text-sm font-semibold text-foreground\" title={data.name}>\n            {data.name}\n          </h3>\n          <p className=\"truncate font-mono text-[11px] text-muted-foreground\">\n            {data.code ?? '\u2014'}\n            {data.customerName ? ` \u00B7 ${data.customerName}` : ''}\n          </p>\n        </div>\n        <div className=\"rounded-md border border-border/50 bg-muted/40 p-3\">\n          <p className=\"text-[10px] uppercase tracking-wide text-muted-foreground\">{hoursPanelLabel}</p>\n          <div className=\"mt-1 flex items-end justify-between gap-3\">\n            <p className=\"text-xl font-semibold tabular-nums text-foreground\">\n              {data.hoursWeek > 0 ? `${data.hoursWeek}h` : '\u2014'}\n            </p>\n            <HoursSparkline\n              values={data.hoursTrend}\n              color={stripeColor}\n              width={80}\n              height={26}\n              ariaLabel={labels.sparklineAria}\n            />\n          </div>\n        </div>\n        <div className=\"mt-auto flex items-center justify-between pt-1\">\n          {showTeam ? (\n            <ProjectMembersAvatarStack\n              members={data.members}\n              total={data.memberCount}\n              peopleCountLabel={labels.peopleCount(data.memberCount)}\n            />\n          ) : (\n            <p className=\"text-xs text-muted-foreground\">\n              <span className=\"text-muted-foreground/70\">{labels.role}: </span>\n              {data.myRole ?? '\u2014'}\n            </p>\n          )}\n        </div>\n      </div>\n    </Link>\n  )\n}\n\nconst projectCardDataSchema: z.ZodType<ProjectCardData> = z.object({\n  id: z.string(),\n  name: z.string(),\n  code: z.string().nullable(),\n  customerName: z.string().nullable(),\n  color: z.string().nullable(),\n  status: z.string(),\n  hoursWeek: z.number(),\n  hoursTrend: z.array(z.number()),\n  members: z.array(opaqueProp<AvatarMember>()),\n  memberCount: z.number(),\n  myRole: z.string().nullable(),\n  updatedAt: z.string().nullable(),\n})\n\nconst projectCardLabelsSchema: z.ZodType<ProjectCardLabels> = z.object({\n  hoursPanelPm: z.string(),\n  hoursPanelCollab: z.string(),\n  sparklineAria: z.string(),\n  peopleCount: callbackProp<(count: number) => string>(),\n  role: z.string(),\n  noCustomer: z.string(),\n  statuses: z.record(z.string(), z.string()),\n})\n\nconst projectCardPropsSchema: z.ZodType<ProjectCardProps> = z.object({\n  data: projectCardDataSchema,\n  labels: projectCardLabelsSchema,\n  showTeam: z.boolean(),\n  href: z.string(),\n})\n\nregisterComponent<ProjectCardProps>({\n  id: extensionPoints.hosts.projectCardComponent.componentId,\n  component: DefaultProjectCard,\n  metadata: {\n    module: 'staff',\n    description: 'Project card of the time-tracking projects gallery view.',\n    propsSchema: projectCardPropsSchema,\n  },\n})\n\nexport function ProjectCard(props: ProjectCardProps) {\n  const Resolved = useRegisteredComponent<ProjectCardProps>(\n    extensionPoints.hosts.projectCardComponent.componentId,\n    DefaultProjectCard,\n  )\n  return <Resolved {...props} />\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/staff/lib/timesheets-projects-ui/ProjectsBulkActionsBar.js

@@ -0,0 +1,70 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertTriangle, FileText, Users, X } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+function ProjectsBulkActionsBar({
+  selectedCount,
+  labels,
+  canReport,
+  canAssignMembers,
+  reportBlockedReason,
+  isBusy = false,
+  onReport,
+  onAssignMembers,
+  onClear
+}) {
+  if (selectedCount === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", "data-testid": "projects-bulk-actions", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: labels.selectedCount }),
+    canReport ? /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        disabled: isBusy || reportBlockedReason !== null,
+        onClick: onReport,
+        "data-testid": "projects-bulk-report",
+        children: [
+          /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4 shrink-0", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { children: labels.report })
+        ]
+      }
+    ) : null,
+    canAssignMembers ? /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        disabled: isBusy,
+        onClick: onAssignMembers,
+        "data-testid": "projects-bulk-assign-members",
+        children: [
+          /* @__PURE__ */ jsx(Users, { className: "h-4 w-4 shrink-0", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { children: labels.assignMembers })
+        ]
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs(Button, { type: "button", variant: "ghost", disabled: isBusy, onClick: onClear, children: [
+      /* @__PURE__ */ jsx(X, { className: "h-4 w-4 shrink-0", "aria-hidden": true }),
+      /* @__PURE__ */ jsx("span", { children: labels.clear })
+    ] }),
+    canReport && reportBlockedReason ? /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: "flex items-center gap-1.5 rounded-md border border-status-warning-border bg-status-warning-bg px-2 py-1 text-xs text-status-warning-text",
+        role: "status",
+        "data-testid": "projects-bulk-report-blocked",
+        children: [
+          /* @__PURE__ */ jsx(AlertTriangle, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": true }),
+          reportBlockedReason
+        ]
+      }
+    ) : null
+  ] });
+}
+var ProjectsBulkActionsBar_default = ProjectsBulkActionsBar;
+export {
+  ProjectsBulkActionsBar,
+  ProjectsBulkActionsBar_default as default
+};
+//# sourceMappingURL=ProjectsBulkActionsBar.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/staff/lib/timesheets-projects-ui/ProjectsBulkActionsBar.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { AlertTriangle, FileText, Users, X } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\n\nexport type ProjectsBulkActionsLabels = {\n  selectedCount: string\n  report: string\n  assignMembers: string\n  clear: string\n}\n\nexport type ProjectsBulkActionsBarProps = {\n  selectedCount: number\n  labels: ProjectsBulkActionsLabels\n  canReport: boolean\n  canAssignMembers: boolean\n  reportBlockedReason: string | null\n  isBusy?: boolean\n  onReport: () => void\n  onAssignMembers: () => void\n  onClear: () => void\n}\n\n/**\n * Bulk actions live inline in the toolbar row (screen 3 note 3), never in a\n * floating bar. \"Report from selected\" stays visible but disabled while the\n * selection spans more than one customer or currency, with the reason spelled\n * out next to it (screen 3 note 4) rather than failing silently on click.\n */\nexport function ProjectsBulkActionsBar({\n  selectedCount,\n  labels,\n  canReport,\n  canAssignMembers,\n  reportBlockedReason,\n  isBusy = false,\n  onReport,\n  onAssignMembers,\n  onClear,\n}: ProjectsBulkActionsBarProps) {\n  if (selectedCount === 0) return null\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-2\" data-testid=\"projects-bulk-actions\">\n      <span className=\"text-sm text-muted-foreground\">{labels.selectedCount}</span>\n      {canReport ? (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          disabled={isBusy || reportBlockedReason !== null}\n          onClick={onReport}\n          data-testid=\"projects-bulk-report\"\n        >\n          <FileText className=\"h-4 w-4 shrink-0\" aria-hidden />\n          <span>{labels.report}</span>\n        </Button>\n      ) : null}\n      {canAssignMembers ? (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          disabled={isBusy}\n          onClick={onAssignMembers}\n          data-testid=\"projects-bulk-assign-members\"\n        >\n          <Users className=\"h-4 w-4 shrink-0\" aria-hidden />\n          <span>{labels.assignMembers}</span>\n        </Button>\n      ) : null}\n      <Button type=\"button\" variant=\"ghost\" disabled={isBusy} onClick={onClear}>\n        <X className=\"h-4 w-4 shrink-0\" aria-hidden />\n        <span>{labels.clear}</span>\n      </Button>\n      {canReport && reportBlockedReason ? (\n        <span\n          className=\"flex items-center gap-1.5 rounded-md border border-status-warning-border bg-status-warning-bg px-2 py-1 text-xs text-status-warning-text\"\n          role=\"status\"\n          data-testid=\"projects-bulk-report-blocked\"\n        >\n          <AlertTriangle className=\"h-3.5 w-3.5 shrink-0\" aria-hidden />\n          {reportBlockedReason}\n        </span>\n      ) : null}\n    </div>\n  )\n}\n\nexport default ProjectsBulkActionsBar\n"],
+  "mappings": ";AA8CM,cAEE,YAFF;AA3CN,SAAS,eAAe,UAAU,OAAO,SAAS;AAClD,SAAS,cAAc;AA2BhB,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AACF,GAAgC;AAC9B,MAAI,kBAAkB,EAAG,QAAO;AAEhC,SACE,qBAAC,SAAI,WAAU,qCAAoC,eAAY,yBAC7D;AAAA,wBAAC,UAAK,WAAU,iCAAiC,iBAAO,eAAc;AAAA,IACrE,YACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,UAAU,UAAU,wBAAwB;AAAA,QAC5C,SAAS;AAAA,QACT,eAAY;AAAA,QAEZ;AAAA,8BAAC,YAAS,WAAU,oBAAmB,eAAW,MAAC;AAAA,UACnD,oBAAC,UAAM,iBAAO,QAAO;AAAA;AAAA;AAAA,IACvB,IACE;AAAA,IACH,mBACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,QACT,eAAY;AAAA,QAEZ;AAAA,8BAAC,SAAM,WAAU,oBAAmB,eAAW,MAAC;AAAA,UAChD,oBAAC,UAAM,iBAAO,eAAc;AAAA;AAAA;AAAA,IAC9B,IACE;AAAA,IACJ,qBAAC,UAAO,MAAK,UAAS,SAAQ,SAAQ,UAAU,QAAQ,SAAS,SAC/D;AAAA,0BAAC,KAAE,WAAU,oBAAmB,eAAW,MAAC;AAAA,MAC5C,oBAAC,UAAM,iBAAO,OAAM;AAAA,OACtB;AAAA,IACC,aAAa,sBACZ;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,eAAY;AAAA,QAEZ;AAAA,8BAAC,iBAAc,WAAU,wBAAuB,eAAW,MAAC;AAAA,UAC3D;AAAA;AAAA;AAAA,IACH,IACE;AAAA,KACN;AAEJ;AAEA,IAAO,iCAAQ;",
+  "names": []
+}