@open-mercato/ui 0.6.1-develop.3291.1.6fad645fd0 → 0.6.1

package/dist/backend/progress/useProgressPoll.js

@@ -9,6 +9,51 @@ const POLL_INTERVAL = 5e3;
 function isVisibleProgressJob(job) {
   return job.meta?.hiddenFromTopBar !== true;
 }
+function isLocalProgressJob(job) {
+  return job.id.startsWith("client:");
+}
+function isTerminalStatus(status) {
+  return status === "completed" || status === "failed" || status === "cancelled";
+}
+function localJobFromProgressDetail(detail) {
+  const now = (/* @__PURE__ */ new Date()).toISOString();
+  const status = detail.status;
+  return {
+    id: detail.jobId,
+    jobType: detail.jobType,
+    name: detail.name,
+    description: detail.description ?? null,
+    meta: detail.meta ?? null,
+    status,
+    progressPercent: detail.progressPercent,
+    processedCount: detail.processedCount,
+    totalCount: detail.totalCount ?? null,
+    etaSeconds: detail.etaSeconds ?? null,
+    cancellable: detail.cancellable ?? false,
+    startedAt: detail.startedAt ?? now,
+    finishedAt: detail.finishedAt ?? (isTerminalStatus(status) ? now : null),
+    errorMessage: detail.errorMessage ?? null
+  };
+}
+function upsertLocalJob(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 applyLocalProgressUpdate(detail, setActiveJobs, setRecentlyCompleted) {
+  const job = localJobFromProgressDetail(detail);
+  if (isTerminalStatus(job.status)) {
+    setActiveJobs((prev) => prev.filter((item) => item.id !== job.id));
+    setRecentlyCompleted((prev) => upsertLocalJob(prev, job).slice(0, 10));
+    return;
+  }
+  setRecentlyCompleted((prev) => prev.filter((item) => item.id !== job.id));
+  setActiveJobs((prev) => upsertLocalJob(prev, job).slice(0, 50));
+}
 function useProgressPoll() {
   const [activeJobs, setActiveJobs] = React.useState([]);
   const [recentlyCompleted, setRecentlyCompleted] = React.useState([]);
@@ -20,8 +65,14 @@ function useProgressPoll() {
         "/api/progress/active"
       );
       if (result.ok && result.result) {
-        setActiveJobs(result.result.active.filter(isVisibleProgressJob));
-        setRecentlyCompleted(result.result.recentlyCompleted.filter(isVisibleProgressJob));
+        setActiveJobs((prev) => [
+          ...prev.filter((job) => isLocalProgressJob(job) && !isTerminalStatus(job.status)),
+          ...result.result.active.filter(isVisibleProgressJob)
+        ]);
+        setRecentlyCompleted((prev) => [
+          ...prev.filter((job) => isLocalProgressJob(job) && isTerminalStatus(job.status)),
+          ...result.result.recentlyCompleted.filter(isVisibleProgressJob)
+        ].slice(0, 10));
         setError(null);
       }
     } catch (err) {
@@ -54,7 +105,9 @@ function useProgressPoll() {
     };
   }, [fetchJobs]);
   React.useEffect(() => {
-    const unsubUpdate = subscribeProgressUpdate(() => refresh());
+    const unsubUpdate = subscribeProgressUpdate((detail) => {
+      applyLocalProgressUpdate(detail, setActiveJobs, setRecentlyCompleted);
+    });
     const unsubComplete = subscribeProgressComplete(() => refresh());
     return () => {
       unsubUpdate();
@@ -64,6 +117,8 @@ function useProgressPoll() {
   return { activeJobs, recentlyCompleted, isLoading, error, refresh };
 }
 export {
+  applyLocalProgressUpdate,
+  isLocalProgressJob,
   useProgressPoll
 };
 //# sourceMappingURL=useProgressPoll.js.map

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

@@ -1,7 +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;",
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { apiCall } from '../utils/apiCall'\nimport {\n  subscribeProgressUpdate,\n  subscribeProgressComplete,\n  type ProgressUpdateDetail,\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 isLocalProgressJob(job: ProgressJobDto): boolean {\n  return job.id.startsWith('client:')\n}\n\nfunction isTerminalStatus(status: ProgressJobDto['status']): boolean {\n  return status === 'completed' || status === 'failed' || status === 'cancelled'\n}\n\nfunction localJobFromProgressDetail(detail: ProgressUpdateDetail): ProgressJobDto {\n  const now = new Date().toISOString()\n  const status = detail.status\n  return {\n    id: detail.jobId,\n    jobType: detail.jobType,\n    name: detail.name,\n    description: detail.description ?? null,\n    meta: detail.meta ?? null,\n    status,\n    progressPercent: detail.progressPercent,\n    processedCount: detail.processedCount,\n    totalCount: detail.totalCount ?? null,\n    etaSeconds: detail.etaSeconds ?? null,\n    cancellable: detail.cancellable ?? false,\n    startedAt: detail.startedAt ?? now,\n    finishedAt: detail.finishedAt ?? (isTerminalStatus(status) ? now : null),\n    errorMessage: detail.errorMessage ?? null,\n  }\n}\n\nfunction upsertLocalJob(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 applyLocalProgressUpdate(\n  detail: ProgressUpdateDetail,\n  setActiveJobs: React.Dispatch<React.SetStateAction<ProgressJobDto[]>>,\n  setRecentlyCompleted: React.Dispatch<React.SetStateAction<ProgressJobDto[]>>,\n): void {\n  const job = localJobFromProgressDetail(detail)\n  if (isTerminalStatus(job.status)) {\n    setActiveJobs((prev) => prev.filter((item) => item.id !== job.id))\n    setRecentlyCompleted((prev) => upsertLocalJob(prev, job).slice(0, 10))\n    return\n  }\n  setRecentlyCompleted((prev) => prev.filter((item) => item.id !== job.id))\n  setActiveJobs((prev) => upsertLocalJob(prev, job).slice(0, 50))\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((prev) => [\n          ...prev.filter((job) => isLocalProgressJob(job) && !isTerminalStatus(job.status)),\n          ...result.result!.active.filter(isVisibleProgressJob),\n        ])\n        setRecentlyCompleted((prev) => [\n          ...prev.filter((job) => isLocalProgressJob(job) && isTerminalStatus(job.status)),\n          ...result.result!.recentlyCompleted.filter(isVisibleProgressJob),\n        ].slice(0, 10))\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((detail) => {\n      applyLocalProgressUpdate(detail, setActiveJobs, setRecentlyCompleted)\n    })\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": "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",
   "names": []
 }

package/dist/backend/progress/useProgressSse.js

@@ -2,6 +2,8 @@
 import * as React from "react";
 import { apiCall } from "../utils/apiCall.js";
 import { useAppEvent } from "../injection/useAppEvent.js";
+import { subscribeProgressUpdate } from "@open-mercato/shared/lib/frontend/progressEvents";
+import { applyLocalProgressUpdate, isLocalProgressJob } from "./useProgressPoll.js";
 function isVisibleProgressJob(job) {
   return job.meta?.hiddenFromTopBar !== true;
 }
@@ -25,8 +27,14 @@ function useProgressSse() {
         "/api/progress/active"
       );
       if (result.ok && result.result) {
-        setActiveJobs(result.result.active.filter(isVisibleProgressJob));
-        setRecentlyCompleted(result.result.recentlyCompleted.filter(isVisibleProgressJob));
+        setActiveJobs((prev) => [
+          ...prev.filter((job) => isLocalProgressJob(job) && (job.status === "pending" || job.status === "running")),
+          ...result.result.active.filter(isVisibleProgressJob)
+        ]);
+        setRecentlyCompleted((prev) => [
+          ...prev.filter((job) => isLocalProgressJob(job) && (job.status === "completed" || job.status === "failed")),
+          ...result.result.recentlyCompleted.filter(isVisibleProgressJob)
+        ].slice(0, 10));
         setError(null);
       }
     } catch (err) {
@@ -41,6 +49,11 @@ function useProgressSse() {
   React.useEffect(() => {
     void fetchJobs();
   }, [fetchJobs]);
+  React.useEffect(() => {
+    return subscribeProgressUpdate((detail) => {
+      applyLocalProgressUpdate(detail, setActiveJobs, setRecentlyCompleted);
+    });
+  }, []);
   useAppEvent(
     "progress.job.updated",
     (event) => {

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

@@ -1,7 +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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",
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { apiCall } from '../utils/apiCall'\nimport { useAppEvent } from '../injection/useAppEvent'\nimport { subscribeProgressUpdate } from '@open-mercato/shared/lib/frontend/progressEvents'\nimport type { ProgressJobDto, UseProgressPollResult } from './useProgressPoll'\nimport { applyLocalProgressUpdate, isLocalProgressJob } 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((prev) => [\n          ...prev.filter((job) => isLocalProgressJob(job) && (job.status === 'pending' || job.status === 'running')),\n          ...result.result!.active.filter(isVisibleProgressJob),\n        ])\n        setRecentlyCompleted((prev) => [\n          ...prev.filter((job) => isLocalProgressJob(job) && (job.status === 'completed' || job.status === 'failed')),\n          ...result.result!.recentlyCompleted.filter(isVisibleProgressJob),\n        ].slice(0, 10))\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  React.useEffect(() => {\n    return subscribeProgressUpdate((detail) => {\n      applyLocalProgressUpdate(detail, setActiveJobs, setRecentlyCompleted)\n    })\n  }, [])\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/utils/bulkDelete.js

@@ -1,9 +1,46 @@
 "use client";
+import { emitProgressUpdate } from "@open-mercato/shared/lib/frontend/progressEvents";
+function createClientProgressJobId(jobType) {
+  const cryptoRef = typeof globalThis !== "undefined" ? globalThis.crypto : void 0;
+  if (cryptoRef && typeof cryptoRef.randomUUID === "function") {
+    return `client:${cryptoRef.randomUUID()}`;
+  }
+  return `client:${jobType}:${Date.now()}:${Math.random().toString(36).slice(2)}`;
+}
+function calculateProgress(processed, total) {
+  if (total <= 0) return 100;
+  return Math.max(0, Math.min(100, Math.round(processed / total * 100)));
+}
+function calculateEtaSeconds(startedAtMs, processed, total) {
+  if (processed <= 0 || processed >= total) return null;
+  const elapsedSeconds = Math.max(1, Math.round((Date.now() - startedAtMs) / 1e3));
+  return Math.ceil(elapsedSeconds / processed * (total - processed));
+}
 async function runBulkDelete(rows, deleteOne, options) {
   const fallback = options?.fallbackErrorMessage ?? "Delete failed";
   const logTag = options?.logTag;
   const succeeded = [];
   const failures = [];
+  const progress = options?.progress;
+  const progressJobId = progress && rows.length > 0 ? progress.jobId ?? createClientProgressJobId(progress.jobType) : null;
+  const startedAtMs = Date.now();
+  const startedAt = new Date(startedAtMs).toISOString();
+  if (progress && progressJobId) {
+    emitProgressUpdate({
+      jobId: progressJobId,
+      jobType: progress.jobType,
+      name: progress.name,
+      description: progress.description ?? null,
+      meta: progress.meta ?? null,
+      status: "running",
+      progressPercent: 0,
+      processedCount: 0,
+      totalCount: rows.length,
+      etaSeconds: null,
+      cancellable: false,
+      startedAt
+    });
+  }
   for (const row of rows) {
     try {
       await deleteOne(row);
@@ -17,6 +54,45 @@ async function runBulkDelete(rows, deleteOne, options) {
         console.warn(`[${logTag}] bulk delete failed`, { id: row.id, code, message, err });
       }
     }
+    if (progress && progressJobId) {
+      const processed = succeeded.length + failures.length;
+      emitProgressUpdate({
+        jobId: progressJobId,
+        jobType: progress.jobType,
+        name: progress.name,
+        description: progress.description ?? null,
+        meta: progress.meta ?? null,
+        status: "running",
+        progressPercent: calculateProgress(processed, rows.length),
+        processedCount: processed,
+        totalCount: rows.length,
+        etaSeconds: calculateEtaSeconds(startedAtMs, processed, rows.length),
+        cancellable: false,
+        startedAt
+      });
+    }
+  }
+  if (progress && progressJobId) {
+    emitProgressUpdate({
+      jobId: progressJobId,
+      jobType: progress.jobType,
+      name: progress.name,
+      description: progress.description ?? null,
+      meta: {
+        ...progress.meta ?? {},
+        succeededCount: succeeded.length,
+        failedCount: failures.length
+      },
+      status: failures.length === rows.length && rows.length > 0 ? "failed" : "completed",
+      progressPercent: 100,
+      processedCount: rows.length,
+      totalCount: rows.length,
+      etaSeconds: 0,
+      cancellable: false,
+      startedAt,
+      finishedAt: (/* @__PURE__ */ new Date()).toISOString(),
+      errorMessage: failures.length === rows.length && failures[0]?.message ? failures[0].message : null
+    });
   }
   return { succeeded, failures };
 }

package/dist/backend/utils/bulkDelete.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/utils/bulkDelete.ts"],
-  "sourcesContent": ["\"use client\"\n\nexport type BulkDeleteFailure = {\n  id: string\n  code: string | null\n  message: string\n}\n\nexport type BulkDeleteOutcome<T extends { id: string }> = {\n  succeeded: T[]\n  failures: BulkDeleteFailure[]\n}\n\nexport type BulkDeleteOptions = {\n  fallbackErrorMessage?: string\n  logTag?: string\n}\n\nexport async function runBulkDelete<T extends { id: string }>(\n  rows: T[],\n  deleteOne: (row: T) => Promise<void>,\n  options?: BulkDeleteOptions,\n): Promise<BulkDeleteOutcome<T>> {\n  const fallback = options?.fallbackErrorMessage ?? 'Delete failed'\n  const logTag = options?.logTag\n  const succeeded: T[] = []\n  const failures: BulkDeleteFailure[] = []\n  for (const row of rows) {\n    try {\n      await deleteOne(row)\n      succeeded.push(row)\n    } catch (err) {\n      const message =\n        err instanceof Error && err.message.trim().length > 0 ? err.message : fallback\n      const rawCode =\n        err && typeof err === 'object' ? (err as { code?: unknown }).code : undefined\n      const code = typeof rawCode === 'string' && rawCode.length > 0 ? rawCode : null\n      failures.push({ id: row.id, code, message })\n      if (logTag && typeof console !== 'undefined' && typeof console.warn === 'function') {\n        console.warn(`[${logTag}] bulk delete failed`, { id: row.id, code, message, err })\n      }\n    }\n  }\n  return { succeeded, failures }\n}\n\nexport type BulkDeleteFailureGroup = {\n  key: string\n  count: number\n  sampleMessage: string\n  ids: string[]\n}\n\n// Keyed by `code` when present so semantically identical failures collapse into\n// one toast even if their message text varies (e.g. row-specific dependency\n// counts). Falls back to the raw message when the server did not surface a code.\nexport function groupBulkDeleteFailures(\n  failures: BulkDeleteFailure[],\n): BulkDeleteFailureGroup[] {\n  const buckets = new Map<string, BulkDeleteFailureGroup>()\n  for (const failure of failures) {\n    const key = failure.code || failure.message || 'unknown'\n    const existing = buckets.get(key)\n    if (existing) {\n      existing.count += 1\n      existing.ids.push(failure.id)\n      continue\n    }\n    buckets.set(key, {\n      key,\n      count: 1,\n      sampleMessage: failure.message,\n      ids: [failure.id],\n    })\n  }\n  return Array.from(buckets.values())\n}\n"],
-  "mappings": ";AAkBA,eAAsB,cACpB,MACA,WACA,SAC+B;AAC/B,QAAM,WAAW,SAAS,wBAAwB;AAClD,QAAM,SAAS,SAAS;AACxB,QAAM,YAAiB,CAAC;AACxB,QAAM,WAAgC,CAAC;AACvC,aAAW,OAAO,MAAM;AACtB,QAAI;AACF,YAAM,UAAU,GAAG;AACnB,gBAAU,KAAK,GAAG;AAAA,IACpB,SAAS,KAAK;AACZ,YAAM,UACJ,eAAe,SAAS,IAAI,QAAQ,KAAK,EAAE,SAAS,IAAI,IAAI,UAAU;AACxE,YAAM,UACJ,OAAO,OAAO,QAAQ,WAAY,IAA2B,OAAO;AACtE,YAAM,OAAO,OAAO,YAAY,YAAY,QAAQ,SAAS,IAAI,UAAU;AAC3E,eAAS,KAAK,EAAE,IAAI,IAAI,IAAI,MAAM,QAAQ,CAAC;AAC3C,UAAI,UAAU,OAAO,YAAY,eAAe,OAAO,QAAQ,SAAS,YAAY;AAClF,gBAAQ,KAAK,IAAI,MAAM,wBAAwB,EAAE,IAAI,IAAI,IAAI,MAAM,SAAS,IAAI,CAAC;AAAA,MACnF;AAAA,IACF;AAAA,EACF;AACA,SAAO,EAAE,WAAW,SAAS;AAC/B;AAYO,SAAS,wBACd,UAC0B;AAC1B,QAAM,UAAU,oBAAI,IAAoC;AACxD,aAAW,WAAW,UAAU;AAC9B,UAAM,MAAM,QAAQ,QAAQ,QAAQ,WAAW;AAC/C,UAAM,WAAW,QAAQ,IAAI,GAAG;AAChC,QAAI,UAAU;AACZ,eAAS,SAAS;AAClB,eAAS,IAAI,KAAK,QAAQ,EAAE;AAC5B;AAAA,IACF;AACA,YAAQ,IAAI,KAAK;AAAA,MACf;AAAA,MACA,OAAO;AAAA,MACP,eAAe,QAAQ;AAAA,MACvB,KAAK,CAAC,QAAQ,EAAE;AAAA,IAClB,CAAC;AAAA,EACH;AACA,SAAO,MAAM,KAAK,QAAQ,OAAO,CAAC;AACpC;",
+  "sourcesContent": ["\"use client\"\n\nimport { emitProgressUpdate } from '@open-mercato/shared/lib/frontend/progressEvents'\n\nexport type BulkDeleteFailure = {\n  id: string\n  code: string | null\n  message: string\n}\n\nexport type BulkDeleteOutcome<T extends { id: string }> = {\n  succeeded: T[]\n  failures: BulkDeleteFailure[]\n}\n\nexport type BulkDeleteOptions = {\n  fallbackErrorMessage?: string\n  logTag?: string\n  progress?: {\n    jobId?: string\n    jobType: string\n    name: string\n    description?: string | null\n    meta?: Record<string, unknown> | null\n  }\n}\n\nfunction createClientProgressJobId(jobType: string): string {\n  const cryptoRef =\n    typeof globalThis !== 'undefined'\n      ? (globalThis as { crypto?: { randomUUID?: () => string } }).crypto\n      : undefined\n  if (cryptoRef && typeof cryptoRef.randomUUID === 'function') {\n    return `client:${cryptoRef.randomUUID()}`\n  }\n  return `client:${jobType}:${Date.now()}:${Math.random().toString(36).slice(2)}`\n}\n\nfunction calculateProgress(processed: number, total: number): number {\n  if (total <= 0) return 100\n  return Math.max(0, Math.min(100, Math.round((processed / total) * 100)))\n}\n\nfunction calculateEtaSeconds(startedAtMs: number, processed: number, total: number): number | null {\n  if (processed <= 0 || processed >= total) return null\n  const elapsedSeconds = Math.max(1, Math.round((Date.now() - startedAtMs) / 1000))\n  return Math.ceil((elapsedSeconds / processed) * (total - processed))\n}\n\nexport async function runBulkDelete<T extends { id: string }>(\n  rows: T[],\n  deleteOne: (row: T) => Promise<void>,\n  options?: BulkDeleteOptions,\n): Promise<BulkDeleteOutcome<T>> {\n  const fallback = options?.fallbackErrorMessage ?? 'Delete failed'\n  const logTag = options?.logTag\n  const succeeded: T[] = []\n  const failures: BulkDeleteFailure[] = []\n  const progress = options?.progress\n  const progressJobId = progress && rows.length > 0 ? progress.jobId ?? createClientProgressJobId(progress.jobType) : null\n  const startedAtMs = Date.now()\n  const startedAt = new Date(startedAtMs).toISOString()\n  if (progress && progressJobId) {\n    emitProgressUpdate({\n      jobId: progressJobId,\n      jobType: progress.jobType,\n      name: progress.name,\n      description: progress.description ?? null,\n      meta: progress.meta ?? null,\n      status: 'running',\n      progressPercent: 0,\n      processedCount: 0,\n      totalCount: rows.length,\n      etaSeconds: null,\n      cancellable: false,\n      startedAt,\n    })\n  }\n  for (const row of rows) {\n    try {\n      await deleteOne(row)\n      succeeded.push(row)\n    } catch (err) {\n      const message =\n        err instanceof Error && err.message.trim().length > 0 ? err.message : fallback\n      const rawCode =\n        err && typeof err === 'object' ? (err as { code?: unknown }).code : undefined\n      const code = typeof rawCode === 'string' && rawCode.length > 0 ? rawCode : null\n      failures.push({ id: row.id, code, message })\n      if (logTag && typeof console !== 'undefined' && typeof console.warn === 'function') {\n        console.warn(`[${logTag}] bulk delete failed`, { id: row.id, code, message, err })\n      }\n    }\n    if (progress && progressJobId) {\n      const processed = succeeded.length + failures.length\n      emitProgressUpdate({\n        jobId: progressJobId,\n        jobType: progress.jobType,\n        name: progress.name,\n        description: progress.description ?? null,\n        meta: progress.meta ?? null,\n        status: 'running',\n        progressPercent: calculateProgress(processed, rows.length),\n        processedCount: processed,\n        totalCount: rows.length,\n        etaSeconds: calculateEtaSeconds(startedAtMs, processed, rows.length),\n        cancellable: false,\n        startedAt,\n      })\n    }\n  }\n  if (progress && progressJobId) {\n    emitProgressUpdate({\n      jobId: progressJobId,\n      jobType: progress.jobType,\n      name: progress.name,\n      description: progress.description ?? null,\n      meta: {\n        ...(progress.meta ?? {}),\n        succeededCount: succeeded.length,\n        failedCount: failures.length,\n      },\n      status: failures.length === rows.length && rows.length > 0 ? 'failed' : 'completed',\n      progressPercent: 100,\n      processedCount: rows.length,\n      totalCount: rows.length,\n      etaSeconds: 0,\n      cancellable: false,\n      startedAt,\n      finishedAt: new Date().toISOString(),\n      errorMessage:\n        failures.length === rows.length && failures[0]?.message\n          ? failures[0].message\n          : null,\n    })\n  }\n  return { succeeded, failures }\n}\n\nexport type BulkDeleteFailureGroup = {\n  key: string\n  count: number\n  sampleMessage: string\n  ids: string[]\n}\n\n// Keyed by `code` when present so semantically identical failures collapse into\n// one toast even if their message text varies (e.g. row-specific dependency\n// counts). Falls back to the raw message when the server did not surface a code.\nexport function groupBulkDeleteFailures(\n  failures: BulkDeleteFailure[],\n): BulkDeleteFailureGroup[] {\n  const buckets = new Map<string, BulkDeleteFailureGroup>()\n  for (const failure of failures) {\n    const key = failure.code || failure.message || 'unknown'\n    const existing = buckets.get(key)\n    if (existing) {\n      existing.count += 1\n      existing.ids.push(failure.id)\n      continue\n    }\n    buckets.set(key, {\n      key,\n      count: 1,\n      sampleMessage: failure.message,\n      ids: [failure.id],\n    })\n  }\n  return Array.from(buckets.values())\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-mercato/ui",
-  "version": "0.6.1-develop.3291.1.6fad645fd0",
+  "version": "0.6.1",
   "type": "module",
   "main": "./dist/index.js",
   "scripts": {
@@ -141,18 +141,24 @@
     "remark-gfm": "^4.0.1"
   },
   "peerDependencies": {
-    "@open-mercato/shared": "0.6.1-develop.3291.1.6fad645fd0",
+    "@open-mercato/shared": "0.6.1",
     "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
+    "react-dom": ">=18.0.0",
+    "react-is": ">=18.0.0"
   },
   "devDependencies": {
-    "@open-mercato/shared": "0.6.1-develop.3291.1.6fad645fd0",
+    "@open-mercato/shared": "0.6.1",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.1",
     "@types/jest": "^30.0.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
     "jest": "^30.4.2",
     "jest-environment-jsdom": "^30.4.1",
+    "react": "19.2.6",
+    "react-dom": "19.2.6",
+    "react-is": "^19.2.6",
     "ts-jest": "^29.4.9"
   },
   "publishConfig": {
@@ -162,6 +168,5 @@
     "type": "git",
     "url": "https://github.com/open-mercato/open-mercato",
     "directory": "packages/ui"
-  },
-  "stableVersion": "0.6.0"
+  }
 }

package/src/ai/AiAssistantLauncher.tsx

@@ -31,7 +31,6 @@ import {
   Loader2,
   PanelRightOpen,
   Search,
-  Sparkles,
 } from 'lucide-react'
 import { useT } from '@open-mercato/shared/lib/i18n/context'
 import { cn } from '@open-mercato/shared/lib/utils'
@@ -49,6 +48,7 @@ import { Kbd, KbdShortcut } from '../primitives/kbd'
 import { useAiDock } from './AiDock'
 import { useAiChatSessions } from './AiChatSessions'
 import { ChatPaneTabs } from './ChatPaneTabs'
+import { AiIcon } from './AiIcon'
 import type { AiChatContextItem, AiChatSuggestion } from './AiChat'
 
 // Lazy-load the chat surface so AppShell tests (and any other importers that
@@ -407,7 +407,7 @@ export function AiAssistantLauncher({
         {
           label: t('ai_assistant.launcher.welcome.suggestion1', 'What can you help me with?'),
           prompt: 'What can you help me with on this tenant?',
-          icon: <Sparkles className="size-4" />,
+          icon: <AiIcon className="size-4" />,
         },
         {
           label: t('ai_assistant.launcher.welcome.suggestion2', 'Show what data you can access'),
@@ -467,7 +467,7 @@ export function AiAssistantLauncher({
         aria-label={triggerLabel}
         title={triggerLabel}
       >
-        <Sparkles className="size-4" aria-hidden />
+        <AiIcon className="size-4" />
         <span>{shortLabel}</span>
         <span className="ml-2 rounded border px-1 text-xs text-muted-foreground">
           ⌘L
@@ -483,7 +483,7 @@ export function AiAssistantLauncher({
         aria-label={triggerLabel}
         data-ai-launcher-trigger-mobile=""
       >
-        <Sparkles className="size-4" aria-hidden />
+        <AiIcon className="size-4" />
       </IconButton>
       <Dialog open={pickerOpen} onOpenChange={setPickerOpen}>
         <DialogContent
@@ -493,7 +493,7 @@ export function AiAssistantLauncher({
         >
           <DialogHeader className="px-4 pt-4 pb-2">
             <DialogTitle className="flex items-center gap-2 text-base">
-              <Sparkles className="size-4 text-primary" aria-hidden />
+              <AiIcon className="size-4" />
               {dialogTitle}
             </DialogTitle>
             <DialogDescription className="text-xs">
@@ -551,8 +551,8 @@ export function AiAssistantLauncher({
                       isActive ? 'bg-accent text-accent-foreground' : 'hover:bg-accent/60',
                     )}
                   >
-                    <span className="mt-0.5 inline-flex size-7 shrink-0 items-center justify-center rounded-full bg-primary/10 text-primary">
-                      <Sparkles className="size-3.5" aria-hidden />
+                    <span className="mt-0.5 inline-flex size-7 shrink-0 items-center justify-center rounded-full bg-brand-violet/10">
+                      <AiIcon className="size-3.5" />
                     </span>
                     <span className="flex-1 min-w-0 space-y-0.5">
                       <span className="flex items-center gap-2">
@@ -673,7 +673,7 @@ export function AiAssistantLauncher({
                 <PanelRightOpen className="size-4" aria-hidden />
               </IconButton>
               <DialogTitle className="flex-1 min-w-0 flex items-center gap-2">
-                <Sparkles className="size-4 text-primary shrink-0" aria-hidden />
+                <AiIcon className="size-4 shrink-0" />
                 <span className="min-w-0 truncate">{activeAgent?.label ?? dialogTitle}</span>
                 <span
                   className="inline-flex shrink-0 items-center rounded-full border border-border bg-secondary px-1.5 py-0 text-[10px] font-medium uppercase tracking-wide text-secondary-foreground"