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

package/dist/modules/staff/lib/time-tracking-ui/ProjectTeamDrawer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/staff/lib/time-tracking-ui/ProjectTeamDrawer.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Lock, Save } from 'lucide-react'\nimport {\n  Drawer,\n  DrawerBody,\n  DrawerContent,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerTitle,\n} from '@open-mercato/ui/primitives/drawer'\nimport { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'\nimport { Avatar } from '@open-mercato/ui/primitives/avatar'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Checkbox } from '@open-mercato/ui/primitives/checkbox'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { SearchInput } from '@open-mercato/ui/primitives/search-input'\nimport { SimpleTooltip } from '@open-mercato/ui/primitives/tooltip'\nimport { ErrorMessage, LoadingMessage } from '@open-mercato/ui/backend/detail'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { createCrud, deleteCrud, updateCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { useCurrentUserId } from '@open-mercato/ui/backend/utils/useCurrentUserId'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\nimport {\n  countPendingChanges,\n  diffTeamSelection,\n  formatProjectMinutes,\n  resolveAssignmentState,\n  resolveGraceDays,\n  selectChangeCountKey,\n  toIsoDate,\n  type AssignedMember,\n  type AssignmentState,\n} from './projectTeamAssignment'\n\nconst logger = createLogger('staff').child({ component: 'ProjectTeamDrawer' })\n\nconst MUTATION_CONTEXT_ID = 'staff.time_tracking.project_team'\nconst DIRECTORY_PAGE_SIZE = 100\nconst ENTRIES_PAGE_SIZE = 100\nconst MAX_ENTRY_PAGES = 20\nconst SEARCH_DEBOUNCE_MS = 250\n\ntype ApiRow = Record<string, unknown>\n\ntype PersonProfile = {\n  id: string\n  name: string\n  userId: string | null\n}\n\ntype ProjectHours = {\n  minutesByStaffMemberId: Map<string, number>\n  partial: boolean\n}\n\nexport type ProjectTeamDrawerProps = {\n  projectId: string\n  projectName: string\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  /** Pre-checks the person who requested access (notification deep link, D-6). */\n  preselectUserId?: string | null\n  onSaved?: () => void\n}\n\nfunction readString(row: ApiRow, ...keys: string[]): string | null {\n  for (const key of keys) {\n    const value = row[key]\n    if (typeof value === 'string' && value.trim().length > 0) return value\n    if (value instanceof Date) return value.toISOString()\n  }\n  return null\n}\n\nfunction readNumber(row: ApiRow, ...keys: string[]): number {\n  for (const key of keys) {\n    const value = row[key]\n    if (typeof value === 'number' && Number.isFinite(value)) return value\n    if (typeof value === 'string' && value.trim().length > 0) {\n      const parsed = Number(value)\n      if (Number.isFinite(parsed)) return parsed\n    }\n  }\n  return 0\n}\n\nfunction readItems(payload: { items?: unknown } | null | undefined): ApiRow[] {\n  const items = payload?.items\n  return Array.isArray(items) ? (items as ApiRow[]) : []\n}\n\nfunction toProfile(row: ApiRow): PersonProfile | null {\n  const id = readString(row, 'id')\n  if (!id) return null\n  return {\n    id,\n    name: readString(row, 'display_name', 'displayName') ?? id,\n    userId: readString(row, 'user_id', 'userId'),\n  }\n}\n\nfunction toAssignedMember(row: ApiRow): AssignedMember | null {\n  const membershipId = readString(row, 'id')\n  const staffMemberId = readString(row, 'staff_member_id', 'staffMemberId')\n  if (!membershipId || !staffMemberId) return null\n  return {\n    membershipId,\n    staffMemberId,\n    role: readString(row, 'role'),\n    status: readString(row, 'status'),\n    startDate: toIsoDate(readString(row, 'assigned_start_date', 'assignedStartDate')),\n    endDate: toIsoDate(readString(row, 'assigned_end_date', 'assignedEndDate')),\n  }\n}\n\nfunction todayIsoDate(): string {\n  const now = new Date()\n  const month = String(now.getMonth() + 1).padStart(2, '0')\n  const day = String(now.getDate()).padStart(2, '0')\n  return `${now.getFullYear()}-${month}-${day}`\n}\n\n/**\n * Hours logged per person in this project. There is no aggregate endpoint yet,\n * so the drawer pages the (tenant-scoped) entries list and sums client-side;\n * beyond `MAX_ENTRY_PAGES` the totals are reported as a lower bound rather than\n * silently under-reporting.\n */\nasync function loadProjectHours(projectId: string): Promise<ProjectHours> {\n  const minutesByStaffMemberId = new Map<string, number>()\n  let partial = false\n  for (let page = 1; page <= MAX_ENTRY_PAGES; page += 1) {\n    const params = new URLSearchParams({\n      projectId,\n      page: String(page),\n      pageSize: String(ENTRIES_PAGE_SIZE),\n    })\n    const res = await apiCall<{ items?: unknown; total?: number }>(\n      `/api/staff/timesheets/time-entries?${params.toString()}`,\n    )\n    if (!res.ok) return { minutesByStaffMemberId, partial: true }\n    const rows = readItems(res.result)\n    for (const row of rows) {\n      const staffMemberId = readString(row, 'staff_member_id', 'staffMemberId')\n      if (!staffMemberId) continue\n      const minutes = readNumber(row, 'duration_minutes', 'durationMinutes')\n      minutesByStaffMemberId.set(staffMemberId, (minutesByStaffMemberId.get(staffMemberId) ?? 0) + minutes)\n    }\n    if (rows.length < ENTRIES_PAGE_SIZE) return { minutesByStaffMemberId, partial: false }\n    const total = typeof res.result?.total === 'number' ? res.result.total : null\n    if (total !== null && page * ENTRIES_PAGE_SIZE >= total) return { minutesByStaffMemberId, partial: false }\n    partial = true\n  }\n  return { minutesByStaffMemberId, partial }\n}\n\ntype TeamPickRowProps = {\n  profile: PersonProfile\n  hint: string\n  checked: boolean\n  locked: boolean\n  lockedHint: string\n  lockLabel: string\n  badge: React.ReactNode\n  windowLine: React.ReactNode\n  endDateControl: React.ReactNode\n  selectLabel: string\n  onToggle: (next: boolean) => void\n}\n\nfunction TeamPickRow({\n  profile,\n  hint,\n  checked,\n  locked,\n  lockedHint,\n  lockLabel,\n  badge,\n  windowLine,\n  endDateControl,\n  selectLabel,\n  onToggle,\n}: TeamPickRowProps) {\n  return (\n    <li className=\"rounded-md border border-border\" data-staff-member-id={profile.id}>\n      <label className=\"flex cursor-pointer items-start gap-3 p-3\">\n        <span className=\"mt-0.5 shrink-0\">\n          <Checkbox\n            checked={checked}\n            disabled={locked}\n            aria-label={locked ? `${selectLabel} \u2014 ${lockedHint}` : selectLabel}\n            onCheckedChange={(next) => onToggle(next === true)}\n          />\n        </span>\n        <Avatar label={profile.name} size=\"sm\" />\n        <span className=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n          <span className=\"truncate text-sm font-medium text-foreground\">{profile.name}</span>\n          <span className=\"text-xs text-muted-foreground\">{hint}</span>\n          {windowLine}\n        </span>\n        <span className=\"flex shrink-0 flex-col items-end gap-1\">\n          {locked ? (\n            <SimpleTooltip content={lockedHint}>\n              <Badge variant=\"neutral\" className=\"gap-1\">\n                <Lock className=\"size-3\" aria-hidden />\n                {lockLabel}\n              </Badge>\n            </SimpleTooltip>\n          ) : null}\n          {badge}\n        </span>\n      </label>\n      {endDateControl}\n    </li>\n  )\n}\n\nexport function ProjectTeamDrawer({\n  projectId,\n  projectName,\n  open,\n  onOpenChange,\n  preselectUserId,\n  onSaved,\n}: ProjectTeamDrawerProps) {\n  const t = useT()\n  const currentUserId = useCurrentUserId()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const { runMutation, retryLastMutation } = useGuardedMutation({\n    contextId: MUTATION_CONTEXT_ID,\n    blockedMessage: t('staff.time_tracking.projects.team.drawer.saveError', 'Could not save the project team.'),\n  })\n\n  const [loading, setLoading] = React.useState(true)\n  const [loadError, setLoadError] = React.useState<string | null>(null)\n  const [saving, setSaving] = React.useState(false)\n  const [assigned, setAssigned] = React.useState<AssignedMember[]>([])\n  const [profiles, setProfiles] = React.useState<Map<string, PersonProfile>>(new Map())\n  const [directoryIds, setDirectoryIds] = React.useState<string[]>([])\n  const [directoryTotal, setDirectoryTotal] = React.useState(0)\n  const [selfStaffMemberId, setSelfStaffMemberId] = React.useState<string | null>(null)\n  const [graceDays, setGraceDays] = React.useState<number>(resolveGraceDays(null))\n  const [hours, setHours] = React.useState<ProjectHours | null>(null)\n  const [hoursLoading, setHoursLoading] = React.useState(true)\n  const [selected, setSelected] = React.useState<Set<string>>(new Set())\n  const [endDrafts, setEndDrafts] = React.useState<Map<string, string | null>>(new Map())\n  const [query, setQuery] = React.useState('')\n  const [debouncedQuery, setDebouncedQuery] = React.useState('')\n\n  const mergeProfiles = React.useCallback((rows: ApiRow[]) => {\n    setProfiles((previous) => {\n      const next = new Map(previous)\n      for (const row of rows) {\n        const profile = toProfile(row)\n        if (profile) next.set(profile.id, profile)\n      }\n      return next\n    })\n  }, [])\n\n  React.useEffect(() => {\n    if (!open) return\n    const handle = setTimeout(() => setDebouncedQuery(query.trim()), SEARCH_DEBOUNCE_MS)\n    return () => clearTimeout(handle)\n  }, [open, query])\n\n  React.useEffect(() => {\n    if (!open) {\n      setQuery('')\n      setDebouncedQuery('')\n    }\n  }, [open])\n\n  const loadTeam = React.useCallback(async () => {\n    setLoading(true)\n    setLoadError(null)\n    try {\n      const [membersRes, selfRes, settingsRes] = await Promise.all([\n        apiCall<{ items?: unknown }>(\n          `/api/staff/timesheets/time-projects/${projectId}/employees?page=1&pageSize=${DIRECTORY_PAGE_SIZE}&status=active`,\n        ),\n        apiCall<{ member?: { id?: string; displayName?: string; userId?: string | null } | null }>(\n          '/api/staff/team-members/self',\n        ),\n        apiCall<{ access?: { assignmentGraceDays?: unknown } | null }>('/api/staff/timesheets/settings'),\n      ])\n\n      if (!membersRes.ok) {\n        setLoadError(t('staff.time_tracking.projects.team.drawer.loadError', 'Could not load the project team.'))\n        return\n      }\n\n      const members = readItems(membersRes.result)\n        .map(toAssignedMember)\n        .filter((member): member is AssignedMember => member !== null)\n      setAssigned(members)\n      setSelected(new Set(members.map((member) => member.staffMemberId)))\n      setEndDrafts(new Map(members.map((member) => [member.staffMemberId, member.endDate])))\n\n      const selfMember = selfRes.ok ? selfRes.result?.member ?? null : null\n      if (selfMember?.id) {\n        setSelfStaffMemberId(selfMember.id)\n        mergeProfiles([\n          { id: selfMember.id, display_name: selfMember.displayName ?? selfMember.id, user_id: selfMember.userId ?? null },\n        ])\n      }\n\n      if (settingsRes.ok) {\n        setGraceDays(resolveGraceDays(settingsRes.result?.access?.assignmentGraceDays))\n      }\n\n      const assignedIds = members.map((member) => member.staffMemberId)\n      if (assignedIds.length > 0) {\n        const profileRes = await apiCall<{ items?: unknown }>(\n          `/api/staff/team-members?ids=${assignedIds.join(',')}&pageSize=${DIRECTORY_PAGE_SIZE}`,\n        )\n        if (profileRes.ok) mergeProfiles(readItems(profileRes.result))\n      }\n    } catch (error) {\n      logger.error('staff.time_tracking.projects.team.load failed', { err: error })\n      setLoadError(t('staff.time_tracking.projects.team.drawer.loadError', 'Could not load the project team.'))\n    } finally {\n      setLoading(false)\n    }\n  }, [projectId, mergeProfiles, t])\n\n  React.useEffect(() => {\n    if (!open) return\n    void loadTeam()\n  }, [open, loadTeam])\n\n  React.useEffect(() => {\n    if (!open) return\n    let cancelled = false\n    setHoursLoading(true)\n    void (async () => {\n      try {\n        const result = await loadProjectHours(projectId)\n        if (!cancelled) setHours(result)\n      } catch (error) {\n        logger.error('staff.time_tracking.projects.team.hours failed', { err: error })\n        if (!cancelled) setHours(null)\n      } finally {\n        if (!cancelled) setHoursLoading(false)\n      }\n    })()\n    return () => { cancelled = true }\n  }, [open, projectId])\n\n  React.useEffect(() => {\n    if (!open) return\n    let cancelled = false\n    void (async () => {\n      const params = new URLSearchParams({\n        page: '1',\n        pageSize: String(DIRECTORY_PAGE_SIZE),\n        isActive: 'true',\n      })\n      if (debouncedQuery.length > 0) params.set('search', debouncedQuery)\n      const res = await apiCall<{ items?: unknown; total?: number }>(`/api/staff/team-members?${params.toString()}`)\n      if (cancelled || !res.ok) return\n      const rows = readItems(res.result)\n      mergeProfiles(rows)\n      setDirectoryIds(rows.map((row) => readString(row, 'id')).filter((id): id is string => id !== null))\n      setDirectoryTotal(typeof res.result?.total === 'number' ? res.result.total : rows.length)\n    })()\n    return () => { cancelled = true }\n  }, [open, debouncedQuery, mergeProfiles])\n\n  const lockedStaffMemberId = React.useMemo(() => {\n    if (selfStaffMemberId) return selfStaffMemberId\n    if (!currentUserId) return null\n    for (const profile of profiles.values()) {\n      if (profile.userId && profile.userId === currentUserId) return profile.id\n    }\n    return null\n  }, [selfStaffMemberId, currentUserId, profiles])\n\n  const lockedStaffMemberIds = React.useMemo(\n    () => new Set(lockedStaffMemberId ? [lockedStaffMemberId] : []),\n    [lockedStaffMemberId],\n  )\n\n  React.useEffect(() => {\n    if (!open || !preselectUserId || loading) return\n    for (const profile of profiles.values()) {\n      if (profile.userId !== preselectUserId) continue\n      setSelected((previous) => (previous.has(profile.id) ? previous : new Set(previous).add(profile.id)))\n      return\n    }\n  }, [open, preselectUserId, loading, profiles])\n\n  const assignedByStaffMemberId = React.useMemo(() => {\n    const map = new Map<string, AssignedMember>()\n    for (const member of assigned) {\n      if (!map.has(member.staffMemberId)) map.set(member.staffMemberId, member)\n    }\n    return map\n  }, [assigned])\n\n  const changes = React.useMemo(\n    () => diffTeamSelection(assigned, { selectedStaffMemberIds: selected, endDateByStaffMemberId: endDrafts }, lockedStaffMemberIds),\n    [assigned, selected, endDrafts, lockedStaffMemberIds],\n  )\n  const pendingChanges = countPendingChanges(changes)\n\n  const memberMinutes = React.useCallback(\n    (staffMemberId: string): number | null => {\n      if (!hours) return null\n      return hours.minutesByStaffMemberId.get(staffMemberId) ?? 0\n    },\n    [hours],\n  )\n\n  const hoursLabel = React.useCallback(\n    (staffMemberId: string): string => {\n      if (hoursLoading) return '\u2026'\n      const minutes = memberMinutes(staffMemberId)\n      if (minutes === null) return formatProjectMinutes(0)\n      const formatted = formatProjectMinutes(minutes)\n      if (!hours?.partial) return formatted\n      return t('staff.time_tracking.projects.team.drawer.hoursAtLeast', 'at least {hours}', { hours: formatted })\n    },\n    [hours, hoursLoading, memberMinutes, t],\n  )\n\n  const roleLabel = React.useCallback(\n    (staffMemberId: string): string => {\n      const member = assignedByStaffMemberId.get(staffMemberId)\n      if (member?.role && member.role.trim().length > 0) return member.role\n      if (staffMemberId === lockedStaffMemberId) {\n        return t('staff.time_tracking.projects.team.drawer.roleLeader', 'Team Leader')\n      }\n      return t('staff.time_tracking.projects.team.drawer.roleMember', 'Team Member')\n    },\n    [assignedByStaffMemberId, lockedStaffMemberId, t],\n  )\n\n  const toggleMember = React.useCallback(\n    async (staffMemberId: string, next: boolean) => {\n      if (lockedStaffMemberIds.has(staffMemberId)) return\n      if (!next && assignedByStaffMemberId.has(staffMemberId)) {\n        const profile = profiles.get(staffMemberId)\n        const name = profile?.name ?? staffMemberId\n        const minutes = memberMinutes(staffMemberId)\n        const needsConfirm = minutes === null || minutes > 0\n        if (needsConfirm) {\n          const text = minutes === null || hoursLoading\n            ? t(\n                'staff.time_tracking.projects.team.drawer.removeConfirm.textUnknown',\n                '{name} may have time logged in this project \u2014 revoke access?',\n                { name },\n              )\n            : t(\n                'staff.time_tracking.projects.team.drawer.removeConfirm.text',\n                '{name} has {hours} in this project \u2014 revoke access?',\n                { name, hours: formatProjectMinutes(minutes) },\n              )\n          const confirmed = await confirm({\n            title: t('staff.time_tracking.projects.team.drawer.removeConfirm.title', 'Revoke access?'),\n            text,\n            variant: 'destructive',\n          })\n          if (!confirmed) return\n        }\n      }\n      setSelected((previous) => {\n        const draft = new Set(previous)\n        if (next) draft.add(staffMemberId)\n        else draft.delete(staffMemberId)\n        return draft\n      })\n    },\n    [assignedByStaffMemberId, confirm, hoursLoading, lockedStaffMemberIds, memberMinutes, profiles, t],\n  )\n\n  const setEndDate = React.useCallback((staffMemberId: string, value: string | null) => {\n    setEndDrafts((previous) => {\n      const draft = new Map(previous)\n      draft.set(staffMemberId, value && value.length > 0 ? value : null)\n      return draft\n    })\n  }, [])\n\n  // Membership rows are an assignment junction, so they are exempt from OSS\n  // optimistic locking (data-integrity contract); the drawer never PATCHes the\n  // project aggregate itself, so no expected-updated-at header applies here.\n  const persistChanges = React.useCallback(async () => {\n    const employeesPath = `staff/timesheets/time-projects/${projectId}/employees`\n    const startDate = todayIsoDate()\n\n    for (const staffMemberId of changes.additions) {\n      await createCrud(employeesPath, {\n        timeProjectId: projectId,\n        staffMemberId,\n        assignedStartDate: startDate,\n        assignedEndDate: endDrafts.get(staffMemberId) ?? null,\n      }, {\n        errorMessage: t('staff.time_tracking.projects.team.drawer.saveError', 'Could not save the project team.'),\n      })\n    }\n\n    // Re-dating is an update of the membership row itself (T2.12): the audit\n    // trail must read \"assignment end date changed\", not \"member removed,\n    // member added\". Only the changed field is sent, so the recorded diff names\n    // `assignedEndDate` alone.\n    //\n    // No optimistic-lock header, deliberately. The endpoint accepts and enforces\n    // one (the CRUD factory registers a reader for this entity), but this drawer\n    // saves a whole batch \u2014 additions, re-datings and removals \u2014 with no\n    // rollback. A per-row version round-trip belongs with a per-row conflict UX;\n    // the batch save is not it.\n    //\n    // What this loop guarantees and what it does not (C6):\n    //  * GUARANTEED \u2014 the loop stops at the first failure, so no write is\n    //    attempted after one fails, and `handleSave` reloads the drawer from the\n    //    server before showing the error, so what the user then sees is the\n    //    persisted team rather than the optimistic local snapshot.\n    //  * NOT GUARANTEED \u2014 atomicity. There is no transaction across these three\n    //    passes: whatever was written before the failure stays written and is\n    //    not rolled back. The reload therefore also drops the part of the batch\n    //    that never reached the server; the user re-applies it and saves again.\n    for (const update of changes.endDateUpdates) {\n      await updateCrud(employeesPath, {\n        id: update.member.membershipId,\n        assignedEndDate: update.endDate,\n      }, {\n        errorMessage: t('staff.time_tracking.projects.team.drawer.saveError', 'Could not save the project team.'),\n      })\n    }\n\n    for (const member of changes.removals) {\n      await deleteCrud(employeesPath, member.membershipId, {\n        errorMessage: t('staff.time_tracking.projects.team.drawer.saveError', 'Could not save the project team.'),\n      })\n    }\n  }, [changes, endDrafts, projectId, t])\n\n  const handleSave = React.useCallback(async () => {\n    if (saving || pendingChanges === 0) return\n    setSaving(true)\n    try {\n      await runMutation({\n        operation: persistChanges,\n        context: {\n          formId: MUTATION_CONTEXT_ID,\n          resourceKind: 'staff.timesheets.time_project_member',\n          resourceId: projectId,\n          action: 'assign-team',\n          retryLastMutation,\n        },\n        mutationPayload: {\n          timeProjectId: projectId,\n          additions: changes.additions,\n          removals: changes.removals.map((member) => member.membershipId),\n          endDateUpdates: changes.endDateUpdates.map((update) => ({\n            id: update.member.membershipId,\n            assignedEndDate: update.endDate,\n          })),\n        },\n      })\n      flash(t('staff.time_tracking.projects.team.drawer.saved', 'Project team updated.'), 'success')\n      onSaved?.()\n      onOpenChange(false)\n    } catch (error) {\n      logger.error('staff.time_tracking.projects.team.save failed', { err: error })\n      // The batch is not transactional (see `persistChanges`), so the local\n      // snapshot can no longer be trusted: re-read the memberships first and\n      // only then report, so the error and the rows underneath it agree.\n      await loadTeam()\n      const reason =\n        error instanceof Error && error.message.trim().length > 0\n          ? error.message\n          : t('staff.time_tracking.projects.team.drawer.saveError', 'Could not save the project team.')\n      flash(\n        t(\n          'staff.time_tracking.projects.team.drawer.partialSaveError',\n          '{reason} Saving stopped part-way through, so the team shown below was reloaded from the server \u2014 check it and apply the remaining changes again.',\n          { reason },\n        ),\n        'error',\n      )\n    } finally {\n      setSaving(false)\n    }\n  }, [\n    changes,\n    loadTeam,\n    onOpenChange,\n    onSaved,\n    pendingChanges,\n    persistChanges,\n    projectId,\n    retryLastMutation,\n    runMutation,\n    saving,\n    t,\n  ])\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) {\n        event.preventDefault()\n        void handleSave()\n      }\n    },\n    [handleSave],\n  )\n\n  /**\n   * The drawer batches the whole team edit and writes nothing until Save, so\n   * Escape, the \u00D7, the overlay and Cancel each stand to discard a set of changes\n   * the footer is at that moment counting out loud. They all reach `onOpenChange`,\n   * so the guard sits there once rather than on each of them.\n   */\n  const requestClose = React.useCallback(async () => {\n    if (saving) return\n    if (pendingChanges === 0) {\n      onOpenChange(false)\n      return\n    }\n    const confirmed = await confirm({\n      title: t('staff.time_tracking.projects.team.drawer.discard.title', 'Discard the team changes?'),\n      text: t(\n        'staff.time_tracking.projects.team.drawer.discard.text',\n        'Nothing has been saved yet, so closing now loses every change in this drawer.',\n      ),\n      confirmText: t('staff.time_tracking.projects.team.drawer.discard.confirm', 'Discard'),\n      cancelText: t('staff.time_tracking.projects.team.drawer.discard.cancel', 'Keep editing'),\n      variant: 'destructive',\n    })\n    if (confirmed) onOpenChange(false)\n  }, [confirm, onOpenChange, pendingChanges, saving, t])\n\n  const matchesQuery = React.useCallback(\n    (profile: PersonProfile) => {\n      if (debouncedQuery.length === 0) return true\n      return profile.name.toLocaleLowerCase().includes(debouncedQuery.toLocaleLowerCase())\n    },\n    [debouncedQuery],\n  )\n\n  const assignedRowIds = React.useMemo(() => {\n    const ids = new Set<string>(assignedByStaffMemberId.keys())\n    if (lockedStaffMemberId) ids.add(lockedStaffMemberId)\n    return Array.from(ids)\n  }, [assignedByStaffMemberId, lockedStaffMemberId])\n\n  const assignedRows = React.useMemo(\n    () =>\n      assignedRowIds\n        .map((id) => profiles.get(id) ?? { id, name: id, userId: null })\n        .filter(matchesQuery)\n        .sort((left, right) => left.name.localeCompare(right.name)),\n    [assignedRowIds, profiles, matchesQuery],\n  )\n\n  const otherRows = React.useMemo(\n    () =>\n      directoryIds\n        .filter((id) => !assignedRowIds.includes(id))\n        .map((id) => profiles.get(id) ?? { id, name: id, userId: null })\n        .sort((left, right) => left.name.localeCompare(right.name)),\n    [directoryIds, assignedRowIds, profiles],\n  )\n\n  const changeCountLabel = React.useMemo(() => {\n    if (pendingChanges === 0) {\n      return t('staff.time_tracking.projects.team.drawer.footer.noChanges', 'No changes')\n    }\n    const bucket = selectChangeCountKey(pendingChanges)\n    if (bucket === 'one') {\n      return t('staff.time_tracking.projects.team.drawer.footer.changes.one', '1 change to save', { count: pendingChanges })\n    }\n    if (bucket === 'few') {\n      return t('staff.time_tracking.projects.team.drawer.footer.changes.few', '{count} changes to save', { count: pendingChanges })\n    }\n    return t('staff.time_tracking.projects.team.drawer.footer.changes.many', '{count} changes to save', { count: pendingChanges })\n  }, [pendingChanges, t])\n\n  const renderStateBadge = React.useCallback(\n    (staffMemberId: string, isAssigned: boolean, isChecked: boolean, state: AssignmentState, endDate: string | null) => {\n      if (isAssigned && !isChecked) {\n        return (\n          <Badge variant=\"error\">\n            {t('staff.time_tracking.projects.team.drawer.badges.removing', 'being removed')}\n          </Badge>\n        )\n      }\n      if (!isAssigned && isChecked) {\n        return (\n          <Badge variant=\"success\">\n            {t('staff.time_tracking.projects.team.drawer.badges.adding', 'being added')}\n          </Badge>\n        )\n      }\n      if (!isAssigned) return null\n      if (state === 'expired') {\n        return (\n          <Badge variant=\"warning\">\n            {t('staff.time_tracking.projects.team.drawer.badges.expired', 'expired {date}', { date: endDate ?? '' })}\n          </Badge>\n        )\n      }\n      if (state === 'scheduled') {\n        return (\n          <Badge variant=\"neutral\">\n            {t('staff.time_tracking.projects.team.drawer.badges.scheduled', 'from {date}', {\n              date: assignedByStaffMemberId.get(staffMemberId)?.startDate ?? '',\n            })}\n          </Badge>\n        )\n      }\n      return null\n    },\n    [assignedByStaffMemberId, t],\n  )\n\n  const renderRow = React.useCallback(\n    (profile: PersonProfile) => {\n      const member = assignedByStaffMemberId.get(profile.id) ?? null\n      const isLocked = lockedStaffMemberIds.has(profile.id)\n      const isChecked = isLocked || selected.has(profile.id)\n      const draftEndDate = endDrafts.has(profile.id) ? endDrafts.get(profile.id) ?? null : member?.endDate ?? null\n      const state = member\n        ? resolveAssignmentState({ startDate: member.startDate, endDate: draftEndDate }, graceDays)\n        : 'active'\n      const role = roleLabel(profile.id)\n      const hint = isLocked\n        ? t('staff.time_tracking.projects.team.drawer.hintFromRole', '{role} \u00B7 access from role', { role })\n        : member\n          ? t('staff.time_tracking.projects.team.drawer.hintInProject', '{role} \u00B7 {hours} in this project', {\n              role,\n              hours: hoursLabel(profile.id),\n            })\n          : t('staff.time_tracking.projects.team.drawer.hintPerson', '{role} \u00B7 {hours}', {\n              role,\n              hours: hoursLabel(profile.id),\n            })\n\n      const windowLine = member && (member.startDate || draftEndDate) ? (\n        <span className=\"text-xs text-muted-foreground\">\n          {draftEndDate\n            ? t('staff.time_tracking.projects.team.drawer.window.range', 'from {start} \u00B7 until {end}', {\n                start: member.startDate ?? '',\n                end: draftEndDate,\n              })\n            : t('staff.time_tracking.projects.team.drawer.window.startOnly', 'from {start}', {\n                start: member.startDate ?? '',\n              })}\n          {state === 'expired' ? (\n            <span className=\"block text-status-warning-text\">\n              {t(\n                'staff.time_tracking.projects.team.drawer.window.expiredHint',\n                'The assignment expired \u2014 this person no longer has access to the project.',\n              )}\n            </span>\n          ) : null}\n        </span>\n      ) : null\n\n      const endDateControl = member && !isLocked ? (\n        <div className=\"flex items-center gap-2 border-t border-border px-3 py-2\">\n          <label className=\"text-xs text-muted-foreground\" htmlFor={`team-end-date-${profile.id}`}>\n            {t('staff.time_tracking.projects.team.drawer.window.label', 'Assignment end')}\n          </label>\n          <Input\n            id={`team-end-date-${profile.id}`}\n            type=\"date\"\n            size=\"sm\"\n            className=\"w-40\"\n            value={draftEndDate ?? ''}\n            onChange={(event) => setEndDate(profile.id, event.target.value)}\n          />\n          {draftEndDate ? (\n            <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={() => setEndDate(profile.id, null)}>\n              {t('staff.time_tracking.projects.team.drawer.window.clear', 'Clear')}\n            </Button>\n          ) : null}\n        </div>\n      ) : null\n\n      return (\n        <TeamPickRow\n          key={profile.id}\n          profile={profile}\n          hint={hint}\n          checked={isChecked}\n          locked={isLocked}\n          lockLabel={t('staff.time_tracking.projects.team.drawer.badges.always', 'always')}\n          lockedHint={t(\n            'staff.time_tracking.projects.team.drawer.lockedHint',\n            \"The Team Leader's access comes from the projects permission, not from an assignment, so it cannot be changed here.\",\n          )}\n          badge={renderStateBadge(profile.id, member !== null, isChecked, state, draftEndDate)}\n          windowLine={windowLine}\n          endDateControl={endDateControl}\n          selectLabel={t('staff.time_tracking.projects.team.drawer.selectPerson', 'Assign {name}', { name: profile.name })}\n          onToggle={(next) => { void toggleMember(profile.id, next) }}\n        />\n      )\n    },\n    [\n      assignedByStaffMemberId,\n      endDrafts,\n      graceDays,\n      hoursLabel,\n      lockedStaffMemberIds,\n      renderStateBadge,\n      roleLabel,\n      selected,\n      setEndDate,\n      t,\n      toggleMember,\n    ],\n  )\n\n  return (\n    <Drawer\n      open={open}\n      onOpenChange={(next) => {\n        if (next) {\n          onOpenChange(true)\n          return\n        }\n        void requestClose()\n      }}\n    >\n      <DrawerContent\n        className=\"sm:max-w-lg\"\n        onKeyDown={handleKeyDown}\n        closeAriaLabel={t('staff.time_tracking.projects.team.drawer.close', 'Close')}\n      >\n        <DrawerHeader>\n          <DrawerTitle>{t('staff.time_tracking.projects.team.drawer.title', 'Project team')}</DrawerTitle>\n          <DrawerDescription>{projectName}</DrawerDescription>\n        </DrawerHeader>\n        <DrawerBody className=\"flex flex-col gap-4\">\n          {loading ? (\n            <LoadingMessage label={t('staff.time_tracking.projects.team.drawer.loading', 'Loading the team\u2026')} />\n          ) : loadError ? (\n            <ErrorMessage label={loadError} />\n          ) : (\n            <>\n              <SearchInput\n                value={query}\n                onChange={setQuery}\n                placeholder={t('staff.time_tracking.projects.team.drawer.search', 'Search for a person\u2026')}\n              />\n\n              <section className=\"flex flex-col gap-2\">\n                <h3 className=\"text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n                  {t('staff.time_tracking.projects.team.drawer.assigned', 'Assigned ({count})', {\n                    count: assignedRowIds.length,\n                  })}\n                </h3>\n                {assignedRows.length === 0 ? (\n                  <p className=\"text-xs text-muted-foreground\">\n                    {t('staff.time_tracking.projects.team.empty', 'Nobody is assigned yet.')}\n                  </p>\n                ) : (\n                  <ul className=\"flex flex-col gap-2\">{assignedRows.map(renderRow)}</ul>\n                )}\n              </section>\n\n              <section className=\"flex flex-col gap-2\">\n                <h3 className=\"text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n                  {t('staff.time_tracking.projects.team.drawer.others', 'Everyone else in the organization')}\n                </h3>\n                {otherRows.length === 0 ? (\n                  <p className=\"text-xs text-muted-foreground\">\n                    {t('staff.time_tracking.projects.team.drawer.othersEmpty', 'No other people found.')}\n                  </p>\n                ) : (\n                  <ul className=\"flex flex-col gap-2\">{otherRows.map(renderRow)}</ul>\n                )}\n                {directoryTotal > directoryIds.length ? (\n                  <p className=\"text-xs text-muted-foreground\">\n                    {t(\n                      'staff.time_tracking.projects.team.drawer.directoryTruncated',\n                      'Showing the first {count} people \u2014 use the search box to find the rest.',\n                      { count: directoryIds.length },\n                    )}\n                  </p>\n                ) : null}\n              </section>\n\n              <Alert status=\"information\">\n                <AlertDescription>\n                  {t(\n                    'staff.time_tracking.projects.team.drawer.info.keepsTime',\n                    'Revoking access does not delete logged time \u2014 the entries stay in the project and in reports.',\n                  )}\n                </AlertDescription>\n                <AlertDescription>\n                  {t(\n                    'staff.time_tracking.projects.team.drawer.info.immediate',\n                    'Access works immediately after saving \u2014 no re-login needed.',\n                  )}\n                </AlertDescription>\n              </Alert>\n            </>\n          )}\n        </DrawerBody>\n        <DrawerFooter leading={<span className=\"text-xs text-muted-foreground\">{changeCountLabel}</span>}>\n          <Button type=\"button\" variant=\"ghost\" onClick={() => { void requestClose() }}>\n            {t('staff.time_tracking.projects.team.drawer.cancel', 'Cancel')}\n          </Button>\n          <Button type=\"button\" disabled={saving || pendingChanges === 0} onClick={() => { void handleSave() }}>\n            <Save className=\"size-4\" aria-hidden />\n            {saving\n              ? t('staff.time_tracking.projects.team.drawer.saving', 'Saving\u2026')\n              : t('staff.time_tracking.projects.team.drawer.save', 'Save')}\n          </Button>\n        </DrawerFooter>\n        {ConfirmDialogElement}\n      </DrawerContent>\n    </Drawer>\n  )\n}\n\nexport default ProjectTeamDrawer\n"],
+  "mappings": ";AAmMU,SAgpBE,UAhpBF,KAQF,YARE;AAjMV,YAAY,WAAW;AACvB,SAAS,MAAM,YAAY;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,OAAO,wBAAwB;AACxC,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,aAAa;AACtB,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,cAAc,sBAAsB;AAC7C,SAAS,eAAe;AACxB,SAAS,YAAY,YAAY,kBAAkB;AACnD,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AACnC,SAAS,wBAAwB;AACjC,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AAEP,MAAM,SAAS,aAAa,OAAO,EAAE,MAAM,EAAE,WAAW,oBAAoB,CAAC;AAE7E,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,oBAAoB;AAC1B,MAAM,kBAAkB;AACxB,MAAM,qBAAqB;AAyB3B,SAAS,WAAW,QAAgB,MAA+B;AACjE,aAAW,OAAO,MAAM;AACtB,UAAM,QAAQ,IAAI,GAAG;AACrB,QAAI,OAAO,UAAU,YAAY,MAAM,KAAK,EAAE,SAAS,EAAG,QAAO;AACjE,QAAI,iBAAiB,KAAM,QAAO,MAAM,YAAY;AAAA,EACtD;AACA,SAAO;AACT;AAEA,SAAS,WAAW,QAAgB,MAAwB;AAC1D,aAAW,OAAO,MAAM;AACtB,UAAM,QAAQ,IAAI,GAAG;AACrB,QAAI,OAAO,UAAU,YAAY,OAAO,SAAS,KAAK,EAAG,QAAO;AAChE,QAAI,OAAO,UAAU,YAAY,MAAM,KAAK,EAAE,SAAS,GAAG;AACxD,YAAM,SAAS,OAAO,KAAK;AAC3B,UAAI,OAAO,SAAS,MAAM,EAAG,QAAO;AAAA,IACtC;AAAA,EACF;AACA,SAAO;AACT;AAEA,SAAS,UAAU,SAA2D;AAC5E,QAAM,QAAQ,SAAS;AACvB,SAAO,MAAM,QAAQ,KAAK,IAAK,QAAqB,CAAC;AACvD;AAEA,SAAS,UAAU,KAAmC;AACpD,QAAM,KAAK,WAAW,KAAK,IAAI;AAC/B,MAAI,CAAC,GAAI,QAAO;AAChB,SAAO;AAAA,IACL;AAAA,IACA,MAAM,WAAW,KAAK,gBAAgB,aAAa,KAAK;AAAA,IACxD,QAAQ,WAAW,KAAK,WAAW,QAAQ;AAAA,EAC7C;AACF;AAEA,SAAS,iBAAiB,KAAoC;AAC5D,QAAM,eAAe,WAAW,KAAK,IAAI;AACzC,QAAM,gBAAgB,WAAW,KAAK,mBAAmB,eAAe;AACxE,MAAI,CAAC,gBAAgB,CAAC,cAAe,QAAO;AAC5C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,MAAM,WAAW,KAAK,MAAM;AAAA,IAC5B,QAAQ,WAAW,KAAK,QAAQ;AAAA,IAChC,WAAW,UAAU,WAAW,KAAK,uBAAuB,mBAAmB,CAAC;AAAA,IAChF,SAAS,UAAU,WAAW,KAAK,qBAAqB,iBAAiB,CAAC;AAAA,EAC5E;AACF;AAEA,SAAS,eAAuB;AAC9B,QAAM,MAAM,oBAAI,KAAK;AACrB,QAAM,QAAQ,OAAO,IAAI,SAAS,IAAI,CAAC,EAAE,SAAS,GAAG,GAAG;AACxD,QAAM,MAAM,OAAO,IAAI,QAAQ,CAAC,EAAE,SAAS,GAAG,GAAG;AACjD,SAAO,GAAG,IAAI,YAAY,CAAC,IAAI,KAAK,IAAI,GAAG;AAC7C;AAQA,eAAe,iBAAiB,WAA0C;AACxE,QAAM,yBAAyB,oBAAI,IAAoB;AACvD,MAAI,UAAU;AACd,WAAS,OAAO,GAAG,QAAQ,iBAAiB,QAAQ,GAAG;AACrD,UAAM,SAAS,IAAI,gBAAgB;AAAA,MACjC;AAAA,MACA,MAAM,OAAO,IAAI;AAAA,MACjB,UAAU,OAAO,iBAAiB;AAAA,IACpC,CAAC;AACD,UAAM,MAAM,MAAM;AAAA,MAChB,sCAAsC,OAAO,SAAS,CAAC;AAAA,IACzD;AACA,QAAI,CAAC,IAAI,GAAI,QAAO,EAAE,wBAAwB,SAAS,KAAK;AAC5D,UAAM,OAAO,UAAU,IAAI,MAAM;AACjC,eAAW,OAAO,MAAM;AACtB,YAAM,gBAAgB,WAAW,KAAK,mBAAmB,eAAe;AACxE,UAAI,CAAC,cAAe;AACpB,YAAM,UAAU,WAAW,KAAK,oBAAoB,iBAAiB;AACrE,6BAAuB,IAAI,gBAAgB,uBAAuB,IAAI,aAAa,KAAK,KAAK,OAAO;AAAA,IACtG;AACA,QAAI,KAAK,SAAS,kBAAmB,QAAO,EAAE,wBAAwB,SAAS,MAAM;AACrF,UAAM,QAAQ,OAAO,IAAI,QAAQ,UAAU,WAAW,IAAI,OAAO,QAAQ;AACzE,QAAI,UAAU,QAAQ,OAAO,qBAAqB,MAAO,QAAO,EAAE,wBAAwB,SAAS,MAAM;AACzG,cAAU;AAAA,EACZ;AACA,SAAO,EAAE,wBAAwB,QAAQ;AAC3C;AAgBA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,SACE,qBAAC,QAAG,WAAU,mCAAkC,wBAAsB,QAAQ,IAC5E;AAAA,yBAAC,WAAM,WAAU,6CACf;AAAA,0BAAC,UAAK,WAAU,mBACd;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,UAAU;AAAA,UACV,cAAY,SAAS,GAAG,WAAW,WAAM,UAAU,KAAK;AAAA,UACxD,iBAAiB,CAAC,SAAS,SAAS,SAAS,IAAI;AAAA;AAAA,MACnD,GACF;AAAA,MACA,oBAAC,UAAO,OAAO,QAAQ,MAAM,MAAK,MAAK;AAAA,MACvC,qBAAC,UAAK,WAAU,wCACd;AAAA,4BAAC,UAAK,WAAU,gDAAgD,kBAAQ,MAAK;AAAA,QAC7E,oBAAC,UAAK,WAAU,iCAAiC,gBAAK;AAAA,QACrD;AAAA,SACH;AAAA,MACA,qBAAC,UAAK,WAAU,0CACb;AAAA,iBACC,oBAAC,iBAAc,SAAS,YACtB,+BAAC,SAAM,SAAQ,WAAU,WAAU,SACjC;AAAA,8BAAC,QAAK,WAAU,UAAS,eAAW,MAAC;AAAA,UACpC;AAAA,WACH,GACF,IACE;AAAA,QACH;AAAA,SACH;AAAA,OACF;AAAA,IACC;AAAA,KACH;AAEJ;AAEO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,IAAI,KAAK;AACf,QAAM,gBAAgB,iBAAiB;AACvC,QAAM,EAAE,SAAS,qBAAqB,IAAI,iBAAiB;AAC3D,QAAM,EAAE,aAAa,kBAAkB,IAAI,mBAAmB;AAAA,IAC5D,WAAW;AAAA,IACX,gBAAgB,EAAE,sDAAsD,kCAAkC;AAAA,EAC5G,CAAC;AAED,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,IAAI;AACjD,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAwB,IAAI;AACpE,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAChD,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAA2B,CAAC,CAAC;AACnE,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAqC,oBAAI,IAAI,CAAC;AACpF,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAmB,CAAC,CAAC;AACnE,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,MAAM,SAAS,CAAC;AAC5D,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,MAAM,SAAwB,IAAI;AACpF,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAiB,iBAAiB,IAAI,CAAC;AAC/E,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAA8B,IAAI;AAClE,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAS,IAAI;AAC3D,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAsB,oBAAI,IAAI,CAAC;AACrE,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAqC,oBAAI,IAAI,CAAC;AACtF,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,EAAE;AAC3C,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,MAAM,SAAS,EAAE;AAE7D,QAAM,gBAAgB,MAAM,YAAY,CAAC,SAAmB;AAC1D,gBAAY,CAAC,aAAa;AACxB,YAAM,OAAO,IAAI,IAAI,QAAQ;AAC7B,iBAAW,OAAO,MAAM;AACtB,cAAM,UAAU,UAAU,GAAG;AAC7B,YAAI,QAAS,MAAK,IAAI,QAAQ,IAAI,OAAO;AAAA,MAC3C;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,KAAM;AACX,UAAM,SAAS,WAAW,MAAM,kBAAkB,MAAM,KAAK,CAAC,GAAG,kBAAkB;AACnF,WAAO,MAAM,aAAa,MAAM;AAAA,EAClC,GAAG,CAAC,MAAM,KAAK,CAAC;AAEhB,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,MAAM;AACT,eAAS,EAAE;AACX,wBAAkB,EAAE;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,WAAW,MAAM,YAAY,YAAY;AAC7C,eAAW,IAAI;AACf,iBAAa,IAAI;AACjB,QAAI;AACF,YAAM,CAAC,YAAY,SAAS,WAAW,IAAI,MAAM,QAAQ,IAAI;AAAA,QAC3D;AAAA,UACE,uCAAuC,SAAS,8BAA8B,mBAAmB;AAAA,QACnG;AAAA,QACA;AAAA,UACE;AAAA,QACF;AAAA,QACA,QAA+D,gCAAgC;AAAA,MACjG,CAAC;AAED,UAAI,CAAC,WAAW,IAAI;AAClB,qBAAa,EAAE,sDAAsD,kCAAkC,CAAC;AACxG;AAAA,MACF;AAEA,YAAM,UAAU,UAAU,WAAW,MAAM,EACxC,IAAI,gBAAgB,EACpB,OAAO,CAAC,WAAqC,WAAW,IAAI;AAC/D,kBAAY,OAAO;AACnB,kBAAY,IAAI,IAAI,QAAQ,IAAI,CAAC,WAAW,OAAO,aAAa,CAAC,CAAC;AAClE,mBAAa,IAAI,IAAI,QAAQ,IAAI,CAAC,WAAW,CAAC,OAAO,eAAe,OAAO,OAAO,CAAC,CAAC,CAAC;AAErF,YAAM,aAAa,QAAQ,KAAK,QAAQ,QAAQ,UAAU,OAAO;AACjE,UAAI,YAAY,IAAI;AAClB,6BAAqB,WAAW,EAAE;AAClC,sBAAc;AAAA,UACZ,EAAE,IAAI,WAAW,IAAI,cAAc,WAAW,eAAe,WAAW,IAAI,SAAS,WAAW,UAAU,KAAK;AAAA,QACjH,CAAC;AAAA,MACH;AAEA,UAAI,YAAY,IAAI;AAClB,qBAAa,iBAAiB,YAAY,QAAQ,QAAQ,mBAAmB,CAAC;AAAA,MAChF;AAEA,YAAM,cAAc,QAAQ,IAAI,CAAC,WAAW,OAAO,aAAa;AAChE,UAAI,YAAY,SAAS,GAAG;AAC1B,cAAM,aAAa,MAAM;AAAA,UACvB,+BAA+B,YAAY,KAAK,GAAG,CAAC,aAAa,mBAAmB;AAAA,QACtF;AACA,YAAI,WAAW,GAAI,eAAc,UAAU,WAAW,MAAM,CAAC;AAAA,MAC/D;AAAA,IACF,SAAS,OAAO;AACd,aAAO,MAAM,iDAAiD,EAAE,KAAK,MAAM,CAAC;AAC5E,mBAAa,EAAE,sDAAsD,kCAAkC,CAAC;AAAA,IAC1G,UAAE;AACA,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,WAAW,eAAe,CAAC,CAAC;AAEhC,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,KAAM;AACX,SAAK,SAAS;AAAA,EAChB,GAAG,CAAC,MAAM,QAAQ,CAAC;AAEnB,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,KAAM;AACX,QAAI,YAAY;AAChB,oBAAgB,IAAI;AACpB,UAAM,YAAY;AAChB,UAAI;AACF,cAAM,SAAS,MAAM,iBAAiB,SAAS;AAC/C,YAAI,CAAC,UAAW,UAAS,MAAM;AAAA,MACjC,SAAS,OAAO;AACd,eAAO,MAAM,kDAAkD,EAAE,KAAK,MAAM,CAAC;AAC7E,YAAI,CAAC,UAAW,UAAS,IAAI;AAAA,MAC/B,UAAE;AACA,YAAI,CAAC,UAAW,iBAAgB,KAAK;AAAA,MACvC;AAAA,IACF,GAAG;AACH,WAAO,MAAM;AAAE,kBAAY;AAAA,IAAK;AAAA,EAClC,GAAG,CAAC,MAAM,SAAS,CAAC;AAEpB,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,KAAM;AACX,QAAI,YAAY;AAChB,UAAM,YAAY;AAChB,YAAM,SAAS,IAAI,gBAAgB;AAAA,QACjC,MAAM;AAAA,QACN,UAAU,OAAO,mBAAmB;AAAA,QACpC,UAAU;AAAA,MACZ,CAAC;AACD,UAAI,eAAe,SAAS,EAAG,QAAO,IAAI,UAAU,cAAc;AAClE,YAAM,MAAM,MAAM,QAA6C,2BAA2B,OAAO,SAAS,CAAC,EAAE;AAC7G,UAAI,aAAa,CAAC,IAAI,GAAI;AAC1B,YAAM,OAAO,UAAU,IAAI,MAAM;AACjC,oBAAc,IAAI;AAClB,sBAAgB,KAAK,IAAI,CAAC,QAAQ,WAAW,KAAK,IAAI,CAAC,EAAE,OAAO,CAAC,OAAqB,OAAO,IAAI,CAAC;AAClG,wBAAkB,OAAO,IAAI,QAAQ,UAAU,WAAW,IAAI,OAAO,QAAQ,KAAK,MAAM;AAAA,IAC1F,GAAG;AACH,WAAO,MAAM;AAAE,kBAAY;AAAA,IAAK;AAAA,EAClC,GAAG,CAAC,MAAM,gBAAgB,aAAa,CAAC;AAExC,QAAM,sBAAsB,MAAM,QAAQ,MAAM;AAC9C,QAAI,kBAAmB,QAAO;AAC9B,QAAI,CAAC,cAAe,QAAO;AAC3B,eAAW,WAAW,SAAS,OAAO,GAAG;AACvC,UAAI,QAAQ,UAAU,QAAQ,WAAW,cAAe,QAAO,QAAQ;AAAA,IACzE;AACA,WAAO;AAAA,EACT,GAAG,CAAC,mBAAmB,eAAe,QAAQ,CAAC;AAE/C,QAAM,uBAAuB,MAAM;AAAA,IACjC,MAAM,IAAI,IAAI,sBAAsB,CAAC,mBAAmB,IAAI,CAAC,CAAC;AAAA,IAC9D,CAAC,mBAAmB;AAAA,EACtB;AAEA,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,QAAQ,CAAC,mBAAmB,QAAS;AAC1C,eAAW,WAAW,SAAS,OAAO,GAAG;AACvC,UAAI,QAAQ,WAAW,gBAAiB;AACxC,kBAAY,CAAC,aAAc,SAAS,IAAI,QAAQ,EAAE,IAAI,WAAW,IAAI,IAAI,QAAQ,EAAE,IAAI,QAAQ,EAAE,CAAE;AACnG;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,iBAAiB,SAAS,QAAQ,CAAC;AAE7C,QAAM,0BAA0B,MAAM,QAAQ,MAAM;AAClD,UAAM,MAAM,oBAAI,IAA4B;AAC5C,eAAW,UAAU,UAAU;AAC7B,UAAI,CAAC,IAAI,IAAI,OAAO,aAAa,EAAG,KAAI,IAAI,OAAO,eAAe,MAAM;AAAA,IAC1E;AACA,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,UAAU,MAAM;AAAA,IACpB,MAAM,kBAAkB,UAAU,EAAE,wBAAwB,UAAU,wBAAwB,UAAU,GAAG,oBAAoB;AAAA,IAC/H,CAAC,UAAU,UAAU,WAAW,oBAAoB;AAAA,EACtD;AACA,QAAM,iBAAiB,oBAAoB,OAAO;AAElD,QAAM,gBAAgB,MAAM;AAAA,IAC1B,CAAC,kBAAyC;AACxC,UAAI,CAAC,MAAO,QAAO;AACnB,aAAO,MAAM,uBAAuB,IAAI,aAAa,KAAK;AAAA,IAC5D;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AAEA,QAAM,aAAa,MAAM;AAAA,IACvB,CAAC,kBAAkC;AACjC,UAAI,aAAc,QAAO;AACzB,YAAM,UAAU,cAAc,aAAa;AAC3C,UAAI,YAAY,KAAM,QAAO,qBAAqB,CAAC;AACnD,YAAM,YAAY,qBAAqB,OAAO;AAC9C,UAAI,CAAC,OAAO,QAAS,QAAO;AAC5B,aAAO,EAAE,yDAAyD,oBAAoB,EAAE,OAAO,UAAU,CAAC;AAAA,IAC5G;AAAA,IACA,CAAC,OAAO,cAAc,eAAe,CAAC;AAAA,EACxC;AAEA,QAAM,YAAY,MAAM;AAAA,IACtB,CAAC,kBAAkC;AACjC,YAAM,SAAS,wBAAwB,IAAI,aAAa;AACxD,UAAI,QAAQ,QAAQ,OAAO,KAAK,KAAK,EAAE,SAAS,EAAG,QAAO,OAAO;AACjE,UAAI,kBAAkB,qBAAqB;AACzC,eAAO,EAAE,uDAAuD,aAAa;AAAA,MAC/E;AACA,aAAO,EAAE,uDAAuD,aAAa;AAAA,IAC/E;AAAA,IACA,CAAC,yBAAyB,qBAAqB,CAAC;AAAA,EAClD;AAEA,QAAM,eAAe,MAAM;AAAA,IACzB,OAAO,eAAuB,SAAkB;AAC9C,UAAI,qBAAqB,IAAI,aAAa,EAAG;AAC7C,UAAI,CAAC,QAAQ,wBAAwB,IAAI,aAAa,GAAG;AACvD,cAAM,UAAU,SAAS,IAAI,aAAa;AAC1C,cAAM,OAAO,SAAS,QAAQ;AAC9B,cAAM,UAAU,cAAc,aAAa;AAC3C,cAAM,eAAe,YAAY,QAAQ,UAAU;AACnD,YAAI,cAAc;AAChB,gBAAM,OAAO,YAAY,QAAQ,eAC7B;AAAA,YACE;AAAA,YACA;AAAA,YACA,EAAE,KAAK;AAAA,UACT,IACA;AAAA,YACE;AAAA,YACA;AAAA,YACA,EAAE,MAAM,OAAO,qBAAqB,OAAO,EAAE;AAAA,UAC/C;AACJ,gBAAM,YAAY,MAAM,QAAQ;AAAA,YAC9B,OAAO,EAAE,gEAAgE,gBAAgB;AAAA,YACzF;AAAA,YACA,SAAS;AAAA,UACX,CAAC;AACD,cAAI,CAAC,UAAW;AAAA,QAClB;AAAA,MACF;AACA,kBAAY,CAAC,aAAa;AACxB,cAAM,QAAQ,IAAI,IAAI,QAAQ;AAC9B,YAAI,KAAM,OAAM,IAAI,aAAa;AAAA,YAC5B,OAAM,OAAO,aAAa;AAC/B,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,yBAAyB,SAAS,cAAc,sBAAsB,eAAe,UAAU,CAAC;AAAA,EACnG;AAEA,QAAM,aAAa,MAAM,YAAY,CAAC,eAAuB,UAAyB;AACpF,iBAAa,CAAC,aAAa;AACzB,YAAM,QAAQ,IAAI,IAAI,QAAQ;AAC9B,YAAM,IAAI,eAAe,SAAS,MAAM,SAAS,IAAI,QAAQ,IAAI;AACjE,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAKL,QAAM,iBAAiB,MAAM,YAAY,YAAY;AACnD,UAAM,gBAAgB,kCAAkC,SAAS;AACjE,UAAM,YAAY,aAAa;AAE/B,eAAW,iBAAiB,QAAQ,WAAW;AAC7C,YAAM,WAAW,eAAe;AAAA,QAC9B,eAAe;AAAA,QACf;AAAA,QACA,mBAAmB;AAAA,QACnB,iBAAiB,UAAU,IAAI,aAAa,KAAK;AAAA,MACnD,GAAG;AAAA,QACD,cAAc,EAAE,sDAAsD,kCAAkC;AAAA,MAC1G,CAAC;AAAA,IACH;AAsBA,eAAW,UAAU,QAAQ,gBAAgB;AAC3C,YAAM,WAAW,eAAe;AAAA,QAC9B,IAAI,OAAO,OAAO;AAAA,QAClB,iBAAiB,OAAO;AAAA,MAC1B,GAAG;AAAA,QACD,cAAc,EAAE,sDAAsD,kCAAkC;AAAA,MAC1G,CAAC;AAAA,IACH;AAEA,eAAW,UAAU,QAAQ,UAAU;AACrC,YAAM,WAAW,eAAe,OAAO,cAAc;AAAA,QACnD,cAAc,EAAE,sDAAsD,kCAAkC;AAAA,MAC1G,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,SAAS,WAAW,WAAW,CAAC,CAAC;AAErC,QAAM,aAAa,MAAM,YAAY,YAAY;AAC/C,QAAI,UAAU,mBAAmB,EAAG;AACpC,cAAU,IAAI;AACd,QAAI;AACF,YAAM,YAAY;AAAA,QAChB,WAAW;AAAA,QACX,SAAS;AAAA,UACP,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR;AAAA,QACF;AAAA,QACA,iBAAiB;AAAA,UACf,eAAe;AAAA,UACf,WAAW,QAAQ;AAAA,UACnB,UAAU,QAAQ,SAAS,IAAI,CAAC,WAAW,OAAO,YAAY;AAAA,UAC9D,gBAAgB,QAAQ,eAAe,IAAI,CAAC,YAAY;AAAA,YACtD,IAAI,OAAO,OAAO;AAAA,YAClB,iBAAiB,OAAO;AAAA,UAC1B,EAAE;AAAA,QACJ;AAAA,MACF,CAAC;AACD,YAAM,EAAE,kDAAkD,uBAAuB,GAAG,SAAS;AAC7F,gBAAU;AACV,mBAAa,KAAK;AAAA,IACpB,SAAS,OAAO;AACd,aAAO,MAAM,iDAAiD,EAAE,KAAK,MAAM,CAAC;AAI5E,YAAM,SAAS;AACf,YAAM,SACJ,iBAAiB,SAAS,MAAM,QAAQ,KAAK,EAAE,SAAS,IACpD,MAAM,UACN,EAAE,sDAAsD,kCAAkC;AAChG;AAAA,QACE;AAAA,UACE;AAAA,UACA;AAAA,UACA,EAAE,OAAO;AAAA,QACX;AAAA,QACA;AAAA,MACF;AAAA,IACF,UAAE;AACA,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,gBAAgB,MAAM;AAAA,IAC1B,CAAC,UAA+B;AAC9B,UAAI,MAAM,QAAQ,YAAY,MAAM,WAAW,MAAM,UAAU;AAC7D,cAAM,eAAe;AACrB,aAAK,WAAW;AAAA,MAClB;AAAA,IACF;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAQA,QAAM,eAAe,MAAM,YAAY,YAAY;AACjD,QAAI,OAAQ;AACZ,QAAI,mBAAmB,GAAG;AACxB,mBAAa,KAAK;AAClB;AAAA,IACF;AACA,UAAM,YAAY,MAAM,QAAQ;AAAA,MAC9B,OAAO,EAAE,0DAA0D,2BAA2B;AAAA,MAC9F,MAAM;AAAA,QACJ;AAAA,QACA;AAAA,MACF;AAAA,MACA,aAAa,EAAE,4DAA4D,SAAS;AAAA,MACpF,YAAY,EAAE,2DAA2D,cAAc;AAAA,MACvF,SAAS;AAAA,IACX,CAAC;AACD,QAAI,UAAW,cAAa,KAAK;AAAA,EACnC,GAAG,CAAC,SAAS,cAAc,gBAAgB,QAAQ,CAAC,CAAC;AAErD,QAAM,eAAe,MAAM;AAAA,IACzB,CAAC,YAA2B;AAC1B,UAAI,eAAe,WAAW,EAAG,QAAO;AACxC,aAAO,QAAQ,KAAK,kBAAkB,EAAE,SAAS,eAAe,kBAAkB,CAAC;AAAA,IACrF;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM,iBAAiB,MAAM,QAAQ,MAAM;AACzC,UAAM,MAAM,IAAI,IAAY,wBAAwB,KAAK,CAAC;AAC1D,QAAI,oBAAqB,KAAI,IAAI,mBAAmB;AACpD,WAAO,MAAM,KAAK,GAAG;AAAA,EACvB,GAAG,CAAC,yBAAyB,mBAAmB,CAAC;AAEjD,QAAM,eAAe,MAAM;AAAA,IACzB,MACE,eACG,IAAI,CAAC,OAAO,SAAS,IAAI,EAAE,KAAK,EAAE,IAAI,MAAM,IAAI,QAAQ,KAAK,CAAC,EAC9D,OAAO,YAAY,EACnB,KAAK,CAAC,MAAM,UAAU,KAAK,KAAK,cAAc,MAAM,IAAI,CAAC;AAAA,IAC9D,CAAC,gBAAgB,UAAU,YAAY;AAAA,EACzC;AAEA,QAAM,YAAY,MAAM;AAAA,IACtB,MACE,aACG,OAAO,CAAC,OAAO,CAAC,eAAe,SAAS,EAAE,CAAC,EAC3C,IAAI,CAAC,OAAO,SAAS,IAAI,EAAE,KAAK,EAAE,IAAI,MAAM,IAAI,QAAQ,KAAK,CAAC,EAC9D,KAAK,CAAC,MAAM,UAAU,KAAK,KAAK,cAAc,MAAM,IAAI,CAAC;AAAA,IAC9D,CAAC,cAAc,gBAAgB,QAAQ;AAAA,EACzC;AAEA,QAAM,mBAAmB,MAAM,QAAQ,MAAM;AAC3C,QAAI,mBAAmB,GAAG;AACxB,aAAO,EAAE,6DAA6D,YAAY;AAAA,IACpF;AACA,UAAM,SAAS,qBAAqB,cAAc;AAClD,QAAI,WAAW,OAAO;AACpB,aAAO,EAAE,+DAA+D,oBAAoB,EAAE,OAAO,eAAe,CAAC;AAAA,IACvH;AACA,QAAI,WAAW,OAAO;AACpB,aAAO,EAAE,+DAA+D,2BAA2B,EAAE,OAAO,eAAe,CAAC;AAAA,IAC9H;AACA,WAAO,EAAE,gEAAgE,2BAA2B,EAAE,OAAO,eAAe,CAAC;AAAA,EAC/H,GAAG,CAAC,gBAAgB,CAAC,CAAC;AAEtB,QAAM,mBAAmB,MAAM;AAAA,IAC7B,CAAC,eAAuB,YAAqB,WAAoB,OAAwB,YAA2B;AAClH,UAAI,cAAc,CAAC,WAAW;AAC5B,eACE,oBAAC,SAAM,SAAQ,SACZ,YAAE,4DAA4D,eAAe,GAChF;AAAA,MAEJ;AACA,UAAI,CAAC,cAAc,WAAW;AAC5B,eACE,oBAAC,SAAM,SAAQ,WACZ,YAAE,0DAA0D,aAAa,GAC5E;AAAA,MAEJ;AACA,UAAI,CAAC,WAAY,QAAO;AACxB,UAAI,UAAU,WAAW;AACvB,eACE,oBAAC,SAAM,SAAQ,WACZ,YAAE,2DAA2D,kBAAkB,EAAE,MAAM,WAAW,GAAG,CAAC,GACzG;AAAA,MAEJ;AACA,UAAI,UAAU,aAAa;AACzB,eACE,oBAAC,SAAM,SAAQ,WACZ,YAAE,6DAA6D,eAAe;AAAA,UAC7E,MAAM,wBAAwB,IAAI,aAAa,GAAG,aAAa;AAAA,QACjE,CAAC,GACH;AAAA,MAEJ;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,yBAAyB,CAAC;AAAA,EAC7B;AAEA,QAAM,YAAY,MAAM;AAAA,IACtB,CAAC,YAA2B;AAC1B,YAAM,SAAS,wBAAwB,IAAI,QAAQ,EAAE,KAAK;AAC1D,YAAM,WAAW,qBAAqB,IAAI,QAAQ,EAAE;AACpD,YAAM,YAAY,YAAY,SAAS,IAAI,QAAQ,EAAE;AACrD,YAAM,eAAe,UAAU,IAAI,QAAQ,EAAE,IAAI,UAAU,IAAI,QAAQ,EAAE,KAAK,OAAO,QAAQ,WAAW;AACxG,YAAM,QAAQ,SACV,uBAAuB,EAAE,WAAW,OAAO,WAAW,SAAS,aAAa,GAAG,SAAS,IACxF;AACJ,YAAM,OAAO,UAAU,QAAQ,EAAE;AACjC,YAAM,OAAO,WACT,EAAE,yDAAyD,gCAA6B,EAAE,KAAK,CAAC,IAChG,SACE,EAAE,0DAA0D,uCAAoC;AAAA,QAC9F;AAAA,QACA,OAAO,WAAW,QAAQ,EAAE;AAAA,MAC9B,CAAC,IACD,EAAE,uDAAuD,uBAAoB;AAAA,QAC3E;AAAA,QACA,OAAO,WAAW,QAAQ,EAAE;AAAA,MAC9B,CAAC;AAEP,YAAM,aAAa,WAAW,OAAO,aAAa,gBAChD,qBAAC,UAAK,WAAU,iCACb;AAAA,uBACG,EAAE,yDAAyD,iCAA8B;AAAA,UACvF,OAAO,OAAO,aAAa;AAAA,UAC3B,KAAK;AAAA,QACP,CAAC,IACD,EAAE,6DAA6D,gBAAgB;AAAA,UAC7E,OAAO,OAAO,aAAa;AAAA,QAC7B,CAAC;AAAA,QACJ,UAAU,YACT,oBAAC,UAAK,WAAU,kCACb;AAAA,UACC;AAAA,UACA;AAAA,QACF,GACF,IACE;AAAA,SACN,IACE;AAEJ,YAAM,iBAAiB,UAAU,CAAC,WAChC,qBAAC,SAAI,WAAU,4DACb;AAAA,4BAAC,WAAM,WAAU,iCAAgC,SAAS,iBAAiB,QAAQ,EAAE,IAClF,YAAE,yDAAyD,gBAAgB,GAC9E;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAI,iBAAiB,QAAQ,EAAE;AAAA,YAC/B,MAAK;AAAA,YACL,MAAK;AAAA,YACL,WAAU;AAAA,YACV,OAAO,gBAAgB;AAAA,YACvB,UAAU,CAAC,UAAU,WAAW,QAAQ,IAAI,MAAM,OAAO,KAAK;AAAA;AAAA,QAChE;AAAA,QACC,eACC,oBAAC,UAAO,MAAK,UAAS,SAAQ,SAAQ,MAAK,MAAK,SAAS,MAAM,WAAW,QAAQ,IAAI,IAAI,GACvF,YAAE,yDAAyD,OAAO,GACrE,IACE;AAAA,SACN,IACE;AAEJ,aACE;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA;AAAA,UACA,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,WAAW,EAAE,0DAA0D,QAAQ;AAAA,UAC/E,YAAY;AAAA,YACV;AAAA,YACA;AAAA,UACF;AAAA,UACA,OAAO,iBAAiB,QAAQ,IAAI,WAAW,MAAM,WAAW,OAAO,YAAY;AAAA,UACnF;AAAA,UACA;AAAA,UACA,aAAa,EAAE,yDAAyD,iBAAiB,EAAE,MAAM,QAAQ,KAAK,CAAC;AAAA,UAC/G,UAAU,CAAC,SAAS;AAAE,iBAAK,aAAa,QAAQ,IAAI,IAAI;AAAA,UAAE;AAAA;AAAA,QAdrD,QAAQ;AAAA,MAef;AAAA,IAEJ;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAc,CAAC,SAAS;AACtB,YAAI,MAAM;AACR,uBAAa,IAAI;AACjB;AAAA,QACF;AACA,aAAK,aAAa;AAAA,MACpB;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,WAAW;AAAA,UACX,gBAAgB,EAAE,kDAAkD,OAAO;AAAA,UAE3E;AAAA,iCAAC,gBACC;AAAA,kCAAC,eAAa,YAAE,kDAAkD,cAAc,GAAE;AAAA,cAClF,oBAAC,qBAAmB,uBAAY;AAAA,eAClC;AAAA,YACA,oBAAC,cAAW,WAAU,uBACnB,oBACC,oBAAC,kBAAe,OAAO,EAAE,oDAAoD,wBAAmB,GAAG,IACjG,YACF,oBAAC,gBAAa,OAAO,WAAW,IAEhC,iCACE;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,kBACP,UAAU;AAAA,kBACV,aAAa,EAAE,mDAAmD,2BAAsB;AAAA;AAAA,cAC1F;AAAA,cAEA,qBAAC,aAAQ,WAAU,uBACjB;AAAA,oCAAC,QAAG,WAAU,qEACX,YAAE,qDAAqD,sBAAsB;AAAA,kBAC5E,OAAO,eAAe;AAAA,gBACxB,CAAC,GACH;AAAA,gBACC,aAAa,WAAW,IACvB,oBAAC,OAAE,WAAU,iCACV,YAAE,2CAA2C,yBAAyB,GACzE,IAEA,oBAAC,QAAG,WAAU,uBAAuB,uBAAa,IAAI,SAAS,GAAE;AAAA,iBAErE;AAAA,cAEA,qBAAC,aAAQ,WAAU,uBACjB;AAAA,oCAAC,QAAG,WAAU,qEACX,YAAE,mDAAmD,mCAAmC,GAC3F;AAAA,gBACC,UAAU,WAAW,IACpB,oBAAC,OAAE,WAAU,iCACV,YAAE,wDAAwD,wBAAwB,GACrF,IAEA,oBAAC,QAAG,WAAU,uBAAuB,oBAAU,IAAI,SAAS,GAAE;AAAA,gBAE/D,iBAAiB,aAAa,SAC7B,oBAAC,OAAE,WAAU,iCACV;AAAA,kBACC;AAAA,kBACA;AAAA,kBACA,EAAE,OAAO,aAAa,OAAO;AAAA,gBAC/B,GACF,IACE;AAAA,iBACN;AAAA,cAEA,qBAAC,SAAM,QAAO,eACZ;AAAA,oCAAC,oBACE;AAAA,kBACC;AAAA,kBACA;AAAA,gBACF,GACF;AAAA,gBACA,oBAAC,oBACE;AAAA,kBACC;AAAA,kBACA;AAAA,gBACF,GACF;AAAA,iBACF;AAAA,eACF,GAEJ;AAAA,YACA,qBAAC,gBAAa,SAAS,oBAAC,UAAK,WAAU,iCAAiC,4BAAiB,GACvF;AAAA,kCAAC,UAAO,MAAK,UAAS,SAAQ,SAAQ,SAAS,MAAM;AAAE,qBAAK,aAAa;AAAA,cAAE,GACxE,YAAE,mDAAmD,QAAQ,GAChE;AAAA,cACA,qBAAC,UAAO,MAAK,UAAS,UAAU,UAAU,mBAAmB,GAAG,SAAS,MAAM;AAAE,qBAAK,WAAW;AAAA,cAAE,GACjG;AAAA,oCAAC,QAAK,WAAU,UAAS,eAAW,MAAC;AAAA,gBACpC,SACG,EAAE,mDAAmD,cAAS,IAC9D,EAAE,iDAAiD,MAAM;AAAA,iBAC/D;AAAA,eACF;AAAA,YACC;AAAA;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,4BAAQ;",
+  "names": []
+}

package/dist/modules/staff/lib/time-tracking-ui/ReportSheet.js

@@ -0,0 +1,217 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { z } from "zod";
+import { ChevronDown, ChevronRight } from "lucide-react";
+import { Badge } from "@open-mercato/ui/primitives/badge";
+import { formatCurrency } from "@open-mercato/ui/utils/format";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { InjectionSpot } from "@open-mercato/ui/backend/injection/InjectionSpot";
+import { extensionPoints } from "@open-mercato/core/modules/staff/extension-points";
+import { registerComponent } from "@open-mercato/shared/modules/widgets/component-registry";
+import { useRegisteredComponent } from "@open-mercato/ui/backend/injection/useRegisteredComponent";
+import { opaqueProp } from "../time-tracking/componentContracts.js";
+import { formatReportMinutes } from "../timesheets-reports/reportTotals.js";
+const EM_DASH = "\u2014";
+const REPORT_ENTITY_ID = "staff:staff_time_report";
+function useMoney(currencyCode) {
+  return React.useCallback(
+    (amount) => {
+      if (amount === null || amount === void 0) return EM_DASH;
+      return formatCurrency(amount, currencyCode ?? void 0) ?? EM_DASH;
+    },
+    [currencyCode]
+  );
+}
+function DefaultReportSheet({
+  reportId = null,
+  reference,
+  customerName,
+  periodLabel,
+  issuedByLabel,
+  issuedAtLabel,
+  currencyCode,
+  showRates,
+  groups,
+  totals,
+  roundingLabel
+}) {
+  const t = useT();
+  const money = useMoney(currencyCode);
+  const sheetInjectionContext = React.useMemo(
+    () => ({ entityId: REPORT_ENTITY_ID, recordId: reportId, reportId, reference, periodLabel, currencyCode }),
+    [currencyCode, periodLabel, reference, reportId]
+  );
+  return /* @__PURE__ */ jsxs("section", { className: "rounded-lg border border-border bg-card", children: [
+    /* @__PURE__ */ jsxs("header", { className: "flex flex-wrap items-start justify-between gap-4 border-b border-border p-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("staff.time_tracking.reports.sheet.overline", "Time and cost statement") }),
+        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: customerName }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: periodLabel })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end gap-1 text-right", children: [
+        issuedByLabel ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("staff.time_tracking.reports.sheet.issuedBy", "Issued by") }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: issuedByLabel })
+        ] }) : null,
+        issuedAtLabel ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: issuedAtLabel }) : null,
+        /* @__PURE__ */ jsx("span", { className: "font-mono text-xs text-muted-foreground", children: reference })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      InjectionSpot,
+      {
+        spotId: extensionPoints.hosts.reportSheetBeforeLines.spotId,
+        context: sheetInjectionContext,
+        data: groups
+      }
+    ),
+    groups.length === 0 ? /* @__PURE__ */ jsx("p", { className: "p-6 text-sm text-muted-foreground", children: t("staff.time_tracking.reports.sheet.empty", "No time was logged in this period for the selected projects.") }) : groups.map((group) => /* @__PURE__ */ jsx(
+      ReportSheetGroup,
+      {
+        group,
+        showRates,
+        money
+      },
+      group.key
+    )),
+    /* @__PURE__ */ jsxs("footer", { className: "flex flex-wrap items-center justify-between gap-4 border-t border-border p-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: t("staff.time_tracking.reports.sheet.total", "Total to invoice") }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t(
+          "staff.time_tracking.reports.sheet.totalHint",
+          "{billable} billable \xB7 {nonbillable} non-billable \xB7 {rounding}"
+        ).replace("{billable}", formatReportMinutes(totals.billableMinutes)).replace("{nonbillable}", formatReportMinutes(totals.nonbillableMinutes)).replace("{rounding}", roundingLabel) })
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: "font-mono text-xl font-semibold tabular-nums", children: money(totals.totalAmount) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      InjectionSpot,
+      {
+        spotId: extensionPoints.hosts.reportSheetAfterTotals.spotId,
+        context: sheetInjectionContext,
+        data: totals
+      }
+    )
+  ] });
+}
+function ReportSheetGroup({ group, showRates, money }) {
+  const t = useT();
+  const isNonBillable = group.kind === "nonbillable";
+  return /* @__PURE__ */ jsxs("div", { className: "border-b border-border last:border-b-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 bg-muted/40 px-6 py-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: group.label }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: isNonBillable ? t("staff.time_tracking.reports.sheet.nonbillableHint", "Shown for information, outside the invoice") : showRates && group.rate !== null ? `${money(group.rate)}/h` : "" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-mono text-sm tabular-nums", children: formatReportMinutes(group.minutes) }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `font-mono text-sm tabular-nums ${isNonBillable ? "text-muted-foreground" : "font-semibold"}`,
+            children: isNonBillable ? money(0) : money(group.amount)
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b border-border text-xs uppercase tracking-wide text-muted-foreground", children: [
+        /* @__PURE__ */ jsx("th", { className: "px-6 py-2 text-left font-medium", children: t("staff.time_tracking.reports.sheet.lineLabel", "Line") }),
+        /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-right font-medium", children: t("staff.time_tracking.reports.sheet.time", "Time") }),
+        showRates ? /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-right font-medium", children: t("staff.time_tracking.reports.sheet.rate", "Rate") }) : null,
+        /* @__PURE__ */ jsx("th", { className: "px-6 py-2 text-right font-medium", children: t("staff.time_tracking.reports.sheet.amount", "Amount") })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: group.lines.map((line) => /* @__PURE__ */ jsx(
+        ReportSheetLine,
+        {
+          line,
+          depth: 0,
+          isNonBillable,
+          showRates,
+          money
+        },
+        line.key
+      )) })
+    ] }) })
+  ] });
+}
+function ReportSheetLine({ line, depth, isNonBillable, showRates, money }) {
+  const t = useT();
+  const [expanded, setExpanded] = React.useState(false);
+  const hasChildren = line.children.length > 0;
+  const columns = showRates ? 4 : 3;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("tr", { className: "border-b border-border/60 last:border-b-0", children: [
+      /* @__PURE__ */ jsx("td", { className: "px-6 py-2", style: { paddingLeft: `${1.5 + depth * 1.25}rem` }, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        hasChildren ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "inline-flex items-center text-muted-foreground hover:text-foreground",
+            onClick: () => setExpanded((current) => !current),
+            "aria-expanded": expanded,
+            "aria-label": expanded ? t("staff.time_tracking.reports.sheet.collapse", "Hide subtasks") : t("staff.time_tracking.reports.sheet.expand", "Show subtasks"),
+            children: expanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "size-4", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "size-4", "aria-hidden": "true" })
+          }
+        ) : null,
+        /* @__PURE__ */ jsx("span", { children: line.label }),
+        line.hasOverride ? /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: t("staff.time_tracking.reports.sheet.overrideBadge", "agreed rate") }) : null
+      ] }) }),
+      /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-right font-mono tabular-nums", children: formatReportMinutes(line.minutes) }),
+      showRates ? /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-right font-mono tabular-nums", children: isNonBillable ? EM_DASH : money(line.rate) }) : null,
+      /* @__PURE__ */ jsx("td", { className: "px-6 py-2 text-right font-mono tabular-nums", children: isNonBillable ? EM_DASH : money(line.amount) })
+    ] }),
+    expanded ? line.children.map((child) => /* @__PURE__ */ jsx(
+      ReportSheetLine,
+      {
+        line: child,
+        depth: depth + 1,
+        isNonBillable,
+        showRates,
+        money
+      },
+      child.key
+    )) : null,
+    expanded && line.children.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: columns, className: "px-6 py-2 text-xs text-muted-foreground", children: t("staff.time_tracking.reports.sheet.noSubtasks", "No subtasks") }) }) : null
+  ] });
+}
+const reportSheetPropsSchema = z.object({
+  reportId: z.string().nullable().optional(),
+  reference: z.string(),
+  customerName: z.string(),
+  periodLabel: z.string(),
+  issuedByLabel: z.string().nullable(),
+  issuedAtLabel: z.string().nullable(),
+  currencyCode: z.string().nullable(),
+  showRates: z.boolean(),
+  groups: z.array(opaqueProp()),
+  totals: z.object({
+    billableMinutes: z.number(),
+    nonbillableMinutes: z.number(),
+    totalAmount: z.number().nullable()
+  }),
+  roundingLabel: z.string()
+});
+registerComponent({
+  id: extensionPoints.hosts.reportSheetComponent.componentId,
+  component: DefaultReportSheet,
+  metadata: {
+    module: "staff",
+    description: "Client-facing time and cost statement for one report.",
+    propsSchema: reportSheetPropsSchema
+  }
+});
+function ReportSheet(props) {
+  const Resolved = useRegisteredComponent(
+    extensionPoints.hosts.reportSheetComponent.componentId,
+    DefaultReportSheet
+  );
+  return /* @__PURE__ */ jsx(Resolved, { ...props });
+}
+var ReportSheet_default = ReportSheet;
+export {
+  ReportSheet,
+  ReportSheet_default as default
+};
+//# sourceMappingURL=ReportSheet.js.map

package/dist/modules/staff/lib/time-tracking-ui/ReportSheet.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/staff/lib/time-tracking-ui/ReportSheet.tsx"],
+  "sourcesContent": ["\"use client\"\n\n/**\n * Screen 14 \u2014 the sheet the client sees.\n *\n * It is deliberately a dumb renderer: every number arrives already computed by\n * `POST .../reports/preview` or `GET .../reports/[id]/sheet`, which own D-7. The\n * component adds nothing up, because a client-facing total computed in two\n * places is a client-facing total that will eventually disagree with itself.\n *\n * The four mockup notes it implements:\n *\n *  1. **Non-billable time gets its own group at zero** rather than being\n *     omitted. The client sees the full effort and the total stays unambiguous\n *     (US-G2). A dash, never `0,00`, in the rate and amount cells \u2014 a zero there\n *     would read as free work rather than as work outside the invoice.\n *  2. **A line carrying a rate override is marked** and prints the rate actually\n *     applied, not the project default (US-F2). Two lines with the same hours\n *     and different amounts look like a bug otherwise.\n *  3. **Child tasks roll up into their parent line and expand underneath**\n *     (D-2), so the sheet reads at the level the client contracted for while the\n *     detail stays one click away.\n *  4. **The grand total spells out the rounding rule** it was produced under, so\n *     an amount with an odd grosz ending is explained on the page rather than in\n *     an email.\n */\n\nimport * as React from 'react'\nimport { z } from 'zod'\nimport { ChevronDown, ChevronRight } from 'lucide-react'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { formatCurrency } from '@open-mercato/ui/utils/format'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { InjectionSpot } from '@open-mercato/ui/backend/injection/InjectionSpot'\nimport { extensionPoints } from '@open-mercato/core/modules/staff/extension-points'\nimport { registerComponent } from '@open-mercato/shared/modules/widgets/component-registry'\nimport { useRegisteredComponent } from '@open-mercato/ui/backend/injection/useRegisteredComponent'\nimport { opaqueProp } from '../time-tracking/componentContracts'\nimport { formatReportMinutes } from '../timesheets-reports/reportTotals'\nimport type { PreviewGroup, PreviewLine } from '../timesheets-reports/reportConfigData'\n\nexport type ReportSheetProps = {\n  /**\n   * Identifies the rendered report to the sheet's injection spots. Optional so\n   * the preview host, which renders a sheet no report row exists for yet, keeps\n   * working unchanged.\n   */\n  reportId?: string | null\n  reference: string\n  customerName: string\n  periodLabel: string\n  issuedByLabel: string | null\n  issuedAtLabel: string | null\n  currencyCode: string | null\n  showRates: boolean\n  groups: readonly PreviewGroup[]\n  totals: {\n    billableMinutes: number\n    nonbillableMinutes: number\n    totalAmount: number | null\n  }\n  roundingLabel: string\n}\n\nconst EM_DASH = '\u2014'\n\nconst REPORT_ENTITY_ID = 'staff:staff_time_report'\n\nfunction useMoney(currencyCode: string | null) {\n  return React.useCallback(\n    (amount: number | null | undefined) => {\n      if (amount === null || amount === undefined) return EM_DASH\n      return formatCurrency(amount, currencyCode ?? undefined) ?? EM_DASH\n    },\n    [currencyCode],\n  )\n}\n\nfunction DefaultReportSheet({\n  reportId = null,\n  reference,\n  customerName,\n  periodLabel,\n  issuedByLabel,\n  issuedAtLabel,\n  currencyCode,\n  showRates,\n  groups,\n  totals,\n  roundingLabel,\n}: ReportSheetProps) {\n  const t = useT()\n  const money = useMoney(currencyCode)\n  const sheetInjectionContext = React.useMemo(\n    () => ({ entityId: REPORT_ENTITY_ID, recordId: reportId, reportId, reference, periodLabel, currencyCode }),\n    [currencyCode, periodLabel, reference, reportId],\n  )\n\n  return (\n    <section className=\"rounded-lg border border-border bg-card\">\n      <header className=\"flex flex-wrap items-start justify-between gap-4 border-b border-border p-6\">\n        <div className=\"flex flex-col gap-1\">\n          <span className=\"text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n            {t('staff.time_tracking.reports.sheet.overline', 'Time and cost statement')}\n          </span>\n          <h2 className=\"text-lg font-semibold\">{customerName}</h2>\n          <span className=\"text-sm text-muted-foreground\">{periodLabel}</span>\n        </div>\n        <div className=\"flex flex-col items-end gap-1 text-right\">\n          {issuedByLabel ? (\n            <>\n              <span className=\"text-xs text-muted-foreground\">\n                {t('staff.time_tracking.reports.sheet.issuedBy', 'Issued by')}\n              </span>\n              <span className=\"text-sm font-medium\">{issuedByLabel}</span>\n            </>\n          ) : null}\n          {issuedAtLabel ? <span className=\"text-xs text-muted-foreground\">{issuedAtLabel}</span> : null}\n          <span className=\"font-mono text-xs text-muted-foreground\">{reference}</span>\n        </div>\n      </header>\n\n      <InjectionSpot\n        spotId={extensionPoints.hosts.reportSheetBeforeLines.spotId}\n        context={sheetInjectionContext}\n        data={groups}\n      />\n\n      {groups.length === 0 ? (\n        <p className=\"p-6 text-sm text-muted-foreground\">\n          {t('staff.time_tracking.reports.sheet.empty', 'No time was logged in this period for the selected projects.')}\n        </p>\n      ) : (\n        groups.map((group) => (\n          <ReportSheetGroup\n            key={group.key}\n            group={group}\n            showRates={showRates}\n            money={money}\n          />\n        ))\n      )}\n\n      <footer className=\"flex flex-wrap items-center justify-between gap-4 border-t border-border p-6\">\n        <div className=\"flex flex-col gap-1\">\n          <span className=\"text-sm font-semibold\">\n            {t('staff.time_tracking.reports.sheet.total', 'Total to invoice')}\n          </span>\n          <span className=\"text-xs text-muted-foreground\">\n            {t(\n              'staff.time_tracking.reports.sheet.totalHint',\n              '{billable} billable \u00B7 {nonbillable} non-billable \u00B7 {rounding}',\n            )\n              .replace('{billable}', formatReportMinutes(totals.billableMinutes))\n              .replace('{nonbillable}', formatReportMinutes(totals.nonbillableMinutes))\n              .replace('{rounding}', roundingLabel)}\n          </span>\n        </div>\n        <span className=\"font-mono text-xl font-semibold tabular-nums\">{money(totals.totalAmount)}</span>\n      </footer>\n\n      <InjectionSpot\n        spotId={extensionPoints.hosts.reportSheetAfterTotals.spotId}\n        context={sheetInjectionContext}\n        data={totals}\n      />\n    </section>\n  )\n}\n\ntype GroupProps = {\n  group: PreviewGroup\n  showRates: boolean\n  money: (amount: number | null | undefined) => string\n}\n\nfunction ReportSheetGroup({ group, showRates, money }: GroupProps) {\n  const t = useT()\n  const isNonBillable = group.kind === 'nonbillable'\n\n  return (\n    <div className=\"border-b border-border last:border-b-0\">\n      <div className=\"flex flex-wrap items-center justify-between gap-3 bg-muted/40 px-6 py-3\">\n        <div className=\"flex flex-col\">\n          <span className=\"text-sm font-semibold\">{group.label}</span>\n          <span className=\"text-xs text-muted-foreground\">\n            {isNonBillable\n              ? t('staff.time_tracking.reports.sheet.nonbillableHint', 'Shown for information, outside the invoice')\n              : showRates && group.rate !== null\n                ? `${money(group.rate)}/h`\n                : ''}\n          </span>\n        </div>\n        <div className=\"flex items-center gap-4\">\n          <span className=\"font-mono text-sm tabular-nums\">{formatReportMinutes(group.minutes)}</span>\n          <span\n            className={`font-mono text-sm tabular-nums ${isNonBillable ? 'text-muted-foreground' : 'font-semibold'}`}\n          >\n            {isNonBillable ? money(0) : money(group.amount)}\n          </span>\n        </div>\n      </div>\n\n      <div className=\"overflow-x-auto\">\n        <table className=\"w-full text-sm\">\n          <thead>\n            <tr className=\"border-b border-border text-xs uppercase tracking-wide text-muted-foreground\">\n              <th className=\"px-6 py-2 text-left font-medium\">\n                {t('staff.time_tracking.reports.sheet.lineLabel', 'Line')}\n              </th>\n              <th className=\"px-3 py-2 text-right font-medium\">\n                {t('staff.time_tracking.reports.sheet.time', 'Time')}\n              </th>\n              {showRates ? (\n                <th className=\"px-3 py-2 text-right font-medium\">\n                  {t('staff.time_tracking.reports.sheet.rate', 'Rate')}\n                </th>\n              ) : null}\n              <th className=\"px-6 py-2 text-right font-medium\">\n                {t('staff.time_tracking.reports.sheet.amount', 'Amount')}\n              </th>\n            </tr>\n          </thead>\n          <tbody>\n            {group.lines.map((line) => (\n              <ReportSheetLine\n                key={line.key}\n                line={line}\n                depth={0}\n                isNonBillable={isNonBillable}\n                showRates={showRates}\n                money={money}\n              />\n            ))}\n          </tbody>\n        </table>\n      </div>\n    </div>\n  )\n}\n\ntype LineProps = {\n  line: PreviewLine\n  depth: number\n  isNonBillable: boolean\n  showRates: boolean\n  money: (amount: number | null | undefined) => string\n}\n\nfunction ReportSheetLine({ line, depth, isNonBillable, showRates, money }: LineProps) {\n  const t = useT()\n  const [expanded, setExpanded] = React.useState(false)\n  const hasChildren = line.children.length > 0\n  const columns = showRates ? 4 : 3\n\n  return (\n    <>\n      <tr className=\"border-b border-border/60 last:border-b-0\">\n        <td className=\"px-6 py-2\" style={{ paddingLeft: `${1.5 + depth * 1.25}rem` }}>\n          <div className=\"flex items-center gap-2\">\n            {hasChildren ? (\n              <button\n                type=\"button\"\n                className=\"inline-flex items-center text-muted-foreground hover:text-foreground\"\n                onClick={() => setExpanded((current) => !current)}\n                aria-expanded={expanded}\n                aria-label={\n                  expanded\n                    ? t('staff.time_tracking.reports.sheet.collapse', 'Hide subtasks')\n                    : t('staff.time_tracking.reports.sheet.expand', 'Show subtasks')\n                }\n              >\n                {expanded ? (\n                  <ChevronDown className=\"size-4\" aria-hidden=\"true\" />\n                ) : (\n                  <ChevronRight className=\"size-4\" aria-hidden=\"true\" />\n                )}\n              </button>\n            ) : null}\n            <span>{line.label}</span>\n            {line.hasOverride ? (\n              <Badge variant=\"secondary\">\n                {t('staff.time_tracking.reports.sheet.overrideBadge', 'agreed rate')}\n              </Badge>\n            ) : null}\n          </div>\n        </td>\n        <td className=\"px-3 py-2 text-right font-mono tabular-nums\">{formatReportMinutes(line.minutes)}</td>\n        {showRates ? (\n          <td className=\"px-3 py-2 text-right font-mono tabular-nums\">\n            {isNonBillable ? EM_DASH : money(line.rate)}\n          </td>\n        ) : null}\n        <td className=\"px-6 py-2 text-right font-mono tabular-nums\">\n          {isNonBillable ? EM_DASH : money(line.amount)}\n        </td>\n      </tr>\n      {expanded\n        ? line.children.map((child) => (\n            <ReportSheetLine\n              key={child.key}\n              line={child}\n              depth={depth + 1}\n              isNonBillable={isNonBillable}\n              showRates={showRates}\n              money={money}\n            />\n          ))\n        : null}\n      {expanded && line.children.length === 0 ? (\n        <tr>\n          <td colSpan={columns} className=\"px-6 py-2 text-xs text-muted-foreground\">\n            {t('staff.time_tracking.reports.sheet.noSubtasks', 'No subtasks')}\n          </td>\n        </tr>\n      ) : null}\n    </>\n  )\n}\n\nconst reportSheetPropsSchema: z.ZodType<ReportSheetProps> = z.object({\n  reportId: z.string().nullable().optional(),\n  reference: z.string(),\n  customerName: z.string(),\n  periodLabel: z.string(),\n  issuedByLabel: z.string().nullable(),\n  issuedAtLabel: z.string().nullable(),\n  currencyCode: z.string().nullable(),\n  showRates: z.boolean(),\n  groups: z.array(opaqueProp<PreviewGroup>()),\n  totals: z.object({\n    billableMinutes: z.number(),\n    nonbillableMinutes: z.number(),\n    totalAmount: z.number().nullable(),\n  }),\n  roundingLabel: z.string(),\n})\n\nregisterComponent<ReportSheetProps>({\n  id: extensionPoints.hosts.reportSheetComponent.componentId,\n  component: DefaultReportSheet,\n  metadata: {\n    module: 'staff',\n    description: 'Client-facing time and cost statement for one report.',\n    propsSchema: reportSheetPropsSchema,\n  },\n})\n\nexport function ReportSheet(props: ReportSheetProps) {\n  const Resolved = useRegisteredComponent<ReportSheetProps>(\n    extensionPoints.hosts.reportSheetComponent.componentId,\n    DefaultReportSheet,\n  )\n  return <Resolved {...props} />\n}\n\nexport default ReportSheet\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/staff/lib/time-tracking-ui/TagPicker.js

@@ -0,0 +1,158 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Plus, Tag as TagIcon } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { resolveProjectColorHex } from "../timesheets-ui/colors.js";
+function tagChipStyle(tag) {
+  if (!tag.color) return void 0;
+  const hex = resolveProjectColorHex(tag.color, tag.label);
+  return { backgroundColor: `${hex}1f`, borderColor: `${hex}66` };
+}
+function TagPicker({
+  available,
+  onAssign,
+  onCreate,
+  labels,
+  disabled,
+  testIdPrefix = "entry-dialog"
+}) {
+  const [open, setOpen] = React.useState(false);
+  const [query, setQuery] = React.useState("");
+  const [creating, setCreating] = React.useState(false);
+  const containerRef = React.useRef(null);
+  React.useEffect(() => {
+    if (!open) return;
+    const onPointerDown = (event) => {
+      if (!containerRef.current?.contains(event.target)) setOpen(false);
+    };
+    const onEscapeCapture = (event) => {
+      if (event.key !== "Escape") return;
+      event.preventDefault();
+      event.stopPropagation();
+      setOpen(false);
+    };
+    document.addEventListener("mousedown", onPointerDown);
+    window.addEventListener("keydown", onEscapeCapture, true);
+    return () => {
+      document.removeEventListener("mousedown", onPointerDown);
+      window.removeEventListener("keydown", onEscapeCapture, true);
+    };
+  }, [open]);
+  const term = query.trim();
+  const matches = React.useMemo(
+    () => available.filter((tag) => tag.label.toLowerCase().includes(term.toLowerCase())),
+    [available, term]
+  );
+  const canCreate = term.length > 0 && !available.some((tag) => tag.label.toLowerCase() === term.toLowerCase());
+  const create = React.useCallback(async () => {
+    if (!canCreate || creating) return;
+    setCreating(true);
+    try {
+      const created = await onCreate(term);
+      if (created) {
+        onAssign(created.id);
+        setQuery("");
+        setOpen(false);
+      }
+    } finally {
+      setCreating(false);
+    }
+  }, [canCreate, creating, onAssign, onCreate, term]);
+  return /* @__PURE__ */ jsxs("div", { className: "relative", ref: containerRef, children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        disabled,
+        onClick: () => setOpen((value) => !value),
+        "aria-expanded": open,
+        "aria-haspopup": "listbox",
+        "data-testid": `${testIdPrefix}-tag-select`,
+        children: [
+          /* @__PURE__ */ jsx(TagIcon, { className: "size-3.5", "aria-hidden": "true" }),
+          labels.add
+        ]
+      }
+    ),
+    open ? /* @__PURE__ */ jsxs("div", { className: "absolute z-popover mt-1 w-64 rounded-md border border-border bg-popover p-2 shadow-md", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          autoFocus: true,
+          value: query,
+          size: "sm",
+          placeholder: labels.add,
+          onChange: (event) => setQuery(event.target.value),
+          onKeyDown: (event) => {
+            if (event.key !== "Enter") return;
+            event.preventDefault();
+            if (matches.length > 0 && !canCreate) {
+              onAssign(matches[0].id);
+              setQuery("");
+              setOpen(false);
+              return;
+            }
+            void create();
+          },
+          "data-testid": `${testIdPrefix}-tag-search`
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "mt-1 max-h-48 overflow-y-auto", role: "listbox", children: [
+        matches.map((tag) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            role: "option",
+            "aria-selected": "false",
+            className: "flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm hover:bg-accent",
+            onClick: () => {
+              onAssign(tag.id);
+              setQuery("");
+              setOpen(false);
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "size-2.5 shrink-0 rounded-full border border-border",
+                  style: { backgroundColor: resolveProjectColorHex(tag.color, tag.label) },
+                  "aria-hidden": true
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "truncate", children: tag.label })
+            ]
+          },
+          tag.id
+        )),
+        matches.length === 0 && !canCreate ? /* @__PURE__ */ jsx("p", { className: "px-2 py-1.5 text-xs text-muted-foreground", children: labels.empty }) : null
+      ] }),
+      canCreate ? /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: "mt-1 flex w-full items-center gap-2 rounded-sm border-t border-border px-2 py-1.5 text-left text-sm hover:bg-accent",
+          disabled: creating,
+          onClick: () => {
+            void create();
+          },
+          "data-testid": `${testIdPrefix}-tag-create`,
+          children: [
+            /* @__PURE__ */ jsx(Plus, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: labels.create(term) })
+          ]
+        }
+      ) : null
+    ] }) : null
+  ] });
+}
+var TagPicker_default = TagPicker;
+export {
+  TagPicker,
+  TagPicker_default as default,
+  tagChipStyle
+};
+//# sourceMappingURL=TagPicker.js.map

package/dist/modules/staff/lib/time-tracking-ui/TagPicker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/staff/lib/time-tracking-ui/TagPicker.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Plus, Tag as TagIcon } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { resolveProjectColorHex } from '../timesheets-ui/colors'\nimport type { TagOption } from './timeEntryDialogState'\n\n/**\n * Renders a stored tag colour as a readable chip.\n *\n * `staff_time_tags.color` holds a DS palette key and has been written since the\n * table existed; nothing ever read it, so every chip was grey. The hue tints the\n * background and paints the border while the text stays on the foreground token,\n * which keeps contrast legible in both themes rather than trusting a palette\n * colour to be readable as text.\n */\nexport function tagChipStyle(tag: { color?: string | null; label: string }): React.CSSProperties | undefined {\n  if (!tag.color) return undefined\n  const hex = resolveProjectColorHex(tag.color, tag.label)\n  return { backgroundColor: `${hex}1f`, borderColor: `${hex}66` }\n}\n\nexport type TagPickerProps = {\n  available: TagOption[]\n  onAssign: (tagId: string) => void\n  /** Resolves with the new tag, or null when the write failed. */\n  onCreate: (label: string) => Promise<TagOption | null>\n  labels: { add: string; create: (name: string) => string; empty: string }\n  disabled?: boolean\n  /**\n   * Namespaces the control's test ids so both hosts stay addressable. Defaults to\n   * the entry dialog's prefix, which was the only host when the ids were minted.\n   */\n  testIdPrefix?: string\n}\n\n/**\n * Assign an existing tag or make one on the spot.\n *\n * Creation is open to anyone who can log time, deliberately: a consultant blocked\n * mid-entry because the tag they need does not exist yet will either abandon the\n * tag or invent a worse one in the description. The cost is a vocabulary that\n * grows organically and will want tidying \u2014 a curation surface, not a gate here.\n */\nexport function TagPicker({\n  available,\n  onAssign,\n  onCreate,\n  labels,\n  disabled,\n  testIdPrefix = 'entry-dialog',\n}: TagPickerProps) {\n  const [open, setOpen] = React.useState(false)\n  const [query, setQuery] = React.useState('')\n  const [creating, setCreating] = React.useState(false)\n  const containerRef = React.useRef<HTMLDivElement | null>(null)\n\n  React.useEffect(() => {\n    if (!open) return\n    const onPointerDown = (event: MouseEvent) => {\n      if (!containerRef.current?.contains(event.target as Node)) setOpen(false)\n    }\n    /**\n     * Escape closes this popover and nothing else.\n     *\n     * Radix's `DismissableLayer` \u2014 the dialog or drawer this picker is dropped\n     * into \u2014 listens for Escape on the *document in the capture phase*, so it\n     * would otherwise dismiss the whole form before the popover ever saw the\n     * key, discarding a half-entered entry to dismiss a tag list. The window is\n     * one step earlier in the same propagation path, so the innermost layer gets\n     * the first and only say.\n     */\n    const onEscapeCapture = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape') return\n      event.preventDefault()\n      event.stopPropagation()\n      setOpen(false)\n    }\n    document.addEventListener('mousedown', onPointerDown)\n    window.addEventListener('keydown', onEscapeCapture, true)\n    return () => {\n      document.removeEventListener('mousedown', onPointerDown)\n      window.removeEventListener('keydown', onEscapeCapture, true)\n    }\n  }, [open])\n\n  const term = query.trim()\n  const matches = React.useMemo(\n    () => available.filter((tag) => tag.label.toLowerCase().includes(term.toLowerCase())),\n    [available, term],\n  )\n  // Only offered when nothing already carries that exact name, so the control\n  // never invites a duplicate of a tag sitting one row above it.\n  const canCreate =\n    term.length > 0 && !available.some((tag) => tag.label.toLowerCase() === term.toLowerCase())\n\n  const create = React.useCallback(async () => {\n    if (!canCreate || creating) return\n    setCreating(true)\n    try {\n      const created = await onCreate(term)\n      if (created) {\n        onAssign(created.id)\n        setQuery('')\n        setOpen(false)\n      }\n    } finally {\n      setCreating(false)\n    }\n  }, [canCreate, creating, onAssign, onCreate, term])\n\n  return (\n    <div className=\"relative\" ref={containerRef}>\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"sm\"\n        disabled={disabled}\n        onClick={() => setOpen((value) => !value)}\n        aria-expanded={open}\n        aria-haspopup=\"listbox\"\n        data-testid={`${testIdPrefix}-tag-select`}\n      >\n        <TagIcon className=\"size-3.5\" aria-hidden=\"true\" />\n        {labels.add}\n      </Button>\n\n      {open ? (\n        <div className=\"absolute z-popover mt-1 w-64 rounded-md border border-border bg-popover p-2 shadow-md\">\n          <Input\n            autoFocus\n            value={query}\n            size=\"sm\"\n            placeholder={labels.add}\n            onChange={(event) => setQuery(event.target.value)}\n            onKeyDown={(event) => {\n              if (event.key !== 'Enter') return\n              event.preventDefault()\n              if (matches.length > 0 && !canCreate) {\n                onAssign(matches[0].id)\n                setQuery('')\n                setOpen(false)\n                return\n              }\n              void create()\n            }}\n            data-testid={`${testIdPrefix}-tag-search`}\n          />\n          <div className=\"mt-1 max-h-48 overflow-y-auto\" role=\"listbox\">\n            {matches.map((tag) => (\n              <button\n                key={tag.id}\n                type=\"button\"\n                role=\"option\"\n                aria-selected=\"false\"\n                className=\"flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm hover:bg-accent\"\n                onClick={() => {\n                  onAssign(tag.id)\n                  setQuery('')\n                  setOpen(false)\n                }}\n              >\n                <span\n                  className=\"size-2.5 shrink-0 rounded-full border border-border\"\n                  style={{ backgroundColor: resolveProjectColorHex(tag.color, tag.label) }}\n                  aria-hidden\n                />\n                <span className=\"truncate\">{tag.label}</span>\n              </button>\n            ))}\n            {matches.length === 0 && !canCreate ? (\n              <p className=\"px-2 py-1.5 text-xs text-muted-foreground\">{labels.empty}</p>\n            ) : null}\n          </div>\n          {canCreate ? (\n            <button\n              type=\"button\"\n              className=\"mt-1 flex w-full items-center gap-2 rounded-sm border-t border-border px-2 py-1.5 text-left text-sm hover:bg-accent\"\n              disabled={creating}\n              onClick={() => { void create() }}\n              data-testid={`${testIdPrefix}-tag-create`}\n            >\n              <Plus className=\"size-3.5 shrink-0\" aria-hidden=\"true\" />\n              <span className=\"truncate\">{labels.create(term)}</span>\n            </button>\n          ) : null}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nexport default TagPicker\n"],
+  "mappings": "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",
+  "names": []
+}