@freighttech/ui 0.13.18

package/dist/backend/injection/useInjectionDataWidgets.js

@@ -0,0 +1,36 @@
+"use client";
+import * as React from "react";
+import { loadInjectionDataWidgetsForSpot } from "@open-mercato/shared/modules/widgets/injection-loader";
+function useInjectionDataWidgets(spotId) {
+  const [widgets, setWidgets] = React.useState([]);
+  const [isLoading, setIsLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  React.useEffect(() => {
+    let mounted = true;
+    const load = async () => {
+      try {
+        setIsLoading(true);
+        setError(null);
+        const loaded = await loadInjectionDataWidgetsForSpot(spotId);
+        if (!mounted) return;
+        setWidgets(loaded);
+      } catch (loadError) {
+        if (!mounted) return;
+        console.error(`[useInjectionDataWidgets] Failed to load widgets for spot ${spotId}:`, loadError);
+        setError(loadError instanceof Error ? loadError.message : String(loadError));
+        setWidgets([]);
+      } finally {
+        if (mounted) setIsLoading(false);
+      }
+    };
+    void load();
+    return () => {
+      mounted = false;
+    };
+  }, [spotId]);
+  return { widgets, isLoading, error };
+}
+export {
+  useInjectionDataWidgets
+};
+//# sourceMappingURL=useInjectionDataWidgets.js.map

package/dist/backend/injection/useInjectionDataWidgets.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/injection/useInjectionDataWidgets.ts"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport type { InjectionSpotId } from '@open-mercato/shared/modules/widgets/injection'\nimport { loadInjectionDataWidgetsForSpot, type LoadedInjectionDataWidget } from '@open-mercato/shared/modules/widgets/injection-loader'\n\nexport function useInjectionDataWidgets(spotId: InjectionSpotId): {\n  widgets: LoadedInjectionDataWidget[]\n  isLoading: boolean\n  error: string | null\n} {\n  const [widgets, setWidgets] = React.useState<LoadedInjectionDataWidget[]>([])\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  React.useEffect(() => {\n    let mounted = true\n    const load = async () => {\n      try {\n        setIsLoading(true)\n        setError(null)\n        const loaded = await loadInjectionDataWidgetsForSpot(spotId)\n        if (!mounted) return\n        setWidgets(loaded)\n      } catch (loadError) {\n        if (!mounted) return\n        console.error(`[useInjectionDataWidgets] Failed to load widgets for spot ${spotId}:`, loadError)\n        setError(loadError instanceof Error ? loadError.message : String(loadError))\n        setWidgets([])\n      } finally {\n        if (mounted) setIsLoading(false)\n      }\n    }\n    void load()\n    return () => {\n      mounted = false\n    }\n  }, [spotId])\n\n  return { widgets, isLoading, error }\n}\n"],
+  "mappings": ";AAEA,YAAY,WAAW;AAEvB,SAAS,uCAAuE;AAEzE,SAAS,wBAAwB,QAItC;AACA,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAsC,CAAC,CAAC;AAC5E,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,IAAI;AACrD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,IAAI;AAE5D,QAAM,UAAU,MAAM;AACpB,QAAI,UAAU;AACd,UAAM,OAAO,YAAY;AACvB,UAAI;AACF,qBAAa,IAAI;AACjB,iBAAS,IAAI;AACb,cAAM,SAAS,MAAM,gCAAgC,MAAM;AAC3D,YAAI,CAAC,QAAS;AACd,mBAAW,MAAM;AAAA,MACnB,SAAS,WAAW;AAClB,YAAI,CAAC,QAAS;AACd,gBAAQ,MAAM,6DAA6D,MAAM,KAAK,SAAS;AAC/F,iBAAS,qBAAqB,QAAQ,UAAU,UAAU,OAAO,SAAS,CAAC;AAC3E,mBAAW,CAAC,CAAC;AAAA,MACf,UAAE;AACA,YAAI,QAAS,cAAa,KAAK;AAAA,MACjC;AAAA,IACF;AACA,SAAK,KAAK;AACV,WAAO,MAAM;AACX,gBAAU;AAAA,IACZ;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,SAAO,EAAE,SAAS,WAAW,MAAM;AACrC;",
+  "names": []
+}

package/dist/backend/injection/useOperationProgress.js

@@ -0,0 +1,64 @@
+"use client";
+import { useState, useRef, useEffect } from "react";
+import { useAppEvent } from "./useAppEvent.js";
+const IDLE_STATE = {
+  status: "idle",
+  progress: 0,
+  processedCount: 0,
+  totalCount: 0,
+  errors: 0,
+  elapsedMs: 0
+};
+function useOperationProgress(operationPattern, operationId) {
+  const [state, setState] = useState(IDLE_STATE);
+  const timerRef = useRef(null);
+  const startedAtRef = useRef(void 0);
+  useEffect(() => {
+    return () => {
+      if (timerRef.current) {
+        clearInterval(timerRef.current);
+        timerRef.current = null;
+      }
+    };
+  }, []);
+  useAppEvent(
+    operationPattern,
+    (event) => {
+      const payload = event.payload;
+      if (!payload || typeof payload.status !== "string") return;
+      if (operationId && payload.operationId !== operationId) return;
+      startedAtRef.current = payload.startedAt;
+      const newState = {
+        status: payload.status,
+        progress: payload.progress,
+        processedCount: payload.processedCount,
+        totalCount: payload.totalCount,
+        currentStep: payload.currentStep,
+        errors: payload.errors,
+        startedAt: payload.startedAt,
+        elapsedMs: payload.startedAt ? Date.now() - payload.startedAt : 0
+      };
+      setState(newState);
+      if (payload.status === "running" && !timerRef.current) {
+        timerRef.current = setInterval(() => {
+          if (startedAtRef.current) {
+            setState((prev) => ({
+              ...prev,
+              elapsedMs: Date.now() - startedAtRef.current
+            }));
+          }
+        }, 1e3);
+      }
+      if (payload.status !== "running" && timerRef.current) {
+        clearInterval(timerRef.current);
+        timerRef.current = null;
+      }
+    },
+    [operationId]
+  );
+  return state;
+}
+export {
+  useOperationProgress
+};
+//# sourceMappingURL=useOperationProgress.js.map

package/dist/backend/injection/useOperationProgress.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/injection/useOperationProgress.ts"],
+  "sourcesContent": ["\"use client\"\nimport { useState, useRef, useEffect } from 'react'\nimport type { OperationProgressEvent } from '@open-mercato/shared/modules/widgets/injection-progress'\nimport type { AppEventPayload } from '@open-mercato/shared/modules/widgets/injection'\nimport { useAppEvent } from './useAppEvent'\n\ntype ProgressStatus = 'idle' | 'running' | 'completed' | 'failed' | 'cancelled'\n\ninterface OperationProgressState {\n  status: ProgressStatus\n  progress: number\n  processedCount: number\n  totalCount: number\n  currentStep?: string\n  errors: number\n  startedAt?: number\n  elapsedMs: number\n}\n\nconst IDLE_STATE: OperationProgressState = {\n  status: 'idle',\n  progress: 0,\n  processedCount: 0,\n  totalCount: 0,\n  errors: 0,\n  elapsedMs: 0,\n}\n\n/**\n * React hook that tracks long-running operation progress via the DOM Event Bridge.\n *\n * Listens for progress events matching the given pattern and aggregates state.\n * When `operationId` is provided, only events for that specific operation are tracked.\n *\n * @param operationPattern - Event pattern to listen for (e.g., 'integration.sync.progress')\n * @param operationId - Optional filter for a specific operation instance\n *\n * @example\n * const progress = useOperationProgress('integration.sync.progress', syncRunId)\n * if (progress.status === 'running') {\n *   return <ProgressBar value={progress.progress} />\n * }\n */\nexport function useOperationProgress(\n  operationPattern: string,\n  operationId?: string,\n): OperationProgressState {\n  const [state, setState] = useState<OperationProgressState>(IDLE_STATE)\n  const timerRef = useRef<ReturnType<typeof setInterval> | null>(null)\n  const startedAtRef = useRef<number | undefined>(undefined)\n\n  useEffect(() => {\n    return () => {\n      if (timerRef.current) {\n        clearInterval(timerRef.current)\n        timerRef.current = null\n      }\n    }\n  }, [])\n\n  useAppEvent(\n    operationPattern,\n    (event: AppEventPayload) => {\n      const payload = event.payload as unknown as OperationProgressEvent\n      if (!payload || typeof payload.status !== 'string') return\n      if (operationId && payload.operationId !== operationId) return\n\n      startedAtRef.current = payload.startedAt\n\n      const newState: OperationProgressState = {\n        status: payload.status,\n        progress: payload.progress,\n        processedCount: payload.processedCount,\n        totalCount: payload.totalCount,\n        currentStep: payload.currentStep,\n        errors: payload.errors,\n        startedAt: payload.startedAt,\n        elapsedMs: payload.startedAt ? Date.now() - payload.startedAt : 0,\n      }\n\n      setState(newState)\n\n      // Start elapsed time ticker when running\n      if (payload.status === 'running' && !timerRef.current) {\n        timerRef.current = setInterval(() => {\n          if (startedAtRef.current) {\n            setState((prev) => ({\n              ...prev,\n              elapsedMs: Date.now() - startedAtRef.current!,\n            }))\n          }\n        }, 1000)\n      }\n\n      // Clear ticker when operation ends\n      if (payload.status !== 'running' && timerRef.current) {\n        clearInterval(timerRef.current)\n        timerRef.current = null\n      }\n    },\n    [operationId],\n  )\n\n  return state\n}\n"],
+  "mappings": ";AACA,SAAS,UAAU,QAAQ,iBAAiB;AAG5C,SAAS,mBAAmB;AAe5B,MAAM,aAAqC;AAAA,EACzC,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AACb;AAiBO,SAAS,qBACd,kBACA,aACwB;AACxB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiC,UAAU;AACrE,QAAM,WAAW,OAA8C,IAAI;AACnE,QAAM,eAAe,OAA2B,MAAS;AAEzD,YAAU,MAAM;AACd,WAAO,MAAM;AACX,UAAI,SAAS,SAAS;AACpB,sBAAc,SAAS,OAAO;AAC9B,iBAAS,UAAU;AAAA,MACrB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL;AAAA,IACE;AAAA,IACA,CAAC,UAA2B;AAC1B,YAAM,UAAU,MAAM;AACtB,UAAI,CAAC,WAAW,OAAO,QAAQ,WAAW,SAAU;AACpD,UAAI,eAAe,QAAQ,gBAAgB,YAAa;AAExD,mBAAa,UAAU,QAAQ;AAE/B,YAAM,WAAmC;AAAA,QACvC,QAAQ,QAAQ;AAAA,QAChB,UAAU,QAAQ;AAAA,QAClB,gBAAgB,QAAQ;AAAA,QACxB,YAAY,QAAQ;AAAA,QACpB,aAAa,QAAQ;AAAA,QACrB,QAAQ,QAAQ;AAAA,QAChB,WAAW,QAAQ;AAAA,QACnB,WAAW,QAAQ,YAAY,KAAK,IAAI,IAAI,QAAQ,YAAY;AAAA,MAClE;AAEA,eAAS,QAAQ;AAGjB,UAAI,QAAQ,WAAW,aAAa,CAAC,SAAS,SAAS;AACrD,iBAAS,UAAU,YAAY,MAAM;AACnC,cAAI,aAAa,SAAS;AACxB,qBAAS,CAAC,UAAU;AAAA,cAClB,GAAG;AAAA,cACH,WAAW,KAAK,IAAI,IAAI,aAAa;AAAA,YACvC,EAAE;AAAA,UACJ;AAAA,QACF,GAAG,GAAI;AAAA,MACT;AAGA,UAAI,QAAQ,WAAW,aAAa,SAAS,SAAS;AACpD,sBAAc,SAAS,OAAO;AAC9B,iBAAS,UAAU;AAAA,MACrB;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,SAAO;AACT;",
+  "names": []
+}

package/dist/backend/injection/useRegisteredComponent.js

@@ -0,0 +1,89 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { getComponentEntry, getComponentOverrides } from "@open-mercato/shared/modules/widgets/component-registry";
+import { useOverrideUserFeatures } from "./ComponentOverrideProvider.js";
+class ReplacementErrorBoundary extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError() {
+    return { hasError: true };
+  }
+  componentDidCatch(error) {
+    this.props.onError(error);
+  }
+  render() {
+    if (this.state.hasError) return this.props.fallback;
+    return this.props.children;
+  }
+}
+function useRegisteredComponent(componentId, fallback) {
+  const userFeatures = useOverrideUserFeatures();
+  return React.useMemo(() => {
+    const entry = getComponentEntry(componentId);
+    const original = entry?.component ?? fallback ?? null;
+    if (!original) {
+      if (process.env.NODE_ENV !== "production" && !fallback) {
+        console.warn(`[UMES] Component "${componentId}" is not registered.`);
+      }
+      const Missing = () => null;
+      return Missing;
+    }
+    const overrides = getComponentOverrides(componentId, userFeatures);
+    const replacementOverrides = overrides.filter((override) => "replacement" in override);
+    if (process.env.NODE_ENV !== "production" && replacementOverrides.length > 1) {
+      console.warn(
+        `[UMES] Multiple replacements registered for "${componentId}". Highest-priority replacement is applied.`
+      );
+    }
+    let replacement = null;
+    let replacementOverride = null;
+    const wrappers = [];
+    const transforms = [];
+    for (const override of overrides) {
+      if ("replacement" in override) {
+        replacement = override.replacement;
+        replacementOverride = override;
+      }
+      if ("wrapper" in override) wrappers.push(override.wrapper);
+      if ("propsTransform" in override) transforms.push(override.propsTransform);
+    }
+    const base = replacement ?? original;
+    const wrapped = wrappers.reduce((acc, wrapper) => wrapper(acc), base);
+    const Resolved = (props) => {
+      const transformed = transforms.reduce((current, transform) => transform(current), props);
+      const Fallback = React.createElement(original, transformed);
+      if (process.env.NODE_ENV !== "production" && replacementOverride && "replacement" in replacementOverride) {
+        const validation = replacementOverride.propsSchema.safeParse(transformed);
+        if (!validation.success) {
+          console.error(
+            `[UMES] Props schema validation failed for replacement "${componentId}" from module "${replacementOverride.metadata?.module ?? "unknown"}"`,
+            validation.error.format()
+          );
+          return Fallback;
+        }
+      }
+      return /* @__PURE__ */ jsx(
+        ReplacementErrorBoundary,
+        {
+          fallback: Fallback,
+          onError: (error) => {
+            const replacementModule = overrides.find((override) => "replacement" in override)?.metadata?.module ?? "unknown";
+            console.error(`[UMES] Component replacement failed for "${componentId}" from module "${replacementModule}"`, error);
+          },
+          children: React.createElement(wrapped, transformed)
+        }
+      );
+    };
+    Resolved.displayName = `RegisteredComponent(${componentId})`;
+    return Resolved;
+  }, [componentId, fallback, userFeatures]);
+}
+var useRegisteredComponent_default = useRegisteredComponent;
+export {
+  useRegisteredComponent_default as default,
+  useRegisteredComponent
+};
+//# sourceMappingURL=useRegisteredComponent.js.map

package/dist/backend/injection/useRegisteredComponent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/injection/useRegisteredComponent.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport type { ComponentType } from 'react'\nimport { getComponentEntry, getComponentOverrides } from '@open-mercato/shared/modules/widgets/component-registry'\nimport { useOverrideUserFeatures } from './ComponentOverrideProvider'\n\nclass ReplacementErrorBoundary extends React.Component<\n  { fallback: React.ReactNode; onError: (error: unknown) => void; children: React.ReactNode },\n  { hasError: boolean }\n> {\n  constructor(props: { fallback: React.ReactNode; onError: (error: unknown) => void; children: React.ReactNode }) {\n    super(props)\n    this.state = { hasError: false }\n  }\n\n  static getDerivedStateFromError(): { hasError: boolean } {\n    return { hasError: true }\n  }\n\n  componentDidCatch(error: unknown): void {\n    this.props.onError(error)\n  }\n\n  render() {\n    if (this.state.hasError) return this.props.fallback\n    return this.props.children\n  }\n}\n\nexport function useRegisteredComponent<TProps>(\n  componentId: string,\n  fallback?: ComponentType<TProps>,\n): ComponentType<TProps> {\n  const userFeatures = useOverrideUserFeatures()\n  return React.useMemo(() => {\n    const entry = getComponentEntry(componentId)\n    const original = (entry?.component as ComponentType<TProps> | undefined) ?? fallback ?? null\n    if (!original) {\n      if (process.env.NODE_ENV !== 'production' && !fallback) {\n        console.warn(`[UMES] Component \"${componentId}\" is not registered.`)\n      }\n      const Missing = () => null\n      return Missing as ComponentType<TProps>\n    }\n    const overrides = getComponentOverrides(componentId, userFeatures)\n    const replacementOverrides = overrides.filter((override) => 'replacement' in override)\n    if (process.env.NODE_ENV !== 'production' && replacementOverrides.length > 1) {\n      console.warn(\n        `[UMES] Multiple replacements registered for \"${componentId}\". Highest-priority replacement is applied.`,\n      )\n    }\n\n    let replacement: ComponentType<TProps> | null = null\n    let replacementOverride: (typeof overrides)[number] | null = null\n    const wrappers: Array<(Original: ComponentType<TProps>) => ComponentType<TProps>> = []\n    const transforms: Array<(props: TProps) => TProps> = []\n\n    for (const override of overrides) {\n      if ('replacement' in override) {\n        replacement = override.replacement as ComponentType<TProps>\n        replacementOverride = override\n      }\n      if ('wrapper' in override) wrappers.push(override.wrapper as (Original: ComponentType<TProps>) => ComponentType<TProps>)\n      if ('propsTransform' in override) transforms.push(override.propsTransform as (props: TProps) => TProps)\n    }\n\n    const base = replacement ?? original\n    const wrapped = wrappers.reduce<ComponentType<TProps>>((acc, wrapper) => wrapper(acc), base)\n\n    const Resolved = (props: TProps) => {\n      const transformed = transforms.reduce((current, transform) => transform(current), props)\n      const Fallback = React.createElement(original as React.ComponentType<Record<string, unknown>>, transformed as Record<string, unknown>)\n      if (\n        process.env.NODE_ENV !== 'production'\n        && replacementOverride\n        && 'replacement' in replacementOverride\n      ) {\n        const validation = replacementOverride.propsSchema.safeParse(transformed)\n        if (!validation.success) {\n          console.error(\n            `[UMES] Props schema validation failed for replacement \"${componentId}\" from module \"${replacementOverride.metadata?.module ?? 'unknown'}\"`,\n            validation.error.format(),\n          )\n          return Fallback\n        }\n      }\n      return (\n        <ReplacementErrorBoundary\n          fallback={Fallback}\n          onError={(error) => {\n            const replacementModule = overrides.find((override) => 'replacement' in override)?.metadata?.module ?? 'unknown'\n            console.error(`[UMES] Component replacement failed for \"${componentId}\" from module \"${replacementModule}\"`, error)\n          }}\n        >\n          {React.createElement(wrapped as React.ComponentType<Record<string, unknown>>, transformed as Record<string, unknown>)}\n        </ReplacementErrorBoundary>\n      )\n    }\n\n    Resolved.displayName = `RegisteredComponent(${componentId})`\n    return Resolved\n  }, [componentId, fallback, userFeatures])\n}\n\nexport default useRegisteredComponent\n"],
+  "mappings": ";AAwFQ;AAtFR,YAAY,WAAW;AAEvB,SAAS,mBAAmB,6BAA6B;AACzD,SAAS,+BAA+B;AAExC,MAAM,iCAAiC,MAAM,UAG3C;AAAA,EACA,YAAY,OAAoG;AAC9G,UAAM,KAAK;AACX,SAAK,QAAQ,EAAE,UAAU,MAAM;AAAA,EACjC;AAAA,EAEA,OAAO,2BAAkD;AACvD,WAAO,EAAE,UAAU,KAAK;AAAA,EAC1B;AAAA,EAEA,kBAAkB,OAAsB;AACtC,SAAK,MAAM,QAAQ,KAAK;AAAA,EAC1B;AAAA,EAEA,SAAS;AACP,QAAI,KAAK,MAAM,SAAU,QAAO,KAAK,MAAM;AAC3C,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;AAEO,SAAS,uBACd,aACA,UACuB;AACvB,QAAM,eAAe,wBAAwB;AAC7C,SAAO,MAAM,QAAQ,MAAM;AACzB,UAAM,QAAQ,kBAAkB,WAAW;AAC3C,UAAM,WAAY,OAAO,aAAmD,YAAY;AACxF,QAAI,CAAC,UAAU;AACb,UAAI,QAAQ,IAAI,aAAa,gBAAgB,CAAC,UAAU;AACtD,gBAAQ,KAAK,qBAAqB,WAAW,sBAAsB;AAAA,MACrE;AACA,YAAM,UAAU,MAAM;AACtB,aAAO;AAAA,IACT;AACA,UAAM,YAAY,sBAAsB,aAAa,YAAY;AACjE,UAAM,uBAAuB,UAAU,OAAO,CAAC,aAAa,iBAAiB,QAAQ;AACrF,QAAI,QAAQ,IAAI,aAAa,gBAAgB,qBAAqB,SAAS,GAAG;AAC5E,cAAQ;AAAA,QACN,gDAAgD,WAAW;AAAA,MAC7D;AAAA,IACF;AAEA,QAAI,cAA4C;AAChD,QAAI,sBAAyD;AAC7D,UAAM,WAA8E,CAAC;AACrF,UAAM,aAA+C,CAAC;AAEtD,eAAW,YAAY,WAAW;AAChC,UAAI,iBAAiB,UAAU;AAC7B,sBAAc,SAAS;AACvB,8BAAsB;AAAA,MACxB;AACA,UAAI,aAAa,SAAU,UAAS,KAAK,SAAS,OAAqE;AACvH,UAAI,oBAAoB,SAAU,YAAW,KAAK,SAAS,cAA2C;AAAA,IACxG;AAEA,UAAM,OAAO,eAAe;AAC5B,UAAM,UAAU,SAAS,OAA8B,CAAC,KAAK,YAAY,QAAQ,GAAG,GAAG,IAAI;AAE3F,UAAM,WAAW,CAAC,UAAkB;AAClC,YAAM,cAAc,WAAW,OAAO,CAAC,SAAS,cAAc,UAAU,OAAO,GAAG,KAAK;AACvF,YAAM,WAAW,MAAM,cAAc,UAA0D,WAAsC;AACrI,UACE,QAAQ,IAAI,aAAa,gBACtB,uBACA,iBAAiB,qBACpB;AACA,cAAM,aAAa,oBAAoB,YAAY,UAAU,WAAW;AACxE,YAAI,CAAC,WAAW,SAAS;AACvB,kBAAQ;AAAA,YACN,0DAA0D,WAAW,kBAAkB,oBAAoB,UAAU,UAAU,SAAS;AAAA,YACxI,WAAW,MAAM,OAAO;AAAA,UAC1B;AACA,iBAAO;AAAA,QACT;AAAA,MACF;AACA,aACE;AAAA,QAAC;AAAA;AAAA,UACC,UAAU;AAAA,UACV,SAAS,CAAC,UAAU;AAClB,kBAAM,oBAAoB,UAAU,KAAK,CAAC,aAAa,iBAAiB,QAAQ,GAAG,UAAU,UAAU;AACvG,oBAAQ,MAAM,4CAA4C,WAAW,kBAAkB,iBAAiB,KAAK,KAAK;AAAA,UACpH;AAAA,UAEC,gBAAM,cAAc,SAAyD,WAAsC;AAAA;AAAA,MACtH;AAAA,IAEJ;AAEA,aAAS,cAAc,uBAAuB,WAAW;AACzD,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,UAAU,YAAY,CAAC;AAC1C;AAEA,IAAO,iCAAQ;",
+  "names": []
+}

package/dist/backend/injection/useWidgetSharedState.js

@@ -0,0 +1,26 @@
+"use client";
+import * as React from "react";
+import { getWidgetSharedState } from "./WidgetSharedState.js";
+function useWidgetSharedState(key, namespace = "global") {
+  const store = React.useMemo(() => getWidgetSharedState(namespace), [namespace]);
+  const subscribe = React.useCallback(
+    (onStoreChange) => {
+      const unsubscribe = store.subscribe(key, () => onStoreChange());
+      return unsubscribe;
+    },
+    [key, store]
+  );
+  const getSnapshot = React.useCallback(() => store.get(key), [key, store]);
+  const value = React.useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+  const setValue = React.useCallback(
+    (nextValue) => {
+      store.set(key, nextValue);
+    },
+    [key, store]
+  );
+  return [value, setValue];
+}
+export {
+  useWidgetSharedState
+};
+//# sourceMappingURL=useWidgetSharedState.js.map

package/dist/backend/injection/useWidgetSharedState.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/injection/useWidgetSharedState.ts"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { getWidgetSharedState } from './WidgetSharedState'\n\nexport function useWidgetSharedState<T>(key: string, namespace = 'global'): [T | undefined, (value: T) => void] {\n  const store = React.useMemo(() => getWidgetSharedState(namespace), [namespace])\n\n  const subscribe = React.useCallback(\n    (onStoreChange: () => void) => {\n      const unsubscribe = store.subscribe(key, () => onStoreChange())\n      return unsubscribe\n    },\n    [key, store],\n  )\n\n  const getSnapshot = React.useCallback(() => store.get<T>(key), [key, store])\n  const value = React.useSyncExternalStore(subscribe, getSnapshot, getSnapshot)\n\n  const setValue = React.useCallback(\n    (nextValue: T) => {\n      store.set<T>(key, nextValue)\n    },\n    [key, store],\n  )\n\n  return [value, setValue]\n}\n"],
+  "mappings": ";AAEA,YAAY,WAAW;AACvB,SAAS,4BAA4B;AAE9B,SAAS,qBAAwB,KAAa,YAAY,UAA+C;AAC9G,QAAM,QAAQ,MAAM,QAAQ,MAAM,qBAAqB,SAAS,GAAG,CAAC,SAAS,CAAC;AAE9E,QAAM,YAAY,MAAM;AAAA,IACtB,CAAC,kBAA8B;AAC7B,YAAM,cAAc,MAAM,UAAU,KAAK,MAAM,cAAc,CAAC;AAC9D,aAAO;AAAA,IACT;AAAA,IACA,CAAC,KAAK,KAAK;AAAA,EACb;AAEA,QAAM,cAAc,MAAM,YAAY,MAAM,MAAM,IAAO,GAAG,GAAG,CAAC,KAAK,KAAK,CAAC;AAC3E,QAAM,QAAQ,MAAM,qBAAqB,WAAW,aAAa,WAAW;AAE5E,QAAM,WAAW,MAAM;AAAA,IACrB,CAAC,cAAiB;AAChB,YAAM,IAAO,KAAK,SAAS;AAAA,IAC7B;AAAA,IACA,CAAC,KAAK,KAAK;AAAA,EACb;AAEA,SAAO,CAAC,OAAO,QAAQ;AACzB;",
+  "names": []
+}

package/dist/backend/injection/visibility-utils.js

@@ -0,0 +1,29 @@
+function evaluateVisibilityRule(rule, formData) {
+  const current = formData[rule.field];
+  switch (rule.operator) {
+    case "eq":
+      return current === rule.value;
+    case "neq":
+      return current !== rule.value;
+    case "in":
+      return Array.isArray(rule.value) ? rule.value.includes(current) : false;
+    case "notIn":
+      return Array.isArray(rule.value) ? !rule.value.includes(current) : true;
+    case "truthy":
+      return Boolean(current);
+    case "falsy":
+      return !current;
+    default:
+      return true;
+  }
+}
+function evaluateInjectedVisibility(condition, values, context) {
+  if (!condition) return true;
+  if (typeof condition === "function") return condition(values, context);
+  return evaluateVisibilityRule(condition, values);
+}
+export {
+  evaluateInjectedVisibility,
+  evaluateVisibilityRule
+};
+//# sourceMappingURL=visibility-utils.js.map

package/dist/backend/injection/visibility-utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/injection/visibility-utils.ts"],
+  "sourcesContent": ["import type { FieldContext, FieldVisibilityCondition, FieldVisibilityRule } from '@open-mercato/shared/modules/widgets/injection'\n\nexport function evaluateVisibilityRule(rule: FieldVisibilityRule, formData: Record<string, unknown>): boolean {\n  const current = formData[rule.field]\n  switch (rule.operator) {\n    case 'eq':\n      return current === rule.value\n    case 'neq':\n      return current !== rule.value\n    case 'in':\n      return Array.isArray(rule.value) ? rule.value.includes(current) : false\n    case 'notIn':\n      return Array.isArray(rule.value) ? !rule.value.includes(current) : true\n    case 'truthy':\n      return Boolean(current)\n    case 'falsy':\n      return !current\n    default:\n      return true\n  }\n}\n\nexport function evaluateInjectedVisibility(\n  condition: FieldVisibilityCondition | undefined,\n  values: Record<string, unknown>,\n  context: FieldContext,\n): boolean {\n  if (!condition) return true\n  if (typeof condition === 'function') return condition(values, context)\n  return evaluateVisibilityRule(condition, values)\n}\n"],
+  "mappings": "AAEO,SAAS,uBAAuB,MAA2B,UAA4C;AAC5G,QAAM,UAAU,SAAS,KAAK,KAAK;AACnC,UAAQ,KAAK,UAAU;AAAA,IACrB,KAAK;AACH,aAAO,YAAY,KAAK;AAAA,IAC1B,KAAK;AACH,aAAO,YAAY,KAAK;AAAA,IAC1B,KAAK;AACH,aAAO,MAAM,QAAQ,KAAK,KAAK,IAAI,KAAK,MAAM,SAAS,OAAO,IAAI;AAAA,IACpE,KAAK;AACH,aAAO,MAAM,QAAQ,KAAK,KAAK,IAAI,CAAC,KAAK,MAAM,SAAS,OAAO,IAAI;AAAA,IACrE,KAAK;AACH,aAAO,QAAQ,OAAO;AAAA,IACxB,KAAK;AACH,aAAO,CAAC;AAAA,IACV;AACE,aAAO;AAAA,EACX;AACF;AAEO,SAAS,2BACd,WACA,QACA,SACS;AACT,MAAI,CAAC,UAAW,QAAO;AACvB,MAAI,OAAO,cAAc,WAAY,QAAO,UAAU,QAAQ,OAAO;AACrE,SAAO,uBAAuB,WAAW,MAAM;AACjD;",
+  "names": []
+}

package/dist/backend/injection/widgetRegistry.js

@@ -0,0 +1,55 @@
+let _injectionWidgetEntries = null;
+function registerInjectionWidgets(entries) {
+  if (_injectionWidgetEntries !== null && process.env.NODE_ENV === "development") {
+    console.debug("[Bootstrap] Injection widgets re-registered (this may occur during HMR)");
+  }
+  _injectionWidgetEntries = entries;
+}
+function getInjectionWidgets() {
+  if (!_injectionWidgetEntries) {
+    if (typeof window !== "undefined") {
+      return [];
+    }
+    throw new Error("[Bootstrap] Injection widgets not registered. Call registerInjectionWidgets() at bootstrap.");
+  }
+  return _injectionWidgetEntries;
+}
+let entriesPromise = null;
+async function getEntries() {
+  if (!entriesPromise) {
+    const promise = Promise.resolve().then(() => getInjectionWidgets());
+    entriesPromise = promise.catch((err) => {
+      if (entriesPromise === promise) {
+        entriesPromise = null;
+      }
+      throw err;
+    });
+  }
+  return entriesPromise;
+}
+const cache = /* @__PURE__ */ new Map();
+async function findEntry(loaderKey) {
+  const entries = await getEntries();
+  return entries.find((entry) => entry.key === loaderKey);
+}
+async function loadInjectionWidgetModule(loaderKey) {
+  const entry = await findEntry(loaderKey);
+  if (!entry) return null;
+  if (!cache.has(loaderKey)) {
+    cache.set(
+      loaderKey,
+      entry.loader().then((mod) => {
+        const candidate = mod;
+        const maybeDefault = mod.default;
+        return maybeDefault ?? candidate;
+      })
+    );
+  }
+  return cache.get(loaderKey) ?? null;
+}
+export {
+  getInjectionWidgets,
+  loadInjectionWidgetModule,
+  registerInjectionWidgets
+};
+//# sourceMappingURL=widgetRegistry.js.map

package/dist/backend/injection/widgetRegistry.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/injection/widgetRegistry.ts"],
+  "sourcesContent": ["import type { ModuleInjectionWidgetEntry } from '@open-mercato/shared/modules/registry'\nimport type { InjectionWidgetModule } from '@open-mercato/shared/modules/widgets/injection'\n\ntype Entry = ModuleInjectionWidgetEntry\n\n// Registration pattern for publishable packages\nlet _injectionWidgetEntries: Entry[] | null = null\n\nexport function registerInjectionWidgets(entries: Entry[]) {\n  if (_injectionWidgetEntries !== null && process.env.NODE_ENV === 'development') {\n    console.debug('[Bootstrap] Injection widgets re-registered (this may occur during HMR)')\n  }\n  _injectionWidgetEntries = entries\n}\n\nexport function getInjectionWidgets(): Entry[] {\n  if (!_injectionWidgetEntries) {\n    // On client-side, bootstrap doesn't run - return empty array gracefully\n    if (typeof window !== 'undefined') {\n      return []\n    }\n    throw new Error('[Bootstrap] Injection widgets not registered. Call registerInjectionWidgets() at bootstrap.')\n  }\n  return _injectionWidgetEntries\n}\n\nlet entriesPromise: Promise<Entry[]> | null = null\n\nasync function getEntries(): Promise<Entry[]> {\n  if (!entriesPromise) {\n    const promise = Promise.resolve().then(() => getInjectionWidgets())\n    entriesPromise = promise.catch((err) => {\n      // Clear cache on error so next call can retry after registration\n      if (entriesPromise === promise) {\n        entriesPromise = null\n      }\n      throw err\n    })\n  }\n  return entriesPromise\n}\n\ntype LoadedWidgetModule = InjectionWidgetModule<any, any>\n\nconst cache = new Map<string, Promise<LoadedWidgetModule>>()\n\nasync function findEntry(loaderKey: string): Promise<Entry | undefined> {\n  const entries = await getEntries()\n  return entries.find((entry) => entry.key === loaderKey)\n}\n\nexport async function loadInjectionWidgetModule(loaderKey: string): Promise<LoadedWidgetModule | null> {\n  const entry = await findEntry(loaderKey)\n  if (!entry) return null\n  if (!cache.has(loaderKey)) {\n    cache.set(\n      loaderKey,\n      entry\n        .loader()\n        .then((mod) => {\n          const candidate = mod as LoadedWidgetModule\n          const maybeDefault = (mod as { default?: LoadedWidgetModule }).default\n          return maybeDefault ?? candidate\n        })\n    )\n  }\n  return cache.get(loaderKey) ?? null\n}\n"],
+  "mappings": "AAMA,IAAI,0BAA0C;AAEvC,SAAS,yBAAyB,SAAkB;AACzD,MAAI,4BAA4B,QAAQ,QAAQ,IAAI,aAAa,eAAe;AAC9E,YAAQ,MAAM,yEAAyE;AAAA,EACzF;AACA,4BAA0B;AAC5B;AAEO,SAAS,sBAA+B;AAC7C,MAAI,CAAC,yBAAyB;AAE5B,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO,CAAC;AAAA,IACV;AACA,UAAM,IAAI,MAAM,6FAA6F;AAAA,EAC/G;AACA,SAAO;AACT;AAEA,IAAI,iBAA0C;AAE9C,eAAe,aAA+B;AAC5C,MAAI,CAAC,gBAAgB;AACnB,UAAM,UAAU,QAAQ,QAAQ,EAAE,KAAK,MAAM,oBAAoB,CAAC;AAClE,qBAAiB,QAAQ,MAAM,CAAC,QAAQ;AAEtC,UAAI,mBAAmB,SAAS;AAC9B,yBAAiB;AAAA,MACnB;AACA,YAAM;AAAA,IACR,CAAC;AAAA,EACH;AACA,SAAO;AACT;AAIA,MAAM,QAAQ,oBAAI,IAAyC;AAE3D,eAAe,UAAU,WAA+C;AACtE,QAAM,UAAU,MAAM,WAAW;AACjC,SAAO,QAAQ,KAAK,CAAC,UAAU,MAAM,QAAQ,SAAS;AACxD;AAEA,eAAsB,0BAA0B,WAAuD;AACrG,QAAM,QAAQ,MAAM,UAAU,SAAS;AACvC,MAAI,CAAC,MAAO,QAAO;AACnB,MAAI,CAAC,MAAM,IAAI,SAAS,GAAG;AACzB,UAAM;AAAA,MACJ;AAAA,MACA,MACG,OAAO,EACP,KAAK,CAAC,QAAQ;AACb,cAAM,YAAY;AAClB,cAAM,eAAgB,IAAyC;AAC/D,eAAO,gBAAgB;AAAA,MACzB,CAAC;AAAA,IACL;AAAA,EACF;AACA,SAAO,MAAM,IAAI,SAAS,KAAK;AACjC;",
+  "names": []
+}

package/dist/backend/inputs/ComboboxInput.js

@@ -0,0 +1,228 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "../../primitives/button.js";
+function normalizeOptions(input) {
+  if (!Array.isArray(input)) return [];
+  return input.map((option) => {
+    if (typeof option === "string") {
+      const trimmed = option.trim();
+      if (!trimmed) return null;
+      return { value: trimmed, label: trimmed };
+    }
+    const value = typeof option.value === "string" ? option.value.trim() : "";
+    if (!value) return null;
+    return {
+      value,
+      label: option.label?.trim() || value,
+      description: option.description ?? null
+    };
+  }).filter((option) => !!option);
+}
+function ComboboxInput({
+  value,
+  onChange,
+  placeholder,
+  suggestions,
+  loadSuggestions,
+  resolveLabel,
+  resolveDescription,
+  autoFocus,
+  disabled = false,
+  allowCustomValues = true
+}) {
+  const [input, setInput] = React.useState("");
+  const [asyncOptions, setAsyncOptions] = React.useState([]);
+  const [loading, setLoading] = React.useState(false);
+  const [touched, setTouched] = React.useState(false);
+  const [showSuggestions, setShowSuggestions] = React.useState(false);
+  const [selectedIndex, setSelectedIndex] = React.useState(-1);
+  const inputRef = React.useRef(null);
+  const staticOptions = React.useMemo(() => normalizeOptions(suggestions), [suggestions]);
+  const optionMap = React.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    const register = (option) => {
+      if (!map.has(option.value)) {
+        map.set(option.value, option);
+      }
+    };
+    staticOptions.forEach(register);
+    asyncOptions.forEach(register);
+    if (value) {
+      const existing = map.get(value);
+      if (!existing) {
+        map.set(value, {
+          value,
+          label: resolveLabel?.(value) ?? value,
+          description: resolveDescription?.(value) ?? null
+        });
+      }
+    }
+    return map;
+  }, [asyncOptions, resolveDescription, resolveLabel, staticOptions, value]);
+  const availableOptions = React.useMemo(() => {
+    return Array.from(optionMap.values());
+  }, [optionMap]);
+  const filteredSuggestions = React.useMemo(() => {
+    const query = input.toLowerCase().trim();
+    if (!query) return availableOptions;
+    return availableOptions.filter((option) => {
+      const labelMatch = option.label.toLowerCase().includes(query);
+      const descMatch = option.description?.toLowerCase().includes(query);
+      return labelMatch || Boolean(descMatch);
+    });
+  }, [availableOptions, input]);
+  React.useEffect(() => {
+    if (!loadSuggestions || !touched || disabled) return;
+    const query = input.trim();
+    let cancelled = false;
+    const handle = window.setTimeout(async () => {
+      setLoading(true);
+      try {
+        const items = await loadSuggestions(query);
+        if (!cancelled) {
+          setAsyncOptions(normalizeOptions(items));
+        }
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    }, 200);
+    return () => {
+      cancelled = true;
+      window.clearTimeout(handle);
+    };
+  }, [disabled, input, loadSuggestions, touched]);
+  React.useEffect(() => {
+    if (document.activeElement !== inputRef.current) {
+      const option = optionMap.get(value);
+      setInput(option?.label ?? value ?? "");
+    }
+  }, [value, optionMap]);
+  const selectValue = React.useCallback(
+    (nextValue) => {
+      if (disabled) return;
+      const trimmed = nextValue.trim();
+      onChange(trimmed);
+      const option = optionMap.get(trimmed);
+      setInput(option?.label ?? trimmed);
+      setShowSuggestions(false);
+      setSelectedIndex(-1);
+    },
+    [disabled, onChange, optionMap]
+  );
+  const findOptionForInput = React.useCallback(
+    (raw) => {
+      const query = raw.trim().toLowerCase();
+      if (!query) return null;
+      for (const option of optionMap.values()) {
+        if (option.value === raw.trim()) return option;
+        if (option.label.toLowerCase() === query) return option;
+      }
+      return null;
+    },
+    [optionMap]
+  );
+  const confirmSelection = React.useCallback(
+    (raw) => {
+      if (disabled) return;
+      const option = findOptionForInput(raw);
+      if (option) {
+        selectValue(option.value);
+        return;
+      }
+      if (!allowCustomValues) {
+        const currentOption = optionMap.get(value);
+        setInput(currentOption?.label ?? value ?? "");
+        setShowSuggestions(false);
+        return;
+      }
+      selectValue(raw);
+    },
+    [allowCustomValues, disabled, findOptionForInput, optionMap, selectValue, value]
+  );
+  const handleKeyDown = React.useCallback(
+    (event) => {
+      if (disabled) return;
+      if (event.key === "ArrowDown") {
+        event.preventDefault();
+        if (!showSuggestions) {
+          setShowSuggestions(true);
+          setSelectedIndex(0);
+        } else {
+          setSelectedIndex((prev) => Math.min(prev + 1, filteredSuggestions.length - 1));
+        }
+      } else if (event.key === "ArrowUp") {
+        event.preventDefault();
+        setSelectedIndex((prev) => Math.max(prev - 1, -1));
+      } else if (event.key === "Enter") {
+        event.preventDefault();
+        if (selectedIndex >= 0 && filteredSuggestions[selectedIndex]) {
+          selectValue(filteredSuggestions[selectedIndex].value);
+        } else {
+          confirmSelection(input);
+        }
+      } else if (event.key === "Escape") {
+        event.preventDefault();
+        setShowSuggestions(false);
+        setSelectedIndex(-1);
+      }
+    },
+    [confirmSelection, disabled, filteredSuggestions, input, selectValue, selectedIndex, showSuggestions]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "relative w-full", children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        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",
+        value: input,
+        placeholder: placeholder || "Type to search...",
+        autoFocus,
+        "data-crud-focus-target": "",
+        disabled,
+        onFocus: () => {
+          setTouched(true);
+          setShowSuggestions(true);
+        },
+        onChange: (event) => {
+          setTouched(true);
+          setInput(event.target.value);
+          setShowSuggestions(true);
+          setSelectedIndex(-1);
+        },
+        onKeyDown: handleKeyDown,
+        onBlur: () => {
+          setTimeout(() => {
+            if (disabled) return;
+            confirmSelection(input);
+          }, 200);
+        }
+      }
+    ),
+    showSuggestions && !disabled && (loading || filteredSuggestions.length > 0) && /* @__PURE__ */ jsx("div", { className: "absolute z-50 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(
+      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" : ""
+        ].filter(Boolean).join(" "),
+        onMouseDown: (event) => event.preventDefault(),
+        onClick: () => selectValue(option.value),
+        onMouseEnter: () => setSelectedIndex(index),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium", children: option.label }),
+          option.description ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: option.description }) : null
+        ]
+      },
+      option.value
+    )) })
+  ] });
+}
+export {
+  ComboboxInput
+};
+//# sourceMappingURL=ComboboxInput.js.map

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

@@ -0,0 +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  loadSuggestions?: (query?: string) => Promise<Array<string | ComboboxOption>>\n  resolveLabel?: (value: string) => 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  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 [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\n  const staticOptions = React.useMemo(() => normalizeOptions(suggestions), [suggestions])\n\n  const optionMap = React.useMemo(() => {\n    const map = new Map<string, ComboboxOption>()\n    const register = (option: ComboboxOption) => {\n      if (!map.has(option.value)) {\n        map.set(option.value, option)\n      }\n    }\n    staticOptions.forEach(register)\n    asyncOptions.forEach(register)\n    if (value) {\n      const existing = map.get(value)\n      if (!existing) {\n        map.set(value, {\n          value,\n          label: resolveLabel?.(value) ?? value,\n          description: resolveDescription?.(value) ?? null,\n        })\n      }\n    }\n    return map\n  }, [asyncOptions, 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  // 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 current value if custom values not allowed\n        const currentOption = optionMap.get(value)\n        setInput(currentOption?.label ?? value ?? '')\n        setShowSuggestions(false)\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      <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          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-50 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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",
+  "names": []
+}