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

package/.turbo/turbo-build.log

@@ -1,3 +1,3 @@
-Generated lucide registry with 161 icons -> /home/runner/work/open-mercato/open-mercato/packages/ui/src/backend/icons/lucideRegistry.generated.tsx
+Generated lucide registry with 165 icons -> /home/runner/work/open-mercato/open-mercato/packages/ui/src/backend/icons/lucideRegistry.generated.tsx
 [build:ui] found 403 entry points
 [build:ui] built successfully

package/dist/backend/FlashMessages.js

@@ -29,6 +29,38 @@ function flash(message, type = "info") {
   const evt = new CustomEvent("flash", { detail: { message, type } });
   window.dispatchEvent(evt);
 }
+const mountedFlashHostIds = [];
+const flashHostListeners = /* @__PURE__ */ new Set();
+function notifyFlashHostListeners() {
+  for (const listener of flashHostListeners) listener();
+}
+function subscribeFlashHosts(listener) {
+  flashHostListeners.add(listener);
+  return () => {
+    flashHostListeners.delete(listener);
+  };
+}
+function getPrimaryFlashHostId() {
+  return mountedFlashHostIds[0] ?? null;
+}
+function getServerFlashHostId() {
+  return null;
+}
+function useIsPrimaryFlashHost() {
+  const hostIdRef = React.useRef(null);
+  if (hostIdRef.current === null) hostIdRef.current = /* @__PURE__ */ Symbol("om-flash-host");
+  const hostId = hostIdRef.current;
+  React.useEffect(() => {
+    mountedFlashHostIds.push(hostId);
+    notifyFlashHostListeners();
+    return () => {
+      const index = mountedFlashHostIds.indexOf(hostId);
+      if (index >= 0) mountedFlashHostIds.splice(index, 1);
+      notifyFlashHostListeners();
+    };
+  }, [hostId]);
+  return React.useSyncExternalStore(subscribeFlashHosts, getPrimaryFlashHostId, getServerFlashHostId) === hostId;
+}
 function useLocationKey() {
   const [locationKey, setLocationKey] = React.useState(() => {
     if (typeof window === "undefined") return "";
@@ -91,6 +123,7 @@ function useLocationKey() {
 function FlashMessagesInner() {
   const [msg, setMsg] = React.useState(null);
   const [kind, setKind] = React.useState("info");
+  const isPrimaryHost = useIsPrimaryFlashHost();
   const locationKey = useLocationKey();
   const dismissTimerRef = React.useRef(null);
   const clearDismissTimer = React.useCallback(() => {
@@ -143,7 +176,7 @@ function FlashMessagesInner() {
     clearDismissTimer();
     setMsg(null);
   }, [clearDismissTimer]);
-  if (!msg) return null;
+  if (!msg || !isPrimaryHost) return null;
   return /* @__PURE__ */ jsx("div", { className: "pointer-events-none fixed left-3 right-3 top-3 z-toast sm:left-auto sm:right-4 sm:w-[380px]", children: /* @__PURE__ */ jsx("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx(
     Alert,
     {

package/dist/backend/FlashMessages.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/backend/FlashMessages.tsx"],
-  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Alert, type AlertStatus } from '../primitives/alert'\n\nexport type FlashKind = 'success' | 'error' | 'warning' | 'info'\n\nconst flashKindToAlertStatus: Record<FlashKind, AlertStatus> = {\n  success: 'success',\n  error: 'error',\n  warning: 'warning',\n  info: 'information',\n}\n\nfunction normalizeFlashKind(value: string | null | undefined): FlashKind {\n  if (value && Object.prototype.hasOwnProperty.call(flashKindToAlertStatus, value)) {\n    return value as FlashKind\n  }\n  return 'success'\n}\n\n// A URL-supplied flash is only trustworthy when the navigation that carried it\n// originated from the same origin (an in-app POST->GET redirect or client-side\n// navigation). Cross-origin links \u2014 the phishing/content-spoofing vector \u2014 must\n// not be allowed to render attacker-controlled copy inside an authoritative banner.\nfunction isSameOriginFlashNavigation(): boolean {\n  if (typeof window === 'undefined') return false\n  const referrer = document.referrer\n  // No referrer (direct load, bookmark, or referrer stripped) is ambiguous, not a\n  // cross-origin redirect we can attribute to an attacker page; allow it.\n  if (!referrer) return true\n  try {\n    return new URL(referrer).origin === window.location.origin\n  } catch {\n    return false\n  }\n}\n\n// Programmatic API to show a flash message without navigation.\n// Consumers can import { flash } and call flash('text', 'error').\nexport function flash(message: string, type: FlashKind = 'info') {\n  if (typeof window === 'undefined') return\n  const evt = new CustomEvent('flash', { detail: { message, type } })\n  window.dispatchEvent(evt)\n}\n\ntype HistoryMethod = History['pushState']\n\nfunction useLocationKey() {\n  const [locationKey, setLocationKey] = React.useState(() => {\n    if (typeof window === 'undefined') return ''\n    return window.location.href\n  })\n  const locationKeyRef = React.useRef(locationKey)\n\n  React.useEffect(() => {\n    locationKeyRef.current = locationKey\n  }, [locationKey])\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return\n\n    let active = true\n    const scheduleUpdate = (href: string) => {\n      const run = () => {\n        if (!active) return\n        if (locationKeyRef.current === href) return\n        locationKeyRef.current = href\n        setLocationKey(href)\n      }\n      if (typeof queueMicrotask === 'function') {\n        queueMicrotask(run)\n      } else {\n        setTimeout(run, 0)\n      }\n    }\n    const updateLocation = () => {\n      if (!active) return\n      const href = window.location.href\n      if (href === locationKeyRef.current) return\n      scheduleUpdate(href)\n    }\n\n    const deferredUpdateLocation = () => {\n      setTimeout(updateLocation, 0)\n    }\n\n    const originalPush: HistoryMethod = window.history.pushState.bind(window.history)\n    const originalReplace: HistoryMethod = window.history.replaceState.bind(window.history)\n\n    const pushState: HistoryMethod = (...args) => {\n      originalPush(...args)\n      deferredUpdateLocation()\n    }\n\n    const replaceState: HistoryMethod = (...args) => {\n      originalReplace(...args)\n      deferredUpdateLocation()\n    }\n\n    window.history.pushState = pushState\n    window.history.replaceState = replaceState\n    window.addEventListener('popstate', updateLocation)\n    window.addEventListener('hashchange', updateLocation)\n    updateLocation()\n\n    return () => {\n      active = false\n      window.history.pushState = originalPush\n      window.history.replaceState = originalReplace\n      window.removeEventListener('popstate', updateLocation)\n      window.removeEventListener('hashchange', updateLocation)\n    }\n  }, [])\n\n  return locationKey\n}\n\nfunction FlashMessagesInner() {\n  const [msg, setMsg] = React.useState<string | null>(null)\n  const [kind, setKind] = React.useState<FlashKind>('info')\n  const locationKey = useLocationKey()\n  const dismissTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  const clearDismissTimer = React.useCallback(() => {\n    if (dismissTimerRef.current) {\n      clearTimeout(dismissTimerRef.current)\n      dismissTimerRef.current = null\n    }\n  }, [])\n\n  const showFlash = React.useCallback((message: string, type: FlashKind) => {\n    clearDismissTimer()\n    setMsg(message)\n    setKind(type)\n    dismissTimerRef.current = setTimeout(() => {\n      dismissTimerRef.current = null\n      setMsg(null)\n    }, 3000)\n  }, [clearDismissTimer])\n\n  React.useEffect(() => {\n    return () => {\n      clearDismissTimer()\n    }\n  }, [clearDismissTimer])\n\n  // Read flash from URL on any navigation change (client-side too)\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return\n    const url = new URL(window.location.href)\n    const message = url.searchParams.get('flash')\n    const type = normalizeFlashKind(url.searchParams.get('type'))\n    if (message) {\n      // Always strip the params so a spoofed link does not linger in history,\n      // but only render the banner for same-origin navigations.\n      const trusted = isSameOriginFlashNavigation()\n      url.searchParams.delete('flash')\n      url.searchParams.delete('type')\n      window.history.replaceState({}, '', url.toString())\n      if (trusted) {\n        showFlash(message, type)\n      }\n    }\n  }, [locationKey, showFlash])\n\n  // Listen for programmatic flash events\n  React.useEffect(() => {\n    const handler = (e: Event) => {\n      const ce = e as CustomEvent<{ message?: string; type?: FlashKind }>\n      const text = ce.detail?.message\n      const t = ce.detail?.type || 'info'\n      if (!text) return\n      showFlash(text, t)\n    }\n    window.addEventListener('flash', handler as EventListener)\n    return () => window.removeEventListener('flash', handler as EventListener)\n  }, [showFlash])\n\n  const handleDismiss = React.useCallback(() => {\n    clearDismissTimer()\n    setMsg(null)\n  }, [clearDismissTimer])\n\n  if (!msg) return null\n\n  return (\n    <div className=\"pointer-events-none fixed left-3 right-3 top-3 z-toast sm:left-auto sm:right-4 sm:w-[380px]\">\n      <div className=\"pointer-events-auto\">\n        <Alert\n          status={flashKindToAlertStatus[kind]}\n          size=\"sm\"\n          dismissible\n          onDismiss={handleDismiss}\n          className=\"shadow-md\"\n        >\n          {msg}\n        </Alert>\n      </div>\n    </div>\n  )\n}\n\nexport function FlashMessages() {\n  return (\n    <React.Suspense fallback={null}>\n      <FlashMessagesInner />\n    </React.Suspense>\n  )\n}\n"],
-  "mappings": ";AA4LQ;AA3LR,YAAY,WAAW;AACvB,SAAS,aAA+B;AAIxC,MAAM,yBAAyD;AAAA,EAC7D,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AACR;AAEA,SAAS,mBAAmB,OAA6C;AACvE,MAAI,SAAS,OAAO,UAAU,eAAe,KAAK,wBAAwB,KAAK,GAAG;AAChF,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAMA,SAAS,8BAAuC;AAC9C,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,QAAM,WAAW,SAAS;AAG1B,MAAI,CAAC,SAAU,QAAO;AACtB,MAAI;AACF,WAAO,IAAI,IAAI,QAAQ,EAAE,WAAW,OAAO,SAAS;AAAA,EACtD,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAIO,SAAS,MAAM,SAAiB,OAAkB,QAAQ;AAC/D,MAAI,OAAO,WAAW,YAAa;AACnC,QAAM,MAAM,IAAI,YAAY,SAAS,EAAE,QAAQ,EAAE,SAAS,KAAK,EAAE,CAAC;AAClE,SAAO,cAAc,GAAG;AAC1B;AAIA,SAAS,iBAAiB;AACxB,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,MAAM;AACzD,QAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,WAAO,OAAO,SAAS;AAAA,EACzB,CAAC;AACD,QAAM,iBAAiB,MAAM,OAAO,WAAW;AAE/C,QAAM,UAAU,MAAM;AACpB,mBAAe,UAAU;AAAA,EAC3B,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,UAAU,MAAM;AACpB,QAAI,OAAO,WAAW,YAAa;AAEnC,QAAI,SAAS;AACb,UAAM,iBAAiB,CAAC,SAAiB;AACvC,YAAM,MAAM,MAAM;AAChB,YAAI,CAAC,OAAQ;AACb,YAAI,eAAe,YAAY,KAAM;AACrC,uBAAe,UAAU;AACzB,uBAAe,IAAI;AAAA,MACrB;AACA,UAAI,OAAO,mBAAmB,YAAY;AACxC,uBAAe,GAAG;AAAA,MACpB,OAAO;AACL,mBAAW,KAAK,CAAC;AAAA,MACnB;AAAA,IACF;AACA,UAAM,iBAAiB,MAAM;AAC3B,UAAI,CAAC,OAAQ;AACb,YAAM,OAAO,OAAO,SAAS;AAC7B,UAAI,SAAS,eAAe,QAAS;AACrC,qBAAe,IAAI;AAAA,IACrB;AAEA,UAAM,yBAAyB,MAAM;AACnC,iBAAW,gBAAgB,CAAC;AAAA,IAC9B;AAEA,UAAM,eAA8B,OAAO,QAAQ,UAAU,KAAK,OAAO,OAAO;AAChF,UAAM,kBAAiC,OAAO,QAAQ,aAAa,KAAK,OAAO,OAAO;AAEtF,UAAM,YAA2B,IAAI,SAAS;AAC5C,mBAAa,GAAG,IAAI;AACpB,6BAAuB;AAAA,IACzB;AAEA,UAAM,eAA8B,IAAI,SAAS;AAC/C,sBAAgB,GAAG,IAAI;AACvB,6BAAuB;AAAA,IACzB;AAEA,WAAO,QAAQ,YAAY;AAC3B,WAAO,QAAQ,eAAe;AAC9B,WAAO,iBAAiB,YAAY,cAAc;AAClD,WAAO,iBAAiB,cAAc,cAAc;AACpD,mBAAe;AAEf,WAAO,MAAM;AACX,eAAS;AACT,aAAO,QAAQ,YAAY;AAC3B,aAAO,QAAQ,eAAe;AAC9B,aAAO,oBAAoB,YAAY,cAAc;AACrD,aAAO,oBAAoB,cAAc,cAAc;AAAA,IACzD;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO;AACT;AAEA,SAAS,qBAAqB;AAC5B,QAAM,CAAC,KAAK,MAAM,IAAI,MAAM,SAAwB,IAAI;AACxD,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAoB,MAAM;AACxD,QAAM,cAAc,eAAe;AACnC,QAAM,kBAAkB,MAAM,OAA6C,IAAI;AAE/E,QAAM,oBAAoB,MAAM,YAAY,MAAM;AAChD,QAAI,gBAAgB,SAAS;AAC3B,mBAAa,gBAAgB,OAAO;AACpC,sBAAgB,UAAU;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,MAAM,YAAY,CAAC,SAAiB,SAAoB;AACxE,sBAAkB;AAClB,WAAO,OAAO;AACd,YAAQ,IAAI;AACZ,oBAAgB,UAAU,WAAW,MAAM;AACzC,sBAAgB,UAAU;AAC1B,aAAO,IAAI;AAAA,IACb,GAAG,GAAI;AAAA,EACT,GAAG,CAAC,iBAAiB,CAAC;AAEtB,QAAM,UAAU,MAAM;AACpB,WAAO,MAAM;AACX,wBAAkB;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,iBAAiB,CAAC;AAGtB,QAAM,UAAU,MAAM;AACpB,QAAI,OAAO,WAAW,YAAa;AACnC,UAAM,MAAM,IAAI,IAAI,OAAO,SAAS,IAAI;AACxC,UAAM,UAAU,IAAI,aAAa,IAAI,OAAO;AAC5C,UAAM,OAAO,mBAAmB,IAAI,aAAa,IAAI,MAAM,CAAC;AAC5D,QAAI,SAAS;AAGX,YAAM,UAAU,4BAA4B;AAC5C,UAAI,aAAa,OAAO,OAAO;AAC/B,UAAI,aAAa,OAAO,MAAM;AAC9B,aAAO,QAAQ,aAAa,CAAC,GAAG,IAAI,IAAI,SAAS,CAAC;AAClD,UAAI,SAAS;AACX,kBAAU,SAAS,IAAI;AAAA,MACzB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,aAAa,SAAS,CAAC;AAG3B,QAAM,UAAU,MAAM;AACpB,UAAM,UAAU,CAAC,MAAa;AAC5B,YAAM,KAAK;AACX,YAAM,OAAO,GAAG,QAAQ;AACxB,YAAM,IAAI,GAAG,QAAQ,QAAQ;AAC7B,UAAI,CAAC,KAAM;AACX,gBAAU,MAAM,CAAC;AAAA,IACnB;AACA,WAAO,iBAAiB,SAAS,OAAwB;AACzD,WAAO,MAAM,OAAO,oBAAoB,SAAS,OAAwB;AAAA,EAC3E,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,gBAAgB,MAAM,YAAY,MAAM;AAC5C,sBAAkB;AAClB,WAAO,IAAI;AAAA,EACb,GAAG,CAAC,iBAAiB,CAAC;AAEtB,MAAI,CAAC,IAAK,QAAO;AAEjB,SACE,oBAAC,SAAI,WAAU,+FACb,8BAAC,SAAI,WAAU,uBACb;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ,uBAAuB,IAAI;AAAA,MACnC,MAAK;AAAA,MACL,aAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAU;AAAA,MAET;AAAA;AAAA,EACH,GACF,GACF;AAEJ;AAEO,SAAS,gBAAgB;AAC9B,SACE,oBAAC,MAAM,UAAN,EAAe,UAAU,MACxB,8BAAC,sBAAmB,GACtB;AAEJ;",
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Alert, type AlertStatus } from '../primitives/alert'\n\nexport type FlashKind = 'success' | 'error' | 'warning' | 'info'\n\nconst flashKindToAlertStatus: Record<FlashKind, AlertStatus> = {\n  success: 'success',\n  error: 'error',\n  warning: 'warning',\n  info: 'information',\n}\n\nfunction normalizeFlashKind(value: string | null | undefined): FlashKind {\n  if (value && Object.prototype.hasOwnProperty.call(flashKindToAlertStatus, value)) {\n    return value as FlashKind\n  }\n  return 'success'\n}\n\n// A URL-supplied flash is only trustworthy when the navigation that carried it\n// originated from the same origin (an in-app POST->GET redirect or client-side\n// navigation). Cross-origin links \u2014 the phishing/content-spoofing vector \u2014 must\n// not be allowed to render attacker-controlled copy inside an authoritative banner.\nfunction isSameOriginFlashNavigation(): boolean {\n  if (typeof window === 'undefined') return false\n  const referrer = document.referrer\n  // No referrer (direct load, bookmark, or referrer stripped) is ambiguous, not a\n  // cross-origin redirect we can attribute to an attacker page; allow it.\n  if (!referrer) return true\n  try {\n    return new URL(referrer).origin === window.location.origin\n  } catch {\n    return false\n  }\n}\n\n// Programmatic API to show a flash message without navigation.\n// Consumers can import { flash } and call flash('text', 'error').\nexport function flash(message: string, type: FlashKind = 'info') {\n  if (typeof window === 'undefined') return\n  const evt = new CustomEvent('flash', { detail: { message, type } })\n  window.dispatchEvent(evt)\n}\n\n// Two hosts mount `<FlashMessages />` over the same page: `FrontendLayout`\n// wraps the entire app (backend routes included, via `AppProviders`) and\n// `AppShell` mounts its own copy inside `<main>`. Both listen to the same\n// `flash` event, so every backend toast rendered twice \u2014 two stacked fixed\n// overlays, each with its own dismiss button, so dismissing one left the other\n// behind. Both mount points are public surfaces third-party apps rely on, so\n// instead of deleting one, only the first host to mount renders; the others\n// keep their state in sync and take over if it unmounts.\nconst mountedFlashHostIds: symbol[] = []\nconst flashHostListeners = new Set<() => void>()\n\nfunction notifyFlashHostListeners() {\n  for (const listener of flashHostListeners) listener()\n}\n\nfunction subscribeFlashHosts(listener: () => void): () => void {\n  flashHostListeners.add(listener)\n  return () => {\n    flashHostListeners.delete(listener)\n  }\n}\n\nfunction getPrimaryFlashHostId(): symbol | null {\n  return mountedFlashHostIds[0] ?? null\n}\n\nfunction getServerFlashHostId(): symbol | null {\n  return null\n}\n\nfunction useIsPrimaryFlashHost(): boolean {\n  const hostIdRef = React.useRef<symbol | null>(null)\n  if (hostIdRef.current === null) hostIdRef.current = Symbol('om-flash-host')\n  const hostId = hostIdRef.current\n\n  React.useEffect(() => {\n    mountedFlashHostIds.push(hostId)\n    notifyFlashHostListeners()\n    return () => {\n      const index = mountedFlashHostIds.indexOf(hostId)\n      if (index >= 0) mountedFlashHostIds.splice(index, 1)\n      notifyFlashHostListeners()\n    }\n  }, [hostId])\n\n  return React.useSyncExternalStore(subscribeFlashHosts, getPrimaryFlashHostId, getServerFlashHostId) === hostId\n}\n\ntype HistoryMethod = History['pushState']\n\nfunction useLocationKey() {\n  const [locationKey, setLocationKey] = React.useState(() => {\n    if (typeof window === 'undefined') return ''\n    return window.location.href\n  })\n  const locationKeyRef = React.useRef(locationKey)\n\n  React.useEffect(() => {\n    locationKeyRef.current = locationKey\n  }, [locationKey])\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return\n\n    let active = true\n    const scheduleUpdate = (href: string) => {\n      const run = () => {\n        if (!active) return\n        if (locationKeyRef.current === href) return\n        locationKeyRef.current = href\n        setLocationKey(href)\n      }\n      if (typeof queueMicrotask === 'function') {\n        queueMicrotask(run)\n      } else {\n        setTimeout(run, 0)\n      }\n    }\n    const updateLocation = () => {\n      if (!active) return\n      const href = window.location.href\n      if (href === locationKeyRef.current) return\n      scheduleUpdate(href)\n    }\n\n    const deferredUpdateLocation = () => {\n      setTimeout(updateLocation, 0)\n    }\n\n    const originalPush: HistoryMethod = window.history.pushState.bind(window.history)\n    const originalReplace: HistoryMethod = window.history.replaceState.bind(window.history)\n\n    const pushState: HistoryMethod = (...args) => {\n      originalPush(...args)\n      deferredUpdateLocation()\n    }\n\n    const replaceState: HistoryMethod = (...args) => {\n      originalReplace(...args)\n      deferredUpdateLocation()\n    }\n\n    window.history.pushState = pushState\n    window.history.replaceState = replaceState\n    window.addEventListener('popstate', updateLocation)\n    window.addEventListener('hashchange', updateLocation)\n    updateLocation()\n\n    return () => {\n      active = false\n      window.history.pushState = originalPush\n      window.history.replaceState = originalReplace\n      window.removeEventListener('popstate', updateLocation)\n      window.removeEventListener('hashchange', updateLocation)\n    }\n  }, [])\n\n  return locationKey\n}\n\nfunction FlashMessagesInner() {\n  const [msg, setMsg] = React.useState<string | null>(null)\n  const [kind, setKind] = React.useState<FlashKind>('info')\n  const isPrimaryHost = useIsPrimaryFlashHost()\n  const locationKey = useLocationKey()\n  const dismissTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  const clearDismissTimer = React.useCallback(() => {\n    if (dismissTimerRef.current) {\n      clearTimeout(dismissTimerRef.current)\n      dismissTimerRef.current = null\n    }\n  }, [])\n\n  const showFlash = React.useCallback((message: string, type: FlashKind) => {\n    clearDismissTimer()\n    setMsg(message)\n    setKind(type)\n    dismissTimerRef.current = setTimeout(() => {\n      dismissTimerRef.current = null\n      setMsg(null)\n    }, 3000)\n  }, [clearDismissTimer])\n\n  React.useEffect(() => {\n    return () => {\n      clearDismissTimer()\n    }\n  }, [clearDismissTimer])\n\n  // Read flash from URL on any navigation change (client-side too)\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return\n    const url = new URL(window.location.href)\n    const message = url.searchParams.get('flash')\n    const type = normalizeFlashKind(url.searchParams.get('type'))\n    if (message) {\n      // Always strip the params so a spoofed link does not linger in history,\n      // but only render the banner for same-origin navigations.\n      const trusted = isSameOriginFlashNavigation()\n      url.searchParams.delete('flash')\n      url.searchParams.delete('type')\n      window.history.replaceState({}, '', url.toString())\n      if (trusted) {\n        showFlash(message, type)\n      }\n    }\n  }, [locationKey, showFlash])\n\n  // Listen for programmatic flash events\n  React.useEffect(() => {\n    const handler = (e: Event) => {\n      const ce = e as CustomEvent<{ message?: string; type?: FlashKind }>\n      const text = ce.detail?.message\n      const t = ce.detail?.type || 'info'\n      if (!text) return\n      showFlash(text, t)\n    }\n    window.addEventListener('flash', handler as EventListener)\n    return () => window.removeEventListener('flash', handler as EventListener)\n  }, [showFlash])\n\n  const handleDismiss = React.useCallback(() => {\n    clearDismissTimer()\n    setMsg(null)\n  }, [clearDismissTimer])\n\n  if (!msg || !isPrimaryHost) return null\n\n  return (\n    <div className=\"pointer-events-none fixed left-3 right-3 top-3 z-toast sm:left-auto sm:right-4 sm:w-[380px]\">\n      <div className=\"pointer-events-auto\">\n        <Alert\n          status={flashKindToAlertStatus[kind]}\n          size=\"sm\"\n          dismissible\n          onDismiss={handleDismiss}\n          className=\"shadow-md\"\n        >\n          {msg}\n        </Alert>\n      </div>\n    </div>\n  )\n}\n\nexport function FlashMessages() {\n  return (\n    <React.Suspense fallback={null}>\n      <FlashMessagesInner />\n    </React.Suspense>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/backend/icons/lucideRegistry.generated.js

@@ -51,6 +51,7 @@ import {
   ExternalLink,
   Eye,
   FileCheck,
+  FileClock,
   FileMinus,
   FilePenLine,
   Files,
@@ -82,6 +83,7 @@ import {
   LineChart,
   Link,
   List,
+  ListChecks,
   ListX,
   Loader,
   Loader2,
@@ -95,6 +97,7 @@ import {
   MessageCircle,
   MessageSquareReply,
   MinusCircle,
+  Monitor,
   Notebook,
   Package,
   PackageCheck,
@@ -102,6 +105,7 @@ import {
   PackageSearch,
   PackageX,
   PauseCircle,
+  PenLine,
   Percent,
   Phone,
   PhoneCall,
@@ -214,6 +218,7 @@ const LUCIDE_ICON_REGISTRY = {
   "external-link": ExternalLink,
   "eye": Eye,
   "file-check": FileCheck,
+  "file-clock": FileClock,
   "file-minus": FileMinus,
   "file-pen-line": FilePenLine,
   "file-spreadsheet": FileSpreadsheet,
@@ -245,6 +250,7 @@ const LUCIDE_ICON_REGISTRY = {
   "line-chart": LineChart,
   "link": Link,
   "list": List,
+  "list-checks": ListChecks,
   "list-x": ListX,
   "loader": Loader,
   "loader-2": Loader2,
@@ -258,6 +264,7 @@ const LUCIDE_ICON_REGISTRY = {
   "message-circle": MessageCircle,
   "message-square-reply": MessageSquareReply,
   "minus-circle": MinusCircle,
+  "monitor": Monitor,
   "notebook": Notebook,
   "package": Package,
   "package-check": PackageCheck,
@@ -265,6 +272,7 @@ const LUCIDE_ICON_REGISTRY = {
   "package-search": PackageSearch,
   "package-x": PackageX,
   "pause-circle": PauseCircle,
+  "pen-line": PenLine,
   "percent": Percent,
   "phone": Phone,
   "phone-call": PhoneCall,

package/dist/backend/icons/lucideRegistry.generated.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/icons/lucideRegistry.generated.tsx"],
-  "sourcesContent": ["/* eslint-disable */\n// AUTO-GENERATED by @open-mercato/ui build. Do not edit by hand.\n// Generated from discovered icon string usages across the repo.\n\nimport type { LucideIcon } from 'lucide-react';\nimport {\n  Activity,\n  AlarmClock,\n  AlertCircle,\n  AlertOctagon,\n  AlertTriangle,\n  Apple,\n  Archive,\n  AtSign,\n  Award,\n  BadgeCheck,\n  Ban,\n  Banknote,\n  BarChart2,\n  BarChart3,\n  Bell,\n  Bolt,\n  Book,\n  Bookmark,\n  Bot,\n  Box,\n  Boxes,\n  Briefcase,\n  BriefcaseBusiness,\n  Building,\n  Building2,\n  Calendar,\n  CalendarCheck,\n  CalendarClock,\n  CalendarCog,\n  CalendarMinus,\n  CalendarOff,\n  CalendarX,\n  Check,\n  CheckCircle,\n  CheckCircle2,\n  CheckSquare,\n  Circle,\n  ClipboardCheck,\n  ClipboardList,\n  Clock,\n  Clock3,\n  Coins,\n  Copy,\n  CopyX,\n  CreditCard,\n  Crown,\n  Database,\n  DollarSign,\n  Download,\n  ExternalLink,\n  Eye,\n  FileCheck,\n  FileMinus,\n  FilePenLine,\n  Files,\n  FileSpreadsheet,\n  FileText,\n  FilterX,\n  Flag,\n  Flame,\n  FolderTree,\n  Gauge,\n  GitBranch,\n  GitCompareArrows,\n  GitPullRequestArrow,\n  Globe,\n  GraduationCap,\n  Hammer,\n  Hand,\n  Handshake,\n  Headphones,\n  Heart,\n  HelpCircle,\n  Hourglass,\n  Inbox,\n  Key,\n  KeyRound,\n  Layers,\n  Leaf,\n  Lightbulb,\n  LineChart,\n  Link,\n  List,\n  ListX,\n  Loader,\n  Loader2,\n  Lock,\n  Mail,\n  MailOpen,\n  Map,\n  MapPin,\n  MapPinned,\n  Megaphone,\n  MessageCircle,\n  MessageSquareReply,\n  MinusCircle,\n  Notebook,\n  Package,\n  PackageCheck,\n  PackagePlus,\n  PackageSearch,\n  PackageX,\n  PauseCircle,\n  Percent,\n  Phone,\n  PhoneCall,\n  PieChart,\n  PlusSquare,\n  Receipt,\n  ReceiptText,\n  RefreshCcw,\n  RefreshCw,\n  Repeat2,\n  Reply,\n  RotateCcw,\n  Ruler,\n  Send,\n  Settings,\n  Shapes,\n  Share2,\n  Shield,\n  ShieldAlert,\n  ShieldCheck,\n  ShoppingBag,\n  ShoppingCart,\n  Shuffle,\n  Sliders,\n  Smartphone,\n  Snowflake,\n  Sparkles,\n  Star,\n  StickyNote,\n  Store,\n  Tag,\n  Target,\n  ThumbsUp,\n  Ticket,\n  Timer,\n  Trash2,\n  TrendingUp,\n  TriangleAlert,\n  Trophy,\n  Truck,\n  Undo,\n  Undo2,\n  Unlock,\n  User,\n  UserCheck,\n  UserMinus,\n  UserPlus,\n  UserRound,\n  Users,\n  UserX,\n  Wallet,\n  Warehouse,\n  Webhook,\n  Workflow,\n  Wrench,\n  X,\n  XCircle,\n  ZapOff,\n} from 'lucide-react';\n\nexport const LUCIDE_ICON_REGISTRY: Record<string, LucideIcon> = {\n  'activity': Activity,\n  'alarm-clock': AlarmClock,\n  'alert-circle': AlertCircle,\n  'alert-octagon': AlertOctagon,\n  'alert-triangle': AlertTriangle,\n  'apple': Apple,\n  'archive': Archive,\n  'at-sign': AtSign,\n  'award': Award,\n  'badge-check': BadgeCheck,\n  'ban': Ban,\n  'banknote': Banknote,\n  'bar-chart-2': BarChart2,\n  'bar-chart-3': BarChart3,\n  'bell': Bell,\n  'bolt': Bolt,\n  'book': Book,\n  'bookmark': Bookmark,\n  'bot': Bot,\n  'box': Box,\n  'boxes': Boxes,\n  'briefcase': Briefcase,\n  'briefcase-business': BriefcaseBusiness,\n  'building': Building,\n  'building2': Building2,\n  'calendar': Calendar,\n  'calendar-check': CalendarCheck,\n  'calendar-clock': CalendarClock,\n  'calendar-cog': CalendarCog,\n  'calendar-minus': CalendarMinus,\n  'calendar-off': CalendarOff,\n  'calendar-x': CalendarX,\n  'check': Check,\n  'check-circle': CheckCircle,\n  'check-circle-2': CheckCircle2,\n  'check-square': CheckSquare,\n  'circle': Circle,\n  'clipboard-check': ClipboardCheck,\n  'clipboard-list': ClipboardList,\n  'clock': Clock,\n  'clock-3': Clock3,\n  'coins': Coins,\n  'copy': Copy,\n  'copy-x': CopyX,\n  'credit-card': CreditCard,\n  'crown': Crown,\n  'database': Database,\n  'dollar-sign': DollarSign,\n  'download': Download,\n  'external-link': ExternalLink,\n  'eye': Eye,\n  'file-check': FileCheck,\n  'file-minus': FileMinus,\n  'file-pen-line': FilePenLine,\n  'file-spreadsheet': FileSpreadsheet,\n  'file-text': FileText,\n  'files': Files,\n  'filter-x': FilterX,\n  'flag': Flag,\n  'flame': Flame,\n  'folder-tree': FolderTree,\n  'gauge': Gauge,\n  'git-branch': GitBranch,\n  'git-compare-arrows': GitCompareArrows,\n  'git-pull-request-arrow': GitPullRequestArrow,\n  'globe': Globe,\n  'graduation-cap': GraduationCap,\n  'hammer': Hammer,\n  'hand': Hand,\n  'handshake': Handshake,\n  'headphones': Headphones,\n  'heart': Heart,\n  'help-circle': HelpCircle,\n  'hourglass': Hourglass,\n  'inbox': Inbox,\n  'key': Key,\n  'key-round': KeyRound,\n  'layers': Layers,\n  'leaf': Leaf,\n  'lightbulb': Lightbulb,\n  'line-chart': LineChart,\n  'link': Link,\n  'list': List,\n  'list-x': ListX,\n  'loader': Loader,\n  'loader-2': Loader2,\n  'lock': Lock,\n  'mail': Mail,\n  'mail-open': MailOpen,\n  'map': Map,\n  'map-pin': MapPin,\n  'map-pinned': MapPinned,\n  'megaphone': Megaphone,\n  'message-circle': MessageCircle,\n  'message-square-reply': MessageSquareReply,\n  'minus-circle': MinusCircle,\n  'notebook': Notebook,\n  'package': Package,\n  'package-check': PackageCheck,\n  'package-plus': PackagePlus,\n  'package-search': PackageSearch,\n  'package-x': PackageX,\n  'pause-circle': PauseCircle,\n  'percent': Percent,\n  'phone': Phone,\n  'phone-call': PhoneCall,\n  'pie-chart': PieChart,\n  'plus-square': PlusSquare,\n  'receipt': Receipt,\n  'receipt-text': ReceiptText,\n  'refresh-ccw': RefreshCcw,\n  'refresh-cw': RefreshCw,\n  'repeat-2': Repeat2,\n  'reply': Reply,\n  'rotate-ccw': RotateCcw,\n  'ruler': Ruler,\n  'send': Send,\n  'settings': Settings,\n  'shapes': Shapes,\n  'share-2': Share2,\n  'shield': Shield,\n  'shield-alert': ShieldAlert,\n  'shield-check': ShieldCheck,\n  'shopping-bag': ShoppingBag,\n  'shopping-cart': ShoppingCart,\n  'shuffle': Shuffle,\n  'sliders': Sliders,\n  'smartphone': Smartphone,\n  'snowflake': Snowflake,\n  'sparkles': Sparkles,\n  'star': Star,\n  'sticky-note': StickyNote,\n  'store': Store,\n  'tag': Tag,\n  'target': Target,\n  'thumbs-up': ThumbsUp,\n  'ticket': Ticket,\n  'timer': Timer,\n  'trash-2': Trash2,\n  'trending-up': TrendingUp,\n  'triangle-alert': TriangleAlert,\n  'trophy': Trophy,\n  'truck': Truck,\n  'undo': Undo,\n  'undo-2': Undo2,\n  'unlock': Unlock,\n  'user': User,\n  'user-check': UserCheck,\n  'user-minus': UserMinus,\n  'user-plus': UserPlus,\n  'user-round': UserRound,\n  'user-x': UserX,\n  'users': Users,\n  'wallet': Wallet,\n  'warehouse': Warehouse,\n  'webhook': Webhook,\n  'workflow': Workflow,\n  'wrench': Wrench,\n  'x': X,\n  'x-circle': XCircle,\n  'zap-off': ZapOff,\n};\n"],
-  "mappings": "AAKA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,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",
+  "sourcesContent": ["/* eslint-disable */\n// AUTO-GENERATED by @open-mercato/ui build. Do not edit by hand.\n// Generated from discovered icon string usages across the repo.\n\nimport type { LucideIcon } from 'lucide-react';\nimport {\n  Activity,\n  AlarmClock,\n  AlertCircle,\n  AlertOctagon,\n  AlertTriangle,\n  Apple,\n  Archive,\n  AtSign,\n  Award,\n  BadgeCheck,\n  Ban,\n  Banknote,\n  BarChart2,\n  BarChart3,\n  Bell,\n  Bolt,\n  Book,\n  Bookmark,\n  Bot,\n  Box,\n  Boxes,\n  Briefcase,\n  BriefcaseBusiness,\n  Building,\n  Building2,\n  Calendar,\n  CalendarCheck,\n  CalendarClock,\n  CalendarCog,\n  CalendarMinus,\n  CalendarOff,\n  CalendarX,\n  Check,\n  CheckCircle,\n  CheckCircle2,\n  CheckSquare,\n  Circle,\n  ClipboardCheck,\n  ClipboardList,\n  Clock,\n  Clock3,\n  Coins,\n  Copy,\n  CopyX,\n  CreditCard,\n  Crown,\n  Database,\n  DollarSign,\n  Download,\n  ExternalLink,\n  Eye,\n  FileCheck,\n  FileClock,\n  FileMinus,\n  FilePenLine,\n  Files,\n  FileSpreadsheet,\n  FileText,\n  FilterX,\n  Flag,\n  Flame,\n  FolderTree,\n  Gauge,\n  GitBranch,\n  GitCompareArrows,\n  GitPullRequestArrow,\n  Globe,\n  GraduationCap,\n  Hammer,\n  Hand,\n  Handshake,\n  Headphones,\n  Heart,\n  HelpCircle,\n  Hourglass,\n  Inbox,\n  Key,\n  KeyRound,\n  Layers,\n  Leaf,\n  Lightbulb,\n  LineChart,\n  Link,\n  List,\n  ListChecks,\n  ListX,\n  Loader,\n  Loader2,\n  Lock,\n  Mail,\n  MailOpen,\n  Map,\n  MapPin,\n  MapPinned,\n  Megaphone,\n  MessageCircle,\n  MessageSquareReply,\n  MinusCircle,\n  Monitor,\n  Notebook,\n  Package,\n  PackageCheck,\n  PackagePlus,\n  PackageSearch,\n  PackageX,\n  PauseCircle,\n  PenLine,\n  Percent,\n  Phone,\n  PhoneCall,\n  PieChart,\n  PlusSquare,\n  Receipt,\n  ReceiptText,\n  RefreshCcw,\n  RefreshCw,\n  Repeat2,\n  Reply,\n  RotateCcw,\n  Ruler,\n  Send,\n  Settings,\n  Shapes,\n  Share2,\n  Shield,\n  ShieldAlert,\n  ShieldCheck,\n  ShoppingBag,\n  ShoppingCart,\n  Shuffle,\n  Sliders,\n  Smartphone,\n  Snowflake,\n  Sparkles,\n  Star,\n  StickyNote,\n  Store,\n  Tag,\n  Target,\n  ThumbsUp,\n  Ticket,\n  Timer,\n  Trash2,\n  TrendingUp,\n  TriangleAlert,\n  Trophy,\n  Truck,\n  Undo,\n  Undo2,\n  Unlock,\n  User,\n  UserCheck,\n  UserMinus,\n  UserPlus,\n  UserRound,\n  Users,\n  UserX,\n  Wallet,\n  Warehouse,\n  Webhook,\n  Workflow,\n  Wrench,\n  X,\n  XCircle,\n  ZapOff,\n} from 'lucide-react';\n\nexport const LUCIDE_ICON_REGISTRY: Record<string, LucideIcon> = {\n  'activity': Activity,\n  'alarm-clock': AlarmClock,\n  'alert-circle': AlertCircle,\n  'alert-octagon': AlertOctagon,\n  'alert-triangle': AlertTriangle,\n  'apple': Apple,\n  'archive': Archive,\n  'at-sign': AtSign,\n  'award': Award,\n  'badge-check': BadgeCheck,\n  'ban': Ban,\n  'banknote': Banknote,\n  'bar-chart-2': BarChart2,\n  'bar-chart-3': BarChart3,\n  'bell': Bell,\n  'bolt': Bolt,\n  'book': Book,\n  'bookmark': Bookmark,\n  'bot': Bot,\n  'box': Box,\n  'boxes': Boxes,\n  'briefcase': Briefcase,\n  'briefcase-business': BriefcaseBusiness,\n  'building': Building,\n  'building2': Building2,\n  'calendar': Calendar,\n  'calendar-check': CalendarCheck,\n  'calendar-clock': CalendarClock,\n  'calendar-cog': CalendarCog,\n  'calendar-minus': CalendarMinus,\n  'calendar-off': CalendarOff,\n  'calendar-x': CalendarX,\n  'check': Check,\n  'check-circle': CheckCircle,\n  'check-circle-2': CheckCircle2,\n  'check-square': CheckSquare,\n  'circle': Circle,\n  'clipboard-check': ClipboardCheck,\n  'clipboard-list': ClipboardList,\n  'clock': Clock,\n  'clock-3': Clock3,\n  'coins': Coins,\n  'copy': Copy,\n  'copy-x': CopyX,\n  'credit-card': CreditCard,\n  'crown': Crown,\n  'database': Database,\n  'dollar-sign': DollarSign,\n  'download': Download,\n  'external-link': ExternalLink,\n  'eye': Eye,\n  'file-check': FileCheck,\n  'file-clock': FileClock,\n  'file-minus': FileMinus,\n  'file-pen-line': FilePenLine,\n  'file-spreadsheet': FileSpreadsheet,\n  'file-text': FileText,\n  'files': Files,\n  'filter-x': FilterX,\n  'flag': Flag,\n  'flame': Flame,\n  'folder-tree': FolderTree,\n  'gauge': Gauge,\n  'git-branch': GitBranch,\n  'git-compare-arrows': GitCompareArrows,\n  'git-pull-request-arrow': GitPullRequestArrow,\n  'globe': Globe,\n  'graduation-cap': GraduationCap,\n  'hammer': Hammer,\n  'hand': Hand,\n  'handshake': Handshake,\n  'headphones': Headphones,\n  'heart': Heart,\n  'help-circle': HelpCircle,\n  'hourglass': Hourglass,\n  'inbox': Inbox,\n  'key': Key,\n  'key-round': KeyRound,\n  'layers': Layers,\n  'leaf': Leaf,\n  'lightbulb': Lightbulb,\n  'line-chart': LineChart,\n  'link': Link,\n  'list': List,\n  'list-checks': ListChecks,\n  'list-x': ListX,\n  'loader': Loader,\n  'loader-2': Loader2,\n  'lock': Lock,\n  'mail': Mail,\n  'mail-open': MailOpen,\n  'map': Map,\n  'map-pin': MapPin,\n  'map-pinned': MapPinned,\n  'megaphone': Megaphone,\n  'message-circle': MessageCircle,\n  'message-square-reply': MessageSquareReply,\n  'minus-circle': MinusCircle,\n  'monitor': Monitor,\n  'notebook': Notebook,\n  'package': Package,\n  'package-check': PackageCheck,\n  'package-plus': PackagePlus,\n  'package-search': PackageSearch,\n  'package-x': PackageX,\n  'pause-circle': PauseCircle,\n  'pen-line': PenLine,\n  'percent': Percent,\n  'phone': Phone,\n  'phone-call': PhoneCall,\n  'pie-chart': PieChart,\n  'plus-square': PlusSquare,\n  'receipt': Receipt,\n  'receipt-text': ReceiptText,\n  'refresh-ccw': RefreshCcw,\n  'refresh-cw': RefreshCw,\n  'repeat-2': Repeat2,\n  'reply': Reply,\n  'rotate-ccw': RotateCcw,\n  'ruler': Ruler,\n  'send': Send,\n  'settings': Settings,\n  'shapes': Shapes,\n  'share-2': Share2,\n  'shield': Shield,\n  'shield-alert': ShieldAlert,\n  'shield-check': ShieldCheck,\n  'shopping-bag': ShoppingBag,\n  'shopping-cart': ShoppingCart,\n  'shuffle': Shuffle,\n  'sliders': Sliders,\n  'smartphone': Smartphone,\n  'snowflake': Snowflake,\n  'sparkles': Sparkles,\n  'star': Star,\n  'sticky-note': StickyNote,\n  'store': Store,\n  'tag': Tag,\n  'target': Target,\n  'thumbs-up': ThumbsUp,\n  'ticket': Ticket,\n  'timer': Timer,\n  'trash-2': Trash2,\n  'trending-up': TrendingUp,\n  'triangle-alert': TriangleAlert,\n  'trophy': Trophy,\n  'truck': Truck,\n  'undo': Undo,\n  'undo-2': Undo2,\n  'unlock': Unlock,\n  'user': User,\n  'user-check': UserCheck,\n  'user-minus': UserMinus,\n  'user-plus': UserPlus,\n  'user-round': UserRound,\n  'user-x': UserX,\n  'users': Users,\n  'wallet': Wallet,\n  'warehouse': Warehouse,\n  'webhook': Webhook,\n  'workflow': Workflow,\n  'wrench': Wrench,\n  'x': X,\n  'x-circle': XCircle,\n  'zap-off': ZapOff,\n};\n"],
+  "mappings": "AAKA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,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",
   "names": []
 }

package/dist/backend/inputs/LookupSelect.js

@@ -46,6 +46,7 @@ function LookupSelect({
   const [query, setQuery] = React.useState("");
   const [items, setItems] = React.useState(options ?? []);
   const [loading, setLoading] = React.useState(false);
+  const [collapsed, setCollapsed] = React.useState(false);
   const [hasTyped, setHasTyped] = React.useState(defaultOpen);
   const [error, setError] = React.useState(null);
   const [fetchKey, setFetchKey] = React.useState(0);
@@ -132,6 +133,7 @@ function LookupSelect({
       event.stopPropagation();
       setQuery("");
       setActiveIndex(-1);
+      setCollapsed(true);
     }
   }, [activeIndex, items, isInteractiveItem, listboxVisible, moveActiveIndex, onChange, query]);
   React.useEffect(() => {
@@ -173,6 +175,22 @@ function LookupSelect({
       if (timer) clearTimeout(timer);
     };
   }, [query, shouldSearch, fetchKey]);
+  const [selectedItem, setSelectedItem] = React.useState(null);
+  React.useEffect(() => {
+    if (!value) {
+      setSelectedItem(null);
+      return;
+    }
+    const match = items.find((item) => item.id === value);
+    if (match) setSelectedItem(match);
+  }, [items, value]);
+  const collapsedSelectionLabel = React.useMemo(() => {
+    if (!value || !selectedHintLabel) return null;
+    const hinted = selectedHintLabel(value);
+    if (hinted && hinted !== value) return hinted;
+    const fetchedTitle = selectedItem && selectedItem.id === value ? selectedItem.title : null;
+    return fetchedTitle && fetchedTitle !== value ? fetchedTitle : null;
+  }, [selectedHintLabel, selectedItem, value]);
   return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-3", children: [
       /* @__PURE__ */ jsxs("div", { className: "relative flex-1", children: [
@@ -185,6 +203,7 @@ function LookupSelect({
             onChange: (event) => {
               setQuery(event.target.value);
               setHasTyped(true);
+              setCollapsed(false);
             },
             onKeyDown: handleInputKeyDown,
             placeholder: resolvedSearchPlaceholder,
@@ -199,7 +218,7 @@ function LookupSelect({
       ] }),
       actionSlot && !disabled ? /* @__PURE__ */ jsx("div", { className: "sm:self-start", children: actionSlot }) : null
     ] }),
-    shouldSearch ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    shouldSearch && !collapsed && (items.length > 0 || query.trim().length > 0) ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
       loading || loadingProp ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
         /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }),
         resolvedLoadingLabel
@@ -276,7 +295,40 @@ function LookupSelect({
           ]
         }
       ) : null
-    ] }) : hasTyped ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: resolvedMinQueryHintLabel }) : /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: resolvedStartTypingLabel }),
+    ] }) : collapsedSelectionLabel ? (
+      /*
+       * The visible input is the *search box*, not a value display: once the
+       * list closes it shows its placeholder again, so a selection made and
+       * then collapsed left the control looking empty even though the form
+       * held the id. `selectedHintLabel` existed for exactly this and was
+       * never rendered.
+       */
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex items-center justify-between gap-3 rounded-lg border border-input bg-muted/40 px-3 py-2",
+          "data-testid": "lookup-select-selected",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium text-foreground", children: collapsedSelectionLabel }),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "sm",
+                className: "shrink-0 gap-1 text-sm font-normal",
+                disabled,
+                onClick: () => onChange(null),
+                children: [
+                  /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
+                  resolvedClearLabel
+                ]
+              }
+            )
+          ]
+        }
+      )
+    ) : hasTyped ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: resolvedMinQueryHintLabel }) : /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: resolvedStartTypingLabel }),
     error ? /* @__PURE__ */ jsx("p", { className: "text-xs text-status-error-text", role: "alert", children: resolvedEmptyLabel }) : null
   ] });
 }

package/dist/backend/inputs/LookupSelect.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/inputs/LookupSelect.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Check, Loader2, Search, X } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '../../primitives/button'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('ui').child({ component: 'LookupSelect' })\n\nexport type LookupSelectItem = {\n  id: string\n  title: string\n  subtitle?: string | null\n  badge?: string | null\n  icon?: React.ReactNode\n  disabled?: boolean\n  rightLabel?: string | null\n  description?: string | null\n}\n\ntype LookupSelectProps = {\n  value: string | null\n  onChange: (next: string | null) => void\n  fetchItems?: (query: string) => Promise<LookupSelectItem[]>\n  fetchOptions?: (query?: string) => Promise<LookupSelectItem[]>\n  options?: LookupSelectItem[]\n  minQuery?: number\n  actionSlot?: React.ReactNode\n  onReady?: (controls: { setQuery: (value: string) => void }) => void\n  searchPlaceholder?: string\n  placeholder?: string\n  clearLabel?: string\n  emptyLabel?: string\n  loadingLabel?: string\n  selectLabel?: string\n  selectedLabel?: string\n  minQueryHintLabel?: string\n  startTypingLabel?: string\n  selectedHintLabel?: (id: string) => string\n  disabled?: boolean\n  loading?: boolean\n  defaultOpen?: boolean\n}\n\nexport function LookupSelect({\n  value,\n  onChange,\n  fetchItems,\n  fetchOptions,\n  options,\n  minQuery = 2,\n  actionSlot,\n  onReady,\n  placeholder,\n  searchPlaceholder,\n  clearLabel,\n  emptyLabel,\n  loadingLabel,\n  selectLabel,\n  selectedLabel,\n  minQueryHintLabel,\n  startTypingLabel,\n  selectedHintLabel,\n  disabled = false,\n  loading: loadingProp = false,\n  defaultOpen = false,\n}: LookupSelectProps) {\n  const t = useT()\n  const resolvedSearchPlaceholder = searchPlaceholder ?? placeholder ?? t('ui.lookupSelect.searchPlaceholder', 'Search\u2026')\n  const resolvedClearLabel = clearLabel ?? t('ui.lookupSelect.clearSelection', 'Clear selection')\n  const resolvedEmptyLabel = emptyLabel ?? t('ui.lookupSelect.noResults', 'No results')\n  const resolvedLoadingLabel = loadingLabel ?? t('ui.lookupSelect.searching', 'Searching\u2026')\n  const resolvedSelectLabel = selectLabel ?? t('ui.lookupSelect.select', 'Select')\n  const resolvedSelectedLabel = selectedLabel ?? t('ui.lookupSelect.selected', 'Selected')\n  const resolvedStartTypingLabel = startTypingLabel ?? t('ui.lookupSelect.startTyping', 'Start typing to search.')\n  const resolvedMinQueryHintLabel = minQueryHintLabel ?? t(\n    'ui.lookupSelect.minQueryHint',\n    'Type at least {minQuery} characters or paste an id to search.',\n    { minQuery: String(minQuery) }\n  )\n  const [query, setQuery] = React.useState('')\n  const [items, setItems] = React.useState<LookupSelectItem[]>(options ?? [])\n  const [loading, setLoading] = React.useState(false)\n  const [hasTyped, setHasTyped] = React.useState(defaultOpen)\n  const [error, setError] = React.useState<string | null>(null)\n  const [fetchKey, setFetchKey] = React.useState(0)\n  const [activeIndex, setActiveIndex] = React.useState(-1)\n  const listboxId = React.useId()\n  const fetchItemsRef = React.useRef(fetchItems ?? fetchOptions)\n  const setQueryRef = React.useRef(setQuery)\n  const onReadyRef = React.useRef(onReady)\n  const optionsWasArrayRef = React.useRef(Array.isArray(options))\n\n  React.useEffect(() => {\n    fetchItemsRef.current = fetchItems ?? fetchOptions\n  }, [fetchItems, fetchOptions])\n\n  React.useEffect(() => {\n    onReadyRef.current = onReady\n  }, [onReady])\n\n  React.useEffect(() => {\n    if (Array.isArray(options)) {\n      optionsWasArrayRef.current = true\n      setItems(options)\n    } else if (optionsWasArrayRef.current) {\n      optionsWasArrayRef.current = false\n      setFetchKey((k) => k + 1)\n    }\n  }, [options])\n\n  React.useEffect(() => {\n    setQueryRef.current = setQuery\n    if (onReadyRef.current) onReadyRef.current({ setQuery })\n  }, [setQuery])\n\n  // A set `value` always opens the list: it is the only place the selected row,\n  // its checkmark and the clear control render, so collapsing over a selection\n  // would hide it with no way to see or undo it. This used to also require an\n  // `options` prop, which left every caller that resolves its selection through\n  // `fetchItems` blind whenever minQuery kept the list shut.\n  const shouldSearch = defaultOpen || query.trim().length >= minQuery || Boolean(value)\n\n  React.useEffect(() => {\n    setActiveIndex(-1)\n  }, [items])\n\n  const optionDomId = React.useCallback(\n    (index: number) => `${listboxId}-option-${index}`,\n    [listboxId],\n  )\n\n  const isInteractiveItem = React.useCallback(\n    (item: LookupSelectItem) => !disabled && (!item.disabled || value === item.id),\n    [disabled, value],\n  )\n\n  const moveActiveIndex = React.useCallback((direction: 1 | -1) => {\n    setActiveIndex((current) => {\n      if (!items.length) return -1\n      let next = current\n      for (let step = 0; step < items.length; step += 1) {\n        next = (next + direction + items.length) % items.length\n        if (isInteractiveItem(items[next])) return next\n      }\n      return current\n    })\n  }, [isInteractiveItem, items])\n\n  React.useEffect(() => {\n    if (activeIndex < 0) return\n    const activeElement = typeof document !== 'undefined'\n      ? document.getElementById(optionDomId(activeIndex))\n      : null\n    if (typeof activeElement?.scrollIntoView === 'function') {\n      activeElement.scrollIntoView({ block: 'nearest' })\n    }\n  }, [activeIndex, optionDomId])\n\n  const listboxVisible = shouldSearch && !disabled\n  const handleInputKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (!listboxVisible) return\n    if (event.key === 'ArrowDown') {\n      event.preventDefault()\n      moveActiveIndex(1)\n      return\n    }\n    if (event.key === 'ArrowUp') {\n      event.preventDefault()\n      moveActiveIndex(-1)\n      return\n    }\n    if (event.key === 'Enter') {\n      if (activeIndex < 0 || activeIndex >= items.length) return\n      const item = items[activeIndex]\n      if (!isInteractiveItem(item)) return\n      event.preventDefault()\n      onChange(item.id)\n      setActiveIndex(-1)\n      return\n    }\n    if (event.key === 'Escape') {\n      if (query.length === 0 && activeIndex < 0) return\n      event.preventDefault()\n      event.stopPropagation()\n      setQuery('')\n      setActiveIndex(-1)\n    }\n  }, [activeIndex, items, isInteractiveItem, listboxVisible, moveActiveIndex, onChange, query])\n  React.useEffect(() => {\n    if (disabled) {\n      setItems(options ?? [])\n      setLoading(false)\n      return\n    }\n    let cancelled = false\n    let timer: ReturnType<typeof setTimeout> | null = null\n    if (!shouldSearch) {\n      setItems(options ?? [])\n      setLoading(false)\n      setError(null)\n      return () => { cancelled = true }\n    }\n    setLoading(true)\n    setError(null)\n    timer = setTimeout(() => {\n      const requestId = Date.now()\n      const fetcher = fetchItemsRef.current\n      const loader = fetcher ?? (() => Promise.resolve(options ?? []))\n      loader(query.trim())\n        .then((result) => {\n          if (cancelled) return\n          setItems(result)\n        })\n        .catch((err) => {\n          if (cancelled) return\n          logger.error('Failed to fetch lookup items', { err })\n          setError('error')\n        })\n        .finally(() => {\n          if (!cancelled) setLoading(false)\n        })\n      return requestId\n    }, 220)\n    return () => {\n      cancelled = true\n      if (timer) clearTimeout(timer)\n    }\n  }, [query, shouldSearch, fetchKey])\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-3\">\n        <div className=\"relative flex-1\">\n          <Search className=\"pointer-events-none absolute left-3.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground\" />\n          <input\n            className=\"w-full h-10 rounded-lg border border-input bg-background pl-10 pr-3 text-sm shadow-xs transition-colors outline-none placeholder:text-muted-foreground hover:border-foreground/20 focus-visible:shadow-focus focus-visible:border-brand-violet disabled:bg-bg-disabled disabled:border-border-disabled disabled:text-muted-foreground disabled:cursor-not-allowed\"\n            value={query}\n            onChange={(event) => {\n              setQuery(event.target.value)\n              setHasTyped(true)\n            }}\n            onKeyDown={handleInputKeyDown}\n            placeholder={resolvedSearchPlaceholder}\n            disabled={disabled}\n            role=\"combobox\"\n            aria-expanded={listboxVisible}\n            aria-controls={listboxId}\n            aria-autocomplete=\"list\"\n            aria-activedescendant={activeIndex >= 0 ? optionDomId(activeIndex) : undefined}\n          />\n        </div>\n        {actionSlot && !disabled ? <div className=\"sm:self-start\">{actionSlot}</div> : null}\n      </div>\n      {shouldSearch ? (\n        <div className=\"space-y-2\">\n          {loading || loadingProp ? (\n            <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n              <Loader2 className=\"h-4 w-4 animate-spin\" />\n              {resolvedLoadingLabel}\n            </div>\n          ) : null}\n          {!loading && !loadingProp && !items.length ? (\n            <p className=\"text-xs text-muted-foreground\">{resolvedEmptyLabel}</p>\n          ) : null}\n          <div\n            id={listboxId}\n            role=\"listbox\"\n            className=\"flex flex-col gap-1.5 max-h-80 overflow-y-auto -mx-0.5 px-0.5 py-0.5\"\n          >\n            {items.map((item, index) => {\n              const isSelected = value === item.id\n              const isInteractive = isInteractiveItem(item)\n              const isActive = index === activeIndex\n              return (\n                <div\n                  key={item.id}\n                  id={optionDomId(index)}\n                  className={cn(\n                    'group flex items-center gap-4 rounded-xl border p-4 transition-all duration-150 focus-visible:outline-none focus-visible:shadow-focus',\n                    isInteractive ? 'cursor-pointer' : 'cursor-not-allowed opacity-60',\n                    isSelected\n                      ? 'border-brand-violet bg-brand-violet/5 shadow-sm'\n                      : 'border-input bg-card hover:border-foreground/20 hover:bg-muted/30 hover:shadow-sm',\n                    isActive && !isSelected ? 'border-foreground/20 bg-muted/30 shadow-sm' : null\n                  )}\n                  role=\"option\"\n                  tabIndex={isInteractive ? 0 : -1}\n                  onClick={() => {\n                    if (!isInteractive) return\n                    onChange(item.id)\n                  }}\n                  onKeyDown={(event) => {\n                    if (event.key === 'Enter' || event.key === ' ') {\n                      event.preventDefault()\n                      if (!isInteractive) return\n                      onChange(item.id)\n                    }\n                  }}\n                  aria-selected={isSelected}\n                  aria-disabled={isInteractive ? undefined : true}\n                  title={isSelected ? resolvedSelectedLabel : isInteractive ? resolvedSelectLabel : undefined}\n                >\n                  {item.icon ? (\n                    <div className=\"flex h-12 w-12 shrink-0 items-center justify-center overflow-hidden [&>svg]:size-6 [&_svg]:text-muted-foreground\">\n                      {item.icon}\n                    </div>\n                  ) : (\n                    <div className={cn(\n                      'flex h-12 w-12 shrink-0 items-center justify-center overflow-hidden rounded-lg border transition-colors',\n                      isSelected\n                        ? 'border-brand-violet/40 bg-brand-violet/10 text-brand-violet'\n                        : 'border-input bg-muted text-muted-foreground group-hover:border-foreground/20'\n                    )}>\n                      <span className=\"text-base font-semibold uppercase\">{item.title.slice(0, 1)}</span>\n                    </div>\n                  )}\n                  <div className=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n                    <div className=\"flex items-center justify-between gap-3\">\n                      <div className=\"truncate text-sm font-semibold text-foreground\">{item.title}</div>\n                      {item.rightLabel ? (\n                        <div className=\"shrink-0 text-overline font-medium uppercase tracking-wider text-muted-foreground\">\n                          {item.rightLabel}\n                        </div>\n                      ) : null}\n                    </div>\n                    {item.subtitle ? (\n                      <div className=\"text-xs text-muted-foreground truncate\">{item.subtitle}</div>\n                    ) : null}\n                    {item.description ? (\n                      <div className=\"text-xs text-muted-foreground/70 truncate\">{item.description}</div>\n                    ) : null}\n                  </div>\n                  <div className=\"flex shrink-0 items-center justify-center\">\n                    {isSelected ? (\n                      <Check className=\"size-5 text-brand-violet\" aria-hidden=\"true\" />\n                    ) : (\n                      <div className=\"size-5\" aria-hidden=\"true\" />\n                    )}\n                  </div>\n                </div>\n              )\n            })}\n          </div>\n          {value && !disabled ? (\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"w-fit gap-1 text-sm font-normal\"\n              onClick={() => onChange(null)}\n            >\n              <X className=\"h-4 w-4\" />\n              {resolvedClearLabel}\n            </Button>\n          ) : null}\n        </div>\n      ) : hasTyped ? (\n        <p className=\"text-xs text-muted-foreground\">\n          {resolvedMinQueryHintLabel}\n        </p>\n      ) : (\n        <p className=\"text-xs text-muted-foreground\">{resolvedStartTypingLabel}</p>\n      )}\n      {error ? <p className=\"text-xs text-status-error-text\" role=\"alert\">{resolvedEmptyLabel}</p> : null}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Check, Loader2, Search, X } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '../../primitives/button'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('ui').child({ component: 'LookupSelect' })\n\nexport type LookupSelectItem = {\n  id: string\n  title: string\n  subtitle?: string | null\n  badge?: string | null\n  icon?: React.ReactNode\n  disabled?: boolean\n  rightLabel?: string | null\n  description?: string | null\n}\n\ntype LookupSelectProps = {\n  value: string | null\n  onChange: (next: string | null) => void\n  fetchItems?: (query: string) => Promise<LookupSelectItem[]>\n  fetchOptions?: (query?: string) => Promise<LookupSelectItem[]>\n  options?: LookupSelectItem[]\n  minQuery?: number\n  actionSlot?: React.ReactNode\n  onReady?: (controls: { setQuery: (value: string) => void }) => void\n  searchPlaceholder?: string\n  placeholder?: string\n  clearLabel?: string\n  emptyLabel?: string\n  loadingLabel?: string\n  selectLabel?: string\n  selectedLabel?: string\n  minQueryHintLabel?: string\n  startTypingLabel?: string\n  selectedHintLabel?: (id: string) => string\n  disabled?: boolean\n  loading?: boolean\n  defaultOpen?: boolean\n}\n\nexport function LookupSelect({\n  value,\n  onChange,\n  fetchItems,\n  fetchOptions,\n  options,\n  minQuery = 2,\n  actionSlot,\n  onReady,\n  placeholder,\n  searchPlaceholder,\n  clearLabel,\n  emptyLabel,\n  loadingLabel,\n  selectLabel,\n  selectedLabel,\n  minQueryHintLabel,\n  startTypingLabel,\n  selectedHintLabel,\n  disabled = false,\n  loading: loadingProp = false,\n  defaultOpen = false,\n}: LookupSelectProps) {\n  const t = useT()\n  const resolvedSearchPlaceholder = searchPlaceholder ?? placeholder ?? t('ui.lookupSelect.searchPlaceholder', 'Search\u2026')\n  const resolvedClearLabel = clearLabel ?? t('ui.lookupSelect.clearSelection', 'Clear selection')\n  const resolvedEmptyLabel = emptyLabel ?? t('ui.lookupSelect.noResults', 'No results')\n  const resolvedLoadingLabel = loadingLabel ?? t('ui.lookupSelect.searching', 'Searching\u2026')\n  const resolvedSelectLabel = selectLabel ?? t('ui.lookupSelect.select', 'Select')\n  const resolvedSelectedLabel = selectedLabel ?? t('ui.lookupSelect.selected', 'Selected')\n  const resolvedStartTypingLabel = startTypingLabel ?? t('ui.lookupSelect.startTyping', 'Start typing to search.')\n  const resolvedMinQueryHintLabel = minQueryHintLabel ?? t(\n    'ui.lookupSelect.minQueryHint',\n    'Type at least {minQuery} characters or paste an id to search.',\n    { minQuery: String(minQuery) }\n  )\n  const [query, setQuery] = React.useState('')\n  const [items, setItems] = React.useState<LookupSelectItem[]>(options ?? [])\n  const [loading, setLoading] = React.useState(false)\n  // Escape collapses the list without clearing the selection. Derived state is not\n  // enough here: Escape empties the query but the fetched `items` linger, so the\n  // list would stay open and the collapsed summary \u2014 the branch that keeps a raw\n  // record id out of the DOM (TC-EUDR-013) \u2014 would never render.\n  const [collapsed, setCollapsed] = React.useState(false)\n  const [hasTyped, setHasTyped] = React.useState(defaultOpen)\n  const [error, setError] = React.useState<string | null>(null)\n  const [fetchKey, setFetchKey] = React.useState(0)\n  const [activeIndex, setActiveIndex] = React.useState(-1)\n  const listboxId = React.useId()\n  const fetchItemsRef = React.useRef(fetchItems ?? fetchOptions)\n  const setQueryRef = React.useRef(setQuery)\n  const onReadyRef = React.useRef(onReady)\n  const optionsWasArrayRef = React.useRef(Array.isArray(options))\n\n  React.useEffect(() => {\n    fetchItemsRef.current = fetchItems ?? fetchOptions\n  }, [fetchItems, fetchOptions])\n\n  React.useEffect(() => {\n    onReadyRef.current = onReady\n  }, [onReady])\n\n  React.useEffect(() => {\n    if (Array.isArray(options)) {\n      optionsWasArrayRef.current = true\n      setItems(options)\n    } else if (optionsWasArrayRef.current) {\n      optionsWasArrayRef.current = false\n      setFetchKey((k) => k + 1)\n    }\n  }, [options])\n\n  React.useEffect(() => {\n    setQueryRef.current = setQuery\n    if (onReadyRef.current) onReadyRef.current({ setQuery })\n  }, [setQuery])\n\n  // A set `value` always opens the list: it is the only place the selected row,\n  // its checkmark and the clear control render, so collapsing over a selection\n  // would hide it with no way to see or undo it. This used to also require an\n  // `options` prop, which left every caller that resolves its selection through\n  // `fetchItems` blind whenever minQuery kept the list shut.\n  const shouldSearch = defaultOpen || query.trim().length >= minQuery || Boolean(value)\n\n  React.useEffect(() => {\n    setActiveIndex(-1)\n  }, [items])\n\n  const optionDomId = React.useCallback(\n    (index: number) => `${listboxId}-option-${index}`,\n    [listboxId],\n  )\n\n  const isInteractiveItem = React.useCallback(\n    (item: LookupSelectItem) => !disabled && (!item.disabled || value === item.id),\n    [disabled, value],\n  )\n\n  const moveActiveIndex = React.useCallback((direction: 1 | -1) => {\n    setActiveIndex((current) => {\n      if (!items.length) return -1\n      let next = current\n      for (let step = 0; step < items.length; step += 1) {\n        next = (next + direction + items.length) % items.length\n        if (isInteractiveItem(items[next])) return next\n      }\n      return current\n    })\n  }, [isInteractiveItem, items])\n\n  React.useEffect(() => {\n    if (activeIndex < 0) return\n    const activeElement = typeof document !== 'undefined'\n      ? document.getElementById(optionDomId(activeIndex))\n      : null\n    if (typeof activeElement?.scrollIntoView === 'function') {\n      activeElement.scrollIntoView({ block: 'nearest' })\n    }\n  }, [activeIndex, optionDomId])\n\n  const listboxVisible = shouldSearch && !disabled\n  const handleInputKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (!listboxVisible) return\n    if (event.key === 'ArrowDown') {\n      event.preventDefault()\n      moveActiveIndex(1)\n      return\n    }\n    if (event.key === 'ArrowUp') {\n      event.preventDefault()\n      moveActiveIndex(-1)\n      return\n    }\n    if (event.key === 'Enter') {\n      if (activeIndex < 0 || activeIndex >= items.length) return\n      const item = items[activeIndex]\n      if (!isInteractiveItem(item)) return\n      event.preventDefault()\n      onChange(item.id)\n      setActiveIndex(-1)\n      return\n    }\n    if (event.key === 'Escape') {\n      if (query.length === 0 && activeIndex < 0) return\n      event.preventDefault()\n      event.stopPropagation()\n      setQuery('')\n      setActiveIndex(-1)\n      setCollapsed(true)\n    }\n  }, [activeIndex, items, isInteractiveItem, listboxVisible, moveActiveIndex, onChange, query])\n  React.useEffect(() => {\n    if (disabled) {\n      setItems(options ?? [])\n      setLoading(false)\n      return\n    }\n    let cancelled = false\n    let timer: ReturnType<typeof setTimeout> | null = null\n    if (!shouldSearch) {\n      setItems(options ?? [])\n      setLoading(false)\n      setError(null)\n      return () => { cancelled = true }\n    }\n    setLoading(true)\n    setError(null)\n    timer = setTimeout(() => {\n      const requestId = Date.now()\n      const fetcher = fetchItemsRef.current\n      const loader = fetcher ?? (() => Promise.resolve(options ?? []))\n      loader(query.trim())\n        .then((result) => {\n          if (cancelled) return\n          setItems(result)\n        })\n        .catch((err) => {\n          if (cancelled) return\n          logger.error('Failed to fetch lookup items', { err })\n          setError('error')\n        })\n        .finally(() => {\n          if (!cancelled) setLoading(false)\n        })\n      return requestId\n    }, 220)\n    return () => {\n      cancelled = true\n      if (timer) clearTimeout(timer)\n    }\n  }, [query, shouldSearch, fetchKey])\n\n  const [selectedItem, setSelectedItem] = React.useState<LookupSelectItem | null>(null)\n\n  React.useEffect(() => {\n    if (!value) {\n      setSelectedItem(null)\n      return\n    }\n    const match = items.find((item) => item.id === value)\n    if (match) setSelectedItem(match)\n  }, [items, value])\n\n  /*\n   * The collapsed summary is opt-in: only a consumer that supplies\n   * `selectedHintLabel` asks this component to display the selection, so\n   * consumers rendering their own selected-value label keep their layout and\n   * never get a second summary. A resolver that falls back to the id\n   * (`known.get(id) ?? id`) is treated as unresolved and falls through to the\n   * title of the item that was actually fetched \u2014 a record id must never reach\n   * the DOM as a label.\n   */\n  const collapsedSelectionLabel = React.useMemo(() => {\n    if (!value || !selectedHintLabel) return null\n    const hinted = selectedHintLabel(value)\n    if (hinted && hinted !== value) return hinted\n    const fetchedTitle = selectedItem && selectedItem.id === value ? selectedItem.title : null\n    return fetchedTitle && fetchedTitle !== value ? fetchedTitle : null\n  }, [selectedHintLabel, selectedItem, value])\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-3\">\n        <div className=\"relative flex-1\">\n          <Search className=\"pointer-events-none absolute left-3.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground\" />\n          <input\n            className=\"w-full h-10 rounded-lg border border-input bg-background pl-10 pr-3 text-sm shadow-xs transition-colors outline-none placeholder:text-muted-foreground hover:border-foreground/20 focus-visible:shadow-focus focus-visible:border-brand-violet disabled:bg-bg-disabled disabled:border-border-disabled disabled:text-muted-foreground disabled:cursor-not-allowed\"\n            value={query}\n            onChange={(event) => {\n              setQuery(event.target.value)\n              setHasTyped(true)\n              setCollapsed(false)\n            }}\n            onKeyDown={handleInputKeyDown}\n            placeholder={resolvedSearchPlaceholder}\n            disabled={disabled}\n            role=\"combobox\"\n            aria-expanded={listboxVisible}\n            aria-controls={listboxId}\n            aria-autocomplete=\"list\"\n            aria-activedescendant={activeIndex >= 0 ? optionDomId(activeIndex) : undefined}\n          />\n        </div>\n        {actionSlot && !disabled ? <div className=\"sm:self-start\">{actionSlot}</div> : null}\n      </div>\n      {/*\n       * `shouldSearch` decides whether to FETCH; this decides whether to RENDER a\n       * list. They differ for a set value whose lookup comes back empty: develop's\n       * #5248 work needs the list (and its selected option) whenever items exist,\n       * while the collapsed summary \u2014 which keeps a selection visible after the\n       * search box reverts to its placeholder, and keeps a raw record id out of the\n       * DOM (TC-EUDR-013) \u2014 is only reachable when they do not. Falling through on\n       * an empty result satisfies both. A non-empty query still renders the list so\n       * its spinner and empty-state are reachable while the user is searching.\n       */}\n      {shouldSearch && !collapsed && (items.length > 0 || query.trim().length > 0) ? (\n        <div className=\"space-y-2\">\n          {loading || loadingProp ? (\n            <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n              <Loader2 className=\"h-4 w-4 animate-spin\" />\n              {resolvedLoadingLabel}\n            </div>\n          ) : null}\n          {!loading && !loadingProp && !items.length ? (\n            <p className=\"text-xs text-muted-foreground\">{resolvedEmptyLabel}</p>\n          ) : null}\n          <div\n            id={listboxId}\n            role=\"listbox\"\n            className=\"flex flex-col gap-1.5 max-h-80 overflow-y-auto -mx-0.5 px-0.5 py-0.5\"\n          >\n            {items.map((item, index) => {\n              const isSelected = value === item.id\n              const isInteractive = isInteractiveItem(item)\n              const isActive = index === activeIndex\n              return (\n                <div\n                  key={item.id}\n                  id={optionDomId(index)}\n                  className={cn(\n                    'group flex items-center gap-4 rounded-xl border p-4 transition-all duration-150 focus-visible:outline-none focus-visible:shadow-focus',\n                    isInteractive ? 'cursor-pointer' : 'cursor-not-allowed opacity-60',\n                    isSelected\n                      ? 'border-brand-violet bg-brand-violet/5 shadow-sm'\n                      : 'border-input bg-card hover:border-foreground/20 hover:bg-muted/30 hover:shadow-sm',\n                    isActive && !isSelected ? 'border-foreground/20 bg-muted/30 shadow-sm' : null\n                  )}\n                  role=\"option\"\n                  tabIndex={isInteractive ? 0 : -1}\n                  onClick={() => {\n                    if (!isInteractive) return\n                    onChange(item.id)\n                  }}\n                  onKeyDown={(event) => {\n                    if (event.key === 'Enter' || event.key === ' ') {\n                      event.preventDefault()\n                      if (!isInteractive) return\n                      onChange(item.id)\n                    }\n                  }}\n                  aria-selected={isSelected}\n                  aria-disabled={isInteractive ? undefined : true}\n                  title={isSelected ? resolvedSelectedLabel : isInteractive ? resolvedSelectLabel : undefined}\n                >\n                  {item.icon ? (\n                    <div className=\"flex h-12 w-12 shrink-0 items-center justify-center overflow-hidden [&>svg]:size-6 [&_svg]:text-muted-foreground\">\n                      {item.icon}\n                    </div>\n                  ) : (\n                    <div className={cn(\n                      'flex h-12 w-12 shrink-0 items-center justify-center overflow-hidden rounded-lg border transition-colors',\n                      isSelected\n                        ? 'border-brand-violet/40 bg-brand-violet/10 text-brand-violet'\n                        : 'border-input bg-muted text-muted-foreground group-hover:border-foreground/20'\n                    )}>\n                      <span className=\"text-base font-semibold uppercase\">{item.title.slice(0, 1)}</span>\n                    </div>\n                  )}\n                  <div className=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n                    <div className=\"flex items-center justify-between gap-3\">\n                      <div className=\"truncate text-sm font-semibold text-foreground\">{item.title}</div>\n                      {item.rightLabel ? (\n                        <div className=\"shrink-0 text-overline font-medium uppercase tracking-wider text-muted-foreground\">\n                          {item.rightLabel}\n                        </div>\n                      ) : null}\n                    </div>\n                    {item.subtitle ? (\n                      <div className=\"text-xs text-muted-foreground truncate\">{item.subtitle}</div>\n                    ) : null}\n                    {item.description ? (\n                      <div className=\"text-xs text-muted-foreground/70 truncate\">{item.description}</div>\n                    ) : null}\n                  </div>\n                  <div className=\"flex shrink-0 items-center justify-center\">\n                    {isSelected ? (\n                      <Check className=\"size-5 text-brand-violet\" aria-hidden=\"true\" />\n                    ) : (\n                      <div className=\"size-5\" aria-hidden=\"true\" />\n                    )}\n                  </div>\n                </div>\n              )\n            })}\n          </div>\n          {value && !disabled ? (\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"w-fit gap-1 text-sm font-normal\"\n              onClick={() => onChange(null)}\n            >\n              <X className=\"h-4 w-4\" />\n              {resolvedClearLabel}\n            </Button>\n          ) : null}\n        </div>\n      ) : collapsedSelectionLabel ? (\n        /*\n         * The visible input is the *search box*, not a value display: once the\n         * list closes it shows its placeholder again, so a selection made and\n         * then collapsed left the control looking empty even though the form\n         * held the id. `selectedHintLabel` existed for exactly this and was\n         * never rendered.\n         */\n        <div\n          className=\"flex items-center justify-between gap-3 rounded-lg border border-input bg-muted/40 px-3 py-2\"\n          data-testid=\"lookup-select-selected\"\n        >\n          <span className=\"truncate text-sm font-medium text-foreground\">\n            {collapsedSelectionLabel}\n          </span>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            className=\"shrink-0 gap-1 text-sm font-normal\"\n            disabled={disabled}\n            onClick={() => onChange(null)}\n          >\n            <X className=\"h-4 w-4\" />\n            {resolvedClearLabel}\n          </Button>\n        </div>\n      ) : hasTyped ? (\n        <p className=\"text-xs text-muted-foreground\">\n          {resolvedMinQueryHintLabel}\n        </p>\n      ) : (\n        <p className=\"text-xs text-muted-foreground\">{resolvedStartTypingLabel}</p>\n      )}\n      {error ? <p className=\"text-xs text-status-error-text\" role=\"alert\">{resolvedEmptyLabel}</p> : null}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-mercato/ui",
-  "version": "0.7.1-develop.7178.1.ab93fbaf4e",
+  "version": "0.7.1-develop.7180.1.9717fbbb43",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
@@ -155,14 +155,14 @@
     "remark-gfm": "^4.0.1"
   },
   "peerDependencies": {
-    "@open-mercato/shared": "0.7.1-develop.7178.1.ab93fbaf4e",
+    "@open-mercato/shared": "0.7.1-develop.7180.1.9717fbbb43",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "react-is": ">=18.0.0"
   },
   "devDependencies": {
     "@figma/code-connect": "^1.3.4",
-    "@open-mercato/shared": "0.7.1-develop.7178.1.ab93fbaf4e",
+    "@open-mercato/shared": "0.7.1-develop.7180.1.9717fbbb43",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",

package/src/backend/FlashMessages.tsx

@@ -43,6 +43,54 @@ export function flash(message: string, type: FlashKind = 'info') {
   window.dispatchEvent(evt)
 }
 
+// Two hosts mount `<FlashMessages />` over the same page: `FrontendLayout`
+// wraps the entire app (backend routes included, via `AppProviders`) and
+// `AppShell` mounts its own copy inside `<main>`. Both listen to the same
+// `flash` event, so every backend toast rendered twice — two stacked fixed
+// overlays, each with its own dismiss button, so dismissing one left the other
+// behind. Both mount points are public surfaces third-party apps rely on, so
+// instead of deleting one, only the first host to mount renders; the others
+// keep their state in sync and take over if it unmounts.
+const mountedFlashHostIds: symbol[] = []
+const flashHostListeners = new Set<() => void>()
+
+function notifyFlashHostListeners() {
+  for (const listener of flashHostListeners) listener()
+}
+
+function subscribeFlashHosts(listener: () => void): () => void {
+  flashHostListeners.add(listener)
+  return () => {
+    flashHostListeners.delete(listener)
+  }
+}
+
+function getPrimaryFlashHostId(): symbol | null {
+  return mountedFlashHostIds[0] ?? null
+}
+
+function getServerFlashHostId(): symbol | null {
+  return null
+}
+
+function useIsPrimaryFlashHost(): boolean {
+  const hostIdRef = React.useRef<symbol | null>(null)
+  if (hostIdRef.current === null) hostIdRef.current = Symbol('om-flash-host')
+  const hostId = hostIdRef.current
+
+  React.useEffect(() => {
+    mountedFlashHostIds.push(hostId)
+    notifyFlashHostListeners()
+    return () => {
+      const index = mountedFlashHostIds.indexOf(hostId)
+      if (index >= 0) mountedFlashHostIds.splice(index, 1)
+      notifyFlashHostListeners()
+    }
+  }, [hostId])
+
+  return React.useSyncExternalStore(subscribeFlashHosts, getPrimaryFlashHostId, getServerFlashHostId) === hostId
+}
+
 type HistoryMethod = History['pushState']
 
 function useLocationKey() {
@@ -118,6 +166,7 @@ function useLocationKey() {
 function FlashMessagesInner() {
   const [msg, setMsg] = React.useState<string | null>(null)
   const [kind, setKind] = React.useState<FlashKind>('info')
+  const isPrimaryHost = useIsPrimaryFlashHost()
   const locationKey = useLocationKey()
   const dismissTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)
 
@@ -181,7 +230,7 @@ function FlashMessagesInner() {
     setMsg(null)
   }, [clearDismissTimer])
 
-  if (!msg) return null
+  if (!msg || !isPrimaryHost) return null
 
   return (
     <div className="pointer-events-none fixed left-3 right-3 top-3 z-toast sm:left-auto sm:right-4 sm:w-[380px]">

package/src/backend/__tests__/CrudForm.dotPath.test.tsx

@@ -34,7 +34,7 @@ jest.mock('../injection/useInjectionDataWidgets', () => ({
 }))
 
 import * as React from 'react'
-import { act, fireEvent, screen } from '@testing-library/react'
+import { act, fireEvent, screen, waitFor } from '@testing-library/react'
 import { z } from 'zod'
 import { renderWithProviders } from '@open-mercato/shared/lib/testing/renderWithProviders'
 import { CrudForm, type CrudField } from '../CrudForm'
@@ -54,6 +54,18 @@ function flushMicrotasks() {
   })
 }
 
+// CrudForm's submit path awaits the injection hooks and the schema parse before
+// the harness records values, and the number of ticks that takes varies with
+// machine load. Wait for the recorded result instead of a fixed microtask count.
+async function submitAndWaitForValues(form: HTMLFormElement) {
+  await act(async () => {
+    fireEvent.submit(form)
+  })
+  await waitFor(() => {
+    expect(screen.getByTestId('submitted').textContent).not.toBe('null')
+  })
+}
+
 describe('CrudForm dot-path base fields (issue #2503)', () => {
   beforeEach(() => {
     triggerEventMock.mockReset()
@@ -121,11 +133,7 @@ describe('CrudForm dot-path base fields (issue #2503)', () => {
       fireEvent.blur(categoryInput)
     })
 
-    await act(async () => {
-      fireEvent.submit(form)
-      await Promise.resolve()
-      await Promise.resolve()
-    })
+    await submitAndWaitForValues(form)
 
     const submitted = JSON.parse(screen.getByTestId('submitted').textContent || 'null')
     expect(submitted).not.toBeNull()
@@ -170,11 +178,7 @@ describe('CrudForm dot-path base fields (issue #2503)', () => {
       fireEvent.blur(categoryInput)
     })
 
-    await act(async () => {
-      fireEvent.submit(form)
-      await Promise.resolve()
-      await Promise.resolve()
-    })
+    await submitAndWaitForValues(form)
 
     const submitted = JSON.parse(screen.getByTestId('submitted').textContent || 'null')
     expect(submitted).not.toBeNull()
@@ -256,11 +260,7 @@ describe('CrudForm dot-path base fields (issue #2503)', () => {
     await flushMicrotasks()
 
     const form = container.querySelector('form') as HTMLFormElement
-    await act(async () => {
-      fireEvent.submit(form)
-      await Promise.resolve()
-      await Promise.resolve()
-    })
+    await submitAndWaitForValues(form)
 
     const submitted = JSON.parse(screen.getByTestId('submitted').textContent || 'null')
     expect(submitted.metadata).toEqual({ category: 'Sales', icon: 'shopping-cart' })
@@ -293,11 +293,7 @@ describe('CrudForm dot-path base fields (issue #2503)', () => {
     await flushMicrotasks()
 
     const form = container.querySelector('form') as HTMLFormElement
-    await act(async () => {
-      fireEvent.submit(form)
-      await Promise.resolve()
-      await Promise.resolve()
-    })
+    await submitAndWaitForValues(form)
 
     // The collapse step must skip prototype-polluting segments entirely, so
     // neither a fresh object nor Object.prototype gains the injected key.

package/src/backend/__tests__/CrudForm.navigation.test.tsx

@@ -17,7 +17,7 @@ jest.mock('../confirm-dialog', () => ({
 }))
 
 import * as React from 'react'
-import { act, fireEvent } from '@testing-library/react'
+import { act, fireEvent, waitFor } from '@testing-library/react'
 import { renderWithProviders } from '@open-mercato/shared/lib/testing/renderWithProviders'
 import { CrudForm, type CrudField } from '../CrudForm'
 
@@ -250,10 +250,9 @@ describe('CrudForm unsaved navigation guard', () => {
 
     await act(async () => {
       fireEvent.submit(form)
-      await Promise.resolve()
     })
 
-    expect(onSubmit).toHaveBeenCalled()
+    await waitFor(() => expect(onSubmit).toHaveBeenCalled())
     expect(confirmDialogMock).not.toHaveBeenCalled()
 
     await act(async () => {
@@ -306,10 +305,9 @@ describe('CrudForm unsaved navigation guard', () => {
 
     await act(async () => {
       fireEvent.submit(form)
-      await Promise.resolve()
     })
 
-    expect(onSubmit).toHaveBeenCalled()
+    await waitFor(() => expect(onSubmit).toHaveBeenCalled())
     expect(beforeUnloadDuringSubmit).not.toBeNull()
     expect(beforeUnloadDuringSubmit!.defaultPrevented).toBe(false)
     expect(beforeUnloadDuringSubmit!.returnValue).toBeUndefined()

package/src/backend/__tests__/CrudForm.transformData.test.tsx

@@ -29,7 +29,7 @@ jest.mock('../injection/useInjectionDataWidgets', () => ({
 }))
 
 import * as React from 'react'
-import { act, fireEvent, screen } from '@testing-library/react'
+import { act, fireEvent, screen, waitFor } from '@testing-library/react'
 import { renderWithProviders } from '@open-mercato/shared/lib/testing/renderWithProviders'
 import { CrudForm, type CrudField } from '../CrudForm'
 
@@ -103,11 +103,11 @@ describe('CrudForm transform pipeline behavior', () => {
 
     await act(async () => {
       fireEvent.submit(form)
-      await Promise.resolve()
-      await Promise.resolve()
     })
 
-    expect(screen.getByTestId('submitted')).toHaveTextContent('"title":"spaces around"')
+    await waitFor(() =>
+      expect(screen.getByTestId('submitted')).toHaveTextContent('"title":"spaces around"'),
+    )
     expect(input).toHaveValue('  spaces around  ')
   })
 
@@ -162,11 +162,11 @@ describe('CrudForm transform pipeline behavior', () => {
 
     await act(async () => {
       fireEvent.submit(form)
-      await Promise.resolve()
-      await Promise.resolve()
     })
 
-    expect(screen.getByTestId('submitted')).toHaveTextContent('"note":"MAKE ME UPPERCASE"')
+    await waitFor(() =>
+      expect(screen.getByTestId('submitted')).toHaveTextContent('"note":"MAKE ME UPPERCASE"'),
+    )
     expect(input).toHaveValue('MAKE ME UPPERCASE')
   })
 

package/src/backend/__tests__/FlashMessages.test.tsx

@@ -77,6 +77,54 @@ describe('FlashMessages', () => {
     expect(badge?.getAttribute('data-status')).toBe('success')
   })
 
+  it('renders a single toast when several hosts mount it on the same page', () => {
+    renderWithProviders(
+      <>
+        <FlashMessages />
+        <FlashMessages />
+      </>,
+    )
+
+    act(() => {
+      flash('Project team updated.', 'success')
+    })
+
+    expect(screen.getAllByText('Project team updated.')).toHaveLength(1)
+  })
+
+  /**
+   * The handover is the half of the primary-host election that nothing else
+   * exercises. Only the first host to mount renders, so if it unmounts while a
+   * toast is up — a backend page tearing its `AppShell` down on navigation, with
+   * `FrontendLayout`'s host still mounted above it — the surviving host has to
+   * take over. If it did not, the message would vanish, which is worse than the
+   * duplicate this election replaced.
+   */
+  it('hands a displayed toast over when the primary host unmounts', () => {
+    function Hosts({ withPrimary }: { withPrimary: boolean }) {
+      return (
+        <>
+          {withPrimary ? <FlashMessages /> : null}
+          <FlashMessages />
+        </>
+      )
+    }
+
+    const { rerender } = renderWithProviders(<Hosts withPrimary />)
+
+    act(() => {
+      flash('Project team updated.', 'success')
+    })
+
+    expect(screen.getAllByText('Project team updated.')).toHaveLength(1)
+
+    act(() => {
+      rerender(<Hosts withPrimary={false} />)
+    })
+
+    expect(screen.getAllByText('Project team updated.')).toHaveLength(1)
+  })
+
   it('auto-dismisses programmatic flashes', () => {
     renderWithProviders(<FlashMessages />)
 

package/src/backend/icons/lucideRegistry.generated.tsx

@@ -56,6 +56,7 @@ import {
   ExternalLink,
   Eye,
   FileCheck,
+  FileClock,
   FileMinus,
   FilePenLine,
   Files,
@@ -87,6 +88,7 @@ import {
   LineChart,
   Link,
   List,
+  ListChecks,
   ListX,
   Loader,
   Loader2,
@@ -100,6 +102,7 @@ import {
   MessageCircle,
   MessageSquareReply,
   MinusCircle,
+  Monitor,
   Notebook,
   Package,
   PackageCheck,
@@ -107,6 +110,7 @@ import {
   PackageSearch,
   PackageX,
   PauseCircle,
+  PenLine,
   Percent,
   Phone,
   PhoneCall,
@@ -220,6 +224,7 @@ export const LUCIDE_ICON_REGISTRY: Record<string, LucideIcon> = {
   'external-link': ExternalLink,
   'eye': Eye,
   'file-check': FileCheck,
+  'file-clock': FileClock,
   'file-minus': FileMinus,
   'file-pen-line': FilePenLine,
   'file-spreadsheet': FileSpreadsheet,
@@ -251,6 +256,7 @@ export const LUCIDE_ICON_REGISTRY: Record<string, LucideIcon> = {
   'line-chart': LineChart,
   'link': Link,
   'list': List,
+  'list-checks': ListChecks,
   'list-x': ListX,
   'loader': Loader,
   'loader-2': Loader2,
@@ -264,6 +270,7 @@ export const LUCIDE_ICON_REGISTRY: Record<string, LucideIcon> = {
   'message-circle': MessageCircle,
   'message-square-reply': MessageSquareReply,
   'minus-circle': MinusCircle,
+  'monitor': Monitor,
   'notebook': Notebook,
   'package': Package,
   'package-check': PackageCheck,
@@ -271,6 +278,7 @@ export const LUCIDE_ICON_REGISTRY: Record<string, LucideIcon> = {
   'package-search': PackageSearch,
   'package-x': PackageX,
   'pause-circle': PauseCircle,
+  'pen-line': PenLine,
   'percent': Percent,
   'phone': Phone,
   'phone-call': PhoneCall,

package/src/backend/inputs/LookupSelect.tsx

@@ -83,6 +83,11 @@ export function LookupSelect({
   const [query, setQuery] = React.useState('')
   const [items, setItems] = React.useState<LookupSelectItem[]>(options ?? [])
   const [loading, setLoading] = React.useState(false)
+  // Escape collapses the list without clearing the selection. Derived state is not
+  // enough here: Escape empties the query but the fetched `items` linger, so the
+  // list would stay open and the collapsed summary — the branch that keeps a raw
+  // record id out of the DOM (TC-EUDR-013) — would never render.
+  const [collapsed, setCollapsed] = React.useState(false)
   const [hasTyped, setHasTyped] = React.useState(defaultOpen)
   const [error, setError] = React.useState<string | null>(null)
   const [fetchKey, setFetchKey] = React.useState(0)
@@ -187,6 +192,7 @@ export function LookupSelect({
       event.stopPropagation()
       setQuery('')
       setActiveIndex(-1)
+      setCollapsed(true)
     }
   }, [activeIndex, items, isInteractiveItem, listboxVisible, moveActiveIndex, onChange, query])
   React.useEffect(() => {
@@ -230,6 +236,34 @@ export function LookupSelect({
     }
   }, [query, shouldSearch, fetchKey])
 
+  const [selectedItem, setSelectedItem] = React.useState<LookupSelectItem | null>(null)
+
+  React.useEffect(() => {
+    if (!value) {
+      setSelectedItem(null)
+      return
+    }
+    const match = items.find((item) => item.id === value)
+    if (match) setSelectedItem(match)
+  }, [items, value])
+
+  /*
+   * The collapsed summary is opt-in: only a consumer that supplies
+   * `selectedHintLabel` asks this component to display the selection, so
+   * consumers rendering their own selected-value label keep their layout and
+   * never get a second summary. A resolver that falls back to the id
+   * (`known.get(id) ?? id`) is treated as unresolved and falls through to the
+   * title of the item that was actually fetched — a record id must never reach
+   * the DOM as a label.
+   */
+  const collapsedSelectionLabel = React.useMemo(() => {
+    if (!value || !selectedHintLabel) return null
+    const hinted = selectedHintLabel(value)
+    if (hinted && hinted !== value) return hinted
+    const fetchedTitle = selectedItem && selectedItem.id === value ? selectedItem.title : null
+    return fetchedTitle && fetchedTitle !== value ? fetchedTitle : null
+  }, [selectedHintLabel, selectedItem, value])
+
   return (
     <div className="space-y-3">
       <div className="flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-3">
@@ -241,6 +275,7 @@ export function LookupSelect({
             onChange={(event) => {
               setQuery(event.target.value)
               setHasTyped(true)
+              setCollapsed(false)
             }}
             onKeyDown={handleInputKeyDown}
             placeholder={resolvedSearchPlaceholder}
@@ -254,7 +289,17 @@ export function LookupSelect({
         </div>
         {actionSlot && !disabled ? <div className="sm:self-start">{actionSlot}</div> : null}
       </div>
-      {shouldSearch ? (
+      {/*
+       * `shouldSearch` decides whether to FETCH; this decides whether to RENDER a
+       * list. They differ for a set value whose lookup comes back empty: develop's
+       * #5248 work needs the list (and its selected option) whenever items exist,
+       * while the collapsed summary — which keeps a selection visible after the
+       * search box reverts to its placeholder, and keeps a raw record id out of the
+       * DOM (TC-EUDR-013) — is only reachable when they do not. Falling through on
+       * an empty result satisfies both. A non-empty query still renders the list so
+       * its spinner and empty-state are reachable while the user is searching.
+       */}
+      {shouldSearch && !collapsed && (items.length > 0 || query.trim().length > 0) ? (
         <div className="space-y-2">
           {loading || loadingProp ? (
             <div className="flex items-center gap-2 text-sm text-muted-foreground">
@@ -357,6 +402,33 @@ export function LookupSelect({
             </Button>
           ) : null}
         </div>
+      ) : collapsedSelectionLabel ? (
+        /*
+         * The visible input is the *search box*, not a value display: once the
+         * list closes it shows its placeholder again, so a selection made and
+         * then collapsed left the control looking empty even though the form
+         * held the id. `selectedHintLabel` existed for exactly this and was
+         * never rendered.
+         */
+        <div
+          className="flex items-center justify-between gap-3 rounded-lg border border-input bg-muted/40 px-3 py-2"
+          data-testid="lookup-select-selected"
+        >
+          <span className="truncate text-sm font-medium text-foreground">
+            {collapsedSelectionLabel}
+          </span>
+          <Button
+            type="button"
+            variant="ghost"
+            size="sm"
+            className="shrink-0 gap-1 text-sm font-normal"
+            disabled={disabled}
+            onClick={() => onChange(null)}
+          >
+            <X className="h-4 w-4" />
+            {resolvedClearLabel}
+          </Button>
+        </div>
       ) : hasTyped ? (
         <p className="text-xs text-muted-foreground">
           {resolvedMinQueryHintLabel}

package/src/backend/inputs/__tests__/LookupSelect.test.tsx

@@ -216,6 +216,98 @@ describe('LookupSelect keyboard accessibility', () => {
   })
 })
 
+describe('LookupSelect selected value display', () => {
+  const RECORD_ID = 'd7f88312-f4b3-44b7-b03a-dc10e561cf8e'
+
+  it('shows the selected item once the list is collapsed', () => {
+    // The visible input is the search box and reverts to its placeholder, so
+    // without this the control looked empty after a selection even though the
+    // form held the id — the user could not tell what they had picked.
+    render(
+      <LookupSelect
+        value="cust-1"
+        onChange={() => {}}
+        fetchItems={async () => []}
+        selectedHintLabel={(id) => (id === 'cust-1' ? 'ExcelMed' : id)}
+      />,
+    )
+
+    expect(screen.getByTestId('lookup-select-selected')).toHaveTextContent('ExcelMed')
+  })
+
+  it('never renders the raw id when no label resolver is given', () => {
+    const { container } = render(
+      <LookupSelect value={RECORD_ID} onChange={() => {}} fetchItems={async () => []} />,
+    )
+
+    expect(screen.queryByTestId('lookup-select-selected')).not.toBeInTheDocument()
+    expect(container.textContent ?? '').not.toContain(RECORD_ID)
+  })
+
+  it('adds no second summary when the consumer renders its own selected label', () => {
+    // Mirrors eudr's LookupSelectField: the host already prints the resolved
+    // order label above the picker, so the collapsed block would both duplicate
+    // it and expose the uuid (TC-EUDR-013).
+    const { container } = render(
+      <div>
+        <p>Order ORDER-20260820-0000</p>
+        <LookupSelect value={RECORD_ID} onChange={() => {}} fetchItems={async () => []} />
+      </div>,
+    )
+
+    expect(screen.queryByTestId('lookup-select-selected')).not.toBeInTheDocument()
+    expect(container.textContent ?? '').not.toContain(RECORD_ID)
+    expect(screen.getAllByText(/ORDER-20260820-0000/)).toHaveLength(1)
+  })
+
+  it('shows the fetched title when the resolver has not resolved the id yet', async () => {
+    // The staff CustomerPicker resolves names from a map it fills
+    // asynchronously and falls back to `id` until then — that fallback must not
+    // put a uuid on screen once the list collapses.
+    function CustomerPickerHarness() {
+      const [value, setValue] = React.useState<string | null>(null)
+      return (
+        <LookupSelect
+          value={value}
+          onChange={setValue}
+          fetchItems={async () => [{ id: RECORD_ID, title: 'ExcelMed' }]}
+          selectedHintLabel={(id) => id}
+        />
+      )
+    }
+
+    const { container } = render(<CustomerPickerHarness />)
+    const input = getInput(container)
+
+    fireEvent.change(input, { target: { value: 'Exc' } })
+    fireEvent.click(await screen.findByRole('option'))
+    fireEvent.keyDown(input, { key: 'Escape' })
+
+    expect(screen.getByTestId('lookup-select-selected')).toHaveTextContent('ExcelMed')
+    expect(container.textContent ?? '').not.toContain(RECORD_ID)
+  })
+
+  it('clears the selection from the collapsed summary', () => {
+    const onChange = jest.fn()
+    render(
+      <LookupSelect
+        value="cust-1"
+        onChange={onChange}
+        fetchItems={async () => []}
+        selectedHintLabel={() => 'ExcelMed'}
+      />,
+    )
+
+    fireEvent.click(screen.getByRole('button', { name: /clear/i }))
+    expect(onChange).toHaveBeenCalledWith(null)
+  })
+
+  it('renders nothing selected when there is no value', () => {
+    render(<LookupSelect value={null} onChange={() => {}} fetchItems={async () => []} />)
+    expect(screen.queryByTestId('lookup-select-selected')).not.toBeInTheDocument()
+  })
+})
+
 // `disabled` used to gate only the search box, so a caller that locked the
 // control still shipped a live option list: the selected card kept its click and
 // Enter/Space handlers, "Clear selection" stayed reachable, and the action slot