@freighttech/ui 0.13.18

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/injection/InjectionSpot.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport type {\n  InjectionSpotId,\n  InjectionWidgetModule,\n  WidgetInjectionEventHandlers,\n  WidgetBeforeDeleteResult,\n  WidgetBeforeSaveResult,\n  FieldChangeResult,\n  NavigateGuardResult,\n} from '@open-mercato/shared/modules/widgets/injection'\nimport {\n  getInjectionRegistryVersion,\n  loadInjectionWidgetsForSpot,\n  subscribeToInjectionRegistryChanges,\n  type LoadedInjectionWidget,\n} from '@open-mercato/shared/modules/widgets/injection-loader'\nimport { getWidgetSharedState } from './WidgetSharedState'\n\nexport type InjectionSpotProps<TContext = unknown, TData = unknown> = {\n  spotId: InjectionSpotId\n  context: TContext\n  data?: TData\n  onDataChange?: (data: TData) => void\n  disabled?: boolean\n  onEvent?: (\n    event: keyof WidgetInjectionEventHandlers<TContext, TData>,\n    widgetId: string,\n  ) => void\n  widgetsOverride?: LoadedWidget[]\n}\n\n/**\n * Transformer events use pipeline dispatch: output of widget N becomes input of widget N+1.\n */\nconst TRANSFORMER_EVENTS = new Set<string>([\n  'transformFormData',\n  'transformDisplayData',\n  'transformValidation',\n])\n\ntype LoadedWidget = {\n  widgetId: string\n  module: InjectionWidgetModule<any, any>\n  moduleId: string\n  key: string\n  placement?: LoadedInjectionWidget['placement']\n}\n\nexport type LoadedInjectionSpotWidget = LoadedWidget\n\nfunction injectSharedStateIntoContext<TContext>(context: TContext, moduleId: string): TContext {\n  const sharedState = getWidgetSharedState(moduleId)\n  if (typeof context === 'object' && context !== null && !Array.isArray(context)) {\n    return {\n      ...(context as Record<string, unknown>),\n      sharedState,\n    } as TContext\n  }\n  return {\n    value: context,\n    sharedState,\n  } as TContext\n}\n\nexport function useInjectionWidgets<TContext = unknown>(\n  spotId: InjectionSpotId | null | undefined,\n  options?: {\n    context?: TContext\n    triggerOnLoad?: boolean\n    onEvent?: (event: 'onLoad', widgetId: string) => void\n  }\n) {\n  const [widgets, setWidgets] = React.useState<LoadedWidget[]>([])\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [registryVersion, setRegistryVersion] = React.useState(() => getInjectionRegistryVersion())\n  const loadedRef = React.useRef(false)\n\n  React.useEffect(() => {\n    return subscribeToInjectionRegistryChanges(() => {\n      setRegistryVersion(getInjectionRegistryVersion())\n    })\n  }, [])\n\n  React.useEffect(() => {\n    if (!spotId) {\n      setWidgets([])\n      setLoading(false)\n      setError(null)\n      return\n    }\n    let mounted = true\n    const load = async () => {\n      try {\n        setLoading(true)\n        setError(null)\n        const loaded = await loadInjectionWidgetsForSpot(spotId)\n        if (!mounted) return\n        const widgetList: LoadedWidget[] = loaded.map((w) => ({\n          widgetId: w.metadata.id,\n          module: w,\n          moduleId: w.moduleId,\n          key: w.key,\n          placement: w.placement,\n        }))\n        setWidgets(widgetList)\n        \n        // Trigger onLoad for all widgets\n        if (!loadedRef.current && options?.triggerOnLoad) {\n          loadedRef.current = true\n          for (const widget of widgetList) {\n            if (widget.module.eventHandlers?.onLoad) {\n              try {\n                const widgetContext = injectSharedStateIntoContext(options.context as TContext, widget.moduleId)\n                await widget.module.eventHandlers.onLoad(widgetContext)\n                options.onEvent?.('onLoad', widget.widgetId)\n              } catch (err) {\n                console.error(`[InjectionSpot] Error in onLoad for widget ${widget.widgetId}:`, err)\n              }\n            }\n          }\n        }\n      } catch (err) {\n        if (!mounted) return\n        console.error(`[InjectionSpot] Failed to load widgets for spot ${spotId}:`, err)\n        setError(err instanceof Error ? err.message : String(err))\n      } finally {\n        if (mounted) setLoading(false)\n      }\n    }\n    load()\n    return () => {\n      mounted = false\n    }\n  }, [spotId, options?.context, options?.triggerOnLoad, options?.onEvent, registryVersion])\n\n  return { widgets, loading, error }\n}\n\nexport function InjectionSpot<TContext = unknown, TData = unknown>({\n  spotId,\n  context,\n  data,\n  onDataChange,\n  disabled,\n  onEvent,\n  widgetsOverride,\n}: InjectionSpotProps<TContext, TData>) {\n  const useSpotId = widgetsOverride ? null : spotId\n  const { widgets, loading, error } = useInjectionWidgets<TContext>(useSpotId, {\n    context,\n    triggerOnLoad: !widgetsOverride,\n    onEvent: onEvent ? (event, id) => onEvent(event, id) : undefined,\n  })\n  const effectiveWidgets = widgetsOverride ?? widgets\n  const effectiveLoading = widgetsOverride ? false : loading\n  const effectiveError = widgetsOverride ? null : error\n\n  if (effectiveLoading) {\n    return null\n  }\n\n  if (effectiveError) {\n    console.error(`[InjectionSpot] Error loading widgets for spot ${spotId}:`, effectiveError)\n    return null\n  }\n\n  if (effectiveWidgets.length === 0) {\n    return null\n  }\n\n  return (\n    <>\n      {effectiveWidgets.map((widget) => {\n        const { Widget } = widget.module\n        return (\n          <Widget\n            key={widget.widgetId}\n            context={injectSharedStateIntoContext(context, widget.moduleId)}\n            data={data}\n            onDataChange={onDataChange}\n            disabled={disabled}\n          />\n        )\n      })}\n    </>\n  )\n}\n\n/**\n * Hook to trigger injection widget events imperatively\n */\nexport function useInjectionSpotEvents<TContext = unknown, TData = unknown>(spotId: InjectionSpotId, prefetchedWidgets?: LoadedWidget[]) {\n  const [widgets, setWidgets] = React.useState<LoadedWidget[]>([])\n  const [registryVersion, setRegistryVersion] = React.useState(() => getInjectionRegistryVersion())\n\n  React.useEffect(() => {\n    return subscribeToInjectionRegistryChanges(() => {\n      setRegistryVersion(getInjectionRegistryVersion())\n    })\n  }, [])\n\n  React.useEffect(() => {\n    if (prefetchedWidgets && prefetchedWidgets.length) {\n      setWidgets(prefetchedWidgets)\n      return\n    }\n    let mounted = true\n    const load = async () => {\n      try {\n        const loaded = await loadInjectionWidgetsForSpot(spotId)\n        if (!mounted) return\n        setWidgets(\n          loaded.map((w) => ({\n            widgetId: w.metadata.id,\n            module: w,\n            moduleId: w.moduleId,\n            key: w.key,\n            placement: w.placement,\n          }))\n        )\n      } catch (err) {\n        console.error(`[useInjectionSpotEvents] Failed to load widgets for spot ${spotId}:`, err)\n      }\n    }\n    load()\n    return () => {\n      mounted = false\n    }\n  }, [spotId, prefetchedWidgets, registryVersion])\n\n  const triggerEvent = React.useCallback(\n    async (\n      event: keyof WidgetInjectionEventHandlers<TContext, TData>,\n      data: TData,\n      context: TContext,\n      meta?: {\n        error?: unknown\n        fieldId?: string\n        fieldValue?: unknown\n        originalData?: TData\n        target?: unknown\n        visible?: boolean\n        appEvent?: unknown\n      }\n    ): Promise<{\n      ok: boolean\n      message?: string\n      fieldErrors?: Record<string, string>\n      requestHeaders?: Record<string, string>\n      details?: unknown\n      data?: TData\n      applyToForm?: boolean\n      fieldChange?: {\n        value?: unknown\n        sideEffects?: Record<string, unknown>\n        messages?: Array<{ text: string; severity: 'info' | 'warning' | 'error' }>\n      }\n    }> => {\n      const normalizeBeforeSave = (\n        result: WidgetBeforeSaveResult,\n      ): { ok: boolean; message?: string; fieldErrors?: Record<string, string>; requestHeaders?: Record<string, string>; details?: unknown } => {\n        if (result === false) return { ok: false }\n        if (result === true || typeof result === 'undefined') return { ok: true }\n        if (result && typeof result === 'object') {\n          const ok = typeof result.ok === 'boolean' ? result.ok : true\n          const message = typeof result.message === 'string' ? result.message : undefined\n          const fieldErrors =\n            result.fieldErrors && typeof result.fieldErrors === 'object'\n              ? Object.fromEntries(\n                  Object.entries(result.fieldErrors).map(([key, value]) => [key, String(value)]),\n                )\n              : undefined\n          const requestHeaders =\n            result.requestHeaders && typeof result.requestHeaders === 'object'\n              ? Object.fromEntries(\n                  Object.entries(result.requestHeaders).map(([key, value]) => [key, String(value)]),\n                )\n              : undefined\n          return { ok, message, fieldErrors, requestHeaders, details: result.details }\n        }\n        return { ok: true }\n      }\n\n      const normalizeBeforeDelete = (\n        result: WidgetBeforeDeleteResult,\n      ): { ok: boolean; message?: string; fieldErrors?: Record<string, string>; requestHeaders?: Record<string, string>; details?: unknown } => {\n        if (result === false) return { ok: false }\n        if (result === true || typeof result === 'undefined') return { ok: true }\n        if (result && typeof result === 'object') {\n          const ok = typeof result.ok === 'boolean' ? result.ok : true\n          const message = typeof result.message === 'string' ? result.message : undefined\n          const fieldErrors =\n            result.fieldErrors && typeof result.fieldErrors === 'object'\n              ? Object.fromEntries(\n                  Object.entries(result.fieldErrors).map(([key, value]) => [key, String(value)]),\n                )\n              : undefined\n          const requestHeaders =\n            result.requestHeaders && typeof result.requestHeaders === 'object'\n              ? Object.fromEntries(\n                  Object.entries(result.requestHeaders).map(([key, value]) => [key, String(value)]),\n                )\n              : undefined\n          return { ok, message, fieldErrors, requestHeaders, details: result.details }\n        }\n        return { ok: true }\n      }\n\n      // --- Transformer events: pipeline dispatch ---\n      // Output of widget N becomes input of widget N+1\n      if (TRANSFORMER_EVENTS.has(event)) {\n        let pipelineData = data\n        let applyToForm = false\n        for (const widget of widgets) {\n          const handler = widget.module.eventHandlers?.[event]\n          if (!handler) continue\n          try {\n            const widgetContext = injectSharedStateIntoContext(context, widget.moduleId)\n            let handlerResult: unknown\n            if (event === 'transformValidation') {\n              handlerResult = await (handler as any)(pipelineData, meta?.originalData ?? data, widgetContext)\n            } else {\n              handlerResult = await (handler as any)(pipelineData, widgetContext)\n            }\n            if (\n              event === 'transformFormData' &&\n              handlerResult !== null &&\n              typeof handlerResult === 'object' &&\n              'applyToForm' in handlerResult &&\n              (handlerResult as { applyToForm: unknown }).applyToForm === true &&\n              'data' in handlerResult\n            ) {\n              pipelineData = (handlerResult as { data: TData }).data\n              applyToForm = true\n            } else {\n              pipelineData = handlerResult as TData\n            }\n          } catch (err) {\n            console.error(`[useInjectionSpotEvents] Error in ${event} for widget ${widget.widgetId}:`, err)\n          }\n        }\n        return { ok: true, data: pipelineData, applyToForm }\n      }\n\n      // --- Action events: sequential dispatch ---\n      const mergedRequestHeaders: Record<string, string> = {}\n      let hasRequestHeaders = false\n      let fieldValue = meta?.fieldValue\n      let fieldSideEffects: Record<string, unknown> | undefined\n      let fieldMessages: Array<{ text: string; severity: 'info' | 'warning' | 'error' }> | undefined\n\n      for (const widget of widgets) {\n        const eventHandlers = widget.module.eventHandlers\n        // Check operation filter \u2014 skip widget if current operation is filtered out\n        const operationFilter = eventHandlers?.filter?.operations\n        if (operationFilter) {\n          const currentOperation = (context as Record<string, unknown>)?.operation as string | undefined\n          if (currentOperation && !operationFilter.includes(currentOperation as 'create' | 'update' | 'delete')) {\n            continue\n          }\n        }\n        let handler = eventHandlers?.[event]\n        // Delete-to-save fallback chain\n        if (!handler && event === 'onBeforeDelete') handler = eventHandlers?.onBeforeSave as typeof handler\n        if (!handler && event === 'onDelete') handler = eventHandlers?.onSave as typeof handler\n        if (!handler && event === 'onAfterDelete') handler = eventHandlers?.onAfterSave as typeof handler\n        if (handler) {\n          try {\n            const widgetContext = injectSharedStateIntoContext(context, widget.moduleId)\n            const result =\n              event === 'onDeleteError'\n                ? await (handler as any)(data, widgetContext, meta?.error)\n                : event === 'onFieldChange'\n                  ? await (handler as any)(meta?.fieldId, fieldValue, data, widgetContext)\n                  : event === 'onBeforeNavigate'\n                    ? await (handler as any)(meta?.target, widgetContext)\n                    : event === 'onVisibilityChange'\n                      ? await (handler as any)(meta?.visible, widgetContext)\n                      : event === 'onAppEvent'\n                        ? await (handler as any)(meta?.appEvent, widgetContext)\n                        : await (handler as any)(data, widgetContext)\n            if (event === 'onBeforeSave') {\n              const normalized = normalizeBeforeSave(result as WidgetBeforeSaveResult)\n              if (!normalized.ok) {\n                console.log(`[useInjectionSpotEvents] Widget ${widget.widgetId} prevented ${event}`)\n                return normalized\n              }\n              if (normalized.requestHeaders && Object.keys(normalized.requestHeaders).length > 0) {\n                Object.assign(mergedRequestHeaders, normalized.requestHeaders)\n                hasRequestHeaders = true\n              }\n            }\n            if (event === 'onBeforeDelete') {\n              const normalized = normalizeBeforeDelete(result as WidgetBeforeDeleteResult)\n              if (!normalized.ok) {\n                console.log(`[useInjectionSpotEvents] Widget ${widget.widgetId} prevented ${event}`)\n                return normalized\n              }\n              if (normalized.requestHeaders && Object.keys(normalized.requestHeaders).length > 0) {\n                Object.assign(mergedRequestHeaders, normalized.requestHeaders)\n                hasRequestHeaders = true\n              }\n            }\n            if (event === 'onBeforeNavigate') {\n              const navResult = result as NavigateGuardResult | undefined\n              if (navResult && navResult.ok === false) {\n                return { ok: false, message: navResult.message }\n              }\n            }\n            if (event === 'onFieldChange') {\n              const changeResult = result as FieldChangeResult | void\n              if (changeResult?.value !== undefined) {\n                fieldValue = changeResult.value\n              }\n              if (changeResult?.sideEffects && typeof changeResult.sideEffects === 'object') {\n                fieldSideEffects = { ...(fieldSideEffects ?? {}), ...changeResult.sideEffects }\n              }\n              if (changeResult?.message?.text) {\n                fieldMessages = [...(fieldMessages ?? []), changeResult.message]\n              }\n            }\n          } catch (err) {\n            console.error(`[useInjectionSpotEvents] Error in ${event} for widget ${widget.widgetId}:`, err)\n            if (event === 'onBeforeSave' || event === 'onBeforeDelete' || event === 'onBeforeNavigate') {\n              const message =\n                err instanceof Error\n                  ? err.message || 'Validation blocked'\n                  : typeof err === 'string'\n                    ? err\n                    : undefined\n              return { ok: false, message }\n            }\n          }\n        }\n      }\n      if ((event === 'onBeforeSave' || event === 'onBeforeDelete') && hasRequestHeaders) {\n        return { ok: true, requestHeaders: mergedRequestHeaders }\n      }\n      if (event === 'onFieldChange') {\n        return {\n          ok: true,\n          fieldChange: {\n            value: fieldValue,\n            sideEffects: fieldSideEffects,\n            messages: fieldMessages,\n          },\n        }\n      }\n      return { ok: true }\n    },\n    [widgets]\n  )\n\n  return { triggerEvent, widgets }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/injection/InjectionWizard.js

@@ -0,0 +1,256 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { InjectedField } from "./InjectedField.js";
+import { Button } from "../../primitives/button.js";
+import { Spinner } from "../../primitives/spinner.js";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { cn } from "@open-mercato/shared/lib/utils";
+function StepIndicator({
+  steps,
+  currentIndex
+}) {
+  const t = useT();
+  return /* @__PURE__ */ jsx("nav", { "aria-label": t("ui.wizard.steps", "Steps"), className: "mb-6", children: /* @__PURE__ */ jsx("ol", { className: "flex items-center gap-2", children: steps.map((step, index) => {
+    const status = index < currentIndex ? "completed" : index === currentIndex ? "current" : "pending";
+    const label = t(step.label, step.label);
+    return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "flex size-8 shrink-0 items-center justify-center rounded-full text-sm font-medium transition-colors",
+            status === "completed" && "bg-primary text-primary-foreground",
+            status === "current" && "border-2 border-primary bg-background text-primary",
+            status === "pending" && "border border-muted-foreground/30 bg-muted text-muted-foreground"
+          ),
+          "aria-current": status === "current" ? "step" : void 0,
+          children: status === "completed" ? /* @__PURE__ */ jsx("svg", { className: "size-4", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.75.75 0 0 1 1.06-1.06L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z" }) }) : index + 1
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "hidden text-sm sm:inline",
+            status === "current" ? "font-medium text-foreground" : "text-muted-foreground"
+          ),
+          children: label
+        }
+      ),
+      index < steps.length - 1 && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "h-px w-6 sm:w-12",
+            index < currentIndex ? "bg-primary" : "bg-muted-foreground/30"
+          )
+        }
+      )
+    ] }, step.id);
+  }) }) });
+}
+function StepFieldsRenderer({
+  step,
+  data,
+  onChange,
+  context,
+  fieldErrors
+}) {
+  if (!step.fields || step.fields.length === 0) return null;
+  const fieldContext = {
+    organizationId: context.organizationId,
+    tenantId: context.tenantId,
+    userId: context.userId,
+    record: data
+  };
+  return /* @__PURE__ */ jsx("div", { className: "space-y-4", children: step.fields.map((field) => /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      InjectedField,
+      {
+        field,
+        value: data[field.id],
+        onChange,
+        context: fieldContext,
+        formData: data
+      }
+    ),
+    fieldErrors[field.id] && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-destructive", children: fieldErrors[field.id] })
+  ] }, field.id)) });
+}
+function InjectionWizard({ widget, context, onClose }) {
+  const t = useT();
+  const [currentStepIndex, setCurrentStepIndex] = React.useState(0);
+  const [allData, setAllData] = React.useState({});
+  const [validating, setValidating] = React.useState(false);
+  const [completing, setCompleting] = React.useState(false);
+  const [errorMessage, setErrorMessage] = React.useState(null);
+  const [fieldErrors, setFieldErrors] = React.useState({});
+  const steps = widget.steps;
+  const currentStep = steps[currentStepIndex];
+  const isFirstStep = currentStepIndex === 0;
+  const isLastStep = currentStepIndex === steps.length - 1;
+  const handleFieldChange = React.useCallback((key, value) => {
+    setAllData((prev) => ({ ...prev, [key]: value }));
+    setFieldErrors((prev) => {
+      if (!prev[key]) return prev;
+      const next = { ...prev };
+      delete next[key];
+      return next;
+    });
+    setErrorMessage(null);
+  }, []);
+  const handleSetData = React.useCallback((next) => {
+    setAllData(next);
+    setErrorMessage(null);
+    setFieldErrors({});
+  }, []);
+  const validateCurrentStep = React.useCallback(async () => {
+    if (!currentStep?.validate) return true;
+    setValidating(true);
+    setErrorMessage(null);
+    setFieldErrors({});
+    try {
+      const result = await currentStep.validate(allData, context);
+      if (!result.ok) {
+        setErrorMessage(result.message ?? t("ui.wizard.validationFailed", "Validation failed"));
+        if (result.fieldErrors) {
+          setFieldErrors(result.fieldErrors);
+        }
+        return false;
+      }
+      return true;
+    } catch (err) {
+      setErrorMessage(err instanceof Error ? err.message : t("ui.wizard.validationFailed", "Validation failed"));
+      return false;
+    } finally {
+      setValidating(false);
+    }
+  }, [currentStep, allData, context, t]);
+  const handleNext = React.useCallback(async () => {
+    const valid = await validateCurrentStep();
+    if (!valid) return;
+    setCurrentStepIndex((prev) => Math.min(prev + 1, steps.length - 1));
+    setErrorMessage(null);
+    setFieldErrors({});
+  }, [validateCurrentStep, steps.length]);
+  const handleBack = React.useCallback(() => {
+    setCurrentStepIndex((prev) => Math.max(prev - 1, 0));
+    setErrorMessage(null);
+    setFieldErrors({});
+  }, []);
+  const handleComplete = React.useCallback(async () => {
+    const valid = await validateCurrentStep();
+    if (!valid) return;
+    if (!widget.onComplete) {
+      onClose?.();
+      return;
+    }
+    setCompleting(true);
+    setErrorMessage(null);
+    try {
+      await widget.onComplete(allData, context);
+      onClose?.();
+    } catch (err) {
+      setErrorMessage(err instanceof Error ? err.message : t("ui.wizard.completeFailed", "Failed to complete"));
+    } finally {
+      setCompleting(false);
+    }
+  }, [validateCurrentStep, widget, allData, context, onClose, t]);
+  React.useEffect(() => {
+    const handleKeyDown = (event) => {
+      if (event.key === "Escape" && onClose) {
+        event.preventDefault();
+        onClose();
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [onClose]);
+  if (!currentStep) return null;
+  const stepLabel = t(currentStep.label, currentStep.label);
+  const stepDescription = currentStep.description ? t(currentStep.description, currentStep.description) : void 0;
+  const title = widget.metadata.title ? t(widget.metadata.title, widget.metadata.title) : void 0;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    title && /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: title }),
+    /* @__PURE__ */ jsx(StepIndicator, { steps, currentIndex: currentStepIndex }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-base font-medium", children: stepLabel }),
+        stepDescription && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: stepDescription })
+      ] }),
+      currentStep.fields && currentStep.fields.length > 0 && /* @__PURE__ */ jsx(
+        StepFieldsRenderer,
+        {
+          step: currentStep,
+          data: allData,
+          onChange: handleFieldChange,
+          context,
+          fieldErrors
+        }
+      ),
+      currentStep.customComponent && /* @__PURE__ */ jsx(React.Suspense, { fallback: /* @__PURE__ */ jsx(Spinner, { size: "sm" }), children: /* @__PURE__ */ jsx(
+        currentStep.customComponent,
+        {
+          data: allData,
+          setData: handleSetData,
+          context
+        }
+      ) }),
+      errorMessage && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", role: "alert", children: errorMessage })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-t pt-4", children: [
+      /* @__PURE__ */ jsx("div", { children: !isFirstStep && /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: handleBack,
+          disabled: validating || completing,
+          children: t("ui.wizard.back", "Back")
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        onClose && /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            onClick: onClose,
+            disabled: completing,
+            children: t("ui.wizard.cancel", "Cancel")
+          }
+        ),
+        isLastStep ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            onClick: handleComplete,
+            disabled: validating || completing,
+            children: completing ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Spinner, { size: "sm", className: "mr-2" }),
+              t("ui.wizard.completing", "Completing...")
+            ] }) : t("ui.wizard.complete", "Complete")
+          }
+        ) : /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            onClick: handleNext,
+            disabled: validating || completing,
+            children: validating ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Spinner, { size: "sm", className: "mr-2" }),
+              t("ui.wizard.validating", "Validating...")
+            ] }) : t("ui.wizard.next", "Next")
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+var InjectionWizard_default = InjectionWizard;
+export {
+  InjectionWizard,
+  InjectionWizard_default as default
+};
+//# sourceMappingURL=InjectionWizard.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/injection/InjectionWizard.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type {\n  InjectionWizardWidget,\n  InjectionWizardStep,\n  InjectionContext,\n} from '@open-mercato/shared/modules/widgets/injection'\nimport { InjectedField } from './InjectedField'\nimport { Button } from '../../primitives/button'\nimport { Spinner } from '../../primitives/spinner'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nexport type InjectionWizardProps = {\n  widget: InjectionWizardWidget\n  context: InjectionContext\n  onClose?: () => void\n}\n\ntype StepStatus = 'pending' | 'current' | 'completed'\n\nfunction StepIndicator({\n  steps,\n  currentIndex,\n}: {\n  steps: InjectionWizardStep[]\n  currentIndex: number\n}) {\n  const t = useT()\n\n  return (\n    <nav aria-label={t('ui.wizard.steps', 'Steps')} className=\"mb-6\">\n      <ol className=\"flex items-center gap-2\">\n        {steps.map((step, index) => {\n          const status: StepStatus =\n            index < currentIndex ? 'completed' : index === currentIndex ? 'current' : 'pending'\n          const label = t(step.label, step.label)\n\n          return (\n            <li key={step.id} className=\"flex items-center gap-2\">\n              <div\n                className={cn(\n                  'flex size-8 shrink-0 items-center justify-center rounded-full text-sm font-medium transition-colors',\n                  status === 'completed' && 'bg-primary text-primary-foreground',\n                  status === 'current' && 'border-2 border-primary bg-background text-primary',\n                  status === 'pending' && 'border border-muted-foreground/30 bg-muted text-muted-foreground',\n                )}\n                aria-current={status === 'current' ? 'step' : undefined}\n              >\n                {status === 'completed' ? (\n                  <svg className=\"size-4\" viewBox=\"0 0 16 16\" fill=\"currentColor\">\n                    <path d=\"M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.75.75 0 0 1 1.06-1.06L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z\" />\n                  </svg>\n                ) : (\n                  index + 1\n                )}\n              </div>\n              <span\n                className={cn(\n                  'hidden text-sm sm:inline',\n                  status === 'current' ? 'font-medium text-foreground' : 'text-muted-foreground',\n                )}\n              >\n                {label}\n              </span>\n              {index < steps.length - 1 && (\n                <div\n                  className={cn(\n                    'h-px w-6 sm:w-12',\n                    index < currentIndex ? 'bg-primary' : 'bg-muted-foreground/30',\n                  )}\n                />\n              )}\n            </li>\n          )\n        })}\n      </ol>\n    </nav>\n  )\n}\n\nfunction StepFieldsRenderer({\n  step,\n  data,\n  onChange,\n  context,\n  fieldErrors,\n}: {\n  step: InjectionWizardStep\n  data: Record<string, unknown>\n  onChange: (key: string, value: unknown) => void\n  context: InjectionContext\n  fieldErrors: Record<string, string>\n}) {\n  if (!step.fields || step.fields.length === 0) return null\n\n  const fieldContext = {\n    organizationId: context.organizationId,\n    tenantId: context.tenantId,\n    userId: context.userId,\n    record: data,\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      {step.fields.map((field) => (\n        <div key={field.id}>\n          <InjectedField\n            field={field}\n            value={data[field.id]}\n            onChange={onChange}\n            context={fieldContext}\n            formData={data}\n          />\n          {fieldErrors[field.id] && (\n            <p className=\"mt-1 text-sm text-destructive\">{fieldErrors[field.id]}</p>\n          )}\n        </div>\n      ))}\n    </div>\n  )\n}\n\nexport function InjectionWizard({ widget, context, onClose }: InjectionWizardProps) {\n  const t = useT()\n  const [currentStepIndex, setCurrentStepIndex] = React.useState(0)\n  const [allData, setAllData] = React.useState<Record<string, unknown>>({})\n  const [validating, setValidating] = React.useState(false)\n  const [completing, setCompleting] = React.useState(false)\n  const [errorMessage, setErrorMessage] = React.useState<string | null>(null)\n  const [fieldErrors, setFieldErrors] = React.useState<Record<string, string>>({})\n\n  const steps = widget.steps\n  const currentStep = steps[currentStepIndex]\n  const isFirstStep = currentStepIndex === 0\n  const isLastStep = currentStepIndex === steps.length - 1\n\n  const handleFieldChange = React.useCallback((key: string, value: unknown) => {\n    setAllData((prev) => ({ ...prev, [key]: value }))\n    setFieldErrors((prev) => {\n      if (!prev[key]) return prev\n      const next = { ...prev }\n      delete next[key]\n      return next\n    })\n    setErrorMessage(null)\n  }, [])\n\n  const handleSetData = React.useCallback((next: Record<string, unknown>) => {\n    setAllData(next)\n    setErrorMessage(null)\n    setFieldErrors({})\n  }, [])\n\n  const validateCurrentStep = React.useCallback(async (): Promise<boolean> => {\n    if (!currentStep?.validate) return true\n\n    setValidating(true)\n    setErrorMessage(null)\n    setFieldErrors({})\n\n    try {\n      const result = await currentStep.validate(allData, context)\n      if (!result.ok) {\n        setErrorMessage(result.message ?? t('ui.wizard.validationFailed', 'Validation failed'))\n        if (result.fieldErrors) {\n          setFieldErrors(result.fieldErrors)\n        }\n        return false\n      }\n      return true\n    } catch (err) {\n      setErrorMessage(err instanceof Error ? err.message : t('ui.wizard.validationFailed', 'Validation failed'))\n      return false\n    } finally {\n      setValidating(false)\n    }\n  }, [currentStep, allData, context, t])\n\n  const handleNext = React.useCallback(async () => {\n    const valid = await validateCurrentStep()\n    if (!valid) return\n    setCurrentStepIndex((prev) => Math.min(prev + 1, steps.length - 1))\n    setErrorMessage(null)\n    setFieldErrors({})\n  }, [validateCurrentStep, steps.length])\n\n  const handleBack = React.useCallback(() => {\n    setCurrentStepIndex((prev) => Math.max(prev - 1, 0))\n    setErrorMessage(null)\n    setFieldErrors({})\n  }, [])\n\n  const handleComplete = React.useCallback(async () => {\n    const valid = await validateCurrentStep()\n    if (!valid) return\n\n    if (!widget.onComplete) {\n      onClose?.()\n      return\n    }\n\n    setCompleting(true)\n    setErrorMessage(null)\n\n    try {\n      await widget.onComplete(allData, context)\n      onClose?.()\n    } catch (err) {\n      setErrorMessage(err instanceof Error ? err.message : t('ui.wizard.completeFailed', 'Failed to complete'))\n    } finally {\n      setCompleting(false)\n    }\n  }, [validateCurrentStep, widget, allData, context, onClose, t])\n\n  // Handle Escape to cancel\n  React.useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && onClose) {\n        event.preventDefault()\n        onClose()\n      }\n    }\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [onClose])\n\n  if (!currentStep) return null\n\n  const stepLabel = t(currentStep.label, currentStep.label)\n  const stepDescription = currentStep.description ? t(currentStep.description, currentStep.description) : undefined\n  const title = widget.metadata.title ? t(widget.metadata.title, widget.metadata.title) : undefined\n\n  return (\n    <div className=\"space-y-6\">\n      {title && <h2 className=\"text-lg font-semibold\">{title}</h2>}\n\n      <StepIndicator steps={steps} currentIndex={currentStepIndex} />\n\n      <div className=\"space-y-4\">\n        <div>\n          <h3 className=\"text-base font-medium\">{stepLabel}</h3>\n          {stepDescription && (\n            <p className=\"mt-1 text-sm text-muted-foreground\">{stepDescription}</p>\n          )}\n        </div>\n\n        {currentStep.fields && currentStep.fields.length > 0 && (\n          <StepFieldsRenderer\n            step={currentStep}\n            data={allData}\n            onChange={handleFieldChange}\n            context={context}\n            fieldErrors={fieldErrors}\n          />\n        )}\n\n        {currentStep.customComponent && (\n          <React.Suspense fallback={<Spinner size=\"sm\" />}>\n            <currentStep.customComponent\n              data={allData}\n              setData={handleSetData}\n              context={context}\n            />\n          </React.Suspense>\n        )}\n\n        {errorMessage && (\n          <p className=\"text-sm text-destructive\" role=\"alert\">{errorMessage}</p>\n        )}\n      </div>\n\n      <div className=\"flex items-center justify-between border-t pt-4\">\n        <div>\n          {!isFirstStep && (\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={handleBack}\n              disabled={validating || completing}\n            >\n              {t('ui.wizard.back', 'Back')}\n            </Button>\n          )}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {onClose && (\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              onClick={onClose}\n              disabled={completing}\n            >\n              {t('ui.wizard.cancel', 'Cancel')}\n            </Button>\n          )}\n          {isLastStep ? (\n            <Button\n              type=\"button\"\n              onClick={handleComplete}\n              disabled={validating || completing}\n            >\n              {completing ? (\n                <>\n                  <Spinner size=\"sm\" className=\"mr-2\" />\n                  {t('ui.wizard.completing', 'Completing...')}\n                </>\n              ) : (\n                t('ui.wizard.complete', 'Complete')\n              )}\n            </Button>\n          ) : (\n            <Button\n              type=\"button\"\n              onClick={handleNext}\n              disabled={validating || completing}\n            >\n              {validating ? (\n                <>\n                  <Spinner size=\"sm\" className=\"mr-2\" />\n                  {t('ui.wizard.validating', 'Validating...')}\n                </>\n              ) : (\n                t('ui.wizard.next', 'Next')\n              )}\n            </Button>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default InjectionWizard\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/injection/PageInjectionBoundary.js

@@ -0,0 +1,26 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { InjectionSpot } from "./InjectionSpot.js";
+function normalizePath(path) {
+  const trimmed = path.replace(/\?.*$/, "").replace(/\/+$/, "");
+  const withoutLeading = trimmed.startsWith("/") ? trimmed.slice(1) : trimmed;
+  const safe = withoutLeading.length ? withoutLeading : "root";
+  return safe.replace(/[^a-zA-Z0-9]+/g, ":");
+}
+function PageInjectionBoundary({
+  path,
+  context,
+  children
+}) {
+  const handle = normalizePath(path || "/");
+  const beforeSpotId = `admin.page:${handle}:before`;
+  const afterSpotId = `admin.page:${handle}:after`;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(InjectionSpot, { spotId: beforeSpotId, context: context ?? { path } }),
+    children,
+    /* @__PURE__ */ jsx(InjectionSpot, { spotId: afterSpotId, context: context ?? { path } })
+  ] });
+}
+export {
+  PageInjectionBoundary
+};
+//# sourceMappingURL=PageInjectionBoundary.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/injection/PageInjectionBoundary.tsx"],
+  "sourcesContent": ["import type { ReactNode } from 'react'\nimport { InjectionSpot } from './InjectionSpot'\n\nfunction normalizePath(path: string): string {\n  const trimmed = path.replace(/\\?.*$/, '').replace(/\\/+$/, '')\n  const withoutLeading = trimmed.startsWith('/') ? trimmed.slice(1) : trimmed\n  const safe = withoutLeading.length ? withoutLeading : 'root'\n  return safe.replace(/[^a-zA-Z0-9]+/g, ':')\n}\n\nexport function PageInjectionBoundary({\n  path,\n  context,\n  children,\n}: {\n  path: string\n  context?: Record<string, unknown>\n  children: ReactNode\n}) {\n  const handle = normalizePath(path || '/')\n  const beforeSpotId = `admin.page:${handle}:before`\n  const afterSpotId = `admin.page:${handle}:after`\n\n  return (\n    <>\n      <InjectionSpot spotId={beforeSpotId} context={context ?? { path }} />\n      {children}\n      <InjectionSpot spotId={afterSpotId} context={context ?? { path }} />\n    </>\n  )\n}\n"],
+  "mappings": "AAwBI,mBACE,KADF;AAvBJ,SAAS,qBAAqB;AAE9B,SAAS,cAAc,MAAsB;AAC3C,QAAM,UAAU,KAAK,QAAQ,SAAS,EAAE,EAAE,QAAQ,QAAQ,EAAE;AAC5D,QAAM,iBAAiB,QAAQ,WAAW,GAAG,IAAI,QAAQ,MAAM,CAAC,IAAI;AACpE,QAAM,OAAO,eAAe,SAAS,iBAAiB;AACtD,SAAO,KAAK,QAAQ,kBAAkB,GAAG;AAC3C;AAEO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,SAAS,cAAc,QAAQ,GAAG;AACxC,QAAM,eAAe,cAAc,MAAM;AACzC,QAAM,cAAc,cAAc,MAAM;AAExC,SACE,iCACE;AAAA,wBAAC,iBAAc,QAAQ,cAAc,SAAS,WAAW,EAAE,KAAK,GAAG;AAAA,IAClE;AAAA,IACD,oBAAC,iBAAc,QAAQ,aAAa,SAAS,WAAW,EAAE,KAAK,GAAG;AAAA,KACpE;AAEJ;",
+  "names": []
+}

package/dist/backend/injection/SseEventIndicator.js

@@ -0,0 +1,8 @@
+"use client";
+function SseEventIndicator() {
+  return null;
+}
+export {
+  SseEventIndicator
+};
+//# sourceMappingURL=SseEventIndicator.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/injection/SseEventIndicator.tsx"],
+  "sourcesContent": ["\"use client\"\n\n/**\n * Deprecated debug helper.\n *\n * Internal DOM bridge events must not be shown to end users as flash\n * messages. Keep this component as a no-op so any legacy imports remain safe.\n */\nexport function SseEventIndicator(): null {\n  return null\n}\n"],
+  "mappings": ";AAQO,SAAS,oBAA0B;AACxC,SAAO;AACT;",
+  "names": []
+}

package/dist/backend/injection/StatusBadgeInjectionSpot.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useInjectionDataWidgets } from "./useInjectionDataWidgets.js";
+import { StatusBadgeRenderer } from "./StatusBadgeRenderer.js";
+function isStatusBadgeWidget(widget) {
+  const mod = widget.module ?? widget;
+  return mod && typeof mod === "object" && "kind" in mod && mod.kind === "status-badge" && "badge" in mod;
+}
+function StatusBadgeInjectionSpot({ spotId, context }) {
+  const { widgets, isLoading } = useInjectionDataWidgets(spotId);
+  if (isLoading || widgets.length === 0) return null;
+  const badgeWidgets = widgets.filter(isStatusBadgeWidget);
+  if (badgeWidgets.length === 0) return null;
+  const badgeContext = {
+    organizationId: context.organizationId ?? "",
+    tenantId: context.tenantId ?? "",
+    userId: context.userId ?? ""
+  };
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children: badgeWidgets.map((widget) => {
+    const mod = widget.module ?? widget;
+    return /* @__PURE__ */ jsx(
+      StatusBadgeRenderer,
+      {
+        widget: mod,
+        context: badgeContext
+      },
+      mod.metadata?.id ?? widget.key
+    );
+  }) });
+}
+export {
+  StatusBadgeInjectionSpot
+};
+//# sourceMappingURL=StatusBadgeInjectionSpot.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/injection/StatusBadgeInjectionSpot.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { InjectionSpotId, InjectionStatusBadgeWidget, StatusBadgeContext } from '@open-mercato/shared/modules/widgets/injection'\nimport { useInjectionDataWidgets } from './useInjectionDataWidgets'\nimport { StatusBadgeRenderer } from './StatusBadgeRenderer'\n\ntype StatusBadgeInjectionSpotProps = {\n  spotId: InjectionSpotId\n  context: Partial<StatusBadgeContext> & Record<string, unknown>\n}\n\nfunction isStatusBadgeWidget(widget: { module?: unknown } & Record<string, unknown>): widget is { module: InjectionStatusBadgeWidget } & Record<string, unknown> {\n  const mod = (widget as any).module ?? widget\n  return mod && typeof mod === 'object' && 'kind' in mod && mod.kind === 'status-badge' && 'badge' in mod\n}\n\n/**\n * Renders status badge data widgets for a given injection spot.\n * Filters loaded data widgets to only those with `kind: 'status-badge'`.\n */\nexport function StatusBadgeInjectionSpot({ spotId, context }: StatusBadgeInjectionSpotProps) {\n  const { widgets, isLoading } = useInjectionDataWidgets(spotId)\n\n  if (isLoading || widgets.length === 0) return null\n\n  const badgeWidgets = widgets.filter(isStatusBadgeWidget)\n  if (badgeWidgets.length === 0) return null\n\n  const badgeContext: StatusBadgeContext = {\n    organizationId: (context.organizationId as string) ?? '',\n    tenantId: (context.tenantId as string) ?? '',\n    userId: (context.userId as string) ?? '',\n  }\n\n  return (\n    <div className=\"flex flex-col gap-1\">\n      {badgeWidgets.map((widget) => {\n        const mod = (widget as any).module ?? widget\n        return (\n          <StatusBadgeRenderer\n            key={mod.metadata?.id ?? (widget as any).key}\n            widget={mod as InjectionStatusBadgeWidget}\n            context={badgeContext}\n          />\n        )\n      })}\n    </div>\n  )\n}\n"],
+  "mappings": ";AAwCU;AApCV,SAAS,+BAA+B;AACxC,SAAS,2BAA2B;AAOpC,SAAS,oBAAoB,QAAoI;AAC/J,QAAM,MAAO,OAAe,UAAU;AACtC,SAAO,OAAO,OAAO,QAAQ,YAAY,UAAU,OAAO,IAAI,SAAS,kBAAkB,WAAW;AACtG;AAMO,SAAS,yBAAyB,EAAE,QAAQ,QAAQ,GAAkC;AAC3F,QAAM,EAAE,SAAS,UAAU,IAAI,wBAAwB,MAAM;AAE7D,MAAI,aAAa,QAAQ,WAAW,EAAG,QAAO;AAE9C,QAAM,eAAe,QAAQ,OAAO,mBAAmB;AACvD,MAAI,aAAa,WAAW,EAAG,QAAO;AAEtC,QAAM,eAAmC;AAAA,IACvC,gBAAiB,QAAQ,kBAA6B;AAAA,IACtD,UAAW,QAAQ,YAAuB;AAAA,IAC1C,QAAS,QAAQ,UAAqB;AAAA,EACxC;AAEA,SACE,oBAAC,SAAI,WAAU,uBACZ,uBAAa,IAAI,CAAC,WAAW;AAC5B,UAAM,MAAO,OAAe,UAAU;AACtC,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,QAAQ;AAAA,QACR,SAAS;AAAA;AAAA,MAFJ,IAAI,UAAU,MAAO,OAAe;AAAA,IAG3C;AAAA,EAEJ,CAAC,GACH;AAEJ;",
+  "names": []
+}

package/dist/backend/injection/StatusBadgeRenderer.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Badge } from "../../primitives/badge.js";
+import { SimpleTooltip } from "../../primitives/tooltip.js";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { cn } from "@open-mercato/shared/lib/utils";
+const STATUS_DOT_CLASSES = {
+  healthy: "bg-green-500",
+  warning: "bg-yellow-500",
+  error: "bg-red-500",
+  unknown: "bg-gray-400"
+};
+function StatusDot({ status }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn("inline-block size-2 shrink-0 rounded-full", STATUS_DOT_CLASSES[status]),
+      "aria-hidden": "true"
+    }
+  );
+}
+function StatusBadgeRenderer({ widget, context }) {
+  const t = useT();
+  const [result, setResult] = React.useState({ status: "unknown" });
+  const mountedRef = React.useRef(true);
+  React.useEffect(() => {
+    mountedRef.current = true;
+    const load = () => {
+      widget.badge.statusLoader(context).then((data) => {
+        if (mountedRef.current) setResult(data);
+      }).catch(() => {
+        if (mountedRef.current) setResult({ status: "unknown" });
+      });
+    };
+    load();
+    const intervalMs = (widget.badge.pollInterval ?? 60) * 1e3;
+    const interval = setInterval(load, intervalMs);
+    return () => {
+      mountedRef.current = false;
+      clearInterval(interval);
+    };
+  }, [widget.badge, context]);
+  const label = t(widget.badge.label, widget.badge.label);
+  const content = /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-sm", children: [
+    /* @__PURE__ */ jsx(StatusDot, { status: result.status }),
+    /* @__PURE__ */ jsx("span", { className: "truncate", children: label }),
+    result.count != null && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "ml-0.5 px-1.5 py-0 text-xs", children: result.count })
+  ] });
+  const wrapped = result.tooltip ? /* @__PURE__ */ jsx(SimpleTooltip, { content: result.tooltip, children: widget.badge.href ? /* @__PURE__ */ jsx("a", { href: widget.badge.href, className: "inline-flex items-center hover:opacity-80 transition-opacity", children: content }) : /* @__PURE__ */ jsx("span", { className: "inline-flex items-center", children: content }) }) : widget.badge.href ? /* @__PURE__ */ jsx("a", { href: widget.badge.href, className: "inline-flex items-center hover:opacity-80 transition-opacity", children: content }) : content;
+  return /* @__PURE__ */ jsx("div", { className: "px-2 py-1", children: wrapped });
+}
+var StatusBadgeRenderer_default = StatusBadgeRenderer;
+export {
+  StatusBadgeRenderer,
+  StatusBadgeRenderer_default as default
+};
+//# sourceMappingURL=StatusBadgeRenderer.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/injection/StatusBadgeRenderer.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type {\n  InjectionStatusBadgeWidget,\n  StatusBadgeResult,\n  StatusBadgeContext,\n} from '@open-mercato/shared/modules/widgets/injection'\nimport { Badge } from '../../primitives/badge'\nimport { SimpleTooltip } from '../../primitives/tooltip'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\ntype StatusBadgeRendererProps = {\n  widget: InjectionStatusBadgeWidget\n  context: StatusBadgeContext\n}\n\nconst STATUS_DOT_CLASSES: Record<StatusBadgeResult['status'], string> = {\n  healthy: 'bg-green-500',\n  warning: 'bg-yellow-500',\n  error: 'bg-red-500',\n  unknown: 'bg-gray-400',\n}\n\nfunction StatusDot({ status }: { status: StatusBadgeResult['status'] }) {\n  return (\n    <span\n      className={cn('inline-block size-2 shrink-0 rounded-full', STATUS_DOT_CLASSES[status])}\n      aria-hidden=\"true\"\n    />\n  )\n}\n\nexport function StatusBadgeRenderer({ widget, context }: StatusBadgeRendererProps) {\n  const t = useT()\n  const [result, setResult] = React.useState<StatusBadgeResult>({ status: 'unknown' })\n  const mountedRef = React.useRef(true)\n\n  React.useEffect(() => {\n    mountedRef.current = true\n\n    const load = () => {\n      widget.badge\n        .statusLoader(context)\n        .then((data) => {\n          if (mountedRef.current) setResult(data)\n        })\n        .catch(() => {\n          if (mountedRef.current) setResult({ status: 'unknown' })\n        })\n    }\n\n    load()\n\n    const intervalMs = (widget.badge.pollInterval ?? 60) * 1000\n    const interval = setInterval(load, intervalMs)\n\n    return () => {\n      mountedRef.current = false\n      clearInterval(interval)\n    }\n  }, [widget.badge, context])\n\n  const label = t(widget.badge.label, widget.badge.label)\n\n  const content = (\n    <span className=\"inline-flex items-center gap-1.5 text-sm\">\n      <StatusDot status={result.status} />\n      <span className=\"truncate\">{label}</span>\n      {result.count != null && (\n        <Badge variant=\"secondary\" className=\"ml-0.5 px-1.5 py-0 text-xs\">\n          {result.count}\n        </Badge>\n      )}\n    </span>\n  )\n\n  const wrapped = result.tooltip ? (\n    <SimpleTooltip content={result.tooltip}>\n      {widget.badge.href ? (\n        <a href={widget.badge.href} className=\"inline-flex items-center hover:opacity-80 transition-opacity\">\n          {content}\n        </a>\n      ) : (\n        <span className=\"inline-flex items-center\">{content}</span>\n      )}\n    </SimpleTooltip>\n  ) : widget.badge.href ? (\n    <a href={widget.badge.href} className=\"inline-flex items-center hover:opacity-80 transition-opacity\">\n      {content}\n    </a>\n  ) : (\n    content\n  )\n\n  return <div className=\"px-2 py-1\">{wrapped}</div>\n}\n\nexport default StatusBadgeRenderer\n"],
+  "mappings": ";AA2BI,cAwCA,YAxCA;AAzBJ,YAAY,WAAW;AAMvB,SAAS,aAAa;AACtB,SAAS,qBAAqB;AAC9B,SAAS,YAAY;AACrB,SAAS,UAAU;AAOnB,MAAM,qBAAkE;AAAA,EACtE,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX;AAEA,SAAS,UAAU,EAAE,OAAO,GAA4C;AACtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,6CAA6C,mBAAmB,MAAM,CAAC;AAAA,MACrF,eAAY;AAAA;AAAA,EACd;AAEJ;AAEO,SAAS,oBAAoB,EAAE,QAAQ,QAAQ,GAA6B;AACjF,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAA4B,EAAE,QAAQ,UAAU,CAAC;AACnF,QAAM,aAAa,MAAM,OAAO,IAAI;AAEpC,QAAM,UAAU,MAAM;AACpB,eAAW,UAAU;AAErB,UAAM,OAAO,MAAM;AACjB,aAAO,MACJ,aAAa,OAAO,EACpB,KAAK,CAAC,SAAS;AACd,YAAI,WAAW,QAAS,WAAU,IAAI;AAAA,MACxC,CAAC,EACA,MAAM,MAAM;AACX,YAAI,WAAW,QAAS,WAAU,EAAE,QAAQ,UAAU,CAAC;AAAA,MACzD,CAAC;AAAA,IACL;AAEA,SAAK;AAEL,UAAM,cAAc,OAAO,MAAM,gBAAgB,MAAM;AACvD,UAAM,WAAW,YAAY,MAAM,UAAU;AAE7C,WAAO,MAAM;AACX,iBAAW,UAAU;AACrB,oBAAc,QAAQ;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,OAAO,OAAO,OAAO,CAAC;AAE1B,QAAM,QAAQ,EAAE,OAAO,MAAM,OAAO,OAAO,MAAM,KAAK;AAEtD,QAAM,UACJ,qBAAC,UAAK,WAAU,4CACd;AAAA,wBAAC,aAAU,QAAQ,OAAO,QAAQ;AAAA,IAClC,oBAAC,UAAK,WAAU,YAAY,iBAAM;AAAA,IACjC,OAAO,SAAS,QACf,oBAAC,SAAM,SAAQ,aAAY,WAAU,8BAClC,iBAAO,OACV;AAAA,KAEJ;AAGF,QAAM,UAAU,OAAO,UACrB,oBAAC,iBAAc,SAAS,OAAO,SAC5B,iBAAO,MAAM,OACZ,oBAAC,OAAE,MAAM,OAAO,MAAM,MAAM,WAAU,gEACnC,mBACH,IAEA,oBAAC,UAAK,WAAU,4BAA4B,mBAAQ,GAExD,IACE,OAAO,MAAM,OACf,oBAAC,OAAE,MAAM,OAAO,MAAM,MAAM,WAAU,gEACnC,mBACH,IAEA;AAGF,SAAO,oBAAC,SAAI,WAAU,aAAa,mBAAQ;AAC7C;AAEA,IAAO,8BAAQ;",
+  "names": []
+}

package/dist/backend/injection/WidgetSharedState.js

@@ -0,0 +1,49 @@
+class NamespacedWidgetSharedState {
+  constructor(namespace) {
+    this.namespace = namespace;
+    this.values = /* @__PURE__ */ new Map();
+    this.subscribers = /* @__PURE__ */ new Map();
+  }
+  get(key) {
+    return this.values.get(this.toScopedKey(key));
+  }
+  set(key, value) {
+    const scopedKey = this.toScopedKey(key);
+    this.values.set(scopedKey, value);
+    const handlers = this.subscribers.get(scopedKey);
+    if (!handlers || handlers.size === 0) return;
+    for (const handler of handlers) {
+      handler(value);
+    }
+  }
+  subscribe(key, handler) {
+    const scopedKey = this.toScopedKey(key);
+    const handlers = this.subscribers.get(scopedKey) ?? /* @__PURE__ */ new Set();
+    handlers.add(handler);
+    this.subscribers.set(scopedKey, handlers);
+    return () => {
+      const current = this.subscribers.get(scopedKey);
+      if (!current) return;
+      current.delete(handler);
+      if (current.size === 0) {
+        this.subscribers.delete(scopedKey);
+      }
+    };
+  }
+  toScopedKey(key) {
+    return `${this.namespace}:${key}`;
+  }
+}
+const storeByNamespace = /* @__PURE__ */ new Map();
+function getWidgetSharedState(namespace) {
+  const normalized = namespace.trim().length > 0 ? namespace.trim() : "global";
+  const existing = storeByNamespace.get(normalized);
+  if (existing) return existing;
+  const created = new NamespacedWidgetSharedState(normalized);
+  storeByNamespace.set(normalized, created);
+  return created;
+}
+export {
+  getWidgetSharedState
+};
+//# sourceMappingURL=WidgetSharedState.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/injection/WidgetSharedState.ts"],
+  "sourcesContent": ["type Subscriber = (value: unknown) => void\n\nexport interface WidgetSharedState {\n  get<T>(key: string): T | undefined\n  set<T>(key: string, value: T): void\n  subscribe(key: string, handler: Subscriber): () => void\n}\n\nclass NamespacedWidgetSharedState implements WidgetSharedState {\n  private readonly values = new Map<string, unknown>()\n  private readonly subscribers = new Map<string, Set<Subscriber>>()\n\n  constructor(private readonly namespace: string) {}\n\n  get<T>(key: string): T | undefined {\n    return this.values.get(this.toScopedKey(key)) as T | undefined\n  }\n\n  set<T>(key: string, value: T): void {\n    const scopedKey = this.toScopedKey(key)\n    this.values.set(scopedKey, value)\n    const handlers = this.subscribers.get(scopedKey)\n    if (!handlers || handlers.size === 0) return\n    for (const handler of handlers) {\n      handler(value)\n    }\n  }\n\n  subscribe(key: string, handler: Subscriber): () => void {\n    const scopedKey = this.toScopedKey(key)\n    const handlers = this.subscribers.get(scopedKey) ?? new Set<Subscriber>()\n    handlers.add(handler)\n    this.subscribers.set(scopedKey, handlers)\n    return () => {\n      const current = this.subscribers.get(scopedKey)\n      if (!current) return\n      current.delete(handler)\n      if (current.size === 0) {\n        this.subscribers.delete(scopedKey)\n      }\n    }\n  }\n\n  private toScopedKey(key: string): string {\n    return `${this.namespace}:${key}`\n  }\n}\n\nconst storeByNamespace = new Map<string, WidgetSharedState>()\n\nexport function getWidgetSharedState(namespace: string): WidgetSharedState {\n  const normalized = namespace.trim().length > 0 ? namespace.trim() : 'global'\n  const existing = storeByNamespace.get(normalized)\n  if (existing) return existing\n  const created = new NamespacedWidgetSharedState(normalized)\n  storeByNamespace.set(normalized, created)\n  return created\n}\n"],
+  "mappings": "AAQA,MAAM,4BAAyD;AAAA,EAI7D,YAA6B,WAAmB;AAAnB;AAH7B,SAAiB,SAAS,oBAAI,IAAqB;AACnD,SAAiB,cAAc,oBAAI,IAA6B;AAAA,EAEf;AAAA,EAEjD,IAAO,KAA4B;AACjC,WAAO,KAAK,OAAO,IAAI,KAAK,YAAY,GAAG,CAAC;AAAA,EAC9C;AAAA,EAEA,IAAO,KAAa,OAAgB;AAClC,UAAM,YAAY,KAAK,YAAY,GAAG;AACtC,SAAK,OAAO,IAAI,WAAW,KAAK;AAChC,UAAM,WAAW,KAAK,YAAY,IAAI,SAAS;AAC/C,QAAI,CAAC,YAAY,SAAS,SAAS,EAAG;AACtC,eAAW,WAAW,UAAU;AAC9B,cAAQ,KAAK;AAAA,IACf;AAAA,EACF;AAAA,EAEA,UAAU,KAAa,SAAiC;AACtD,UAAM,YAAY,KAAK,YAAY,GAAG;AACtC,UAAM,WAAW,KAAK,YAAY,IAAI,SAAS,KAAK,oBAAI,IAAgB;AACxE,aAAS,IAAI,OAAO;AACpB,SAAK,YAAY,IAAI,WAAW,QAAQ;AACxC,WAAO,MAAM;AACX,YAAM,UAAU,KAAK,YAAY,IAAI,SAAS;AAC9C,UAAI,CAAC,QAAS;AACd,cAAQ,OAAO,OAAO;AACtB,UAAI,QAAQ,SAAS,GAAG;AACtB,aAAK,YAAY,OAAO,SAAS;AAAA,MACnC;AAAA,IACF;AAAA,EACF;AAAA,EAEQ,YAAY,KAAqB;AACvC,WAAO,GAAG,KAAK,SAAS,IAAI,GAAG;AAAA,EACjC;AACF;AAEA,MAAM,mBAAmB,oBAAI,IAA+B;AAErD,SAAS,qBAAqB,WAAsC;AACzE,QAAM,aAAa,UAAU,KAAK,EAAE,SAAS,IAAI,UAAU,KAAK,IAAI;AACpE,QAAM,WAAW,iBAAiB,IAAI,UAAU;AAChD,MAAI,SAAU,QAAO;AACrB,QAAM,UAAU,IAAI,4BAA4B,UAAU;AAC1D,mBAAiB,IAAI,YAAY,OAAO;AACxC,SAAO;AACT;",
+  "names": []
+}

package/dist/backend/injection/WizardInjectionSpot.js

@@ -0,0 +1,30 @@
+"use client";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useInjectionDataWidgets } from "./useInjectionDataWidgets.js";
+import { InjectionWizard } from "./InjectionWizard.js";
+function isWizardWidget(widget) {
+  const mod = widget.module ?? widget;
+  return mod && typeof mod === "object" && "kind" in mod && mod.kind === "wizard" && "steps" in mod;
+}
+function WizardInjectionSpot({ spotId, context, onClose }) {
+  const { widgets, isLoading } = useInjectionDataWidgets(spotId);
+  if (isLoading || widgets.length === 0) return null;
+  const wizardWidgets = widgets.filter(isWizardWidget);
+  if (wizardWidgets.length === 0) return null;
+  return /* @__PURE__ */ jsx(Fragment, { children: wizardWidgets.map((widget) => {
+    const mod = widget.module ?? widget;
+    return /* @__PURE__ */ jsx(
+      InjectionWizard,
+      {
+        widget: mod,
+        context,
+        onClose
+      },
+      mod.metadata?.id ?? widget.key
+    );
+  }) });
+}
+export {
+  WizardInjectionSpot
+};
+//# sourceMappingURL=WizardInjectionSpot.js.map