@freighttech/ui 0.13.18

package/dist/backend/operations/store.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/operations/store.ts"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport type { OperationMetadataPayload } from '@open-mercato/shared/lib/commands/operationMetadata'\n\nexport type OperationEntry = OperationMetadataPayload & {\n  receivedAt: number\n}\n\nexport type UndoneEntry = OperationEntry & {\n  undoneAt: number\n}\n\ntype OperationStoreState = {\n  stack: OperationEntry[]\n  undone: UndoneEntry[]\n}\n\nconst DEFAULT_STATE: OperationStoreState = { stack: [], undone: [] }\n\nconst STORAGE_KEY = 'om:last-operations:v1'\nconst STACK_LIMIT = 20\nconst LAST_OPERATION_TTL_MS = 60_000\nconst STACK_RETENTION_MS = 10 * 60_000\n\nlet internalState: OperationStoreState = DEFAULT_STATE\n\nif (typeof window !== 'undefined') {\n  internalState = loadState()\n}\n\nconst emitter = new EventTarget()\n\nfunction now() {\n  return typeof performance !== 'undefined' && performance.now\n    ? Math.round(performance.timeOrigin + performance.now())\n    : Date.now()\n}\n\nfunction loadState(): OperationStoreState {\n  try {\n    const raw = window.localStorage.getItem(STORAGE_KEY)\n    if (!raw) return DEFAULT_STATE\n    const parsed = JSON.parse(raw)\n    if (!parsed || typeof parsed !== 'object') return DEFAULT_STATE\n    const stack = Array.isArray(parsed.stack) ? parsed.stack.filter(isValidEntry).map(hydrateEntry) : []\n    const undone = Array.isArray(parsed.undone)\n      ? parsed.undone.filter(isValidEntry).map((raw: unknown) => {\n          const hydrated = hydrateEntry(raw)\n          const candidate = raw as { undoneAt?: unknown }\n          const undoneAt = typeof candidate.undoneAt === 'number' ? candidate.undoneAt : now()\n          return { ...hydrated, undoneAt }\n        })\n      : []\n    return pruneState({ stack, undone })\n  } catch {\n    return DEFAULT_STATE\n  }\n}\n\nfunction isValidEntry(entry: unknown): entry is OperationEntry {\n  if (entry == null || typeof entry !== 'object') return false\n  const candidate = entry as Record<string, unknown>\n  return (\n    typeof candidate.id === 'string'\n    && typeof candidate.undoToken === 'string'\n    && typeof candidate.commandId === 'string'\n    && typeof candidate.receivedAt === 'number'\n    && typeof candidate.executedAt === 'string'\n  )\n}\n\nfunction hydrateEntry(entry: unknown): OperationEntry {\n  const source = entry as Partial<OperationEntry> & Record<string, unknown>\n  return {\n    id: String(source.id),\n    undoToken: String(source.undoToken),\n    commandId: String(source.commandId),\n    actionLabel: typeof source.actionLabel === 'string' ? source.actionLabel : null,\n    resourceKind: typeof source.resourceKind === 'string' ? source.resourceKind : null,\n    resourceId: typeof source.resourceId === 'string' ? source.resourceId : null,\n    executedAt: typeof source.executedAt === 'string' ? source.executedAt : new Date((source.receivedAt as number | undefined) || now()).toISOString(),\n    receivedAt: typeof source.receivedAt === 'number' ? source.receivedAt : now(),\n  }\n}\n\nfunction persist(state: OperationStoreState) {\n  if (typeof window === 'undefined') return\n  try {\n    window.localStorage.setItem(STORAGE_KEY, JSON.stringify(state))\n  } catch {\n    // ignore storage quota errors\n  }\n}\n\nfunction pruneState(state: OperationStoreState): OperationStoreState {\n  const timestamp = now()\n  const stack = state.stack\n    .filter((entry, index, arr) => {\n      // Deduplicate by id/undoToken keeping latest\n      const duplicateIndex = arr.findIndex((candidate) => candidate.id === entry.id || candidate.undoToken === entry.undoToken)\n      if (duplicateIndex !== index) return false\n      return timestamp - entry.receivedAt <= STACK_RETENTION_MS\n    })\n    .sort((a, b) => a.receivedAt - b.receivedAt)\n    .slice(-STACK_LIMIT)\n  const undone = state.undone\n    .filter((entry) => timestamp - entry.undoneAt <= STACK_RETENTION_MS)\n    .sort((a, b) => a.undoneAt - b.undoneAt)\n    .slice(-STACK_LIMIT)\n  const next = { stack, undone }\n  return next\n}\n\nfunction emit() {\n  emitter.dispatchEvent(new Event('change'))\n}\n\nfunction updateState(updater: (prev: OperationStoreState) => OperationStoreState) {\n  const next = pruneState(updater(internalState))\n  internalState = next\n  persist(next)\n  emit()\n}\n\nfunction subscribe(listener: () => void) {\n  const wrapped = () => listener()\n  emitter.addEventListener('change', wrapped)\n  return () => emitter.removeEventListener('change', wrapped)\n}\n\nfunction getClientSnapshot(): OperationStoreState {\n  internalState = pruneState(internalState)\n  return internalState\n}\n\nexport function useOperationStore<T>(selector: (state: OperationStoreState) => T): T {\n  return React.useSyncExternalStore(\n    subscribe,\n    () => selector(getClientSnapshot()),\n    () => selector(DEFAULT_STATE),\n  )\n}\n\nexport function pushOperation(meta: OperationMetadataPayload) {\n  if (typeof window === 'undefined') return\n  updateState((prev) => {\n    const entry: OperationEntry = {\n      ...meta,\n      receivedAt: now(),\n    }\n    const stack = prev.stack.filter((item) => item.id !== entry.id && item.undoToken !== entry.undoToken)\n    stack.push(entry)\n    return { stack, undone: [] }\n  })\n}\n\nexport function markUndoSuccess(undoToken: string) {\n  if (typeof window === 'undefined') return\n  const removed: OperationEntry[] = []\n  updateState((prev) => {\n    const stack = prev.stack.filter((entry) => {\n      if (entry.undoToken === undoToken) {\n        removed.push(entry)\n        return false\n      }\n      return true\n    })\n    const undone = removed.length\n      ? [...prev.undone, ...removed.map((entry) => ({ ...entry, undoneAt: now() }))]\n      : prev.undone\n    return { stack, undone }\n  })\n}\n\nexport function markRedoConsumed(logId: string) {\n  if (typeof window === 'undefined') return\n  updateState((prev) => ({\n    stack: prev.stack,\n    undone: prev.undone.filter((entry) => entry.id !== logId),\n  }))\n}\n\nexport function getLastOperation(): OperationEntry | null {\n  const state = getClientSnapshot()\n  if (!state.stack.length) return null\n  const last = state.stack[state.stack.length - 1]\n  const lastExecuted = Date.parse(last.executedAt)\n  const cutoff = now() - LAST_OPERATION_TTL_MS\n  if (Number.isFinite(lastExecuted) && lastExecuted < cutoff) return null\n  if (!Number.isFinite(lastExecuted) && last.receivedAt < cutoff) return null\n  return last\n}\n\nexport function useLastOperation(): OperationEntry | null {\n  return useOperationStore(getLastOperationFromState)\n}\n\nfunction getLastOperationFromState(state: OperationStoreState): OperationEntry | null {\n  if (!state.stack.length) return null\n  const last = state.stack[state.stack.length - 1]\n  const timestamp = now()\n  const executedAt = Date.parse(last.executedAt)\n  const cutoff = timestamp - LAST_OPERATION_TTL_MS\n  if (Number.isFinite(executedAt)) {\n    return executedAt >= cutoff ? last : null\n  }\n  return last.receivedAt >= cutoff ? last : null\n}\n\nexport function useRedoCandidate(): UndoneEntry | null {\n  return useOperationStore((state) => (state.undone.length ? state.undone[state.undone.length - 1] : null))\n}\n\nexport function hasRedoCandidate(logId: string): boolean {\n  const state = getClientSnapshot()\n  if (!state.undone.length) return false\n  const top = state.undone[state.undone.length - 1]\n  return top.id === logId\n}\n\nexport function clearAllOperations() {\n  if (typeof window === 'undefined') return\n  internalState = DEFAULT_STATE\n  persist(internalState)\n  emit()\n}\n\nexport const operationStackConstants = {\n  LAST_OPERATION_TTL_MS,\n}\n"],
+  "mappings": "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",
+  "names": ["raw"]
+}

package/dist/backend/progress/ProgressTopBar.js

@@ -0,0 +1,129 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronDown, ChevronUp, Loader2, CheckCircle, XCircle, X } from "lucide-react";
+import { Button } from "../../primitives/button.js";
+import { Progress } from "../../primitives/progress.js";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useProgress } from "./useProgress.js";
+import { apiCall } from "../utils/apiCall.js";
+function ProgressTopBar({ className, t }) {
+  const { activeJobs, recentlyCompleted, refresh } = useProgress();
+  const [expanded, setExpanded] = React.useState(false);
+  React.useEffect(() => {
+    const saved = localStorage.getItem("om:progress:expanded");
+    if (saved === "true") setExpanded(true);
+  }, []);
+  React.useEffect(() => {
+    localStorage.setItem("om:progress:expanded", String(expanded));
+  }, [expanded]);
+  const hasActiveJobs = activeJobs.length > 0;
+  const hasRecentJobs = recentlyCompleted.length > 0;
+  if (!hasActiveJobs && !hasRecentJobs) return null;
+  return /* @__PURE__ */ jsxs("div", { className: cn("border-b bg-background", className), children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        onClick: () => setExpanded(!expanded),
+        className: "h-auto w-full justify-between rounded-none bg-background px-4 py-2 hover:bg-muted",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 text-sm", children: hasActiveJobs ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin text-primary" }),
+            /* @__PURE__ */ jsx("span", { children: t("progress.activeCount", "{count} operations running", { count: activeJobs.length }) }),
+            activeJobs[0] && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+              "\u2014 ",
+              activeJobs[0].name,
+              " ",
+              activeJobs[0].totalCount && activeJobs[0].totalCount > 0 ? `(${activeJobs[0].progressPercent}%)` : `(${activeJobs[0].processedCount.toLocaleString()} ${t("progress.processed", "processed")})`
+            ] })
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(CheckCircle, { className: "h-4 w-4 text-green-500" }),
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("progress.recentlyCompleted", "{count} operations completed", { count: recentlyCompleted.length }) })
+          ] }) }),
+          expanded ? /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
+        ]
+      }
+    ),
+    expanded && /* @__PURE__ */ jsxs("div", { className: "space-y-2 bg-background px-4 pb-3", children: [
+      activeJobs.map((job) => /* @__PURE__ */ jsx(ProgressJobCard, { job, t, onCancel: refresh }, job.id)),
+      recentlyCompleted.map((job) => /* @__PURE__ */ jsx(ProgressJobCard, { job, t }, job.id))
+    ] })
+  ] });
+}
+function ProgressJobCard({ job, t, onCancel }) {
+  const [cancelling, setCancelling] = React.useState(false);
+  const handleCancel = async () => {
+    if (!job.cancellable || cancelling) return;
+    setCancelling(true);
+    try {
+      await apiCall(`/api/progress/jobs/${job.id}`, { method: "DELETE" });
+      onCancel?.();
+    } finally {
+      setCancelling(false);
+    }
+  };
+  const isActive = job.status === "pending" || job.status === "running";
+  const isFailed = job.status === "failed";
+  const isCompleted = job.status === "completed";
+  return /* @__PURE__ */ jsxs("div", { className: cn(
+    "rounded-md border bg-card p-3",
+    isFailed && "border-destructive/50 bg-destructive/5",
+    isCompleted && "border-green-500/50 bg-green-50/50 dark:bg-green-950/20"
+  ), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          isActive && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin text-primary flex-shrink-0" }),
+          isCompleted && /* @__PURE__ */ jsx(CheckCircle, { className: "h-4 w-4 text-green-500 flex-shrink-0" }),
+          isFailed && /* @__PURE__ */ jsx(XCircle, { className: "h-4 w-4 text-destructive flex-shrink-0" }),
+          /* @__PURE__ */ jsx("span", { className: "font-medium truncate", children: job.name })
+        ] }),
+        job.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1 truncate", children: job.description }),
+        isFailed && job.errorMessage && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive mt-1", children: job.errorMessage })
+      ] }),
+      isActive && job.cancellable && /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "icon",
+          onClick: handleCancel,
+          disabled: cancelling,
+          className: "flex-shrink-0",
+          "aria-label": t("progress.actions.cancel", "Cancel"),
+          children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+        }
+      )
+    ] }),
+    isActive && /* @__PURE__ */ jsxs("div", { className: "mt-2 space-y-1", children: [
+      job.totalCount && job.totalCount > 0 ? /* @__PURE__ */ jsx(Progress, { value: job.progressPercent, className: "h-2" }) : /* @__PURE__ */ jsx(IndeterminateProgressBar, { className: "h-2" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx("span", { children: job.totalCount ? `${job.processedCount.toLocaleString()} / ${job.totalCount.toLocaleString()}` : `${job.processedCount.toLocaleString()} ${t("progress.processed", "processed")}` }),
+        job.etaSeconds != null && job.etaSeconds > 0 && /* @__PURE__ */ jsx("span", { children: formatEta(job.etaSeconds, t) })
+      ] })
+    ] })
+  ] });
+}
+function IndeterminateProgressBar({ className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative w-full overflow-hidden rounded-full bg-secondary", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 left-0 w-1/2 animate-pulse rounded-full bg-primary/80" }),
+    /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 right-0 w-1/3 rounded-full bg-primary/40" })
+  ] });
+}
+function formatEta(seconds, t) {
+  if (seconds < 60) {
+    return t("progress.eta.seconds", "{count}s remaining", { count: seconds });
+  }
+  if (seconds < 3600) {
+    const minutes = Math.ceil(seconds / 60);
+    return t("progress.eta.minutes", "{count}m remaining", { count: minutes });
+  }
+  const hours = Math.floor(seconds / 3600);
+  const mins = Math.ceil(seconds % 3600 / 60);
+  return t("progress.eta.hoursMinutes", "{hours}h {minutes}m remaining", { hours, minutes: mins });
+}
+export {
+  ProgressTopBar
+};
+//# sourceMappingURL=ProgressTopBar.js.map

package/dist/backend/progress/ProgressTopBar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/progress/ProgressTopBar.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { ChevronDown, ChevronUp, Loader2, CheckCircle, XCircle, X } from 'lucide-react'\nimport { Button } from '../../primitives/button'\nimport { Progress } from '../../primitives/progress'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useProgress } from './useProgress'\nimport type { ProgressJobDto } from './useProgressPoll'\nimport type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall } from '../utils/apiCall'\n\nexport type ProgressTopBarProps = {\n  className?: string\n  t: TranslateFn\n}\n\nexport function ProgressTopBar({ className, t }: ProgressTopBarProps) {\n  const { activeJobs, recentlyCompleted, refresh } = useProgress()\n  const [expanded, setExpanded] = React.useState(false)\n\n  React.useEffect(() => {\n    const saved = localStorage.getItem('om:progress:expanded')\n    if (saved === 'true') setExpanded(true)\n  }, [])\n\n  React.useEffect(() => {\n    localStorage.setItem('om:progress:expanded', String(expanded))\n  }, [expanded])\n\n  const hasActiveJobs = activeJobs.length > 0\n  const hasRecentJobs = recentlyCompleted.length > 0\n\n  if (!hasActiveJobs && !hasRecentJobs) return null\n\n  return (\n    <div className={cn('border-b bg-background', className)}>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        onClick={() => setExpanded(!expanded)}\n        className=\"h-auto w-full justify-between rounded-none bg-background px-4 py-2 hover:bg-muted\"\n      >\n        <div className=\"flex items-center gap-2 text-sm\">\n          {hasActiveJobs ? (\n            <>\n              <Loader2 className=\"h-4 w-4 animate-spin text-primary\" />\n              <span>\n                {t('progress.activeCount', '{count} operations running', { count: activeJobs.length })}\n              </span>\n              {activeJobs[0] && (\n                <span className=\"text-muted-foreground\">\n                  \u2014 {activeJobs[0].name}{' '}\n                  {activeJobs[0].totalCount && activeJobs[0].totalCount > 0\n                    ? `(${activeJobs[0].progressPercent}%)`\n                    : `(${activeJobs[0].processedCount.toLocaleString()} ${t('progress.processed', 'processed')})`}\n                </span>\n              )}\n            </>\n          ) : (\n            <>\n              <CheckCircle className=\"h-4 w-4 text-green-500\" />\n              <span className=\"text-muted-foreground\">\n                {t('progress.recentlyCompleted', '{count} operations completed', { count: recentlyCompleted.length })}\n              </span>\n            </>\n          )}\n        </div>\n        {expanded ? (\n          <ChevronUp className=\"h-4 w-4\" />\n        ) : (\n          <ChevronDown className=\"h-4 w-4\" />\n        )}\n      </Button>\n\n      {expanded && (\n        <div className=\"space-y-2 bg-background px-4 pb-3\">\n          {activeJobs.map((job) => (\n            <ProgressJobCard key={job.id} job={job} t={t} onCancel={refresh} />\n          ))}\n          {recentlyCompleted.map((job) => (\n            <ProgressJobCard key={job.id} job={job} t={t} />\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\nfunction ProgressJobCard({ job, t, onCancel }: { job: ProgressJobDto; t: TranslateFn; onCancel?: () => void }) {\n  const [cancelling, setCancelling] = React.useState(false)\n\n  const handleCancel = async () => {\n    if (!job.cancellable || cancelling) return\n    setCancelling(true)\n    try {\n      await apiCall(`/api/progress/jobs/${job.id}`, { method: 'DELETE' })\n      onCancel?.()\n    } finally {\n      setCancelling(false)\n    }\n  }\n\n  const isActive = job.status === 'pending' || job.status === 'running'\n  const isFailed = job.status === 'failed'\n  const isCompleted = job.status === 'completed'\n\n  return (\n    <div className={cn(\n      'rounded-md border bg-card p-3',\n      isFailed && 'border-destructive/50 bg-destructive/5',\n      isCompleted && 'border-green-500/50 bg-green-50/50 dark:bg-green-950/20',\n    )}>\n      <div className=\"flex items-start justify-between gap-2\">\n        <div className=\"flex-1 min-w-0\">\n          <div className=\"flex items-center gap-2\">\n            {isActive && <Loader2 className=\"h-4 w-4 animate-spin text-primary flex-shrink-0\" />}\n            {isCompleted && <CheckCircle className=\"h-4 w-4 text-green-500 flex-shrink-0\" />}\n            {isFailed && <XCircle className=\"h-4 w-4 text-destructive flex-shrink-0\" />}\n            <span className=\"font-medium truncate\">{job.name}</span>\n          </div>\n\n          {job.description && (\n            <p className=\"text-sm text-muted-foreground mt-1 truncate\">{job.description}</p>\n          )}\n\n          {isFailed && job.errorMessage && (\n            <p className=\"text-sm text-destructive mt-1\">{job.errorMessage}</p>\n          )}\n        </div>\n\n        {isActive && job.cancellable && (\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            onClick={handleCancel}\n            disabled={cancelling}\n            className=\"flex-shrink-0\"\n            aria-label={t('progress.actions.cancel', 'Cancel')}\n          >\n            <X className=\"h-4 w-4\" />\n          </Button>\n        )}\n      </div>\n\n      {isActive && (\n        <div className=\"mt-2 space-y-1\">\n          {job.totalCount && job.totalCount > 0 ? (\n            <Progress value={job.progressPercent} className=\"h-2\" />\n          ) : (\n            <IndeterminateProgressBar className=\"h-2\" />\n          )}\n          <div className=\"flex justify-between text-xs text-muted-foreground\">\n            <span>\n              {job.totalCount\n                ? `${job.processedCount.toLocaleString()} / ${job.totalCount.toLocaleString()}`\n                : `${job.processedCount.toLocaleString()} ${t('progress.processed', 'processed')}`\n              }\n            </span>\n            {job.etaSeconds != null && job.etaSeconds > 0 && (\n              <span>{formatEta(job.etaSeconds, t)}</span>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n\nfunction IndeterminateProgressBar({ className }: { className?: string }) {\n  return (\n    <div className={cn('relative w-full overflow-hidden rounded-full bg-secondary', className)}>\n      <div className=\"absolute inset-y-0 left-0 w-1/2 animate-pulse rounded-full bg-primary/80\" />\n      <div className=\"absolute inset-y-0 right-0 w-1/3 rounded-full bg-primary/40\" />\n    </div>\n  )\n}\n\nfunction formatEta(seconds: number, t: TranslateFn): string {\n  if (seconds < 60) {\n    return t('progress.eta.seconds', '{count}s remaining', { count: seconds })\n  }\n  if (seconds < 3600) {\n    const minutes = Math.ceil(seconds / 60)\n    return t('progress.eta.minutes', '{count}m remaining', { count: minutes })\n  }\n  const hours = Math.floor(seconds / 3600)\n  const mins = Math.ceil((seconds % 3600) / 60)\n  return t('progress.eta.hoursMinutes', '{hours}h {minutes}m remaining', { hours, minutes: mins })\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/progress/useProgress.js

@@ -0,0 +1,11 @@
+"use client";
+import { useProgressPoll } from "./useProgressPoll.js";
+import { useProgressSse } from "./useProgressSse.js";
+const progressStrategy = typeof window !== "undefined" && typeof window.EventSource !== "undefined" ? useProgressSse : useProgressPoll;
+function useProgress() {
+  return progressStrategy();
+}
+export {
+  useProgress
+};
+//# sourceMappingURL=useProgress.js.map

package/dist/backend/progress/useProgress.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/progress/useProgress.ts"],
+  "sourcesContent": ["\"use client\"\nimport { useProgressPoll, type UseProgressPollResult } from './useProgressPoll'\nimport { useProgressSse } from './useProgressSse'\n\nconst progressStrategy =\n  typeof window !== 'undefined' && typeof window.EventSource !== 'undefined'\n    ? useProgressSse\n    : useProgressPoll\n\nexport function useProgress(): UseProgressPollResult {\n  return progressStrategy()\n}\n"],
+  "mappings": ";AACA,SAAS,uBAAmD;AAC5D,SAAS,sBAAsB;AAE/B,MAAM,mBACJ,OAAO,WAAW,eAAe,OAAO,OAAO,gBAAgB,cAC3D,iBACA;AAEC,SAAS,cAAqC;AACnD,SAAO,iBAAiB;AAC1B;",
+  "names": []
+}

package/dist/backend/progress/useProgressPoll.js

@@ -0,0 +1,69 @@
+"use client";
+import * as React from "react";
+import { apiCall } from "../utils/apiCall.js";
+import {
+  subscribeProgressUpdate,
+  subscribeProgressComplete
+} from "@open-mercato/shared/lib/frontend/progressEvents";
+const POLL_INTERVAL = 5e3;
+function isVisibleProgressJob(job) {
+  return job.meta?.hiddenFromTopBar !== true;
+}
+function useProgressPoll() {
+  const [activeJobs, setActiveJobs] = React.useState([]);
+  const [recentlyCompleted, setRecentlyCompleted] = React.useState([]);
+  const [isLoading, setIsLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const fetchJobs = React.useCallback(async () => {
+    try {
+      const result = await apiCall(
+        "/api/progress/active"
+      );
+      if (result.ok && result.result) {
+        setActiveJobs(result.result.active.filter(isVisibleProgressJob));
+        setRecentlyCompleted(result.result.recentlyCompleted.filter(isVisibleProgressJob));
+        setError(null);
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to fetch progress");
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+  const refresh = React.useCallback(() => {
+    fetchJobs();
+  }, [fetchJobs]);
+  React.useEffect(() => {
+    fetchJobs();
+    let interval = setInterval(fetchJobs, POLL_INTERVAL);
+    const onVisibilityChange = () => {
+      if (document.hidden) {
+        if (interval) {
+          clearInterval(interval);
+          interval = null;
+        }
+      } else {
+        fetchJobs();
+        interval = setInterval(fetchJobs, POLL_INTERVAL);
+      }
+    };
+    document.addEventListener("visibilitychange", onVisibilityChange);
+    return () => {
+      if (interval) clearInterval(interval);
+      document.removeEventListener("visibilitychange", onVisibilityChange);
+    };
+  }, [fetchJobs]);
+  React.useEffect(() => {
+    const unsubUpdate = subscribeProgressUpdate(() => refresh());
+    const unsubComplete = subscribeProgressComplete(() => refresh());
+    return () => {
+      unsubUpdate();
+      unsubComplete();
+    };
+  }, [refresh]);
+  return { activeJobs, recentlyCompleted, isLoading, error, refresh };
+}
+export {
+  useProgressPoll
+};
+//# sourceMappingURL=useProgressPoll.js.map

package/dist/backend/progress/useProgressPoll.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/progress/useProgressPoll.ts"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { apiCall } from '../utils/apiCall'\nimport {\n  subscribeProgressUpdate,\n  subscribeProgressComplete,\n} from '@open-mercato/shared/lib/frontend/progressEvents'\n\nexport type ProgressJobDto = {\n  id: string\n  jobType: string\n  name: string\n  description?: string | null\n  meta?: Record<string, unknown> | null\n  status: 'pending' | 'running' | 'completed' | 'failed' | 'cancelled'\n  progressPercent: number\n  processedCount: number\n  totalCount?: number | null\n  etaSeconds?: number | null\n  cancellable: boolean\n  startedAt?: string | null\n  finishedAt?: string | null\n  errorMessage?: string | null\n}\n\nexport type UseProgressPollResult = {\n  activeJobs: ProgressJobDto[]\n  recentlyCompleted: ProgressJobDto[]\n  isLoading: boolean\n  error: string | null\n  refresh: () => void\n}\n\nconst POLL_INTERVAL = 5000\n\nfunction isVisibleProgressJob(job: ProgressJobDto): boolean {\n  return job.meta?.hiddenFromTopBar !== true\n}\n\nexport function useProgressPoll(): UseProgressPollResult {\n  const [activeJobs, setActiveJobs] = React.useState<ProgressJobDto[]>([])\n  const [recentlyCompleted, setRecentlyCompleted] = React.useState<ProgressJobDto[]>([])\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  const fetchJobs = React.useCallback(async () => {\n    try {\n      const result = await apiCall<{ active: ProgressJobDto[]; recentlyCompleted: ProgressJobDto[] }>(\n        '/api/progress/active'\n      )\n      if (result.ok && result.result) {\n        setActiveJobs(result.result.active.filter(isVisibleProgressJob))\n        setRecentlyCompleted(result.result.recentlyCompleted.filter(isVisibleProgressJob))\n        setError(null)\n      }\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to fetch progress')\n    } finally {\n      setIsLoading(false)\n    }\n  }, [])\n\n  const refresh = React.useCallback(() => {\n    fetchJobs()\n  }, [fetchJobs])\n\n  React.useEffect(() => {\n    fetchJobs()\n    let interval: ReturnType<typeof setInterval> | null = setInterval(fetchJobs, POLL_INTERVAL)\n\n    const onVisibilityChange = () => {\n      if (document.hidden) {\n        if (interval) {\n          clearInterval(interval)\n          interval = null\n        }\n      } else {\n        fetchJobs()\n        interval = setInterval(fetchJobs, POLL_INTERVAL)\n      }\n    }\n\n    document.addEventListener('visibilitychange', onVisibilityChange)\n    return () => {\n      if (interval) clearInterval(interval)\n      document.removeEventListener('visibilitychange', onVisibilityChange)\n    }\n  }, [fetchJobs])\n\n  React.useEffect(() => {\n    const unsubUpdate = subscribeProgressUpdate(() => refresh())\n    const unsubComplete = subscribeProgressComplete(() => refresh())\n    return () => {\n      unsubUpdate()\n      unsubComplete()\n    }\n  }, [refresh])\n\n  return { activeJobs, recentlyCompleted, isLoading, error, refresh }\n}\n"],
+  "mappings": ";AACA,YAAY,WAAW;AACvB,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AA2BP,MAAM,gBAAgB;AAEtB,SAAS,qBAAqB,KAA8B;AAC1D,SAAO,IAAI,MAAM,qBAAqB;AACxC;AAEO,SAAS,kBAAyC;AACvD,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAA2B,CAAC,CAAC;AACvE,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,MAAM,SAA2B,CAAC,CAAC;AACrF,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,IAAI;AACrD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,IAAI;AAE5D,QAAM,YAAY,MAAM,YAAY,YAAY;AAC9C,QAAI;AACF,YAAM,SAAS,MAAM;AAAA,QACnB;AAAA,MACF;AACA,UAAI,OAAO,MAAM,OAAO,QAAQ;AAC9B,sBAAc,OAAO,OAAO,OAAO,OAAO,oBAAoB,CAAC;AAC/D,6BAAqB,OAAO,OAAO,kBAAkB,OAAO,oBAAoB,CAAC;AACjF,iBAAS,IAAI;AAAA,MACf;AAAA,IACF,SAAS,KAAK;AACZ,eAAS,eAAe,QAAQ,IAAI,UAAU,0BAA0B;AAAA,IAC1E,UAAE;AACA,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,MAAM,YAAY,MAAM;AACtC,cAAU;AAAA,EACZ,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,UAAU,MAAM;AACpB,cAAU;AACV,QAAI,WAAkD,YAAY,WAAW,aAAa;AAE1F,UAAM,qBAAqB,MAAM;AAC/B,UAAI,SAAS,QAAQ;AACnB,YAAI,UAAU;AACZ,wBAAc,QAAQ;AACtB,qBAAW;AAAA,QACb;AAAA,MACF,OAAO;AACL,kBAAU;AACV,mBAAW,YAAY,WAAW,aAAa;AAAA,MACjD;AAAA,IACF;AAEA,aAAS,iBAAiB,oBAAoB,kBAAkB;AAChE,WAAO,MAAM;AACX,UAAI,SAAU,eAAc,QAAQ;AACpC,eAAS,oBAAoB,oBAAoB,kBAAkB;AAAA,IACrE;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,UAAU,MAAM;AACpB,UAAM,cAAc,wBAAwB,MAAM,QAAQ,CAAC;AAC3D,UAAM,gBAAgB,0BAA0B,MAAM,QAAQ,CAAC;AAC/D,WAAO,MAAM;AACX,kBAAY;AACZ,oBAAc;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,SAAO,EAAE,YAAY,mBAAmB,WAAW,OAAO,QAAQ;AACpE;",
+  "names": []
+}

package/dist/backend/progress/useProgressSse.js

@@ -0,0 +1,104 @@
+"use client";
+import * as React from "react";
+import { apiCall } from "../utils/apiCall.js";
+import { useAppEvent } from "../injection/useAppEvent.js";
+function isVisibleProgressJob(job) {
+  return job.meta?.hiddenFromTopBar !== true;
+}
+function upsertJob(list, job) {
+  if (!isVisibleProgressJob(job)) {
+    return list.filter((item) => item.id !== job.id);
+  }
+  const next = [job, ...list.filter((item) => item.id !== job.id)];
+  return next.sort(
+    (a, b) => new Date(b.startedAt ?? b.finishedAt ?? 0).getTime() - new Date(a.startedAt ?? a.finishedAt ?? 0).getTime()
+  );
+}
+function useProgressSse() {
+  const [activeJobs, setActiveJobs] = React.useState([]);
+  const [recentlyCompleted, setRecentlyCompleted] = React.useState([]);
+  const [isLoading, setIsLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const fetchJobs = React.useCallback(async () => {
+    try {
+      const result = await apiCall(
+        "/api/progress/active"
+      );
+      if (result.ok && result.result) {
+        setActiveJobs(result.result.active.filter(isVisibleProgressJob));
+        setRecentlyCompleted(result.result.recentlyCompleted.filter(isVisibleProgressJob));
+        setError(null);
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to fetch progress");
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+  const refresh = React.useCallback(() => {
+    void fetchJobs();
+  }, [fetchJobs]);
+  React.useEffect(() => {
+    void fetchJobs();
+  }, [fetchJobs]);
+  useAppEvent(
+    "progress.job.updated",
+    (event) => {
+      const payload = event.payload;
+      const jobId = payload?.jobId;
+      if (!jobId) {
+        void fetchJobs();
+        return;
+      }
+      setActiveJobs(
+        (prev) => upsertJob(prev, {
+          id: jobId,
+          jobType: payload.jobType ?? "progress",
+          name: payload.name ?? payload.jobType ?? "Progress job",
+          description: payload.description ?? null,
+          meta: payload.meta && typeof payload.meta === "object" ? payload.meta : null,
+          status: payload.status ?? "running",
+          progressPercent: payload.progressPercent ?? 0,
+          processedCount: payload.processedCount ?? 0,
+          totalCount: payload.totalCount ?? null,
+          etaSeconds: payload.etaSeconds ?? null,
+          cancellable: payload.cancellable ?? false,
+          startedAt: payload.startedAt ?? null,
+          finishedAt: payload.finishedAt ?? null,
+          errorMessage: payload.errorMessage ?? null
+        })
+      );
+    },
+    [fetchJobs]
+  );
+  useAppEvent("progress.job.created", () => {
+    void fetchJobs();
+  }, [fetchJobs]);
+  useAppEvent("progress.job.started", () => {
+    void fetchJobs();
+  }, [fetchJobs]);
+  useAppEvent("progress.job.completed", () => {
+    void fetchJobs();
+  }, [fetchJobs]);
+  useAppEvent("progress.job.failed", () => {
+    void fetchJobs();
+  }, [fetchJobs]);
+  useAppEvent("progress.job.cancelled", () => {
+    void fetchJobs();
+  }, [fetchJobs]);
+  useAppEvent("om:bridge:reconnected", () => {
+    void fetchJobs();
+  }, [fetchJobs]);
+  React.useEffect(() => {
+    const onFocus = () => {
+      void fetchJobs();
+    };
+    window.addEventListener("focus", onFocus);
+    return () => window.removeEventListener("focus", onFocus);
+  }, [fetchJobs]);
+  return { activeJobs, recentlyCompleted, isLoading, error, refresh };
+}
+export {
+  useProgressSse
+};
+//# sourceMappingURL=useProgressSse.js.map

package/dist/backend/progress/useProgressSse.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/progress/useProgressSse.ts"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { apiCall } from '../utils/apiCall'\nimport { useAppEvent } from '../injection/useAppEvent'\nimport type { ProgressJobDto, UseProgressPollResult } from './useProgressPoll'\n\nfunction isVisibleProgressJob(job: ProgressJobDto): boolean {\n  return job.meta?.hiddenFromTopBar !== true\n}\n\nfunction upsertJob(list: ProgressJobDto[], job: ProgressJobDto): ProgressJobDto[] {\n  if (!isVisibleProgressJob(job)) {\n    return list.filter((item) => item.id !== job.id)\n  }\n  const next = [job, ...list.filter((item) => item.id !== job.id)]\n  return next.sort(\n    (a, b) =>\n      new Date(b.startedAt ?? b.finishedAt ?? 0).getTime()\n      - new Date(a.startedAt ?? a.finishedAt ?? 0).getTime(),\n  )\n}\n\nexport function useProgressSse(): UseProgressPollResult {\n  const [activeJobs, setActiveJobs] = React.useState<ProgressJobDto[]>([])\n  const [recentlyCompleted, setRecentlyCompleted] = React.useState<ProgressJobDto[]>([])\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  const fetchJobs = React.useCallback(async () => {\n    try {\n      const result = await apiCall<{ active: ProgressJobDto[]; recentlyCompleted: ProgressJobDto[] }>(\n        '/api/progress/active',\n      )\n      if (result.ok && result.result) {\n        setActiveJobs(result.result.active.filter(isVisibleProgressJob))\n        setRecentlyCompleted(result.result.recentlyCompleted.filter(isVisibleProgressJob))\n        setError(null)\n      }\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to fetch progress')\n    } finally {\n      setIsLoading(false)\n    }\n  }, [])\n\n  const refresh = React.useCallback(() => {\n    void fetchJobs()\n  }, [fetchJobs])\n\n  React.useEffect(() => {\n    void fetchJobs()\n  }, [fetchJobs])\n\n  useAppEvent(\n    'progress.job.updated',\n    (event) => {\n      const payload = event.payload as Partial<ProgressJobDto> & { jobId?: string }\n      const jobId = payload?.jobId\n      if (!jobId) {\n        void fetchJobs()\n        return\n      }\n      setActiveJobs((prev) =>\n        upsertJob(prev, {\n          id: jobId,\n          jobType: payload.jobType ?? 'progress',\n          name: payload.name ?? payload.jobType ?? 'Progress job',\n          description: payload.description ?? null,\n          meta: (payload.meta && typeof payload.meta === 'object') ? payload.meta as Record<string, unknown> : null,\n          status: (payload.status as ProgressJobDto['status']) ?? 'running',\n          progressPercent: payload.progressPercent ?? 0,\n          processedCount: payload.processedCount ?? 0,\n          totalCount: payload.totalCount ?? null,\n          etaSeconds: payload.etaSeconds ?? null,\n          cancellable: payload.cancellable ?? false,\n          startedAt: payload.startedAt ?? null,\n          finishedAt: payload.finishedAt ?? null,\n          errorMessage: payload.errorMessage ?? null,\n        }),\n      )\n    },\n    [fetchJobs],\n  )\n\n  useAppEvent('progress.job.created', () => {\n    void fetchJobs()\n  }, [fetchJobs])\n\n  useAppEvent('progress.job.started', () => {\n    void fetchJobs()\n  }, [fetchJobs])\n\n  useAppEvent('progress.job.completed', () => {\n    void fetchJobs()\n  }, [fetchJobs])\n\n  useAppEvent('progress.job.failed', () => {\n    void fetchJobs()\n  }, [fetchJobs])\n\n  useAppEvent('progress.job.cancelled', () => {\n    void fetchJobs()\n  }, [fetchJobs])\n\n  useAppEvent('om:bridge:reconnected', () => {\n    void fetchJobs()\n  }, [fetchJobs])\n\n  React.useEffect(() => {\n    const onFocus = () => {\n      void fetchJobs()\n    }\n    window.addEventListener('focus', onFocus)\n    return () => window.removeEventListener('focus', onFocus)\n  }, [fetchJobs])\n\n  return { activeJobs, recentlyCompleted, isLoading, error, refresh }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/schedule/ScheduleAgenda.js

@@ -0,0 +1,107 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { Badge } from "../../primitives/badge.js";
+import { Button } from "../../primitives/button.js";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { expandRecurringItems } from "./recurrence.js";
+const DAY_MS = 24 * 60 * 60 * 1e3;
+function startOfDay(value) {
+  return new Date(value.getFullYear(), value.getMonth(), value.getDate());
+}
+function endOfDay(value) {
+  return new Date(value.getFullYear(), value.getMonth(), value.getDate(), 23, 59, 59, 999);
+}
+function eachDay(start, end) {
+  const days = [];
+  let cursor = startOfDay(start);
+  const last = startOfDay(end);
+  while (cursor <= last) {
+    days.push(new Date(cursor));
+    cursor = new Date(cursor.getTime() + DAY_MS);
+  }
+  return days;
+}
+function overlapsDay(item, day) {
+  const dayStart = startOfDay(day);
+  const dayEnd = endOfDay(day);
+  return item.startsAt <= dayEnd && item.endsAt >= dayStart;
+}
+function formatDayLabel(day) {
+  return day.toLocaleDateString(void 0, { weekday: "long", month: "short", day: "numeric" });
+}
+function formatTimeRange(item, timezone) {
+  const options = { hour: "2-digit", minute: "2-digit" };
+  if (timezone) options.timeZone = timezone;
+  const startLabel = item.startsAt.toLocaleTimeString(void 0, options);
+  const endLabel = item.endsAt.toLocaleTimeString(void 0, options);
+  return `${startLabel}-${endLabel}`;
+}
+function getStatusLabel(status, t) {
+  if (!status) return null;
+  if (status === "draft") return t("schedule.item.status.draft", "Draft");
+  if (status === "negotiation") return t("schedule.item.status.negotiation", "Negotiation");
+  if (status === "confirmed") return t("schedule.item.status.confirmed", "Confirmed");
+  if (status === "cancelled") return t("schedule.item.status.cancelled", "Cancelled");
+  return null;
+}
+function getKindStyles(kind) {
+  if (kind === "event") return "border-blue-500/40 bg-blue-500/10 text-blue-950";
+  if (kind === "exception") return "border-amber-500/40 bg-amber-500/10 text-amber-950";
+  return "border-emerald-500/40 bg-emerald-500/10 text-emerald-950";
+}
+function ScheduleAgenda({ items, range, timezone, onItemClick, onSlotClick, className }) {
+  const t = useT();
+  const days = React.useMemo(() => eachDay(range.start, range.end), [range]);
+  const expandedItems = React.useMemo(() => expandRecurringItems(items, range), [items, range]);
+  return /* @__PURE__ */ jsx("div", { className: cn("space-y-4", className), children: days.map((day) => {
+    const dayItems = expandedItems.filter((item) => overlapsDay(item, day));
+    const slotStart = new Date(day.getFullYear(), day.getMonth(), day.getDate(), 9, 0, 0);
+    const slotEnd = new Date(day.getFullYear(), day.getMonth(), day.getDate(), 10, 0, 0);
+    return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border bg-card p-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-foreground", children: formatDayLabel(day) }),
+        onSlotClick ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            onClick: () => onSlotClick({ start: slotStart, end: slotEnd }),
+            children: t("schedule.actions.add", "Add")
+          }
+        ) : null
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "mt-3 space-y-2", children: dayItems.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-dashed p-3 text-xs text-muted-foreground", children: t("schedule.emptyDay", "No scheduled items") }) : dayItems.map((item) => {
+        const statusLabel = getStatusLabel(item.status, t);
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: cn(
+              "flex w-full cursor-pointer flex-col gap-2 rounded-lg border px-3 py-2 text-left text-xs transition hover:shadow-sm",
+              getKindStyles(item.kind)
+            ),
+            onClick: () => onItemClick?.(item),
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+                /* @__PURE__ */ jsx("span", { className: "font-semibold", children: item.title }),
+                statusLabel ? /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: statusLabel }) : null
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-[11px] text-muted-foreground", children: [
+                /* @__PURE__ */ jsx("span", { children: formatTimeRange(item, timezone) }),
+                /* @__PURE__ */ jsx("span", { className: "capitalize", children: item.kind })
+              ] })
+            ]
+          },
+          item.id
+        );
+      }) })
+    ] }, day.toISOString());
+  }) });
+}
+export {
+  ScheduleAgenda
+};
+//# sourceMappingURL=ScheduleAgenda.js.map

package/dist/backend/schedule/ScheduleAgenda.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/schedule/ScheduleAgenda.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { ScheduleItem, ScheduleRange, ScheduleSlot } from './types'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { Badge } from '../../primitives/badge'\nimport { Button } from '../../primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { expandRecurringItems } from './recurrence'\n\nconst DAY_MS = 24 * 60 * 60 * 1000\n\nfunction startOfDay(value: Date): Date {\n  return new Date(value.getFullYear(), value.getMonth(), value.getDate())\n}\n\nfunction endOfDay(value: Date): Date {\n  return new Date(value.getFullYear(), value.getMonth(), value.getDate(), 23, 59, 59, 999)\n}\n\nfunction eachDay(start: Date, end: Date): Date[] {\n  const days: Date[] = []\n  let cursor = startOfDay(start)\n  const last = startOfDay(end)\n  while (cursor <= last) {\n    days.push(new Date(cursor))\n    cursor = new Date(cursor.getTime() + DAY_MS)\n  }\n  return days\n}\n\nfunction overlapsDay(item: ScheduleItem, day: Date): boolean {\n  const dayStart = startOfDay(day)\n  const dayEnd = endOfDay(day)\n  return item.startsAt <= dayEnd && item.endsAt >= dayStart\n}\n\nfunction formatDayLabel(day: Date): string {\n  return day.toLocaleDateString(undefined, { weekday: 'long', month: 'short', day: 'numeric' })\n}\n\nfunction formatTimeRange(item: ScheduleItem, timezone?: string): string {\n  const options: Intl.DateTimeFormatOptions = { hour: '2-digit', minute: '2-digit' }\n  if (timezone) options.timeZone = timezone\n  const startLabel = item.startsAt.toLocaleTimeString(undefined, options)\n  const endLabel = item.endsAt.toLocaleTimeString(undefined, options)\n  return `${startLabel}-${endLabel}`\n}\n\nfunction getStatusLabel(status: ScheduleItem['status'], t: (key: string, fallback?: string) => string): string | null {\n  if (!status) return null\n  if (status === 'draft') return t('schedule.item.status.draft', 'Draft')\n  if (status === 'negotiation') return t('schedule.item.status.negotiation', 'Negotiation')\n  if (status === 'confirmed') return t('schedule.item.status.confirmed', 'Confirmed')\n  if (status === 'cancelled') return t('schedule.item.status.cancelled', 'Cancelled')\n  return null\n}\n\nfunction getKindStyles(kind: ScheduleItem['kind']): string {\n  if (kind === 'event') return 'border-blue-500/40 bg-blue-500/10 text-blue-950'\n  if (kind === 'exception') return 'border-amber-500/40 bg-amber-500/10 text-amber-950'\n  return 'border-emerald-500/40 bg-emerald-500/10 text-emerald-950'\n}\n\nexport type ScheduleAgendaProps = {\n  items: ScheduleItem[]\n  range: ScheduleRange\n  timezone?: string\n  onItemClick?: (item: ScheduleItem) => void\n  onSlotClick?: (slot: ScheduleSlot) => void\n  className?: string\n}\n\nexport function ScheduleAgenda({ items, range, timezone, onItemClick, onSlotClick, className }: ScheduleAgendaProps) {\n  const t = useT()\n  const days = React.useMemo(() => eachDay(range.start, range.end), [range])\n  const expandedItems = React.useMemo(() => expandRecurringItems(items, range), [items, range])\n\n  return (\n    <div className={cn('space-y-4', className)}>\n      {days.map((day) => {\n        const dayItems = expandedItems.filter((item) => overlapsDay(item, day))\n        const slotStart = new Date(day.getFullYear(), day.getMonth(), day.getDate(), 9, 0, 0)\n        const slotEnd = new Date(day.getFullYear(), day.getMonth(), day.getDate(), 10, 0, 0)\n        return (\n          <div key={day.toISOString()} className=\"rounded-xl border bg-card p-4\">\n            <div className=\"flex items-center justify-between gap-2\">\n              <div className=\"text-sm font-semibold text-foreground\">{formatDayLabel(day)}</div>\n              {onSlotClick ? (\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={() => onSlotClick({ start: slotStart, end: slotEnd })}\n                >\n                  {t('schedule.actions.add', 'Add')}\n                </Button>\n              ) : null}\n            </div>\n            <div className=\"mt-3 space-y-2\">\n              {dayItems.length === 0 ? (\n                <div className=\"rounded-lg border border-dashed p-3 text-xs text-muted-foreground\">\n                  {t('schedule.emptyDay', 'No scheduled items')}\n                </div>\n              ) : (\n                dayItems.map((item) => {\n                  const statusLabel = getStatusLabel(item.status, t)\n                  return (\n                    <button\n                      key={item.id}\n                      type=\"button\"\n                      className={cn(\n                        'flex w-full cursor-pointer flex-col gap-2 rounded-lg border px-3 py-2 text-left text-xs transition hover:shadow-sm',\n                        getKindStyles(item.kind)\n                      )}\n                      onClick={() => onItemClick?.(item)}\n                    >\n                      <div className=\"flex items-center justify-between gap-2\">\n                        <span className=\"font-semibold\">{item.title}</span>\n                        {statusLabel ? <Badge variant=\"secondary\">{statusLabel}</Badge> : null}\n                      </div>\n                      <div className=\"flex items-center justify-between text-[11px] text-muted-foreground\">\n                        <span>{formatTimeRange(item, timezone)}</span>\n                        <span className=\"capitalize\">{item.kind}</span>\n                      </div>\n                    </button>\n                  )\n                })\n              )}\n            </div>\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}