@open-mercato/ui 0.6.1-develop.3276.1.1fcd145078 → 0.6.1-develop.3287.1.450f4ffb56

package/dist/backend/hooks/useAdvancedFilter.js

@@ -1,6 +1,8 @@
 "use client";
 import * as React from "react";
 import { createEmptyCondition, getDefaultOperator, normalizeAdvancedFilterState } from "@open-mercato/shared/lib/query/advanced-filter";
+import { treeReducer } from "../filters/treeReducer.js";
+import { validateTreeForApply } from "../filters/filterValidation.js";
 function useAdvancedFilter({ fields, onChange }) {
   const [state, setState] = React.useState({
     logic: "and",
@@ -58,7 +60,86 @@ function useAdvancedFilter({ fields, onChange }) {
     hasActiveConditions
   };
 }
+function useAdvancedFilterTree({
+  initial,
+  fields,
+  onApply,
+  debounceMs = 400
+}) {
+  const [tree, setTree] = React.useState(initial);
+  const [appliedTree, setAppliedTree] = React.useState(initial);
+  const [pendingErrors, setPendingErrors] = React.useState([]);
+  const timerRef = React.useRef(null);
+  const didMountRef = React.useRef(false);
+  const onApplyRef = React.useRef(onApply);
+  const fieldsRef = React.useRef(fields);
+  React.useEffect(() => {
+    onApplyRef.current = onApply;
+  }, [onApply]);
+  React.useEffect(() => {
+    fieldsRef.current = fields;
+  }, [fields]);
+  const tryApply = React.useCallback((candidate) => {
+    const result = validateTreeForApply(candidate, fieldsRef.current);
+    if (result.ok) {
+      setPendingErrors([]);
+      setAppliedTree(candidate);
+      onApplyRef.current?.(candidate);
+      return true;
+    }
+    setPendingErrors(result.errors);
+    return false;
+  }, []);
+  React.useEffect(() => {
+    if (!didMountRef.current) {
+      didMountRef.current = true;
+      return;
+    }
+    if (timerRef.current) clearTimeout(timerRef.current);
+    const timer = setTimeout(() => {
+      tryApply(tree);
+    }, debounceMs);
+    timerRef.current = timer;
+    return () => clearTimeout(timer);
+  }, [tree, debounceMs, tryApply]);
+  const dispatch = React.useCallback((action) => {
+    setTree((prev) => treeReducer(prev, action));
+  }, []);
+  const flush = React.useCallback(() => {
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+    tryApply(tree);
+  }, [tree, tryApply]);
+  const clear = React.useCallback(() => {
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+    setTree((prev) => {
+      const emptied = { root: { ...prev.root, children: [] } };
+      setAppliedTree(emptied);
+      return emptied;
+    });
+    setPendingErrors([]);
+    onApplyRef.current?.({ root: { id: "", type: "group", combinator: "and", children: [] } });
+  }, []);
+  const replaceTree = React.useCallback((next) => {
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+    setTree(next);
+    setAppliedTree(next);
+    setPendingErrors([]);
+    onApplyRef.current?.(next);
+  }, []);
+  const hasActiveRules = tree.root.children.length > 0;
+  return { tree, appliedTree, setTree, dispatch, pendingErrors, flush, clear, replaceTree, hasActiveRules };
+}
 export {
-  useAdvancedFilter
+  useAdvancedFilter,
+  useAdvancedFilterTree
 };
 //# sourceMappingURL=useAdvancedFilter.js.map

package/dist/backend/hooks/useAdvancedFilter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/hooks/useAdvancedFilter.ts"],
-  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport type { AdvancedFilterState, FilterCondition, FilterFieldDef } from '@open-mercato/shared/lib/query/advanced-filter'\nimport { createEmptyCondition, getDefaultOperator, normalizeAdvancedFilterState } from '@open-mercato/shared/lib/query/advanced-filter'\n\nexport type UseAdvancedFilterOptions = {\n  fields: FilterFieldDef[]\n  onChange?: (state: AdvancedFilterState) => void\n}\n\nexport function useAdvancedFilter({ fields, onChange }: UseAdvancedFilterOptions) {\n  const [state, setState] = React.useState<AdvancedFilterState>({\n    logic: 'and',\n    conditions: [],\n  })\n\n  const updateState = React.useCallback((next: AdvancedFilterState) => {\n    const normalized = normalizeAdvancedFilterState(next)\n    setState(normalized)\n    onChange?.(normalized)\n  }, [onChange])\n\n  const addCondition = React.useCallback(() => {\n    const newCondition = createEmptyCondition()\n    if (fields.length > 0) {\n      newCondition.field = fields[0].key\n      newCondition.operator = getDefaultOperator(fields[0].type)\n    }\n    updateState({\n      ...state,\n      conditions: [...state.conditions, newCondition],\n    })\n  }, [fields, state, updateState])\n\n  const removeCondition = React.useCallback((conditionId: string) => {\n    updateState({\n      ...state,\n      conditions: state.conditions.filter((c) => c.id !== conditionId),\n    })\n  }, [state, updateState])\n\n  const updateCondition = React.useCallback((conditionId: string, updates: Partial<FilterCondition>) => {\n    updateState({\n      ...state,\n      conditions: state.conditions.map((c) =>\n        c.id === conditionId ? { ...c, ...updates } : c,\n      ),\n    })\n  }, [state, updateState])\n\n  const toggleLogic = React.useCallback(() => {\n    const nextLogic = state.logic === 'and' ? 'or' : 'and'\n    updateState({\n      logic: nextLogic,\n      conditions: state.conditions.map((condition, index) => (\n        index === 0 ? condition : { ...condition, join: nextLogic }\n      )),\n    })\n  }, [state, updateState])\n\n  const clearAll = React.useCallback(() => {\n    updateState({ logic: 'and', conditions: [] })\n  }, [updateState])\n\n  const hasActiveConditions = state.conditions.some((c) => c.field && c.operator)\n\n  return {\n    state,\n    setState: updateState,\n    addCondition,\n    removeCondition,\n    updateCondition,\n    toggleLogic,\n    clearAll,\n    hasActiveConditions,\n  }\n}\n"],
-  "mappings": ";AACA,YAAY,WAAW;AAEvB,SAAS,sBAAsB,oBAAoB,oCAAoC;AAOhF,SAAS,kBAAkB,EAAE,QAAQ,SAAS,GAA6B;AAChF,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAA8B;AAAA,IAC5D,OAAO;AAAA,IACP,YAAY,CAAC;AAAA,EACf,CAAC;AAED,QAAM,cAAc,MAAM,YAAY,CAAC,SAA8B;AACnE,UAAM,aAAa,6BAA6B,IAAI;AACpD,aAAS,UAAU;AACnB,eAAW,UAAU;AAAA,EACvB,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,eAAe,MAAM,YAAY,MAAM;AAC3C,UAAM,eAAe,qBAAqB;AAC1C,QAAI,OAAO,SAAS,GAAG;AACrB,mBAAa,QAAQ,OAAO,CAAC,EAAE;AAC/B,mBAAa,WAAW,mBAAmB,OAAO,CAAC,EAAE,IAAI;AAAA,IAC3D;AACA,gBAAY;AAAA,MACV,GAAG;AAAA,MACH,YAAY,CAAC,GAAG,MAAM,YAAY,YAAY;AAAA,IAChD,CAAC;AAAA,EACH,GAAG,CAAC,QAAQ,OAAO,WAAW,CAAC;AAE/B,QAAM,kBAAkB,MAAM,YAAY,CAAC,gBAAwB;AACjE,gBAAY;AAAA,MACV,GAAG;AAAA,MACH,YAAY,MAAM,WAAW,OAAO,CAAC,MAAM,EAAE,OAAO,WAAW;AAAA,IACjE,CAAC;AAAA,EACH,GAAG,CAAC,OAAO,WAAW,CAAC;AAEvB,QAAM,kBAAkB,MAAM,YAAY,CAAC,aAAqB,YAAsC;AACpG,gBAAY;AAAA,MACV,GAAG;AAAA,MACH,YAAY,MAAM,WAAW;AAAA,QAAI,CAAC,MAChC,EAAE,OAAO,cAAc,EAAE,GAAG,GAAG,GAAG,QAAQ,IAAI;AAAA,MAChD;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,OAAO,WAAW,CAAC;AAEvB,QAAM,cAAc,MAAM,YAAY,MAAM;AAC1C,UAAM,YAAY,MAAM,UAAU,QAAQ,OAAO;AACjD,gBAAY;AAAA,MACV,OAAO;AAAA,MACP,YAAY,MAAM,WAAW,IAAI,CAAC,WAAW,UAC3C,UAAU,IAAI,YAAY,EAAE,GAAG,WAAW,MAAM,UAAU,CAC3D;AAAA,IACH,CAAC;AAAA,EACH,GAAG,CAAC,OAAO,WAAW,CAAC;AAEvB,QAAM,WAAW,MAAM,YAAY,MAAM;AACvC,gBAAY,EAAE,OAAO,OAAO,YAAY,CAAC,EAAE,CAAC;AAAA,EAC9C,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,sBAAsB,MAAM,WAAW,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,QAAQ;AAE9E,SAAO;AAAA,IACL;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport type { AdvancedFilterState, FilterCondition, FilterFieldDef } from '@open-mercato/shared/lib/query/advanced-filter'\nimport { createEmptyCondition, getDefaultOperator, normalizeAdvancedFilterState } from '@open-mercato/shared/lib/query/advanced-filter'\nimport type { AdvancedFilterTree } from '@open-mercato/shared/lib/query/advanced-filter-tree'\nimport { treeReducer, type TreeAction } from '../filters/treeReducer'\nimport { validateTreeForApply, type ValidationError } from '../filters/filterValidation'\n\nexport type UseAdvancedFilterOptions = {\n  fields: FilterFieldDef[]\n  onChange?: (state: AdvancedFilterState) => void\n}\n\nexport function useAdvancedFilter({ fields, onChange }: UseAdvancedFilterOptions) {\n  const [state, setState] = React.useState<AdvancedFilterState>({\n    logic: 'and',\n    conditions: [],\n  })\n\n  const updateState = React.useCallback((next: AdvancedFilterState) => {\n    const normalized = normalizeAdvancedFilterState(next)\n    setState(normalized)\n    onChange?.(normalized)\n  }, [onChange])\n\n  const addCondition = React.useCallback(() => {\n    const newCondition = createEmptyCondition()\n    if (fields.length > 0) {\n      newCondition.field = fields[0].key\n      newCondition.operator = getDefaultOperator(fields[0].type)\n    }\n    updateState({\n      ...state,\n      conditions: [...state.conditions, newCondition],\n    })\n  }, [fields, state, updateState])\n\n  const removeCondition = React.useCallback((conditionId: string) => {\n    updateState({\n      ...state,\n      conditions: state.conditions.filter((c) => c.id !== conditionId),\n    })\n  }, [state, updateState])\n\n  const updateCondition = React.useCallback((conditionId: string, updates: Partial<FilterCondition>) => {\n    updateState({\n      ...state,\n      conditions: state.conditions.map((c) =>\n        c.id === conditionId ? { ...c, ...updates } : c,\n      ),\n    })\n  }, [state, updateState])\n\n  const toggleLogic = React.useCallback(() => {\n    const nextLogic = state.logic === 'and' ? 'or' : 'and'\n    updateState({\n      logic: nextLogic,\n      conditions: state.conditions.map((condition, index) => (\n        index === 0 ? condition : { ...condition, join: nextLogic }\n      )),\n    })\n  }, [state, updateState])\n\n  const clearAll = React.useCallback(() => {\n    updateState({ logic: 'and', conditions: [] })\n  }, [updateState])\n\n  const hasActiveConditions = state.conditions.some((c) => c.field && c.operator)\n\n  return {\n    state,\n    setState: updateState,\n    addCondition,\n    removeCondition,\n    updateCondition,\n    toggleLogic,\n    clearAll,\n    hasActiveConditions,\n  }\n}\n\nexport type UseAdvancedFilterTreeArgs = {\n  initial: AdvancedFilterTree\n  fields: FilterFieldDef[]\n  /**\n   * Optional side-effect that fires whenever the tree is validated and applied\n   * (debounced auto-apply, explicit `flush()`, `clear()`, or `replaceTree()`).\n   * Use this for non-state effects such as resetting the page index when the\n   * filter changes. State propagation should read `appliedTree` directly \u2014 the\n   * hook is the single source of truth and the page MUST NOT keep a parallel\n   * copy.\n   */\n  onApply?: (tree: AdvancedFilterTree) => void\n  debounceMs?: number\n}\n\nexport type UseAdvancedFilterTreeResult = {\n  /** In-progress editor tree. Bound to the filter panel's `value` / `onChange`. */\n  tree: AdvancedFilterTree\n  /**\n   * Last validated, applied tree. Bound to URL serialization, query requests,\n   * active chips, and the filter-aware empty-state. Lags `tree` by `debounceMs`\n   * while the user is typing in an editor; advances immediately on `flush()`,\n   * `clear()`, and `replaceTree()`.\n   */\n  appliedTree: AdvancedFilterTree\n  setTree: (t: AdvancedFilterTree) => void\n  dispatch: (a: TreeAction) => void\n  pendingErrors: ValidationError[]\n  flush: () => void\n  clear: () => void\n  /**\n   * Replace BOTH the editor and applied trees immediately, bypassing the\n   * debounce. Use this for perspective restoration and saved-filter apply \u2014\n   * actions that semantically jump the filter to a new known-good state rather\n   * than building it up via user edits.\n   */\n  replaceTree: (next: AdvancedFilterTree) => void\n  hasActiveRules: boolean\n}\n\n/**\n * Tree-shaped advanced filter state with debounced auto-apply, validation gating,\n * and helpers for the CRM filter builder UI.\n *\n * **State ownership**: this hook is the single source of truth for the filter\n * tree. The host page MUST NOT keep a parallel `useState<AdvancedFilterTree>` \u2014\n * read `appliedTree` for URL/query consumption and `tree` for the editor panel.\n *\n * - Debounced apply (default 400 ms) \u2014 fires only when the tree validates.\n *   `appliedTree` advances and the optional `onApply(tree)` callback fires.\n * - `pendingErrors` exposes the latest validation errors for inline UI rendering.\n * - `flush()` applies immediately if valid; `clear()` empties root children.\n * - `replaceTree(t)` jumps BOTH editor and applied trees (perspective restore).\n * - `hasActiveRules` mirrors `tree.root.children.length > 0`.\n */\nexport function useAdvancedFilterTree({\n  initial,\n  fields,\n  onApply,\n  debounceMs = 400,\n}: UseAdvancedFilterTreeArgs): UseAdvancedFilterTreeResult {\n  const [tree, setTree] = React.useState<AdvancedFilterTree>(initial)\n  const [appliedTree, setAppliedTree] = React.useState<AdvancedFilterTree>(initial)\n  const [pendingErrors, setPendingErrors] = React.useState<ValidationError[]>([])\n  const timerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)\n  const didMountRef = React.useRef(false)\n  const onApplyRef = React.useRef(onApply)\n  const fieldsRef = React.useRef(fields)\n  React.useEffect(() => { onApplyRef.current = onApply }, [onApply])\n  React.useEffect(() => { fieldsRef.current = fields }, [fields])\n\n  const tryApply = React.useCallback((candidate: AdvancedFilterTree): boolean => {\n    const result = validateTreeForApply(candidate, fieldsRef.current)\n    if (result.ok) {\n      setPendingErrors([])\n      setAppliedTree(candidate)\n      onApplyRef.current?.(candidate)\n      return true\n    }\n    setPendingErrors(result.errors)\n    return false\n  }, [])\n\n  React.useEffect(() => {\n    if (!didMountRef.current) {\n      didMountRef.current = true\n      return\n    }\n    if (timerRef.current) clearTimeout(timerRef.current)\n    const timer = setTimeout(() => { tryApply(tree) }, debounceMs)\n    timerRef.current = timer\n    return () => clearTimeout(timer)\n  }, [tree, debounceMs, tryApply])\n\n  const dispatch = React.useCallback((action: TreeAction) => {\n    setTree((prev) => treeReducer(prev, action))\n  }, [])\n\n  const flush = React.useCallback(() => {\n    if (timerRef.current) { clearTimeout(timerRef.current); timerRef.current = null }\n    tryApply(tree)\n  }, [tree, tryApply])\n\n  const clear = React.useCallback(() => {\n    if (timerRef.current) { clearTimeout(timerRef.current); timerRef.current = null }\n    setTree((prev) => {\n      const emptied: AdvancedFilterTree = { root: { ...prev.root, children: [] } }\n      setAppliedTree(emptied)\n      return emptied\n    })\n    setPendingErrors([])\n    onApplyRef.current?.({ root: { id: '', type: 'group', combinator: 'and', children: [] } })\n  }, [])\n\n  const replaceTree = React.useCallback((next: AdvancedFilterTree) => {\n    if (timerRef.current) { clearTimeout(timerRef.current); timerRef.current = null }\n    setTree(next)\n    setAppliedTree(next)\n    setPendingErrors([])\n    onApplyRef.current?.(next)\n  }, [])\n\n  const hasActiveRules = tree.root.children.length > 0\n\n  return { tree, appliedTree, setTree, dispatch, pendingErrors, flush, clear, replaceTree, hasActiveRules }\n}\n"],
+  "mappings": ";AACA,YAAY,WAAW;AAEvB,SAAS,sBAAsB,oBAAoB,oCAAoC;AAEvF,SAAS,mBAAoC;AAC7C,SAAS,4BAAkD;AAOpD,SAAS,kBAAkB,EAAE,QAAQ,SAAS,GAA6B;AAChF,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAA8B;AAAA,IAC5D,OAAO;AAAA,IACP,YAAY,CAAC;AAAA,EACf,CAAC;AAED,QAAM,cAAc,MAAM,YAAY,CAAC,SAA8B;AACnE,UAAM,aAAa,6BAA6B,IAAI;AACpD,aAAS,UAAU;AACnB,eAAW,UAAU;AAAA,EACvB,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,eAAe,MAAM,YAAY,MAAM;AAC3C,UAAM,eAAe,qBAAqB;AAC1C,QAAI,OAAO,SAAS,GAAG;AACrB,mBAAa,QAAQ,OAAO,CAAC,EAAE;AAC/B,mBAAa,WAAW,mBAAmB,OAAO,CAAC,EAAE,IAAI;AAAA,IAC3D;AACA,gBAAY;AAAA,MACV,GAAG;AAAA,MACH,YAAY,CAAC,GAAG,MAAM,YAAY,YAAY;AAAA,IAChD,CAAC;AAAA,EACH,GAAG,CAAC,QAAQ,OAAO,WAAW,CAAC;AAE/B,QAAM,kBAAkB,MAAM,YAAY,CAAC,gBAAwB;AACjE,gBAAY;AAAA,MACV,GAAG;AAAA,MACH,YAAY,MAAM,WAAW,OAAO,CAAC,MAAM,EAAE,OAAO,WAAW;AAAA,IACjE,CAAC;AAAA,EACH,GAAG,CAAC,OAAO,WAAW,CAAC;AAEvB,QAAM,kBAAkB,MAAM,YAAY,CAAC,aAAqB,YAAsC;AACpG,gBAAY;AAAA,MACV,GAAG;AAAA,MACH,YAAY,MAAM,WAAW;AAAA,QAAI,CAAC,MAChC,EAAE,OAAO,cAAc,EAAE,GAAG,GAAG,GAAG,QAAQ,IAAI;AAAA,MAChD;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,OAAO,WAAW,CAAC;AAEvB,QAAM,cAAc,MAAM,YAAY,MAAM;AAC1C,UAAM,YAAY,MAAM,UAAU,QAAQ,OAAO;AACjD,gBAAY;AAAA,MACV,OAAO;AAAA,MACP,YAAY,MAAM,WAAW,IAAI,CAAC,WAAW,UAC3C,UAAU,IAAI,YAAY,EAAE,GAAG,WAAW,MAAM,UAAU,CAC3D;AAAA,IACH,CAAC;AAAA,EACH,GAAG,CAAC,OAAO,WAAW,CAAC;AAEvB,QAAM,WAAW,MAAM,YAAY,MAAM;AACvC,gBAAY,EAAE,OAAO,OAAO,YAAY,CAAC,EAAE,CAAC;AAAA,EAC9C,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,sBAAsB,MAAM,WAAW,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,QAAQ;AAE9E,SAAO;AAAA,IACL;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAyDO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AACf,GAA2D;AACzD,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAA6B,OAAO;AAClE,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAA6B,OAAO;AAChF,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAA4B,CAAC,CAAC;AAC9E,QAAM,WAAW,MAAM,OAA6C,IAAI;AACxE,QAAM,cAAc,MAAM,OAAO,KAAK;AACtC,QAAM,aAAa,MAAM,OAAO,OAAO;AACvC,QAAM,YAAY,MAAM,OAAO,MAAM;AACrC,QAAM,UAAU,MAAM;AAAE,eAAW,UAAU;AAAA,EAAQ,GAAG,CAAC,OAAO,CAAC;AACjE,QAAM,UAAU,MAAM;AAAE,cAAU,UAAU;AAAA,EAAO,GAAG,CAAC,MAAM,CAAC;AAE9D,QAAM,WAAW,MAAM,YAAY,CAAC,cAA2C;AAC7E,UAAM,SAAS,qBAAqB,WAAW,UAAU,OAAO;AAChE,QAAI,OAAO,IAAI;AACb,uBAAiB,CAAC,CAAC;AACnB,qBAAe,SAAS;AACxB,iBAAW,UAAU,SAAS;AAC9B,aAAO;AAAA,IACT;AACA,qBAAiB,OAAO,MAAM;AAC9B,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,YAAY,SAAS;AACxB,kBAAY,UAAU;AACtB;AAAA,IACF;AACA,QAAI,SAAS,QAAS,cAAa,SAAS,OAAO;AACnD,UAAM,QAAQ,WAAW,MAAM;AAAE,eAAS,IAAI;AAAA,IAAE,GAAG,UAAU;AAC7D,aAAS,UAAU;AACnB,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,MAAM,YAAY,QAAQ,CAAC;AAE/B,QAAM,WAAW,MAAM,YAAY,CAAC,WAAuB;AACzD,YAAQ,CAAC,SAAS,YAAY,MAAM,MAAM,CAAC;AAAA,EAC7C,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,MAAM,YAAY,MAAM;AACpC,QAAI,SAAS,SAAS;AAAE,mBAAa,SAAS,OAAO;AAAG,eAAS,UAAU;AAAA,IAAK;AAChF,aAAS,IAAI;AAAA,EACf,GAAG,CAAC,MAAM,QAAQ,CAAC;AAEnB,QAAM,QAAQ,MAAM,YAAY,MAAM;AACpC,QAAI,SAAS,SAAS;AAAE,mBAAa,SAAS,OAAO;AAAG,eAAS,UAAU;AAAA,IAAK;AAChF,YAAQ,CAAC,SAAS;AAChB,YAAM,UAA8B,EAAE,MAAM,EAAE,GAAG,KAAK,MAAM,UAAU,CAAC,EAAE,EAAE;AAC3E,qBAAe,OAAO;AACtB,aAAO;AAAA,IACT,CAAC;AACD,qBAAiB,CAAC,CAAC;AACnB,eAAW,UAAU,EAAE,MAAM,EAAE,IAAI,IAAI,MAAM,SAAS,YAAY,OAAO,UAAU,CAAC,EAAE,EAAE,CAAC;AAAA,EAC3F,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,MAAM,YAAY,CAAC,SAA6B;AAClE,QAAI,SAAS,SAAS;AAAE,mBAAa,SAAS,OAAO;AAAG,eAAS,UAAU;AAAA,IAAK;AAChF,YAAQ,IAAI;AACZ,mBAAe,IAAI;AACnB,qBAAiB,CAAC,CAAC;AACnB,eAAW,UAAU,IAAI;AAAA,EAC3B,GAAG,CAAC,CAAC;AAEL,QAAM,iBAAiB,KAAK,KAAK,SAAS,SAAS;AAEnD,SAAO,EAAE,MAAM,aAAa,SAAS,UAAU,eAAe,OAAO,OAAO,aAAa,eAAe;AAC1G;",
   "names": []
 }

package/dist/backend/inputs/ComboboxInput.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { Button } from "../../primitives/button.js";
 function normalizeOptions(input) {
   if (!Array.isArray(input)) return [];
@@ -32,6 +33,9 @@ function ComboboxInput({
   disabled = false,
   allowCustomValues = true
 }) {
+  const t = useT();
+  const resolvedPlaceholder = placeholder ?? t("ui.inputs.comboboxInput.placeholder", "Type to search...");
+  const loadingLabel = t("ui.inputs.comboboxInput.loading", "Loading suggestions\u2026");
   const [input, setInput] = React.useState("");
   const [asyncOptions, setAsyncOptions] = React.useState([]);
   const [resolvedOptions, setResolvedOptions] = React.useState([]);
@@ -230,9 +234,9 @@ function ComboboxInput({
       {
         ref: inputRef,
         type: "text",
-        className: "w-full h-9 rounded border px-2 text-sm disabled:bg-muted disabled:text-muted-foreground disabled:cursor-not-allowed",
+        className: "w-full h-9 rounded-md border border-input bg-background px-3 text-sm shadow-xs transition-colors outline-none placeholder:text-muted-foreground focus-visible:shadow-focus focus-visible:border-foreground disabled:bg-bg-disabled disabled:border-border-disabled disabled:text-muted-foreground disabled:cursor-not-allowed",
         value: input,
-        placeholder: placeholder || "Type to search...",
+        placeholder: resolvedPlaceholder,
         autoFocus,
         "data-crud-focus-target": "",
         disabled,
@@ -259,26 +263,26 @@ function ComboboxInput({
         }
       }
     ),
-    showSuggestions && !disabled && (loading || filteredSuggestions.length > 0) && /* @__PURE__ */ jsx("div", { className: "absolute z-popover w-full mt-1 rounded border bg-popover shadow-lg max-h-48 sm:max-h-60 overflow-auto", children: loading && touched ? /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-xs text-muted-foreground", children: "Loading suggestions\u2026" }) : filteredSuggestions.map((option, index) => /* @__PURE__ */ jsxs(
+    showSuggestions && !disabled && (loading || filteredSuggestions.length > 0) && /* @__PURE__ */ jsx("div", { className: "absolute z-popover w-full mt-1 rounded-md border border-input bg-popover p-2 shadow-md max-h-48 sm:max-h-60 overflow-auto", children: loading && touched ? /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-xs text-muted-foreground", children: loadingLabel }) : /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children: filteredSuggestions.map((option, index) => /* @__PURE__ */ jsxs(
       Button,
       {
         type: "button",
         variant: "ghost",
         size: "sm",
         className: [
-          "w-full h-auto justify-start font-normal text-left flex flex-col items-start px-3 py-2",
-          index === selectedIndex ? "bg-accent" : ""
+          "w-full h-auto justify-start font-normal text-left flex flex-col items-start rounded-lg p-2",
+          index === selectedIndex ? "bg-muted" : ""
         ].filter(Boolean).join(" "),
         onMouseDown: (event) => event.preventDefault(),
         onClick: () => selectValue(option.value),
         onMouseEnter: () => setSelectedIndex(index),
         children: [
-          /* @__PURE__ */ jsx("span", { className: "font-medium", children: option.label }),
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: option.label }),
           option.description ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: option.description }) : null
         ]
       },
       option.value
-    )) })
+    )) }) })
   ] });
 }
 export {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/inputs/ComboboxInput.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '../../primitives/button'\n\nexport type ComboboxOption = {\n  value: string\n  label: string\n  description?: string | null\n}\n\nexport type ComboboxInputProps = {\n  value: string\n  onChange: (next: string) => void\n  placeholder?: string\n  suggestions?: Array<string | ComboboxOption>\n  // Options to hydrate the option map up front (typically the linked entity's\n  // display fields, already present in a record-detail payload). Merged with\n  // `suggestions` so a pre-selected value renders its label without interaction.\n  seedOptions?: ComboboxOption[]\n  loadSuggestions?: (query?: string) => Promise<Array<string | ComboboxOption>>\n  // Eagerly resolve a pre-selected `value` to a human label when it is not\n  // covered by `suggestions`/`seedOptions`/`loadSuggestions` results. Runs once\n  // per value, before any user interaction. May be sync or async.\n  resolveLabel?: (value: string) => string | Promise<string>\n  resolveDescription?: (value: string) => string | null | undefined\n  autoFocus?: boolean\n  disabled?: boolean\n  allowCustomValues?: boolean\n}\n\nfunction normalizeOptions(input?: Array<string | ComboboxOption>): ComboboxOption[] {\n  if (!Array.isArray(input)) return []\n  return input\n    .map((option) => {\n      if (typeof option === 'string') {\n        const trimmed = option.trim()\n        if (!trimmed) return null\n        return { value: trimmed, label: trimmed }\n      }\n      const value = typeof option.value === 'string' ? option.value.trim() : ''\n      if (!value) return null\n      return {\n        value,\n        label: option.label?.trim() || value,\n        description: option.description ?? null,\n      }\n    })\n    .filter((option): option is ComboboxOption => !!option)\n}\n\nexport function ComboboxInput({\n  value,\n  onChange,\n  placeholder,\n  suggestions,\n  seedOptions,\n  loadSuggestions,\n  resolveLabel,\n  resolveDescription,\n  autoFocus,\n  disabled = false,\n  allowCustomValues = true,\n}: ComboboxInputProps) {\n  const [input, setInput] = React.useState('')\n  const [asyncOptions, setAsyncOptions] = React.useState<ComboboxOption[]>([])\n  const [resolvedOptions, setResolvedOptions] = React.useState<ComboboxOption[]>([])\n  const [loading, setLoading] = React.useState(false)\n  const [touched, setTouched] = React.useState(false)\n  const [showSuggestions, setShowSuggestions] = React.useState(false)\n  const [selectedIndex, setSelectedIndex] = React.useState(-1)\n  const inputRef = React.useRef<HTMLInputElement>(null)\n  const suppressOpenOnFocusRef = React.useRef(Boolean(autoFocus && !disabled))\n\n  const staticOptions = React.useMemo(\n    () => normalizeOptions([...(seedOptions ?? []), ...(suggestions ?? [])]),\n    [seedOptions, suggestions]\n  )\n\n  // Options whose label is genuinely known (not a self-mapping `value === label`\n  // placeholder). Used to decide whether eager resolution still needs to run.\n  const knownLabelValues = React.useMemo(() => {\n    const set = new Set<string>()\n    for (const option of [...staticOptions, ...asyncOptions, ...resolvedOptions]) {\n      if (option.label && option.label !== option.value) set.add(option.value)\n    }\n    return set\n  }, [staticOptions, asyncOptions, resolvedOptions])\n\n  const optionMap = React.useMemo(() => {\n    const map = new Map<string, ComboboxOption>()\n    const register = (option: ComboboxOption) => {\n      const existing = map.get(option.value)\n      // Prefer an entry that carries a real label over a self-mapping placeholder.\n      if (!existing || (existing.label === existing.value && option.label !== option.value)) {\n        map.set(option.value, option)\n      }\n    }\n    staticOptions.forEach(register)\n    asyncOptions.forEach(register)\n    resolvedOptions.forEach(register)\n    if (value) {\n      const existing = map.get(value)\n      if (!existing) {\n        const sync = typeof resolveLabel === 'function' ? resolveLabel(value) : undefined\n        map.set(value, {\n          value,\n          label: typeof sync === 'string' && sync ? sync : value,\n          description: resolveDescription?.(value) ?? null,\n        })\n      }\n    }\n    return map\n  }, [asyncOptions, resolvedOptions, resolveDescription, resolveLabel, staticOptions, value])\n\n  const availableOptions = React.useMemo(() => {\n    return Array.from(optionMap.values())\n  }, [optionMap])\n\n  const filteredSuggestions = React.useMemo(() => {\n    const query = input.toLowerCase().trim()\n    if (!query) return availableOptions\n    return availableOptions.filter((option) => {\n      const labelMatch = option.label.toLowerCase().includes(query)\n      const descMatch = option.description?.toLowerCase().includes(query)\n      return labelMatch || Boolean(descMatch)\n    })\n  }, [availableOptions, input])\n\n  React.useEffect(() => {\n    if (!loadSuggestions || !touched || disabled) return\n    const query = input.trim()\n    let cancelled = false\n    const handle = window.setTimeout(async () => {\n      setLoading(true)\n      try {\n        const items = await loadSuggestions(query)\n        if (!cancelled) {\n          setAsyncOptions(normalizeOptions(items))\n        }\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }, 200)\n    return () => {\n      cancelled = true\n      window.clearTimeout(handle)\n    }\n  }, [disabled, input, loadSuggestions, touched])\n\n  // Eagerly resolve a pre-selected value to its label without requiring the user\n  // to focus the field. Runs once per value when it is not already covered.\n  const eagerResolveLabel = typeof resolveLabel === 'function' ? resolveLabel : undefined\n  React.useEffect(() => {\n    if (!value || disabled) return\n    if (knownLabelValues.has(value)) return\n    let cancelled = false\n    const apply = (label?: string | null, description?: string | null) => {\n      const clean = typeof label === 'string' ? label.trim() : ''\n      if (cancelled || !clean || clean === value) return\n      setResolvedOptions((prev) => {\n        if (prev.some((option) => option.value === value && option.label === clean)) return prev\n        return [...prev.filter((option) => option.value !== value), { value, label: clean, description: description ?? null }]\n      })\n    }\n    if (eagerResolveLabel) {\n      Promise.resolve()\n        .then(() => eagerResolveLabel(value))\n        .then((label) => apply(label, resolveDescription?.(value)))\n        .catch(() => {})\n      return () => { cancelled = true }\n    }\n    // Fallback: pull the first page of async suggestions so a remount that lost\n    // its option cache can still recover the label without user interaction.\n    if (loadSuggestions) {\n      setLoading(true)\n      Promise.resolve()\n        .then(() => loadSuggestions())\n        .then((items) => {\n          if (cancelled) return\n          const normalized = normalizeOptions(items)\n          setAsyncOptions(normalized)\n        })\n        .catch(() => {})\n        .finally(() => { if (!cancelled) setLoading(false) })\n    }\n    return () => { cancelled = true }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value, disabled, knownLabelValues, eagerResolveLabel, loadSuggestions])\n\n  // Sync input with value when value changes externally and input is not focused.\n  React.useEffect(() => {\n    if (document.activeElement !== inputRef.current) {\n      const option = optionMap.get(value)\n      setInput(option?.label ?? value ?? '')\n    }\n  }, [value, optionMap])\n\n  const selectValue = React.useCallback(\n    (nextValue: string) => {\n      if (disabled) return\n      const trimmed = nextValue.trim()\n      onChange(trimmed)\n      const option = optionMap.get(trimmed)\n      setInput(option?.label ?? trimmed)\n      setShowSuggestions(false)\n      setSelectedIndex(-1)\n    },\n    [disabled, onChange, optionMap]\n  )\n\n  const findOptionForInput = React.useCallback(\n    (raw: string): ComboboxOption | null => {\n      const query = raw.trim().toLowerCase()\n      if (!query) return null\n      for (const option of optionMap.values()) {\n        if (option.value === raw.trim()) return option\n        if (option.label.toLowerCase() === query) return option\n      }\n      return null\n    },\n    [optionMap]\n  )\n\n  const confirmSelection = React.useCallback(\n    (raw: string) => {\n      if (disabled) return\n      const option = findOptionForInput(raw)\n      if (option) {\n        selectValue(option.value)\n        return\n      }\n      if (!allowCustomValues) {\n        // Revert to the current value's label \u2014 but only if we actually know it.\n        // Baking the raw value back in while eager resolution is still pending\n        // would freeze a placeholder (e.g. a UUID) into the visible input.\n        setShowSuggestions(false)\n        const currentOption = optionMap.get(value)\n        if (currentOption && currentOption.label !== currentOption.value) {\n          setInput(currentOption.label)\n        } else if (!value) {\n          setInput('')\n        }\n        return\n      }\n      selectValue(raw)\n    },\n    [allowCustomValues, disabled, findOptionForInput, optionMap, selectValue, value]\n  )\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (disabled) return\n\n      if (event.key === 'ArrowDown') {\n        event.preventDefault()\n        if (!showSuggestions) {\n          setShowSuggestions(true)\n          setSelectedIndex(0)\n        } else {\n          setSelectedIndex((prev) => Math.min(prev + 1, filteredSuggestions.length - 1))\n        }\n      } else if (event.key === 'ArrowUp') {\n        event.preventDefault()\n        setSelectedIndex((prev) => Math.max(prev - 1, -1))\n      } else if (event.key === 'Enter') {\n        event.preventDefault()\n        if (selectedIndex >= 0 && filteredSuggestions[selectedIndex]) {\n          selectValue(filteredSuggestions[selectedIndex].value)\n        } else {\n          confirmSelection(input)\n        }\n      } else if (event.key === 'Escape') {\n        event.preventDefault()\n        setShowSuggestions(false)\n        setSelectedIndex(-1)\n      }\n    },\n    [confirmSelection, disabled, filteredSuggestions, input, selectValue, selectedIndex, showSuggestions]\n  )\n\n  return (\n    <div className=\"relative w-full\">\n      {/* Use raw <input> here instead of the DS Input primitive: ComboboxInput's\n          focus / suggestions-popup interplay relies on the trigger being a plain\n          input element. The DS wrapper introduces a <div> that desyncs autocomplete\n          on this specific surface. Keeps the rest of the form on Input primitive. */}\n      <input\n        ref={inputRef}\n        type=\"text\"\n        className=\"w-full h-9 rounded border px-2 text-sm disabled:bg-muted disabled:text-muted-foreground disabled:cursor-not-allowed\"\n        value={input}\n        placeholder={placeholder || 'Type to search...'}\n        autoFocus={autoFocus}\n        data-crud-focus-target=\"\"\n        disabled={disabled}\n        onFocus={() => {\n          setTouched(true)\n          if (suppressOpenOnFocusRef.current) {\n            suppressOpenOnFocusRef.current = false\n            return\n          }\n          setShowSuggestions(true)\n        }}\n        onChange={(event) => {\n          setTouched(true)\n          setInput(event.target.value)\n          setShowSuggestions(true)\n          setSelectedIndex(-1)\n        }}\n        onKeyDown={handleKeyDown}\n        onBlur={() => {\n          // Delay to allow click on suggestions\n          setTimeout(() => {\n            if (disabled) return\n            confirmSelection(input)\n          }, 200)\n        }}\n      />\n\n      {showSuggestions && !disabled && (loading || filteredSuggestions.length > 0) && (\n        <div className=\"absolute z-popover w-full mt-1 rounded border bg-popover shadow-lg max-h-48 sm:max-h-60 overflow-auto\">\n          {loading && touched ? (\n            <div className=\"px-3 py-2 text-xs text-muted-foreground\">Loading suggestions\u2026</div>\n          ) : (\n            filteredSuggestions.map((option, index) => (\n              <Button\n                key={option.value}\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className={[\n                  'w-full h-auto justify-start font-normal text-left flex flex-col items-start px-3 py-2',\n                  index === selectedIndex ? 'bg-accent' : '',\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n                onMouseDown={(event) => event.preventDefault()}\n                onClick={() => selectValue(option.value)}\n                onMouseEnter={() => setSelectedIndex(index)}\n              >\n                <span className=\"font-medium\">{option.label}</span>\n                {option.description ? (\n                  <span className=\"text-xs text-muted-foreground\">{option.description}</span>\n                ) : null}\n              </Button>\n            ))\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '../../primitives/button'\n\nexport type ComboboxOption = {\n  value: string\n  label: string\n  description?: string | null\n}\n\nexport type ComboboxInputProps = {\n  value: string\n  onChange: (next: string) => void\n  placeholder?: string\n  suggestions?: Array<string | ComboboxOption>\n  // Options to hydrate the option map up front (typically the linked entity's\n  // display fields, already present in a record-detail payload). Merged with\n  // `suggestions` so a pre-selected value renders its label without interaction.\n  seedOptions?: ComboboxOption[]\n  loadSuggestions?: (query?: string) => Promise<Array<string | ComboboxOption>>\n  // Eagerly resolve a pre-selected `value` to a human label when it is not\n  // covered by `suggestions`/`seedOptions`/`loadSuggestions` results. Runs once\n  // per value, before any user interaction. May be sync or async.\n  resolveLabel?: (value: string) => string | Promise<string>\n  resolveDescription?: (value: string) => string | null | undefined\n  autoFocus?: boolean\n  disabled?: boolean\n  allowCustomValues?: boolean\n}\n\nfunction normalizeOptions(input?: Array<string | ComboboxOption>): ComboboxOption[] {\n  if (!Array.isArray(input)) return []\n  return input\n    .map((option) => {\n      if (typeof option === 'string') {\n        const trimmed = option.trim()\n        if (!trimmed) return null\n        return { value: trimmed, label: trimmed }\n      }\n      const value = typeof option.value === 'string' ? option.value.trim() : ''\n      if (!value) return null\n      return {\n        value,\n        label: option.label?.trim() || value,\n        description: option.description ?? null,\n      }\n    })\n    .filter((option): option is ComboboxOption => !!option)\n}\n\nexport function ComboboxInput({\n  value,\n  onChange,\n  placeholder,\n  suggestions,\n  seedOptions,\n  loadSuggestions,\n  resolveLabel,\n  resolveDescription,\n  autoFocus,\n  disabled = false,\n  allowCustomValues = true,\n}: ComboboxInputProps) {\n  const t = useT()\n  const resolvedPlaceholder = placeholder ?? t('ui.inputs.comboboxInput.placeholder', 'Type to search...')\n  const loadingLabel = t('ui.inputs.comboboxInput.loading', 'Loading suggestions\u2026')\n  const [input, setInput] = React.useState('')\n  const [asyncOptions, setAsyncOptions] = React.useState<ComboboxOption[]>([])\n  const [resolvedOptions, setResolvedOptions] = React.useState<ComboboxOption[]>([])\n  const [loading, setLoading] = React.useState(false)\n  const [touched, setTouched] = React.useState(false)\n  const [showSuggestions, setShowSuggestions] = React.useState(false)\n  const [selectedIndex, setSelectedIndex] = React.useState(-1)\n  const inputRef = React.useRef<HTMLInputElement>(null)\n  const suppressOpenOnFocusRef = React.useRef(Boolean(autoFocus && !disabled))\n\n  const staticOptions = React.useMemo(\n    () => normalizeOptions([...(seedOptions ?? []), ...(suggestions ?? [])]),\n    [seedOptions, suggestions]\n  )\n\n  // Options whose label is genuinely known (not a self-mapping `value === label`\n  // placeholder). Used to decide whether eager resolution still needs to run.\n  const knownLabelValues = React.useMemo(() => {\n    const set = new Set<string>()\n    for (const option of [...staticOptions, ...asyncOptions, ...resolvedOptions]) {\n      if (option.label && option.label !== option.value) set.add(option.value)\n    }\n    return set\n  }, [staticOptions, asyncOptions, resolvedOptions])\n\n  const optionMap = React.useMemo(() => {\n    const map = new Map<string, ComboboxOption>()\n    const register = (option: ComboboxOption) => {\n      const existing = map.get(option.value)\n      // Prefer an entry that carries a real label over a self-mapping placeholder.\n      if (!existing || (existing.label === existing.value && option.label !== option.value)) {\n        map.set(option.value, option)\n      }\n    }\n    staticOptions.forEach(register)\n    asyncOptions.forEach(register)\n    resolvedOptions.forEach(register)\n    if (value) {\n      const existing = map.get(value)\n      if (!existing) {\n        const sync = typeof resolveLabel === 'function' ? resolveLabel(value) : undefined\n        map.set(value, {\n          value,\n          label: typeof sync === 'string' && sync ? sync : value,\n          description: resolveDescription?.(value) ?? null,\n        })\n      }\n    }\n    return map\n  }, [asyncOptions, resolvedOptions, resolveDescription, resolveLabel, staticOptions, value])\n\n  const availableOptions = React.useMemo(() => {\n    return Array.from(optionMap.values())\n  }, [optionMap])\n\n  const filteredSuggestions = React.useMemo(() => {\n    const query = input.toLowerCase().trim()\n    if (!query) return availableOptions\n    return availableOptions.filter((option) => {\n      const labelMatch = option.label.toLowerCase().includes(query)\n      const descMatch = option.description?.toLowerCase().includes(query)\n      return labelMatch || Boolean(descMatch)\n    })\n  }, [availableOptions, input])\n\n  React.useEffect(() => {\n    if (!loadSuggestions || !touched || disabled) return\n    const query = input.trim()\n    let cancelled = false\n    const handle = window.setTimeout(async () => {\n      setLoading(true)\n      try {\n        const items = await loadSuggestions(query)\n        if (!cancelled) {\n          setAsyncOptions(normalizeOptions(items))\n        }\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }, 200)\n    return () => {\n      cancelled = true\n      window.clearTimeout(handle)\n    }\n  }, [disabled, input, loadSuggestions, touched])\n\n  // Eagerly resolve a pre-selected value to its label without requiring the user\n  // to focus the field. Runs once per value when it is not already covered.\n  const eagerResolveLabel = typeof resolveLabel === 'function' ? resolveLabel : undefined\n  React.useEffect(() => {\n    if (!value || disabled) return\n    if (knownLabelValues.has(value)) return\n    let cancelled = false\n    const apply = (label?: string | null, description?: string | null) => {\n      const clean = typeof label === 'string' ? label.trim() : ''\n      if (cancelled || !clean || clean === value) return\n      setResolvedOptions((prev) => {\n        if (prev.some((option) => option.value === value && option.label === clean)) return prev\n        return [...prev.filter((option) => option.value !== value), { value, label: clean, description: description ?? null }]\n      })\n    }\n    if (eagerResolveLabel) {\n      Promise.resolve()\n        .then(() => eagerResolveLabel(value))\n        .then((label) => apply(label, resolveDescription?.(value)))\n        .catch(() => {})\n      return () => { cancelled = true }\n    }\n    // Fallback: pull the first page of async suggestions so a remount that lost\n    // its option cache can still recover the label without user interaction.\n    if (loadSuggestions) {\n      setLoading(true)\n      Promise.resolve()\n        .then(() => loadSuggestions())\n        .then((items) => {\n          if (cancelled) return\n          const normalized = normalizeOptions(items)\n          setAsyncOptions(normalized)\n        })\n        .catch(() => {})\n        .finally(() => { if (!cancelled) setLoading(false) })\n    }\n    return () => { cancelled = true }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value, disabled, knownLabelValues, eagerResolveLabel, loadSuggestions])\n\n  // Sync input with value when value changes externally and input is not focused.\n  React.useEffect(() => {\n    if (document.activeElement !== inputRef.current) {\n      const option = optionMap.get(value)\n      setInput(option?.label ?? value ?? '')\n    }\n  }, [value, optionMap])\n\n  const selectValue = React.useCallback(\n    (nextValue: string) => {\n      if (disabled) return\n      const trimmed = nextValue.trim()\n      onChange(trimmed)\n      const option = optionMap.get(trimmed)\n      setInput(option?.label ?? trimmed)\n      setShowSuggestions(false)\n      setSelectedIndex(-1)\n    },\n    [disabled, onChange, optionMap]\n  )\n\n  const findOptionForInput = React.useCallback(\n    (raw: string): ComboboxOption | null => {\n      const query = raw.trim().toLowerCase()\n      if (!query) return null\n      for (const option of optionMap.values()) {\n        if (option.value === raw.trim()) return option\n        if (option.label.toLowerCase() === query) return option\n      }\n      return null\n    },\n    [optionMap]\n  )\n\n  const confirmSelection = React.useCallback(\n    (raw: string) => {\n      if (disabled) return\n      const option = findOptionForInput(raw)\n      if (option) {\n        selectValue(option.value)\n        return\n      }\n      if (!allowCustomValues) {\n        // Revert to the current value's label \u2014 but only if we actually know it.\n        // Baking the raw value back in while eager resolution is still pending\n        // would freeze a placeholder (e.g. a UUID) into the visible input.\n        setShowSuggestions(false)\n        const currentOption = optionMap.get(value)\n        if (currentOption && currentOption.label !== currentOption.value) {\n          setInput(currentOption.label)\n        } else if (!value) {\n          setInput('')\n        }\n        return\n      }\n      selectValue(raw)\n    },\n    [allowCustomValues, disabled, findOptionForInput, optionMap, selectValue, value]\n  )\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (disabled) return\n\n      if (event.key === 'ArrowDown') {\n        event.preventDefault()\n        if (!showSuggestions) {\n          setShowSuggestions(true)\n          setSelectedIndex(0)\n        } else {\n          setSelectedIndex((prev) => Math.min(prev + 1, filteredSuggestions.length - 1))\n        }\n      } else if (event.key === 'ArrowUp') {\n        event.preventDefault()\n        setSelectedIndex((prev) => Math.max(prev - 1, -1))\n      } else if (event.key === 'Enter') {\n        event.preventDefault()\n        if (selectedIndex >= 0 && filteredSuggestions[selectedIndex]) {\n          selectValue(filteredSuggestions[selectedIndex].value)\n        } else {\n          confirmSelection(input)\n        }\n      } else if (event.key === 'Escape') {\n        event.preventDefault()\n        setShowSuggestions(false)\n        setSelectedIndex(-1)\n      }\n    },\n    [confirmSelection, disabled, filteredSuggestions, input, selectValue, selectedIndex, showSuggestions]\n  )\n\n  return (\n    <div className=\"relative w-full\">\n      {/* Use raw <input> here instead of the DS Input primitive: ComboboxInput's\n          focus / suggestions-popup interplay relies on the trigger being a plain\n          input element. The DS wrapper introduces a <div> that desyncs autocomplete\n          on this specific surface. Keeps the rest of the form on Input primitive. */}\n      <input\n        ref={inputRef}\n        type=\"text\"\n        className=\"w-full h-9 rounded-md border border-input bg-background px-3 text-sm shadow-xs transition-colors outline-none placeholder:text-muted-foreground focus-visible:shadow-focus focus-visible:border-foreground disabled:bg-bg-disabled disabled:border-border-disabled disabled:text-muted-foreground disabled:cursor-not-allowed\"\n        value={input}\n        placeholder={resolvedPlaceholder}\n        autoFocus={autoFocus}\n        data-crud-focus-target=\"\"\n        disabled={disabled}\n        onFocus={() => {\n          setTouched(true)\n          if (suppressOpenOnFocusRef.current) {\n            suppressOpenOnFocusRef.current = false\n            return\n          }\n          setShowSuggestions(true)\n        }}\n        onChange={(event) => {\n          setTouched(true)\n          setInput(event.target.value)\n          setShowSuggestions(true)\n          setSelectedIndex(-1)\n        }}\n        onKeyDown={handleKeyDown}\n        onBlur={() => {\n          // Delay to allow click on suggestions\n          setTimeout(() => {\n            if (disabled) return\n            confirmSelection(input)\n          }, 200)\n        }}\n      />\n\n      {showSuggestions && !disabled && (loading || filteredSuggestions.length > 0) && (\n        <div className=\"absolute z-popover w-full mt-1 rounded-md border border-input bg-popover p-2 shadow-md max-h-48 sm:max-h-60 overflow-auto\">\n          {loading && touched ? (\n            <div className=\"px-2 py-1.5 text-xs text-muted-foreground\">{loadingLabel}</div>\n          ) : (\n            <div className=\"flex flex-col gap-1\">\n              {filteredSuggestions.map((option, index) => (\n                <Button\n                  key={option.value}\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className={[\n                    'w-full h-auto justify-start font-normal text-left flex flex-col items-start rounded-lg p-2',\n                    index === selectedIndex ? 'bg-muted' : '',\n                  ]\n                    .filter(Boolean)\n                    .join(' ')}\n                  onMouseDown={(event) => event.preventDefault()}\n                  onClick={() => selectValue(option.value)}\n                  onMouseEnter={() => setSelectedIndex(index)}\n                >\n                  <span className=\"font-medium text-foreground\">{option.label}</span>\n                  {option.description ? (\n                    <span className=\"text-xs text-muted-foreground\">{option.description}</span>\n                  ) : null}\n                </Button>\n              ))}\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/backend/inputs/EventPatternInput.js

@@ -1,16 +1,19 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { ComboboxInput } from "./ComboboxInput.js";
 import { useAvailableEvents } from "./EventSelect.js";
 function EventPatternInput({
   value,
   onChange,
-  placeholder = "sales.orders.created",
+  placeholder,
   disabled,
   categories,
   modules
 }) {
+  const t = useT();
+  const resolvedPlaceholder = placeholder ?? t("ui.inputs.eventPatternInput.placeholder", "sales.orders.created");
   const { events } = useAvailableEvents({ categories, modules });
   const suggestions = React.useMemo(
     () => events.map((event) => ({
@@ -25,7 +28,7 @@ function EventPatternInput({
     {
       value,
       onChange,
-      placeholder,
+      placeholder: resolvedPlaceholder,
       suggestions,
       allowCustomValues: true,
       disabled

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/inputs/EventPatternInput.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { ComboboxInput, type ComboboxOption } from './ComboboxInput'\nimport { useAvailableEvents } from './EventSelect'\n\nexport interface EventPatternInputProps {\n  value: string\n  onChange: (pattern: string) => void\n  placeholder?: string\n  disabled?: boolean\n  categories?: Array<'crud' | 'lifecycle' | 'system' | 'custom'>\n  modules?: string[]\n}\n\nexport function EventPatternInput({\n  value,\n  onChange,\n  placeholder = 'sales.orders.created',\n  disabled,\n  categories,\n  modules,\n}: EventPatternInputProps) {\n  const { events } = useAvailableEvents({ categories, modules })\n\n  const suggestions = React.useMemo<ComboboxOption[]>(\n    () =>\n      events.map(event => ({\n        value: event.id,\n        label: event.label,\n        description: event.id,\n      })),\n    [events]\n  )\n\n  return (\n    <ComboboxInput\n      value={value}\n      onChange={onChange}\n      placeholder={placeholder}\n      suggestions={suggestions}\n      allowCustomValues={true}\n      disabled={disabled}\n    />\n  )\n}\n"],
-  "mappings": ";AAoCI;AAlCJ,YAAY,WAAW;AACvB,SAAS,qBAA0C;AACnD,SAAS,0BAA0B;AAW5B,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,EAAE,OAAO,IAAI,mBAAmB,EAAE,YAAY,QAAQ,CAAC;AAE7D,QAAM,cAAc,MAAM;AAAA,IACxB,MACE,OAAO,IAAI,YAAU;AAAA,MACnB,OAAO,MAAM;AAAA,MACb,OAAO,MAAM;AAAA,MACb,aAAa,MAAM;AAAA,IACrB,EAAE;AAAA,IACJ,CAAC,MAAM;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,mBAAmB;AAAA,MACnB;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { ComboboxInput, type ComboboxOption } from './ComboboxInput'\nimport { useAvailableEvents } from './EventSelect'\n\nexport interface EventPatternInputProps {\n  value: string\n  onChange: (pattern: string) => void\n  /**\n   * Placeholder hint shown when the field is empty. Defaults to a translated\n   * `ui.inputs.eventPatternInput.placeholder` key (English fallback\n   * `'sales.orders.created'`) \u2014 an example of a valid event id with wildcards.\n   * Pass a custom string to override per-surface.\n   */\n  placeholder?: string\n  disabled?: boolean\n  categories?: Array<'crud' | 'lifecycle' | 'system' | 'custom'>\n  modules?: string[]\n}\n\nexport function EventPatternInput({\n  value,\n  onChange,\n  placeholder,\n  disabled,\n  categories,\n  modules,\n}: EventPatternInputProps) {\n  const t = useT()\n  const resolvedPlaceholder = placeholder ?? t('ui.inputs.eventPatternInput.placeholder', 'sales.orders.created')\n  const { events } = useAvailableEvents({ categories, modules })\n\n  const suggestions = React.useMemo<ComboboxOption[]>(\n    () =>\n      events.map(event => ({\n        value: event.id,\n        label: event.label,\n        description: event.id,\n      })),\n    [events]\n  )\n\n  return (\n    <ComboboxInput\n      value={value}\n      onChange={onChange}\n      placeholder={resolvedPlaceholder}\n      suggestions={suggestions}\n      allowCustomValues={true}\n      disabled={disabled}\n    />\n  )\n}\n"],
+  "mappings": ";AA6CI;AA3CJ,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,qBAA0C;AACnD,SAAS,0BAA0B;AAiB5B,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,IAAI,KAAK;AACf,QAAM,sBAAsB,eAAe,EAAE,2CAA2C,sBAAsB;AAC9G,QAAM,EAAE,OAAO,IAAI,mBAAmB,EAAE,YAAY,QAAQ,CAAC;AAE7D,QAAM,cAAc,MAAM;AAAA,IACxB,MACE,OAAO,IAAI,YAAU;AAAA,MACnB,OAAO,MAAM;AAAA,MACb,OAAO,MAAM;AAAA,MACb,aAAa,MAAM;AAAA,IACrB,EAAE;AAAA,IACJ,CAAC,MAAM;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA,mBAAmB;AAAA,MACnB;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/dist/backend/inputs/EventSelect.js

@@ -2,6 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useQuery } from "@tanstack/react-query";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { apiCall } from "../utils/apiCall.js";
 import {
   Select,
@@ -15,13 +16,18 @@ import {
 function EventSelect({
   value,
   onChange,
-  placeholder = "Select an event...",
+  placeholder,
   className,
   disabled,
   categories,
   modules,
-  excludeTriggerExcluded = true
+  excludeTriggerExcluded = true,
+  size = "default"
 }) {
+  const t = useT();
+  const resolvedPlaceholder = placeholder ?? t("ui.inputs.eventSelect.placeholder", "Select an event...");
+  const loadingPlaceholder = t("ui.inputs.eventSelect.loading", "Loading...");
+  const emptyPlaceholder = t("ui.inputs.eventSelect.empty", "No events available");
   const { data: allEvents = [], isLoading } = useQuery({
     queryKey: ["declared-events", excludeTriggerExcluded],
     queryFn: async () => {
@@ -66,10 +72,10 @@ function EventSelect({
       onValueChange: (next) => onChange(next ?? ""),
       disabled: disabled || isLoading,
       children: [
-        /* @__PURE__ */ jsx(SelectTrigger, { size: "lg", className, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(SelectTrigger, { size, className, children: /* @__PURE__ */ jsx(
           SelectValue,
           {
-            placeholder: isLoading ? "Loading..." : isEmpty ? "No events available" : placeholder
+            placeholder: isLoading ? loadingPlaceholder : isEmpty ? emptyPlaceholder : resolvedPlaceholder
           }
         ) }),
         /* @__PURE__ */ jsx(SelectContent, { children: Object.entries(eventsByModule).map(([module, moduleEvents]) => /* @__PURE__ */ jsxs(SelectGroup, { children: [

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/inputs/EventSelect.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useMemo } from 'react'\nimport { useQuery } from '@tanstack/react-query'\nimport { apiCall } from '../utils/apiCall'\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectTrigger,\n  SelectValue,\n} from '../../primitives/select'\n\n/**\n * Event definition returned by the API\n */\nexport interface EventDefinition {\n  id: string\n  label: string\n  description?: string\n  category?: 'crud' | 'lifecycle' | 'system' | 'custom'\n  module?: string\n  entity?: string\n  excludeFromTriggers?: boolean\n}\n\nexport interface EventSelectProps {\n  /** Current selected event ID */\n  value: string\n  /** Called when event is selected */\n  onChange: (eventId: string) => void\n  /** Placeholder text when no event selected */\n  placeholder?: string\n  /** Additional CSS classes */\n  className?: string\n  /** Whether the select is disabled */\n  disabled?: boolean\n  /** Filter events by category */\n  categories?: Array<'crud' | 'lifecycle' | 'system' | 'custom'>\n  /** Filter events by module */\n  modules?: string[]\n  /** Whether to exclude events marked as excludeFromTriggers (default: true) */\n  excludeTriggerExcluded?: boolean\n}\n\n/**\n * EventSelect - A reusable select component for choosing declared events\n *\n * Fetches available events from the API and groups them by module.\n */\nexport function EventSelect({\n  value,\n  onChange,\n  placeholder = 'Select an event...',\n  className,\n  disabled,\n  categories,\n  modules,\n  excludeTriggerExcluded = true,\n}: EventSelectProps) {\n  // Fetch events from the API\n  const { data: allEvents = [], isLoading } = useQuery({\n    queryKey: ['declared-events', excludeTriggerExcluded],\n    queryFn: async () => {\n      const result = await apiCall<{ data: EventDefinition[]; total: number }>(\n        `/api/events?excludeTriggerExcluded=${excludeTriggerExcluded}`\n      )\n      if (!result.ok) return []\n      return result.result?.data || []\n    },\n    staleTime: 5 * 60 * 1000, // Cache for 5 minutes\n  })\n\n  // Filter events based on props\n  const filteredEvents = useMemo(() => {\n    let events = allEvents\n\n    if (categories?.length) {\n      events = events.filter(e => e.category && categories.includes(e.category))\n    }\n    if (modules?.length) {\n      events = events.filter(e => e.module && modules.includes(e.module))\n    }\n\n    return events\n  }, [allEvents, categories, modules])\n\n  // Group events by module for better UX\n  const eventsByModule = useMemo(() => {\n    const grouped: Record<string, EventDefinition[]> = {}\n    for (const event of filteredEvents) {\n      const module = event.module || 'other'\n      if (!grouped[module]) grouped[module] = []\n      grouped[module].push(event)\n    }\n    // Sort modules alphabetically\n    return Object.fromEntries(\n      Object.entries(grouped).sort(([a], [b]) => a.localeCompare(b))\n    )\n  }, [filteredEvents])\n\n  // Format module name for display\n  const formatModuleName = (module: string): string => {\n    return module.charAt(0).toUpperCase() + module.slice(1).replace(/_/g, ' ')\n  }\n\n  const isEmpty = !isLoading && filteredEvents.length === 0\n\n  return (\n    <Select\n      value={value || undefined}\n      onValueChange={(next) => onChange(next ?? '')}\n      disabled={disabled || isLoading}\n    >\n      <SelectTrigger size=\"lg\" className={className}>\n        <SelectValue\n          placeholder={isLoading ? 'Loading...' : isEmpty ? 'No events available' : placeholder}\n        />\n      </SelectTrigger>\n      <SelectContent>\n        {Object.entries(eventsByModule).map(([module, moduleEvents]) => (\n          <SelectGroup key={module}>\n            <SelectLabel>{formatModuleName(module)}</SelectLabel>\n            {moduleEvents.map(event => (\n              <SelectItem key={event.id} value={event.id}>\n                {event.label}\n              </SelectItem>\n            ))}\n          </SelectGroup>\n        ))}\n      </SelectContent>\n    </Select>\n  )\n}\n\n/**\n * Hook for getting available events\n */\nexport function useAvailableEvents(options?: {\n  categories?: Array<'crud' | 'lifecycle' | 'system' | 'custom'>\n  modules?: string[]\n  excludeTriggerExcluded?: boolean\n}) {\n  const excludeTriggerExcluded = options?.excludeTriggerExcluded !== false\n\n  const { data: allEvents = [], isLoading, error, refetch } = useQuery({\n    queryKey: ['declared-events', excludeTriggerExcluded],\n    queryFn: async () => {\n      const result = await apiCall<{ data: EventDefinition[]; total: number }>(\n        `/api/events?excludeTriggerExcluded=${excludeTriggerExcluded}`\n      )\n      if (!result.ok) return []\n      return result.result?.data || []\n    },\n    staleTime: 5 * 60 * 1000,\n  })\n\n  const filteredEvents = useMemo(() => {\n    let events = allEvents\n\n    if (options?.categories?.length) {\n      events = events.filter(e => e.category && options.categories!.includes(e.category))\n    }\n    if (options?.modules?.length) {\n      events = events.filter(e => e.module && options.modules!.includes(e.module))\n    }\n\n    return events\n  }, [allEvents, options])\n\n  // Group by module\n  const eventsByModule = useMemo(() => {\n    const grouped: Record<string, EventDefinition[]> = {}\n    for (const event of filteredEvents) {\n      const module = event.module || 'other'\n      if (!grouped[module]) grouped[module] = []\n      grouped[module].push(event)\n    }\n    return Object.fromEntries(\n      Object.entries(grouped).sort(([a], [b]) => a.localeCompare(b))\n    )\n  }, [filteredEvents])\n\n  return {\n    events: filteredEvents,\n    eventsByModule,\n    isLoading,\n    error,\n    refetch,\n  }\n}\n\nexport default EventSelect\n"],
-  "mappings": ";AAsHQ,cAME,YANF;AAnHR,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAuCA,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,yBAAyB;AAC3B,GAAqB;AAEnB,QAAM,EAAE,MAAM,YAAY,CAAC,GAAG,UAAU,IAAI,SAAS;AAAA,IACnD,UAAU,CAAC,mBAAmB,sBAAsB;AAAA,IACpD,SAAS,YAAY;AACnB,YAAM,SAAS,MAAM;AAAA,QACnB,sCAAsC,sBAAsB;AAAA,MAC9D;AACA,UAAI,CAAC,OAAO,GAAI,QAAO,CAAC;AACxB,aAAO,OAAO,QAAQ,QAAQ,CAAC;AAAA,IACjC;AAAA,IACA,WAAW,IAAI,KAAK;AAAA;AAAA,EACtB,CAAC;AAGD,QAAM,iBAAiB,QAAQ,MAAM;AACnC,QAAI,SAAS;AAEb,QAAI,YAAY,QAAQ;AACtB,eAAS,OAAO,OAAO,OAAK,EAAE,YAAY,WAAW,SAAS,EAAE,QAAQ,CAAC;AAAA,IAC3E;AACA,QAAI,SAAS,QAAQ;AACnB,eAAS,OAAO,OAAO,OAAK,EAAE,UAAU,QAAQ,SAAS,EAAE,MAAM,CAAC;AAAA,IACpE;AAEA,WAAO;AAAA,EACT,GAAG,CAAC,WAAW,YAAY,OAAO,CAAC;AAGnC,QAAM,iBAAiB,QAAQ,MAAM;AACnC,UAAM,UAA6C,CAAC;AACpD,eAAW,SAAS,gBAAgB;AAClC,YAAM,SAAS,MAAM,UAAU;AAC/B,UAAI,CAAC,QAAQ,MAAM,EAAG,SAAQ,MAAM,IAAI,CAAC;AACzC,cAAQ,MAAM,EAAE,KAAK,KAAK;AAAA,IAC5B;AAEA,WAAO,OAAO;AAAA,MACZ,OAAO,QAAQ,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;AAAA,IAC/D;AAAA,EACF,GAAG,CAAC,cAAc,CAAC;AAGnB,QAAM,mBAAmB,CAAC,WAA2B;AACnD,WAAO,OAAO,OAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC,EAAE,QAAQ,MAAM,GAAG;AAAA,EAC3E;AAEA,QAAM,UAAU,CAAC,aAAa,eAAe,WAAW;AAExD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,SAAS;AAAA,MAChB,eAAe,CAAC,SAAS,SAAS,QAAQ,EAAE;AAAA,MAC5C,UAAU,YAAY;AAAA,MAEtB;AAAA,4BAAC,iBAAc,MAAK,MAAK,WACvB;AAAA,UAAC;AAAA;AAAA,YACC,aAAa,YAAY,eAAe,UAAU,wBAAwB;AAAA;AAAA,QAC5E,GACF;AAAA,QACA,oBAAC,iBACE,iBAAO,QAAQ,cAAc,EAAE,IAAI,CAAC,CAAC,QAAQ,YAAY,MACxD,qBAAC,eACC;AAAA,8BAAC,eAAa,2BAAiB,MAAM,GAAE;AAAA,UACtC,aAAa,IAAI,WAChB,oBAAC,cAA0B,OAAO,MAAM,IACrC,gBAAM,SADQ,MAAM,EAEvB,CACD;AAAA,aANe,MAOlB,CACD,GACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAKO,SAAS,mBAAmB,SAIhC;AACD,QAAM,yBAAyB,SAAS,2BAA2B;AAEnE,QAAM,EAAE,MAAM,YAAY,CAAC,GAAG,WAAW,OAAO,QAAQ,IAAI,SAAS;AAAA,IACnE,UAAU,CAAC,mBAAmB,sBAAsB;AAAA,IACpD,SAAS,YAAY;AACnB,YAAM,SAAS,MAAM;AAAA,QACnB,sCAAsC,sBAAsB;AAAA,MAC9D;AACA,UAAI,CAAC,OAAO,GAAI,QAAO,CAAC;AACxB,aAAO,OAAO,QAAQ,QAAQ,CAAC;AAAA,IACjC;AAAA,IACA,WAAW,IAAI,KAAK;AAAA,EACtB,CAAC;AAED,QAAM,iBAAiB,QAAQ,MAAM;AACnC,QAAI,SAAS;AAEb,QAAI,SAAS,YAAY,QAAQ;AAC/B,eAAS,OAAO,OAAO,OAAK,EAAE,YAAY,QAAQ,WAAY,SAAS,EAAE,QAAQ,CAAC;AAAA,IACpF;AACA,QAAI,SAAS,SAAS,QAAQ;AAC5B,eAAS,OAAO,OAAO,OAAK,EAAE,UAAU,QAAQ,QAAS,SAAS,EAAE,MAAM,CAAC;AAAA,IAC7E;AAEA,WAAO;AAAA,EACT,GAAG,CAAC,WAAW,OAAO,CAAC;AAGvB,QAAM,iBAAiB,QAAQ,MAAM;AACnC,UAAM,UAA6C,CAAC;AACpD,eAAW,SAAS,gBAAgB;AAClC,YAAM,SAAS,MAAM,UAAU;AAC/B,UAAI,CAAC,QAAQ,MAAM,EAAG,SAAQ,MAAM,IAAI,CAAC;AACzC,cAAQ,MAAM,EAAE,KAAK,KAAK;AAAA,IAC5B;AACA,WAAO,OAAO;AAAA,MACZ,OAAO,QAAQ,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;AAAA,IAC/D;AAAA,EACF,GAAG,CAAC,cAAc,CAAC;AAEnB,SAAO;AAAA,IACL,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,IAAO,sBAAQ;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useMemo } from 'react'\nimport { useQuery } from '@tanstack/react-query'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall } from '../utils/apiCall'\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectTrigger,\n  SelectValue,\n} from '../../primitives/select'\n\n/**\n * Event definition returned by the API\n */\nexport interface EventDefinition {\n  id: string\n  label: string\n  description?: string\n  category?: 'crud' | 'lifecycle' | 'system' | 'custom'\n  module?: string\n  entity?: string\n  excludeFromTriggers?: boolean\n}\n\nexport interface EventSelectProps {\n  /** Current selected event ID */\n  value: string\n  /** Called when event is selected */\n  onChange: (eventId: string) => void\n  /** Placeholder text when no event selected. Defaults to a translated string. */\n  placeholder?: string\n  /** Additional CSS classes */\n  className?: string\n  /** Whether the select is disabled */\n  disabled?: boolean\n  /** Filter events by category */\n  categories?: Array<'crud' | 'lifecycle' | 'system' | 'custom'>\n  /** Filter events by module */\n  modules?: string[]\n  /** Whether to exclude events marked as excludeFromTriggers (default: true) */\n  excludeTriggerExcluded?: boolean\n  /** Trigger size \u2014 defaults to `'default'` (DS row-height contract). */\n  size?: 'sm' | 'default' | 'lg'\n}\n\n/**\n * EventSelect - A reusable select component for choosing declared events\n *\n * Fetches available events from the API and groups them by module.\n */\nexport function EventSelect({\n  value,\n  onChange,\n  placeholder,\n  className,\n  disabled,\n  categories,\n  modules,\n  excludeTriggerExcluded = true,\n  size = 'default',\n}: EventSelectProps) {\n  const t = useT()\n  const resolvedPlaceholder = placeholder ?? t('ui.inputs.eventSelect.placeholder', 'Select an event...')\n  const loadingPlaceholder = t('ui.inputs.eventSelect.loading', 'Loading...')\n  const emptyPlaceholder = t('ui.inputs.eventSelect.empty', 'No events available')\n\n  // Fetch events from the API\n  const { data: allEvents = [], isLoading } = useQuery({\n    queryKey: ['declared-events', excludeTriggerExcluded],\n    queryFn: async () => {\n      const result = await apiCall<{ data: EventDefinition[]; total: number }>(\n        `/api/events?excludeTriggerExcluded=${excludeTriggerExcluded}`\n      )\n      if (!result.ok) return []\n      return result.result?.data || []\n    },\n    staleTime: 5 * 60 * 1000, // Cache for 5 minutes\n  })\n\n  // Filter events based on props\n  const filteredEvents = useMemo(() => {\n    let events = allEvents\n\n    if (categories?.length) {\n      events = events.filter(e => e.category && categories.includes(e.category))\n    }\n    if (modules?.length) {\n      events = events.filter(e => e.module && modules.includes(e.module))\n    }\n\n    return events\n  }, [allEvents, categories, modules])\n\n  // Group events by module for better UX\n  const eventsByModule = useMemo(() => {\n    const grouped: Record<string, EventDefinition[]> = {}\n    for (const event of filteredEvents) {\n      const module = event.module || 'other'\n      if (!grouped[module]) grouped[module] = []\n      grouped[module].push(event)\n    }\n    // Sort modules alphabetically\n    return Object.fromEntries(\n      Object.entries(grouped).sort(([a], [b]) => a.localeCompare(b))\n    )\n  }, [filteredEvents])\n\n  // Format module name for display\n  const formatModuleName = (module: string): string => {\n    return module.charAt(0).toUpperCase() + module.slice(1).replace(/_/g, ' ')\n  }\n\n  const isEmpty = !isLoading && filteredEvents.length === 0\n\n  return (\n    <Select\n      value={value || undefined}\n      onValueChange={(next) => onChange(next ?? '')}\n      disabled={disabled || isLoading}\n    >\n      <SelectTrigger size={size} className={className}>\n        <SelectValue\n          placeholder={isLoading ? loadingPlaceholder : isEmpty ? emptyPlaceholder : resolvedPlaceholder}\n        />\n      </SelectTrigger>\n      <SelectContent>\n        {Object.entries(eventsByModule).map(([module, moduleEvents]) => (\n          <SelectGroup key={module}>\n            <SelectLabel>{formatModuleName(module)}</SelectLabel>\n            {moduleEvents.map(event => (\n              <SelectItem key={event.id} value={event.id}>\n                {event.label}\n              </SelectItem>\n            ))}\n          </SelectGroup>\n        ))}\n      </SelectContent>\n    </Select>\n  )\n}\n\n/**\n * Hook for getting available events\n */\nexport function useAvailableEvents(options?: {\n  categories?: Array<'crud' | 'lifecycle' | 'system' | 'custom'>\n  modules?: string[]\n  excludeTriggerExcluded?: boolean\n}) {\n  const excludeTriggerExcluded = options?.excludeTriggerExcluded !== false\n\n  const { data: allEvents = [], isLoading, error, refetch } = useQuery({\n    queryKey: ['declared-events', excludeTriggerExcluded],\n    queryFn: async () => {\n      const result = await apiCall<{ data: EventDefinition[]; total: number }>(\n        `/api/events?excludeTriggerExcluded=${excludeTriggerExcluded}`\n      )\n      if (!result.ok) return []\n      return result.result?.data || []\n    },\n    staleTime: 5 * 60 * 1000,\n  })\n\n  const filteredEvents = useMemo(() => {\n    let events = allEvents\n\n    if (options?.categories?.length) {\n      events = events.filter(e => e.category && options.categories!.includes(e.category))\n    }\n    if (options?.modules?.length) {\n      events = events.filter(e => e.module && options.modules!.includes(e.module))\n    }\n\n    return events\n  }, [allEvents, options])\n\n  // Group by module\n  const eventsByModule = useMemo(() => {\n    const grouped: Record<string, EventDefinition[]> = {}\n    for (const event of filteredEvents) {\n      const module = event.module || 'other'\n      if (!grouped[module]) grouped[module] = []\n      grouped[module].push(event)\n    }\n    return Object.fromEntries(\n      Object.entries(grouped).sort(([a], [b]) => a.localeCompare(b))\n    )\n  }, [filteredEvents])\n\n  return {\n    events: filteredEvents,\n    eventsByModule,\n    isLoading,\n    error,\n    refetch,\n  }\n}\n\nexport default EventSelect\n"],
+  "mappings": "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",
   "names": []
 }