@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/KanbanColumn.js

@@ -0,0 +1,259 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { z } from "zod";
+import { useDroppable } from "@dnd-kit/core";
+import { Plus } from "lucide-react";
+import { Badge } from "@open-mercato/ui/primitives/badge";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+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 { callbackProp, opaqueProp, optionalCallbackProp } from "../time-tracking/componentContracts.js";
+import { KanbanCard } from "./KanbanCard.js";
+import {
+  columnLoggedMinutes,
+  formatBoardMinutes,
+  statusAccentColor
+} from "./kanbanBoardData.js";
+const KANBAN_COLUMN_DROPPABLE_PREFIX = "kanban-column:";
+const EMPTY_MOVE_TARGETS = [];
+function KanbanColumnImpl({
+  status,
+  tasks,
+  total,
+  remaining,
+  canQuickAdd = true,
+  loadingMore,
+  activeDragTaskId,
+  pendingTaskIds,
+  runningTimerTaskId,
+  assigneeNames,
+  tagsByTaskId,
+  subtasksByTaskId,
+  quickAddPending,
+  moveTargets = EMPTY_MOVE_TARGETS,
+  onQuickAdd,
+  onLoadMore,
+  onOpenTask,
+  onStartTimer,
+  onStopTimer,
+  onAddTime,
+  onMoveTask
+}) {
+  const t = useT();
+  const [composing, setComposing] = React.useState(false);
+  const [draft, setDraft] = React.useState("");
+  const inputRef = React.useRef(null);
+  const { setNodeRef, isOver } = useDroppable({
+    id: `${KANBAN_COLUMN_DROPPABLE_PREFIX}${status.id}`,
+    data: { type: "kanban-column", statusId: status.id }
+  });
+  const isDragActive = activeDragTaskId !== null;
+  const isSourceColumn = isDragActive && tasks.some((task) => task.id === activeDragTaskId);
+  const showDropPlaceholder = isDragActive && (isOver || !isSourceColumn);
+  React.useEffect(() => {
+    if (composing) inputRef.current?.focus();
+  }, [composing]);
+  const minutes = React.useMemo(() => columnLoggedMinutes(tasks), [tasks]);
+  const cardMoveTargets = React.useMemo(
+    () => moveTargets.filter((target) => target.id !== status.id),
+    [moveTargets, status.id]
+  );
+  const submitDraft = React.useCallback(async () => {
+    const title = draft.trim();
+    if (!title) {
+      setComposing(false);
+      setDraft("");
+      return;
+    }
+    await onQuickAdd(status.id, title);
+    setDraft("");
+    inputRef.current?.focus();
+  }, [draft, onQuickAdd, status.id]);
+  const handleKeyDown = React.useCallback(
+    (event) => {
+      if (event.key === "Enter") {
+        event.preventDefault();
+        void submitDraft();
+        return;
+      }
+      if (event.key === "Escape") {
+        event.preventDefault();
+        setComposing(false);
+        setDraft("");
+      }
+    },
+    [submitDraft]
+  );
+  const remainingRows = remaining ?? total - tasks.length;
+  const hasMore = remainingRows > 0;
+  const countBadgeVariant = status.isDone ? "success" : "neutral";
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-72 flex-none flex-col gap-3", "data-kanban-column": status.id, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2.5 overflow-clip rounded-lg bg-muted/40 px-4 py-3.5", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "h-1.5 w-full rounded-sm",
+          style: { backgroundColor: statusAccentColor(status) },
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-bold uppercase leading-normal text-foreground", children: status.name }),
+          /* @__PURE__ */ jsx(Badge, { variant: countBadgeVariant, size: "sm", "data-testid": `kanban-count-${status.id}`, children: total })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "shrink-0 text-sm font-bold tabular-nums leading-normal text-foreground",
+            "data-testid": `kanban-hours-${status.id}`,
+            children: formatBoardMinutes(minutes)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          InjectionSpot,
+          {
+            spotId: extensionPoints.hosts.taskBoardColumnHeader.spotId,
+            context: { statusId: status.id, statusName: status.name, isDone: status.isDone, total, loggedMinutes: minutes },
+            data: tasks
+          }
+        )
+      ] })
+    ] }),
+    !canQuickAdd ? null : composing ? /* @__PURE__ */ jsx(
+      Input,
+      {
+        ref: inputRef,
+        value: draft,
+        disabled: quickAddPending,
+        onChange: (event) => setDraft(event.target.value),
+        onKeyDown: handleKeyDown,
+        onBlur: () => {
+          if (!draft.trim()) setComposing(false);
+        },
+        placeholder: t("staff.time_tracking.board.quickAdd.placeholder", "Task title"),
+        "aria-label": t("staff.time_tracking.board.quickAdd.label", "Quickly add a task"),
+        "data-testid": `kanban-quick-add-input-${status.id}`
+      }
+    ) : /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        onClick: () => setComposing(true),
+        "data-testid": `kanban-quick-add-${status.id}`,
+        className: "flex h-11 items-center justify-center gap-2.5 rounded-lg border border-dashed border-muted-foreground/60 bg-muted/40 text-sm font-semibold leading-normal text-foreground hover:bg-muted/70",
+        children: [
+          /* @__PURE__ */ jsx(Plus, { className: "size-4", "aria-hidden": "true" }),
+          t("staff.time_tracking.board.quickAdd.cta", "Quickly add a task")
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: setNodeRef,
+        "data-testid": `kanban-dropzone-${status.id}`,
+        className: `flex min-h-40 flex-col gap-3 rounded-lg p-1.5 ${isOver ? "bg-muted/60 outline-dashed outline-2 outline-muted-foreground -outline-offset-2" : ""}`,
+        children: [
+          showDropPlaceholder ? /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-testid": `kanban-drop-placeholder-${status.id}`,
+              className: "h-16 rounded-lg border border-dashed border-muted-foreground/60 bg-muted/30",
+              "aria-hidden": "true"
+            }
+          ) : null,
+          tasks.map((task) => /* @__PURE__ */ jsx(
+            KanbanCard,
+            {
+              task,
+              assigneeName: task.assigneeStaffMemberId ? assigneeNames.get(task.assigneeStaffMemberId) ?? null : null,
+              tags: tagsByTaskId.get(task.id) ?? [],
+              subtasks: subtasksByTaskId.get(task.id) ?? null,
+              timerRunning: runningTimerTaskId === task.id,
+              pending: pendingTaskIds.has(task.id),
+              isActiveDrag: activeDragTaskId === task.id,
+              moveTargets: cardMoveTargets,
+              onOpen: onOpenTask,
+              onStartTimer,
+              onStopTimer,
+              onAddTime,
+              onMoveToColumn: onMoveTask
+            },
+            task.id
+          )),
+          hasMore ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              disabled: loadingMore,
+              onClick: () => onLoadMore(status.id),
+              "data-testid": `kanban-load-more-${status.id}`,
+              className: "rounded-lg border border-dashed border-muted-foreground/60 text-muted-foreground",
+              children: loadingMore ? /* @__PURE__ */ jsx(Spinner, { className: "size-4" }) : t("staff.time_tracking.board.loadMore", "Show more ({remaining})", {
+                remaining: remainingRows
+              })
+            }
+          ) : null
+        ]
+      }
+    )
+  ] });
+}
+const DefaultKanbanColumn = React.memo(KanbanColumnImpl);
+const kanbanColumnPropsSchema = z.object({
+  status: opaqueProp(),
+  tasks: z.array(opaqueProp()),
+  total: z.number(),
+  remaining: z.number().optional(),
+  canQuickAdd: z.boolean().optional(),
+  loadingMore: z.boolean(),
+  activeDragTaskId: z.string().nullable(),
+  pendingTaskIds: opaqueProp(),
+  runningTimerTaskId: z.string().nullable(),
+  assigneeNames: opaqueProp(),
+  tagsByTaskId: opaqueProp(),
+  subtasksByTaskId: opaqueProp(),
+  quickAddPending: z.boolean(),
+  moveTargets: opaqueProp().optional(),
+  onQuickAdd: callbackProp(),
+  onLoadMore: callbackProp(),
+  onOpenTask: callbackProp(),
+  onStartTimer: callbackProp(),
+  onStopTimer: callbackProp(),
+  onAddTime: callbackProp(),
+  onMoveTask: optionalCallbackProp()
+});
+registerComponent({
+  id: extensionPoints.hosts.kanbanColumnComponent.componentId,
+  component: DefaultKanbanColumn,
+  metadata: {
+    module: "staff",
+    description: "One status column of the time-tracking Kanban board.",
+    propsSchema: kanbanColumnPropsSchema
+  }
+});
+function KanbanColumnHost(props) {
+  const Resolved = useRegisteredComponent(
+    extensionPoints.hosts.kanbanColumnComponent.componentId,
+    DefaultKanbanColumn
+  );
+  return /* @__PURE__ */ jsx(Resolved, { ...props });
+}
+const KanbanColumn = React.memo(KanbanColumnHost);
+var KanbanColumn_default = KanbanColumn;
+export {
+  KANBAN_COLUMN_DROPPABLE_PREFIX,
+  KanbanColumn,
+  KanbanColumn_default as default
+};
+//# sourceMappingURL=KanbanColumn.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/staff/lib/time-tracking-ui/KanbanColumn.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { z } from 'zod'\nimport { useDroppable } from '@dnd-kit/core'\nimport { Plus } from 'lucide-react'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\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 { callbackProp, opaqueProp, optionalCallbackProp } from '../time-tracking/componentContracts'\nimport { KanbanCard, type KanbanMoveTarget, type KanbanTagOption } from './KanbanCard'\nimport {\n  columnLoggedMinutes,\n  formatBoardMinutes,\n  statusAccentColor,\n  type BoardStatus,\n  type BoardTask,\n  type SubtaskProgress,\n} from './kanbanBoardData'\n\nexport const KANBAN_COLUMN_DROPPABLE_PREFIX = 'kanban-column:'\n\nexport type KanbanColumnProps = {\n  status: BoardStatus\n  tasks: BoardTask[]\n  /** What the count badge says \u2014 the number of cards this column is presenting. */\n  total: number\n  /**\n   * Rows the server still holds beyond what was loaded. Defaults to `total - tasks.length`,\n   * which is right whenever every loaded row is rendered; the board overrides it under a\n   * client-side tag filter, where the badge counts matches but \"show more\" must keep\n   * counting unfetched rows.\n   */\n  remaining?: number\n  /** `staff.timesheets.tasks.manage` \u2014 the quick-add is absent without it, never disabled. */\n  canQuickAdd?: boolean\n  loadingMore: boolean\n  activeDragTaskId: string | null\n  pendingTaskIds: ReadonlySet<string>\n  runningTimerTaskId: string | null\n  assigneeNames: ReadonlyMap<string, string>\n  tagsByTaskId: ReadonlyMap<string, KanbanTagOption[]>\n  subtasksByTaskId: ReadonlyMap<string, SubtaskProgress>\n  quickAddPending: boolean\n  /** Every board column; the card menu is offered the ones other than this column. */\n  moveTargets?: readonly KanbanMoveTarget[]\n  onQuickAdd: (statusId: string, title: string) => Promise<void>\n  onLoadMore: (statusId: string) => void\n  onOpenTask: (taskId: string) => void\n  onStartTimer: (taskId: string) => void\n  onStopTimer: (taskId: string) => void\n  onAddTime: (taskId: string) => void\n  onMoveTask?: (taskId: string, targetStatusId: string) => void\n}\n\nconst EMPTY_MOVE_TARGETS: readonly KanbanMoveTarget[] = []\n\n/**\n * One board column (mockup `kcol`): accent bar in the status colour, name, count\n * badge and the column's summed hours, then the in-place quick-add and the cards.\n *\n * The droppable is the card list, so `isOver` reads exactly when the pointer is over\n * the area a card would land in. While a drag is live the list renders a dashed drop\n * placeholder at the top \u2014 the slot the optimistic update will put the card into\n * (note 1), so the preview and the landing position agree.\n */\nfunction KanbanColumnImpl({\n  status,\n  tasks,\n  total,\n  remaining,\n  canQuickAdd = true,\n  loadingMore,\n  activeDragTaskId,\n  pendingTaskIds,\n  runningTimerTaskId,\n  assigneeNames,\n  tagsByTaskId,\n  subtasksByTaskId,\n  quickAddPending,\n  moveTargets = EMPTY_MOVE_TARGETS,\n  onQuickAdd,\n  onLoadMore,\n  onOpenTask,\n  onStartTimer,\n  onStopTimer,\n  onAddTime,\n  onMoveTask,\n}: KanbanColumnProps): React.ReactElement {\n  const t = useT()\n  const [composing, setComposing] = React.useState(false)\n  const [draft, setDraft] = React.useState('')\n  const inputRef = React.useRef<HTMLInputElement | null>(null)\n\n  const { setNodeRef, isOver } = useDroppable({\n    id: `${KANBAN_COLUMN_DROPPABLE_PREFIX}${status.id}`,\n    data: { type: 'kanban-column', statusId: status.id },\n  })\n\n  const isDragActive = activeDragTaskId !== null\n  const isSourceColumn = isDragActive && tasks.some((task) => task.id === activeDragTaskId)\n  const showDropPlaceholder = isDragActive && (isOver || !isSourceColumn)\n\n  React.useEffect(() => {\n    if (composing) inputRef.current?.focus()\n  }, [composing])\n\n  const minutes = React.useMemo(() => columnLoggedMinutes(tasks), [tasks])\n\n  const cardMoveTargets = React.useMemo(\n    () => moveTargets.filter((target) => target.id !== status.id),\n    [moveTargets, status.id],\n  )\n\n  const submitDraft = React.useCallback(async () => {\n    const title = draft.trim()\n    if (!title) {\n      setComposing(false)\n      setDraft('')\n      return\n    }\n    await onQuickAdd(status.id, title)\n    // Stay open so a run of tasks can be typed without re-opening the field.\n    setDraft('')\n    inputRef.current?.focus()\n  }, [draft, onQuickAdd, status.id])\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter') {\n        event.preventDefault()\n        void submitDraft()\n        return\n      }\n      if (event.key === 'Escape') {\n        event.preventDefault()\n        setComposing(false)\n        setDraft('')\n      }\n    },\n    [submitDraft],\n  )\n\n  const remainingRows = remaining ?? total - tasks.length\n  const hasMore = remainingRows > 0\n  const countBadgeVariant = status.isDone ? 'success' : 'neutral'\n\n  return (\n    <div className=\"flex w-72 flex-none flex-col gap-3\" data-kanban-column={status.id}>\n      <div className=\"flex flex-col gap-2.5 overflow-clip rounded-lg bg-muted/40 px-4 py-3.5\">\n        <div\n          className=\"h-1.5 w-full rounded-sm\"\n          style={{ backgroundColor: statusAccentColor(status) }}\n          aria-hidden=\"true\"\n        />\n        <div className=\"flex items-center justify-between gap-2\">\n          <div className=\"flex min-w-0 items-center gap-2.5\">\n            <span className=\"truncate text-sm font-bold uppercase leading-normal text-foreground\">\n              {status.name}\n            </span>\n            <Badge variant={countBadgeVariant} size=\"sm\" data-testid={`kanban-count-${status.id}`}>\n              {total}\n            </Badge>\n          </div>\n          <span\n            className=\"shrink-0 text-sm font-bold tabular-nums leading-normal text-foreground\"\n            data-testid={`kanban-hours-${status.id}`}\n          >\n            {formatBoardMinutes(minutes)}\n          </span>\n          <InjectionSpot\n            spotId={extensionPoints.hosts.taskBoardColumnHeader.spotId}\n            context={{ statusId: status.id, statusName: status.name, isDone: status.isDone, total, loggedMinutes: minutes }}\n            data={tasks}\n          />\n        </div>\n      </div>\n\n      {!canQuickAdd ? null : composing ? (\n        <Input\n          ref={inputRef}\n          value={draft}\n          disabled={quickAddPending}\n          onChange={(event) => setDraft(event.target.value)}\n          onKeyDown={handleKeyDown}\n          onBlur={() => {\n            if (!draft.trim()) setComposing(false)\n          }}\n          placeholder={t('staff.time_tracking.board.quickAdd.placeholder', 'Task title')}\n          aria-label={t('staff.time_tracking.board.quickAdd.label', 'Quickly add a task')}\n          data-testid={`kanban-quick-add-input-${status.id}`}\n        />\n      ) : (\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          onClick={() => setComposing(true)}\n          data-testid={`kanban-quick-add-${status.id}`}\n          className=\"flex h-11 items-center justify-center gap-2.5 rounded-lg border border-dashed border-muted-foreground/60 bg-muted/40 text-sm font-semibold leading-normal text-foreground hover:bg-muted/70\"\n        >\n          <Plus className=\"size-4\" aria-hidden=\"true\" />\n          {t('staff.time_tracking.board.quickAdd.cta', 'Quickly add a task')}\n        </Button>\n      )}\n\n      <div\n        ref={setNodeRef}\n        data-testid={`kanban-dropzone-${status.id}`}\n        className={`flex min-h-40 flex-col gap-3 rounded-lg p-1.5 ${\n          isOver ? 'bg-muted/60 outline-dashed outline-2 outline-muted-foreground -outline-offset-2' : ''\n        }`}\n      >\n        {showDropPlaceholder ? (\n          <div\n            data-testid={`kanban-drop-placeholder-${status.id}`}\n            className=\"h-16 rounded-lg border border-dashed border-muted-foreground/60 bg-muted/30\"\n            aria-hidden=\"true\"\n          />\n        ) : null}\n        {tasks.map((task) => (\n          <KanbanCard\n            key={task.id}\n            task={task}\n            assigneeName={\n              task.assigneeStaffMemberId ? assigneeNames.get(task.assigneeStaffMemberId) ?? null : null\n            }\n            tags={tagsByTaskId.get(task.id) ?? []}\n            subtasks={subtasksByTaskId.get(task.id) ?? null}\n            timerRunning={runningTimerTaskId === task.id}\n            pending={pendingTaskIds.has(task.id)}\n            isActiveDrag={activeDragTaskId === task.id}\n            moveTargets={cardMoveTargets}\n            onOpen={onOpenTask}\n            onStartTimer={onStartTimer}\n            onStopTimer={onStopTimer}\n            onAddTime={onAddTime}\n            onMoveToColumn={onMoveTask}\n          />\n        ))}\n        {hasMore ? (\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            disabled={loadingMore}\n            onClick={() => onLoadMore(status.id)}\n            data-testid={`kanban-load-more-${status.id}`}\n            className=\"rounded-lg border border-dashed border-muted-foreground/60 text-muted-foreground\"\n          >\n            {loadingMore ? (\n              <Spinner className=\"size-4\" />\n            ) : (\n              t('staff.time_tracking.board.loadMore', 'Show more ({remaining})', {\n                remaining: remainingRows,\n              })\n            )}\n          </Button>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n\nconst DefaultKanbanColumn = React.memo(KanbanColumnImpl)\n\nconst kanbanColumnPropsSchema: z.ZodType<KanbanColumnProps> = z.object({\n  status: opaqueProp<BoardStatus>(),\n  tasks: z.array(opaqueProp<BoardTask>()),\n  total: z.number(),\n  remaining: z.number().optional(),\n  canQuickAdd: z.boolean().optional(),\n  loadingMore: z.boolean(),\n  activeDragTaskId: z.string().nullable(),\n  pendingTaskIds: opaqueProp<ReadonlySet<string>>(),\n  runningTimerTaskId: z.string().nullable(),\n  assigneeNames: opaqueProp<ReadonlyMap<string, string>>(),\n  tagsByTaskId: opaqueProp<ReadonlyMap<string, KanbanTagOption[]>>(),\n  subtasksByTaskId: opaqueProp<ReadonlyMap<string, SubtaskProgress>>(),\n  quickAddPending: z.boolean(),\n  moveTargets: opaqueProp<readonly KanbanMoveTarget[]>().optional(),\n  onQuickAdd: callbackProp<(statusId: string, title: string) => Promise<void>>(),\n  onLoadMore: callbackProp<(statusId: string) => void>(),\n  onOpenTask: callbackProp<(taskId: string) => void>(),\n  onStartTimer: callbackProp<(taskId: string) => void>(),\n  onStopTimer: callbackProp<(taskId: string) => void>(),\n  onAddTime: callbackProp<(taskId: string) => void>(),\n  onMoveTask: optionalCallbackProp<(taskId: string, targetStatusId: string) => void>(),\n})\n\nregisterComponent<KanbanColumnProps>({\n  id: extensionPoints.hosts.kanbanColumnComponent.componentId,\n  component: DefaultKanbanColumn,\n  metadata: {\n    module: 'staff',\n    description: 'One status column of the time-tracking Kanban board.',\n    propsSchema: kanbanColumnPropsSchema,\n  },\n})\n\nfunction KanbanColumnHost(props: KanbanColumnProps): React.ReactElement {\n  const Resolved = useRegisteredComponent<KanbanColumnProps>(\n    extensionPoints.hosts.kanbanColumnComponent.componentId,\n    DefaultKanbanColumn,\n  )\n  return <Resolved {...props} />\n}\n\nexport const KanbanColumn = React.memo(KanbanColumnHost)\n\nexport default KanbanColumn\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,238 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "@open-mercato/ui/primitives/dialog";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+import { apiCallOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { surfaceRecordConflict } from "@open-mercato/ui/backend/conflicts";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+import { InjectionSpot, useInjectionSpotEvents } from "@open-mercato/ui/backend/injection/InjectionSpot";
+import { extensionPoints } from "@open-mercato/core/modules/staff/extension-points";
+import { extensionSpotChildId } from "@open-mercato/shared/modules/widgets/extension-points";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+const NEW_TASK_MUTATION_CONTEXT_ID = "staff.time_tracking.board.newTask";
+const TASK_ENTITY_ID = "staff:staff_time_task";
+function NewTaskDialog({
+  open,
+  onOpenChange,
+  timeProjectId,
+  statuses,
+  assigneeStaffMemberId,
+  onCreated
+}) {
+  const t = useT();
+  const [title, setTitle] = React.useState("");
+  const [statusId, setStatusId] = React.useState(null);
+  const [isSaving, setIsSaving] = React.useState(false);
+  const defaultStatusId = React.useMemo(() => {
+    const preferred = statuses.find((status) => status.isDefault) ?? statuses[0] ?? null;
+    return preferred?.id ?? null;
+  }, [statuses]);
+  React.useEffect(() => {
+    if (!open) return;
+    setTitle("");
+    setStatusId(defaultStatusId);
+  }, [defaultStatusId, open]);
+  const { runMutation, retryLastMutation } = useGuardedMutation({
+    contextId: NEW_TASK_MUTATION_CONTEXT_ID,
+    blockedMessage: t("staff.time_tracking.board.newTask.error", "Could not create the task.")
+  });
+  const taskFormValues = React.useMemo(
+    () => ({
+      title,
+      taskStatusId: statusId,
+      timeProjectId,
+      assigneeStaffMemberId
+    }),
+    [assigneeStaffMemberId, statusId, timeProjectId, title]
+  );
+  const taskInjectionContext = React.useMemo(
+    () => ({
+      formId: NEW_TASK_MUTATION_CONTEXT_ID,
+      entityId: TASK_ENTITY_ID,
+      recordId: null,
+      resourceKind: "staff.timesheets.task",
+      resourceId: timeProjectId,
+      operation: "create",
+      retryLastMutation
+    }),
+    [retryLastMutation, timeProjectId]
+  );
+  const { triggerEvent: triggerTaskFormEvent } = useInjectionSpotEvents(extensionPoints.hosts.taskForm.spotId);
+  const submit = React.useCallback(async () => {
+    const trimmed = title.trim();
+    if (!trimmed || !statusId || isSaving) return;
+    const beforeSave = await triggerTaskFormEvent("onBeforeSave", taskFormValues, taskInjectionContext);
+    if (!beforeSave.ok) {
+      flash(beforeSave.message || t("ui.forms.flash.saveBlocked", "Save blocked by validation"), "error");
+      return;
+    }
+    setIsSaving(true);
+    try {
+      const created = await runMutation({
+        operation: () => apiCallOrThrow(
+          "/api/staff/timesheets/tasks",
+          {
+            method: "POST",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify({
+              timeProjectId,
+              taskStatusId: statusId,
+              title: trimmed,
+              assigneeStaffMemberId
+            })
+          },
+          { errorMessage: t("staff.time_tracking.board.newTask.error", "Could not create the task.") }
+        ),
+        context: {
+          formId: NEW_TASK_MUTATION_CONTEXT_ID,
+          resourceKind: "staff.timesheets.task",
+          resourceId: timeProjectId,
+          retryLastMutation
+        }
+      });
+      await triggerTaskFormEvent("onAfterSave", taskFormValues, taskInjectionContext);
+      onOpenChange(false);
+      onCreated(typeof created?.result?.id === "string" ? created.result.id : null);
+    } catch (error) {
+      if (surfaceRecordConflict(error, t)) return;
+      flash(
+        error instanceof Error && error.message ? error.message : t("staff.time_tracking.board.newTask.error", "Could not create the task."),
+        "error"
+      );
+    } finally {
+      setIsSaving(false);
+    }
+  }, [
+    assigneeStaffMemberId,
+    isSaving,
+    onCreated,
+    onOpenChange,
+    retryLastMutation,
+    runMutation,
+    statusId,
+    t,
+    taskFormValues,
+    taskInjectionContext,
+    timeProjectId,
+    title,
+    triggerTaskFormEvent
+  ]);
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      className: "sm:max-w-md",
+      "data-testid": "board-new-task-dialog",
+      onKeyDown: (event) => {
+        if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+          event.preventDefault();
+          void submit();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: t("staff.time_tracking.board.newTask.title", "New task") }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+          /* @__PURE__ */ jsx(
+            InjectionSpot,
+            {
+              spotId: extensionSpotChildId(extensionPoints.hosts.taskForm.spotId, "before-fields"),
+              context: taskInjectionContext,
+              data: taskFormValues
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "board-new-task-title", children: t("staff.time_tracking.board.newTask.titleLabel", "Task title") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "board-new-task-title",
+                autoFocus: true,
+                value: title,
+                onChange: (event) => setTitle(event.target.value),
+                onKeyDown: (event) => {
+                  if (event.key === "Enter" && !event.metaKey && !event.ctrlKey) {
+                    event.preventDefault();
+                    void submit();
+                  }
+                },
+                placeholder: t("staff.time_tracking.board.quickAdd.placeholder", "Task title"),
+                "data-testid": "board-new-task-title"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "board-new-task-status", children: t("staff.time_tracking.board.newTask.status", "Status") }),
+            /* @__PURE__ */ jsxs(Select, { value: statusId ?? void 0, onValueChange: (next) => setStatusId(next), children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { id: "board-new-task-status", "data-testid": "board-new-task-status", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: statuses.map((status) => /* @__PURE__ */ jsx(SelectItem, { value: status.id, children: status.name }, status.id)) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(
+            InjectionSpot,
+            {
+              spotId: extensionSpotChildId(extensionPoints.hosts.taskForm.spotId, "fields"),
+              context: taskInjectionContext,
+              data: taskFormValues
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            InjectionSpot,
+            {
+              spotId: extensionSpotChildId(extensionPoints.hosts.taskForm.spotId, "after-fields"),
+              context: taskInjectionContext,
+              data: taskFormValues
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(DialogFooter, { children: [
+          /* @__PURE__ */ jsx(
+            InjectionSpot,
+            {
+              spotId: extensionSpotChildId(extensionPoints.hosts.taskForm.spotId, "footer"),
+              context: taskInjectionContext,
+              data: taskFormValues
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: t("staff.time_tracking.board.newTask.cancel", "Cancel") }),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              disabled: isSaving || title.trim().length === 0 || !statusId,
+              onClick: () => void submit(),
+              "data-testid": "board-new-task-submit",
+              children: [
+                isSaving ? /* @__PURE__ */ jsx(Spinner, { className: "size-4" }) : null,
+                t("staff.time_tracking.board.newTask.submit", "Create task")
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+var NewTaskDialog_default = NewTaskDialog;
+export {
+  NEW_TASK_MUTATION_CONTEXT_ID,
+  NewTaskDialog,
+  NewTaskDialog_default as default
+};
+//# sourceMappingURL=NewTaskDialog.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/staff/lib/time-tracking-ui/NewTaskDialog.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport {\n  Dialog,\n  DialogContent,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { apiCallOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { surfaceRecordConflict } from '@open-mercato/ui/backend/conflicts'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { InjectionSpot, useInjectionSpotEvents } from '@open-mercato/ui/backend/injection/InjectionSpot'\nimport { extensionPoints } from '@open-mercato/core/modules/staff/extension-points'\nimport { extensionSpotChildId } from '@open-mercato/shared/modules/widgets/extension-points'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { BoardStatus } from './kanbanBoardData'\n\nexport const NEW_TASK_MUTATION_CONTEXT_ID = 'staff.time_tracking.board.newTask'\nconst TASK_ENTITY_ID = 'staff:staff_time_task'\n\ntype TaskFormValues = {\n  title: string\n  taskStatusId: string | null\n  timeProjectId: string\n  assigneeStaffMemberId: string | null\n}\n\ntype TaskFormInjectionContext = {\n  formId: string\n  entityId: string\n  recordId: string | null\n  resourceKind: string\n  resourceId: string\n  operation: 'create'\n  retryLastMutation: () => Promise<boolean>\n}\n\n/**\n * \"Nowe zadanie\" (screen 6 page head \u2192 screen 7).\n *\n * The column quick-add covers \"type a title into the column I am looking at\"; this\n * covers the page-level button, which has no column to inherit, so it asks for the one\n * thing the column would have supplied \u2014 the status. It creates the task and hands the\n * id back so the caller can open the drawer on it, which is where the mockup's arrow\n * points.\n */\nexport function NewTaskDialog({\n  open,\n  onOpenChange,\n  timeProjectId,\n  statuses,\n  assigneeStaffMemberId,\n  onCreated,\n}: {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  timeProjectId: string\n  statuses: readonly BoardStatus[]\n  assigneeStaffMemberId: string | null\n  onCreated: (taskId: string | null) => void\n}): React.ReactElement {\n  const t = useT()\n  const [title, setTitle] = React.useState('')\n  const [statusId, setStatusId] = React.useState<string | null>(null)\n  const [isSaving, setIsSaving] = React.useState(false)\n\n  const defaultStatusId = React.useMemo(() => {\n    const preferred = statuses.find((status) => status.isDefault) ?? statuses[0] ?? null\n    return preferred?.id ?? null\n  }, [statuses])\n\n  React.useEffect(() => {\n    if (!open) return\n    setTitle('')\n    setStatusId(defaultStatusId)\n  }, [defaultStatusId, open])\n\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    formId: string\n    resourceKind: string\n    resourceId: string\n    retryLastMutation: () => Promise<boolean>\n  }>({\n    contextId: NEW_TASK_MUTATION_CONTEXT_ID,\n    blockedMessage: t('staff.time_tracking.board.newTask.error', 'Could not create the task.'),\n  })\n\n  const taskFormValues = React.useMemo<TaskFormValues>(\n    () => ({\n      title,\n      taskStatusId: statusId,\n      timeProjectId,\n      assigneeStaffMemberId,\n    }),\n    [assigneeStaffMemberId, statusId, timeProjectId, title],\n  )\n\n  const taskInjectionContext = React.useMemo<TaskFormInjectionContext>(\n    () => ({\n      formId: NEW_TASK_MUTATION_CONTEXT_ID,\n      entityId: TASK_ENTITY_ID,\n      recordId: null,\n      resourceKind: 'staff.timesheets.task',\n      resourceId: timeProjectId,\n      operation: 'create',\n      retryLastMutation,\n    }),\n    [retryLastMutation, timeProjectId],\n  )\n\n  const { triggerEvent: triggerTaskFormEvent } = useInjectionSpotEvents<\n    TaskFormInjectionContext,\n    TaskFormValues\n  >(extensionPoints.hosts.taskForm.spotId)\n\n  const submit = React.useCallback(async () => {\n    const trimmed = title.trim()\n    if (!trimmed || !statusId || isSaving) return\n    const beforeSave = await triggerTaskFormEvent('onBeforeSave', taskFormValues, taskInjectionContext)\n    if (!beforeSave.ok) {\n      flash(beforeSave.message || t('ui.forms.flash.saveBlocked', 'Save blocked by validation'), 'error')\n      return\n    }\n    setIsSaving(true)\n    try {\n      const created = await runMutation({\n        operation: () =>\n          apiCallOrThrow<Record<string, unknown>>(\n            '/api/staff/timesheets/tasks',\n            {\n              method: 'POST',\n              headers: { 'content-type': 'application/json' },\n              body: JSON.stringify({\n                timeProjectId,\n                taskStatusId: statusId,\n                title: trimmed,\n                assigneeStaffMemberId,\n              }),\n            },\n            { errorMessage: t('staff.time_tracking.board.newTask.error', 'Could not create the task.') },\n          ),\n        context: {\n          formId: NEW_TASK_MUTATION_CONTEXT_ID,\n          resourceKind: 'staff.timesheets.task',\n          resourceId: timeProjectId,\n          retryLastMutation,\n        },\n      })\n      await triggerTaskFormEvent('onAfterSave', taskFormValues, taskInjectionContext)\n      onOpenChange(false)\n      onCreated(typeof created?.result?.id === 'string' ? created.result.id : null)\n    } catch (error) {\n      if (surfaceRecordConflict(error, t)) return\n      flash(\n        error instanceof Error && error.message\n          ? error.message\n          : t('staff.time_tracking.board.newTask.error', 'Could not create the task.'),\n        'error',\n      )\n    } finally {\n      setIsSaving(false)\n    }\n  }, [\n    assigneeStaffMemberId,\n    isSaving,\n    onCreated,\n    onOpenChange,\n    retryLastMutation,\n    runMutation,\n    statusId,\n    t,\n    taskFormValues,\n    taskInjectionContext,\n    timeProjectId,\n    title,\n    triggerTaskFormEvent,\n  ])\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent\n        className=\"sm:max-w-md\"\n        data-testid=\"board-new-task-dialog\"\n        onKeyDown={(event) => {\n          if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n            event.preventDefault()\n            void submit()\n          }\n        }}\n      >\n        <DialogHeader>\n          <DialogTitle>{t('staff.time_tracking.board.newTask.title', 'New task')}</DialogTitle>\n        </DialogHeader>\n\n        <div className=\"flex flex-col gap-4\">\n          <InjectionSpot\n            spotId={extensionSpotChildId(extensionPoints.hosts.taskForm.spotId, 'before-fields')}\n            context={taskInjectionContext}\n            data={taskFormValues}\n          />\n\n          <div className=\"flex flex-col gap-1.5\">\n            <Label htmlFor=\"board-new-task-title\">\n              {t('staff.time_tracking.board.newTask.titleLabel', 'Task title')}\n            </Label>\n            <Input\n              id=\"board-new-task-title\"\n              autoFocus\n              value={title}\n              onChange={(event) => setTitle(event.target.value)}\n              onKeyDown={(event) => {\n                if (event.key === 'Enter' && !event.metaKey && !event.ctrlKey) {\n                  event.preventDefault()\n                  void submit()\n                }\n              }}\n              placeholder={t('staff.time_tracking.board.quickAdd.placeholder', 'Task title')}\n              data-testid=\"board-new-task-title\"\n            />\n          </div>\n\n          <div className=\"flex flex-col gap-1.5\">\n            <Label htmlFor=\"board-new-task-status\">\n              {t('staff.time_tracking.board.newTask.status', 'Status')}\n            </Label>\n            <Select value={statusId ?? undefined} onValueChange={(next) => setStatusId(next)}>\n              <SelectTrigger id=\"board-new-task-status\" data-testid=\"board-new-task-status\">\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                {statuses.map((status) => (\n                  <SelectItem key={status.id} value={status.id}>\n                    {status.name}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n\n          <InjectionSpot\n            spotId={extensionSpotChildId(extensionPoints.hosts.taskForm.spotId, 'fields')}\n            context={taskInjectionContext}\n            data={taskFormValues}\n          />\n\n          <InjectionSpot\n            spotId={extensionSpotChildId(extensionPoints.hosts.taskForm.spotId, 'after-fields')}\n            context={taskInjectionContext}\n            data={taskFormValues}\n          />\n        </div>\n\n        <DialogFooter>\n          <InjectionSpot\n            spotId={extensionSpotChildId(extensionPoints.hosts.taskForm.spotId, 'footer')}\n            context={taskInjectionContext}\n            data={taskFormValues}\n          />\n          <Button type=\"button\" variant=\"outline\" onClick={() => onOpenChange(false)}>\n            {t('staff.time_tracking.board.newTask.cancel', 'Cancel')}\n          </Button>\n          <Button\n            type=\"button\"\n            disabled={isSaving || title.trim().length === 0 || !statusId}\n            onClick={() => void submit()}\n            data-testid=\"board-new-task-submit\"\n          >\n            {isSaving ? <Spinner className=\"size-4\" /> : null}\n            {t('staff.time_tracking.board.newTask.submit', 'Create task')}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nexport default NewTaskDialog\n"],
+  "mappings": "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",
+  "names": []
+}