@open-mercato/core 0.5.1-develop.2949.009dcdd2d5 → 0.5.1-develop.2954.610bab2d08

package/dist/modules/auth/backend/users/create/page.js

@@ -11,6 +11,8 @@ import { OrganizationSelect } from "@open-mercato/core/modules/directory/compone
 import { TenantSelect } from "@open-mercato/core/modules/directory/components/TenantSelect";
 import { fetchRoleOptions } from "@open-mercato/core/modules/auth/backend/users/roleOptions";
 import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import { RadioGroup } from "@open-mercato/ui/primitives/radio";
+import { RadioField } from "@open-mercato/ui/primitives/radio-field";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { formatPasswordRequirements, getPasswordPolicy } from "@open-mercato/shared/lib/auth/passwordPolicy";
 function TenantAwareOrganizationSelectInput({
@@ -329,32 +331,30 @@ function DashboardWidgetSelector({
   return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
     error && /* @__PURE__ */ jsx("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 p-3 text-sm text-destructive", children: error }),
     !error && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 rounded-md border bg-muted/30 px-3 py-2", children: [
-        /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "radio",
-              value: "inherit",
-              checked: mode === "inherit",
-              onChange: () => onModeChange("inherit")
-            }
-          ),
-          t("auth.users.widgets.mode.inherit", "Inherit from roles")
-        ] }),
-        /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "radio",
-              value: "override",
-              checked: mode === "override",
-              onChange: () => onModeChange("override")
-            }
-          ),
-          t("auth.users.widgets.mode.override", "Override for this user")
-        ] })
-      ] }),
+      /* @__PURE__ */ jsxs(
+        RadioGroup,
+        {
+          className: "flex flex-row items-center gap-3 rounded-md border bg-muted/30 px-3 py-2",
+          value: mode,
+          onValueChange: (next) => onModeChange(next),
+          children: [
+            /* @__PURE__ */ jsx(
+              RadioField,
+              {
+                value: "inherit",
+                label: t("auth.users.widgets.mode.inherit", "Inherit from roles")
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              RadioField,
+              {
+                value: "override",
+                label: t("auth.users.widgets.mode.override", "Override for this user")
+              }
+            )
+          ]
+        }
+      ),
       mode === "override" && /* @__PURE__ */ jsx("div", { className: "space-y-2", children: catalog.map((widget) => /* @__PURE__ */ jsxs("label", { className: "flex items-start gap-3 rounded-md border px-3 py-2 hover:border-primary/40", children: [
         /* @__PURE__ */ jsx(
           "input",

package/dist/modules/auth/backend/users/create/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/auth/backend/users/create/page.tsx"],
-  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { E } from '#generated/entities.ids.generated'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { CrudForm, type CrudField, type CrudFormGroup, type CrudFieldOption } from '@open-mercato/ui/backend/CrudForm'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { createCrud, updateCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { collectCustomFieldValues } from '@open-mercato/ui/backend/utils/customFieldValues'\nimport { OrganizationSelect } from '@open-mercato/core/modules/directory/components/OrganizationSelect'\nimport { TenantSelect } from '@open-mercato/core/modules/directory/components/TenantSelect'\nimport { fetchRoleOptions } from '@open-mercato/core/modules/auth/backend/users/roleOptions'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { formatPasswordRequirements, getPasswordPolicy } from '@open-mercato/shared/lib/auth/passwordPolicy'\n\ntype CreateUserFormValues = {\n  email: string\n  password: string\n  tenantId: string | null\n  organizationId: string | null\n  roles: string[]\n} & Record<string, unknown>\n\ntype UserListResponse = {\n  isSuperAdmin?: boolean\n}\n\ntype WidgetCatalogResponse = {\n  items?: Array<{ id?: string | null; title?: string | null; description?: string | null }>\n}\n\ntype TenantAwareOrganizationSelectProps = {\n  fieldId: string\n  value: string | null\n  setValue: (value: string | null) => void\n  tenantId: string | null\n  includeInactiveIds?: Iterable<string | null | undefined>\n}\n\nfunction TenantAwareOrganizationSelectInput({\n  fieldId,\n  value,\n  setValue,\n  tenantId,\n  includeInactiveIds,\n}: TenantAwareOrganizationSelectProps) {\n  const prevTenantRef = React.useRef<string | null>(tenantId)\n  const hydratedRef = React.useRef(false)\n  const handleChange = React.useCallback((next: string | null) => {\n    setValue(next ?? null)\n  }, [setValue])\n\n  React.useEffect(() => {\n    if (!hydratedRef.current) {\n      hydratedRef.current = true\n      prevTenantRef.current = tenantId\n      return\n    }\n    if (prevTenantRef.current !== tenantId) {\n      prevTenantRef.current = tenantId\n      setValue(null)\n    }\n  }, [tenantId, setValue])\n\n  return (\n    <OrganizationSelect\n      id={fieldId}\n      value={value}\n      onChange={handleChange}\n      required\n      includeEmptyOption\n      className=\"w-full h-9 rounded border px-2 text-sm\"\n      tenantId={tenantId}\n      includeInactiveIds={includeInactiveIds}\n    />\n  )\n}\n\nexport default function CreateUserPage() {\n  const t = useT()\n  const [widgetCatalog, setWidgetCatalog] = React.useState<Array<{ id: string; title: string; description: string | null }>>([])\n  const [widgetLoading, setWidgetLoading] = React.useState(true)\n  const [widgetError, setWidgetError] = React.useState<string | null>(null)\n  const [widgetMode, setWidgetMode] = React.useState<'inherit' | 'override'>('inherit')\n  const [selectedWidgets, setSelectedWidgets] = React.useState<string[]>([])\n  const [selectedTenantId, setSelectedTenantId] = React.useState<string | null>(null)\n  const [actorIsSuperAdmin, setActorIsSuperAdmin] = React.useState(false)\n  const [actorResolved, setActorResolved] = React.useState(false)\n  const [sendInviteEmail, setSendInviteEmail] = React.useState(false)\n  const passwordPolicy = React.useMemo(() => getPasswordPolicy(), [])\n  const passwordRequirements = React.useMemo(\n    () => formatPasswordRequirements(passwordPolicy, t),\n    [passwordPolicy, t],\n  )\n  const passwordDescription = React.useMemo(() => (\n    passwordRequirements\n      ? t('auth.password.requirements.help', 'Password requirements: {requirements}', { requirements: passwordRequirements })\n      : undefined\n  ), [passwordRequirements, t])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function loadCatalog() {\n      setWidgetLoading(true)\n      setWidgetError(null)\n      try {\n        const { ok, result } = await apiCall<WidgetCatalogResponse>('/api/dashboards/widgets/catalog')\n        if (!ok) throw new Error('request_failed')\n        if (!cancelled) {\n          const rawItems: unknown[] = Array.isArray(result?.items) ? result?.items ?? [] : []\n          const normalized = rawItems\n            .map((item: unknown) => {\n              if (!item || typeof item !== 'object') return null\n              const entry = item as Record<string, unknown>\n              const idValue = entry.id\n              const titleValue = entry.title\n              const descriptionValue = entry.description\n              const id = typeof idValue === 'string' ? idValue : null\n              if (!id || !id.length) return null\n              const title = typeof titleValue === 'string' && titleValue.length > 0 ? titleValue : id\n              const description = typeof descriptionValue === 'string' && descriptionValue.length > 0 ? descriptionValue : null\n              return { id, title, description }\n            })\n            .filter((item): item is { id: string; title: string; description: string | null } => item !== null)\n          setWidgetCatalog(normalized)\n        }\n      } catch (err) {\n        console.error('Failed to load dashboard widget catalog', err)\n        if (!cancelled) {\n          setWidgetError(t(\n            'auth.users.widgets.errors.load',\n            'Unable to load dashboard widgets. You can configure them later from the user page.',\n          ))\n        }\n      } finally {\n        if (!cancelled) setWidgetLoading(false)\n      }\n    }\n    loadCatalog()\n    return () => { cancelled = true }\n  }, [t])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function loadActor() {\n      try {\n        const { ok, result } = await apiCall<UserListResponse>('/api/auth/users?page=1&pageSize=1')\n        if (!cancelled && ok) setActorIsSuperAdmin(Boolean(result?.isSuperAdmin))\n      } catch (err) {\n        console.error('Failed to resolve actor super admin flag', err)\n      } finally {\n        if (!cancelled) setActorResolved(true)\n      }\n    }\n    loadActor()\n    return () => { cancelled = true }\n  }, [])\n\n  const toggleWidget = React.useCallback((id: string) => {\n    setSelectedWidgets((prev) => (prev.includes(id) ? prev.filter((value) => value !== id) : [...prev, id]))\n  }, [])\n\n  // Block role loading until we know whether the actor is a super admin. Without this guard the\n  // initial (non-super-admin) branch fires before the flag resolves and the server returns roles\n  // from other tenants because the real caller is a super admin without tenantId scoping.\n  const loadRoleOptions = React.useCallback(async (query?: string): Promise<CrudFieldOption[]> => {\n    if (!actorResolved) return []\n    if (actorIsSuperAdmin) {\n      if (!selectedTenantId) return []\n      return fetchRoleOptions(query, { tenantId: selectedTenantId })\n    }\n    return fetchRoleOptions(query)\n  }, [actorIsSuperAdmin, actorResolved, selectedTenantId])\n\n  const fields: CrudField[] = React.useMemo(() => {\n    const items: CrudField[] = [\n      { id: 'email', label: t('auth.users.form.field.email', 'Email'), type: 'text', required: true },\n      {\n        id: 'sendInviteEmail',\n        label: t('auth.users.form.field.sendInviteEmail', 'Send password setup link via email'),\n        type: 'custom',\n        component: () => (\n          <label className=\"flex items-center gap-2 text-sm\">\n            <input\n              type=\"checkbox\"\n              className=\"size-4\"\n              checked={sendInviteEmail}\n              onChange={(e) => setSendInviteEmail(e.target.checked)}\n            />\n            {t('auth.users.form.field.sendInviteEmailHint', 'Invite user to set their own password via a secure email link')}\n          </label>\n        ),\n      },\n      ...(!sendInviteEmail ? [{\n        id: 'password',\n        label: t('auth.users.form.field.password', 'Password'),\n        type: 'password' as const,\n        required: true,\n        description: passwordDescription,\n      }] : []),\n    ]\n    if (actorIsSuperAdmin) {\n      items.push({\n        id: 'tenantId',\n        label: t('auth.users.form.field.tenant', 'Tenant'),\n        type: 'custom',\n        required: true,\n        component: ({ value, setValue }) => {\n          const normalizedValue = typeof value === 'string'\n            ? value\n            : (typeof selectedTenantId === 'string' ? selectedTenantId : null)\n          return (\n            <TenantSelect\n              id=\"tenantId\"\n              value={normalizedValue}\n              onChange={(next) => {\n                const resolved = next ?? null\n                setValue(resolved)\n                setSelectedTenantId(resolved)\n              }}\n              includeEmptyOption\n              className=\"w-full h-9 rounded border px-2 text-sm\"\n              required\n            />\n          )\n        },\n      })\n    }\n    items.push({\n      id: 'organizationId',\n      label: t('auth.users.form.field.organization', 'Organization'),\n      type: 'custom',\n      required: true,\n      component: ({ id, value, setValue }) => {\n        const normalizedValue = typeof value === 'string' ? value : null\n        return (\n          <TenantAwareOrganizationSelectInput\n            fieldId={id}\n            value={normalizedValue}\n            setValue={(next) => setValue(next ?? null)}\n            tenantId={selectedTenantId}\n          />\n        )\n      },\n    })\n    items.push({ id: 'roles', label: t('auth.users.form.field.roles', 'Roles'), type: 'tags', loadOptions: loadRoleOptions })\n    return items\n  }, [actorIsSuperAdmin, loadRoleOptions, passwordDescription, selectedTenantId, sendInviteEmail, t])\n\n  const detailFieldIds = React.useMemo(() => {\n    const base: string[] = sendInviteEmail\n      ? ['email', 'sendInviteEmail', 'organizationId', 'roles']\n      : ['email', 'sendInviteEmail', 'password', 'organizationId', 'roles']\n    if (actorIsSuperAdmin) {\n      const orgIdx = base.indexOf('organizationId')\n      base.splice(orgIdx, 0, 'tenantId')\n    }\n    return base\n  }, [actorIsSuperAdmin, sendInviteEmail])\n\n  const groups: CrudFormGroup[] = React.useMemo(() => [\n    { id: 'details', title: t('auth.users.form.group.details', 'Details'), column: 1, fields: detailFieldIds },\n    {\n      id: 'acl',\n      title: t('auth.users.form.group.access', 'Access'),\n      column: 1,\n      component: () => (\n        <div className=\"text-sm text-muted-foreground\">\n          {t('auth.users.form.aclHint', 'ACL can be edited after creating the user.')}\n        </div>\n      ),\n    },\n    { id: 'custom', title: t('auth.users.form.group.customFields', 'Custom Data'), column: 2, kind: 'customFields' },\n    {\n      id: 'dashboardWidgets',\n      title: t('auth.users.form.group.widgets', 'Dashboard Widgets'),\n      column: 2,\n      component: () => (\n        <DashboardWidgetSelector\n          catalog={widgetCatalog}\n          loading={widgetLoading}\n          error={widgetError}\n          mode={widgetMode}\n          onModeChange={setWidgetMode}\n          selected={selectedWidgets}\n          onToggle={toggleWidget}\n        />\n      ),\n    },\n  ], [detailFieldIds, t, widgetCatalog, widgetError, widgetLoading, widgetMode, selectedWidgets, toggleWidget])\n\n  const initialValues = React.useMemo<Partial<CreateUserFormValues>>(\n    () => ({\n      email: '',\n      password: '',\n      tenantId: null,\n      organizationId: null,\n      roles: [],\n    }),\n    [],\n  )\n\n  return (\n    <Page>\n      <PageBody>\n        <CrudForm<CreateUserFormValues>\n          title={t('auth.users.form.title.create', 'Create User')}\n          backHref=\"/backend/users\"\n          fields={fields}\n          groups={groups}\n          entityId={E.auth.user}\n          initialValues={initialValues}\n          submitLabel={t('auth.users.form.action.create', 'Create')}\n          cancelHref=\"/backend/users\"\n          successRedirect={`/backend/users?flash=${encodeURIComponent(\n            sendInviteEmail\n              ? t('auth.users.flash.createdWithInvite', 'User created and invitation sent')\n              : t('auth.users.flash.created', 'User created')\n          )}&type=success`}\n          onSubmit={async (values) => {\n            const customFields = collectCustomFieldValues(values)\n            const payload: Record<string, unknown> = {\n              email: values.email,\n              organizationId: values.organizationId ? values.organizationId : null,\n              roles: Array.isArray(values.roles) ? values.roles : [],\n              ...(Object.keys(customFields).length ? { customFields } : {}),\n            }\n            if (sendInviteEmail) {\n              payload.sendInviteEmail = true\n            } else {\n              payload.password = values.password\n            }\n            if (actorIsSuperAdmin) {\n              const rawTenant = typeof values.tenantId === 'string' ? values.tenantId.trim() : null\n              payload.tenantId = rawTenant && rawTenant.length ? rawTenant : null\n            }\n            const { result: created } = await createCrud<{ id?: string; _warning?: string }>('auth/users', payload)\n            const newUserId = typeof created?.id === 'string' ? created.id : null\n            if (created?._warning === 'invite_email_failed') {\n              const msg = t('auth.users.flash.createdEmailFailed', 'User created but invitation email could not be sent. You can resend it from the user page.')\n              window.location.href = `/backend/users?flash=${encodeURIComponent(msg)}&type=warning`\n              return\n            }\n\n            if (widgetMode === 'override' && newUserId) {\n              await updateCrud('dashboards/users/widgets', {\n                userId: newUserId,\n                mode: 'override',\n                widgetIds: selectedWidgets,\n                organizationId: values.organizationId ? values.organizationId : null,\n                tenantId: actorIsSuperAdmin\n                  ? (typeof values.tenantId === 'string' && values.tenantId.length ? values.tenantId : null)\n                  : null,\n              }, {\n                errorMessage: t('auth.users.form.errors.widgetsAssign', 'Failed to assign dashboard widgets to the new user'),\n              })\n            }\n          }}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n\nfunction DashboardWidgetSelector({\n  catalog,\n  loading,\n  error,\n  mode,\n  onModeChange,\n  selected,\n  onToggle,\n}: {\n  catalog: Array<{ id: string; title: string; description: string | null }>\n  loading: boolean\n  error: string | null\n  mode: 'inherit' | 'override'\n  onModeChange: (mode: 'inherit' | 'override') => void\n  selected: string[]\n  onToggle: (id: string) => void\n}) {\n  const t = useT()\n  if (loading) {\n    return (\n      <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n        <Spinner size=\"sm\" /> {t('auth.users.widgets.loading', 'Loading widgets\u2026')}\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      {error && (\n        <div className=\"rounded-md border border-destructive/40 bg-destructive/10 p-3 text-sm text-destructive\">{error}</div>\n      )}\n      {!error && (\n        <>\n          <div className=\"flex items-center gap-3 rounded-md border bg-muted/30 px-3 py-2\">\n            <label className=\"flex items-center gap-2 text-sm\">\n              <input\n                type=\"radio\"\n                value=\"inherit\"\n                checked={mode === 'inherit'}\n                onChange={() => onModeChange('inherit')}\n              />\n              {t('auth.users.widgets.mode.inherit', 'Inherit from roles')}\n            </label>\n            <label className=\"flex items-center gap-2 text-sm\">\n              <input\n                type=\"radio\"\n                value=\"override\"\n                checked={mode === 'override'}\n                onChange={() => onModeChange('override')}\n              />\n              {t('auth.users.widgets.mode.override', 'Override for this user')}\n            </label>\n          </div>\n          {mode === 'override' && (\n            <div className=\"space-y-2\">\n              {catalog.map((widget) => (\n                <label key={widget.id} className=\"flex items-start gap-3 rounded-md border px-3 py-2 hover:border-primary/40\">\n                  <input\n                    type=\"checkbox\"\n                    className=\"mt-1 size-4\"\n                    checked={selected.includes(widget.id)}\n                    onChange={() => onToggle(widget.id)}\n                  />\n                  <div>\n                    <div className=\"text-sm font-medium leading-none\">{widget.title}</div>\n                    {widget.description ? <div className=\"text-xs text-muted-foreground\">{widget.description}</div> : null}\n                  </div>\n                </label>\n              ))}\n            </div>\n          )}\n          {mode === 'inherit' && (\n            <div className=\"rounded-md border bg-muted/30 px-3 py-2 text-xs text-muted-foreground\">\n              {t('auth.users.widgets.mode.hint', 'New users inherit widgets from their assigned roles. Override to pick a custom set.')}\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { E } from '#generated/entities.ids.generated'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { CrudForm, type CrudField, type CrudFormGroup, type CrudFieldOption } from '@open-mercato/ui/backend/CrudForm'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { createCrud, updateCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { collectCustomFieldValues } from '@open-mercato/ui/backend/utils/customFieldValues'\nimport { OrganizationSelect } from '@open-mercato/core/modules/directory/components/OrganizationSelect'\nimport { TenantSelect } from '@open-mercato/core/modules/directory/components/TenantSelect'\nimport { fetchRoleOptions } from '@open-mercato/core/modules/auth/backend/users/roleOptions'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { RadioGroup } from '@open-mercato/ui/primitives/radio'\nimport { RadioField } from '@open-mercato/ui/primitives/radio-field'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { formatPasswordRequirements, getPasswordPolicy } from '@open-mercato/shared/lib/auth/passwordPolicy'\n\ntype CreateUserFormValues = {\n  email: string\n  password: string\n  tenantId: string | null\n  organizationId: string | null\n  roles: string[]\n} & Record<string, unknown>\n\ntype UserListResponse = {\n  isSuperAdmin?: boolean\n}\n\ntype WidgetCatalogResponse = {\n  items?: Array<{ id?: string | null; title?: string | null; description?: string | null }>\n}\n\ntype TenantAwareOrganizationSelectProps = {\n  fieldId: string\n  value: string | null\n  setValue: (value: string | null) => void\n  tenantId: string | null\n  includeInactiveIds?: Iterable<string | null | undefined>\n}\n\nfunction TenantAwareOrganizationSelectInput({\n  fieldId,\n  value,\n  setValue,\n  tenantId,\n  includeInactiveIds,\n}: TenantAwareOrganizationSelectProps) {\n  const prevTenantRef = React.useRef<string | null>(tenantId)\n  const hydratedRef = React.useRef(false)\n  const handleChange = React.useCallback((next: string | null) => {\n    setValue(next ?? null)\n  }, [setValue])\n\n  React.useEffect(() => {\n    if (!hydratedRef.current) {\n      hydratedRef.current = true\n      prevTenantRef.current = tenantId\n      return\n    }\n    if (prevTenantRef.current !== tenantId) {\n      prevTenantRef.current = tenantId\n      setValue(null)\n    }\n  }, [tenantId, setValue])\n\n  return (\n    <OrganizationSelect\n      id={fieldId}\n      value={value}\n      onChange={handleChange}\n      required\n      includeEmptyOption\n      className=\"w-full h-9 rounded border px-2 text-sm\"\n      tenantId={tenantId}\n      includeInactiveIds={includeInactiveIds}\n    />\n  )\n}\n\nexport default function CreateUserPage() {\n  const t = useT()\n  const [widgetCatalog, setWidgetCatalog] = React.useState<Array<{ id: string; title: string; description: string | null }>>([])\n  const [widgetLoading, setWidgetLoading] = React.useState(true)\n  const [widgetError, setWidgetError] = React.useState<string | null>(null)\n  const [widgetMode, setWidgetMode] = React.useState<'inherit' | 'override'>('inherit')\n  const [selectedWidgets, setSelectedWidgets] = React.useState<string[]>([])\n  const [selectedTenantId, setSelectedTenantId] = React.useState<string | null>(null)\n  const [actorIsSuperAdmin, setActorIsSuperAdmin] = React.useState(false)\n  const [actorResolved, setActorResolved] = React.useState(false)\n  const [sendInviteEmail, setSendInviteEmail] = React.useState(false)\n  const passwordPolicy = React.useMemo(() => getPasswordPolicy(), [])\n  const passwordRequirements = React.useMemo(\n    () => formatPasswordRequirements(passwordPolicy, t),\n    [passwordPolicy, t],\n  )\n  const passwordDescription = React.useMemo(() => (\n    passwordRequirements\n      ? t('auth.password.requirements.help', 'Password requirements: {requirements}', { requirements: passwordRequirements })\n      : undefined\n  ), [passwordRequirements, t])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function loadCatalog() {\n      setWidgetLoading(true)\n      setWidgetError(null)\n      try {\n        const { ok, result } = await apiCall<WidgetCatalogResponse>('/api/dashboards/widgets/catalog')\n        if (!ok) throw new Error('request_failed')\n        if (!cancelled) {\n          const rawItems: unknown[] = Array.isArray(result?.items) ? result?.items ?? [] : []\n          const normalized = rawItems\n            .map((item: unknown) => {\n              if (!item || typeof item !== 'object') return null\n              const entry = item as Record<string, unknown>\n              const idValue = entry.id\n              const titleValue = entry.title\n              const descriptionValue = entry.description\n              const id = typeof idValue === 'string' ? idValue : null\n              if (!id || !id.length) return null\n              const title = typeof titleValue === 'string' && titleValue.length > 0 ? titleValue : id\n              const description = typeof descriptionValue === 'string' && descriptionValue.length > 0 ? descriptionValue : null\n              return { id, title, description }\n            })\n            .filter((item): item is { id: string; title: string; description: string | null } => item !== null)\n          setWidgetCatalog(normalized)\n        }\n      } catch (err) {\n        console.error('Failed to load dashboard widget catalog', err)\n        if (!cancelled) {\n          setWidgetError(t(\n            'auth.users.widgets.errors.load',\n            'Unable to load dashboard widgets. You can configure them later from the user page.',\n          ))\n        }\n      } finally {\n        if (!cancelled) setWidgetLoading(false)\n      }\n    }\n    loadCatalog()\n    return () => { cancelled = true }\n  }, [t])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function loadActor() {\n      try {\n        const { ok, result } = await apiCall<UserListResponse>('/api/auth/users?page=1&pageSize=1')\n        if (!cancelled && ok) setActorIsSuperAdmin(Boolean(result?.isSuperAdmin))\n      } catch (err) {\n        console.error('Failed to resolve actor super admin flag', err)\n      } finally {\n        if (!cancelled) setActorResolved(true)\n      }\n    }\n    loadActor()\n    return () => { cancelled = true }\n  }, [])\n\n  const toggleWidget = React.useCallback((id: string) => {\n    setSelectedWidgets((prev) => (prev.includes(id) ? prev.filter((value) => value !== id) : [...prev, id]))\n  }, [])\n\n  // Block role loading until we know whether the actor is a super admin. Without this guard the\n  // initial (non-super-admin) branch fires before the flag resolves and the server returns roles\n  // from other tenants because the real caller is a super admin without tenantId scoping.\n  const loadRoleOptions = React.useCallback(async (query?: string): Promise<CrudFieldOption[]> => {\n    if (!actorResolved) return []\n    if (actorIsSuperAdmin) {\n      if (!selectedTenantId) return []\n      return fetchRoleOptions(query, { tenantId: selectedTenantId })\n    }\n    return fetchRoleOptions(query)\n  }, [actorIsSuperAdmin, actorResolved, selectedTenantId])\n\n  const fields: CrudField[] = React.useMemo(() => {\n    const items: CrudField[] = [\n      { id: 'email', label: t('auth.users.form.field.email', 'Email'), type: 'text', required: true },\n      {\n        id: 'sendInviteEmail',\n        label: t('auth.users.form.field.sendInviteEmail', 'Send password setup link via email'),\n        type: 'custom',\n        component: () => (\n          <label className=\"flex items-center gap-2 text-sm\">\n            <input\n              type=\"checkbox\"\n              className=\"size-4\"\n              checked={sendInviteEmail}\n              onChange={(e) => setSendInviteEmail(e.target.checked)}\n            />\n            {t('auth.users.form.field.sendInviteEmailHint', 'Invite user to set their own password via a secure email link')}\n          </label>\n        ),\n      },\n      ...(!sendInviteEmail ? [{\n        id: 'password',\n        label: t('auth.users.form.field.password', 'Password'),\n        type: 'password' as const,\n        required: true,\n        description: passwordDescription,\n      }] : []),\n    ]\n    if (actorIsSuperAdmin) {\n      items.push({\n        id: 'tenantId',\n        label: t('auth.users.form.field.tenant', 'Tenant'),\n        type: 'custom',\n        required: true,\n        component: ({ value, setValue }) => {\n          const normalizedValue = typeof value === 'string'\n            ? value\n            : (typeof selectedTenantId === 'string' ? selectedTenantId : null)\n          return (\n            <TenantSelect\n              id=\"tenantId\"\n              value={normalizedValue}\n              onChange={(next) => {\n                const resolved = next ?? null\n                setValue(resolved)\n                setSelectedTenantId(resolved)\n              }}\n              includeEmptyOption\n              className=\"w-full h-9 rounded border px-2 text-sm\"\n              required\n            />\n          )\n        },\n      })\n    }\n    items.push({\n      id: 'organizationId',\n      label: t('auth.users.form.field.organization', 'Organization'),\n      type: 'custom',\n      required: true,\n      component: ({ id, value, setValue }) => {\n        const normalizedValue = typeof value === 'string' ? value : null\n        return (\n          <TenantAwareOrganizationSelectInput\n            fieldId={id}\n            value={normalizedValue}\n            setValue={(next) => setValue(next ?? null)}\n            tenantId={selectedTenantId}\n          />\n        )\n      },\n    })\n    items.push({ id: 'roles', label: t('auth.users.form.field.roles', 'Roles'), type: 'tags', loadOptions: loadRoleOptions })\n    return items\n  }, [actorIsSuperAdmin, loadRoleOptions, passwordDescription, selectedTenantId, sendInviteEmail, t])\n\n  const detailFieldIds = React.useMemo(() => {\n    const base: string[] = sendInviteEmail\n      ? ['email', 'sendInviteEmail', 'organizationId', 'roles']\n      : ['email', 'sendInviteEmail', 'password', 'organizationId', 'roles']\n    if (actorIsSuperAdmin) {\n      const orgIdx = base.indexOf('organizationId')\n      base.splice(orgIdx, 0, 'tenantId')\n    }\n    return base\n  }, [actorIsSuperAdmin, sendInviteEmail])\n\n  const groups: CrudFormGroup[] = React.useMemo(() => [\n    { id: 'details', title: t('auth.users.form.group.details', 'Details'), column: 1, fields: detailFieldIds },\n    {\n      id: 'acl',\n      title: t('auth.users.form.group.access', 'Access'),\n      column: 1,\n      component: () => (\n        <div className=\"text-sm text-muted-foreground\">\n          {t('auth.users.form.aclHint', 'ACL can be edited after creating the user.')}\n        </div>\n      ),\n    },\n    { id: 'custom', title: t('auth.users.form.group.customFields', 'Custom Data'), column: 2, kind: 'customFields' },\n    {\n      id: 'dashboardWidgets',\n      title: t('auth.users.form.group.widgets', 'Dashboard Widgets'),\n      column: 2,\n      component: () => (\n        <DashboardWidgetSelector\n          catalog={widgetCatalog}\n          loading={widgetLoading}\n          error={widgetError}\n          mode={widgetMode}\n          onModeChange={setWidgetMode}\n          selected={selectedWidgets}\n          onToggle={toggleWidget}\n        />\n      ),\n    },\n  ], [detailFieldIds, t, widgetCatalog, widgetError, widgetLoading, widgetMode, selectedWidgets, toggleWidget])\n\n  const initialValues = React.useMemo<Partial<CreateUserFormValues>>(\n    () => ({\n      email: '',\n      password: '',\n      tenantId: null,\n      organizationId: null,\n      roles: [],\n    }),\n    [],\n  )\n\n  return (\n    <Page>\n      <PageBody>\n        <CrudForm<CreateUserFormValues>\n          title={t('auth.users.form.title.create', 'Create User')}\n          backHref=\"/backend/users\"\n          fields={fields}\n          groups={groups}\n          entityId={E.auth.user}\n          initialValues={initialValues}\n          submitLabel={t('auth.users.form.action.create', 'Create')}\n          cancelHref=\"/backend/users\"\n          successRedirect={`/backend/users?flash=${encodeURIComponent(\n            sendInviteEmail\n              ? t('auth.users.flash.createdWithInvite', 'User created and invitation sent')\n              : t('auth.users.flash.created', 'User created')\n          )}&type=success`}\n          onSubmit={async (values) => {\n            const customFields = collectCustomFieldValues(values)\n            const payload: Record<string, unknown> = {\n              email: values.email,\n              organizationId: values.organizationId ? values.organizationId : null,\n              roles: Array.isArray(values.roles) ? values.roles : [],\n              ...(Object.keys(customFields).length ? { customFields } : {}),\n            }\n            if (sendInviteEmail) {\n              payload.sendInviteEmail = true\n            } else {\n              payload.password = values.password\n            }\n            if (actorIsSuperAdmin) {\n              const rawTenant = typeof values.tenantId === 'string' ? values.tenantId.trim() : null\n              payload.tenantId = rawTenant && rawTenant.length ? rawTenant : null\n            }\n            const { result: created } = await createCrud<{ id?: string; _warning?: string }>('auth/users', payload)\n            const newUserId = typeof created?.id === 'string' ? created.id : null\n            if (created?._warning === 'invite_email_failed') {\n              const msg = t('auth.users.flash.createdEmailFailed', 'User created but invitation email could not be sent. You can resend it from the user page.')\n              window.location.href = `/backend/users?flash=${encodeURIComponent(msg)}&type=warning`\n              return\n            }\n\n            if (widgetMode === 'override' && newUserId) {\n              await updateCrud('dashboards/users/widgets', {\n                userId: newUserId,\n                mode: 'override',\n                widgetIds: selectedWidgets,\n                organizationId: values.organizationId ? values.organizationId : null,\n                tenantId: actorIsSuperAdmin\n                  ? (typeof values.tenantId === 'string' && values.tenantId.length ? values.tenantId : null)\n                  : null,\n              }, {\n                errorMessage: t('auth.users.form.errors.widgetsAssign', 'Failed to assign dashboard widgets to the new user'),\n              })\n            }\n          }}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n\nfunction DashboardWidgetSelector({\n  catalog,\n  loading,\n  error,\n  mode,\n  onModeChange,\n  selected,\n  onToggle,\n}: {\n  catalog: Array<{ id: string; title: string; description: string | null }>\n  loading: boolean\n  error: string | null\n  mode: 'inherit' | 'override'\n  onModeChange: (mode: 'inherit' | 'override') => void\n  selected: string[]\n  onToggle: (id: string) => void\n}) {\n  const t = useT()\n  if (loading) {\n    return (\n      <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n        <Spinner size=\"sm\" /> {t('auth.users.widgets.loading', 'Loading widgets\u2026')}\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      {error && (\n        <div className=\"rounded-md border border-destructive/40 bg-destructive/10 p-3 text-sm text-destructive\">{error}</div>\n      )}\n      {!error && (\n        <>\n          <RadioGroup\n            className=\"flex flex-row items-center gap-3 rounded-md border bg-muted/30 px-3 py-2\"\n            value={mode}\n            onValueChange={(next) => onModeChange(next as 'inherit' | 'override')}\n          >\n            <RadioField\n              value=\"inherit\"\n              label={t('auth.users.widgets.mode.inherit', 'Inherit from roles')}\n            />\n            <RadioField\n              value=\"override\"\n              label={t('auth.users.widgets.mode.override', 'Override for this user')}\n            />\n          </RadioGroup>\n          {mode === 'override' && (\n            <div className=\"space-y-2\">\n              {catalog.map((widget) => (\n                <label key={widget.id} className=\"flex items-start gap-3 rounded-md border px-3 py-2 hover:border-primary/40\">\n                  <input\n                    type=\"checkbox\"\n                    className=\"mt-1 size-4\"\n                    checked={selected.includes(widget.id)}\n                    onChange={() => onToggle(widget.id)}\n                  />\n                  <div>\n                    <div className=\"text-sm font-medium leading-none\">{widget.title}</div>\n                    {widget.description ? <div className=\"text-xs text-muted-foreground\">{widget.description}</div> : null}\n                  </div>\n                </label>\n              ))}\n            </div>\n          )}\n          {mode === 'inherit' && (\n            <div className=\"rounded-md border bg-muted/30 px-3 py-2 text-xs text-muted-foreground\">\n              {t('auth.users.widgets.mode.hint', 'New users inherit widgets from their assigned roles. Override to pick a custom set.')}\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/business_rules/components/ActionRow.js

@@ -1,6 +1,14 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { X, ChevronUp, ChevronDown } from "lucide-react";
+import { Input } from "@open-mercato/ui/primitives/input";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
 import { getActionTypeOptions, getRequiredConfigFields, getOptionalConfigFields } from "./utils/actionValidation.js";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 function ActionRow({
@@ -45,13 +53,13 @@ function ActionRow({
           required && /* @__PURE__ */ jsx("span", { className: "text-red-500", children: t("business_rules.components.actionRow.actionType.required") })
         ] }),
         /* @__PURE__ */ jsx(
-          "input",
+          Input,
           {
             type: "text",
             value,
             onChange: (e) => handleConfigChange(field, e.target.value.split(",").map((s) => s.trim())),
             placeholder: t("business_rules.components.actionRow.config.recipients.placeholder"),
-            className: "col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+            className: "col-span-3"
           }
         ),
         /* @__PURE__ */ jsx("div", { className: "col-span-4 col-start-2", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("business_rules.components.actionRow.config.recipients.help") }) })
@@ -61,16 +69,18 @@ function ActionRow({
       return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-4 gap-2 items-center", children: [
         /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-foreground col-span-1", children: t("business_rules.components.actionRow.config.level") }),
         /* @__PURE__ */ jsxs(
-          "select",
+          Select,
           {
             value: value || "info",
-            onChange: (e) => handleConfigChange(field, e.target.value),
-            className: "col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            onValueChange: (next) => handleConfigChange(field, next),
             children: [
-              /* @__PURE__ */ jsx("option", { value: "info", children: t("business_rules.components.actionRow.config.level.info") }),
-              /* @__PURE__ */ jsx("option", { value: "warn", children: t("business_rules.components.actionRow.config.level.warn") }),
-              /* @__PURE__ */ jsx("option", { value: "error", children: t("business_rules.components.actionRow.config.level.error") }),
-              /* @__PURE__ */ jsx("option", { value: "debug", children: t("business_rules.components.actionRow.config.level.debug") })
+              /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", className: "col-span-3", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsxs(SelectContent, { children: [
+                /* @__PURE__ */ jsx(SelectItem, { value: "info", children: t("business_rules.components.actionRow.config.level.info") }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "warn", children: t("business_rules.components.actionRow.config.level.warn") }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "error", children: t("business_rules.components.actionRow.config.level.error") }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "debug", children: t("business_rules.components.actionRow.config.level.debug") })
+              ] })
             ]
           }
         )
@@ -80,17 +90,19 @@ function ActionRow({
       return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-4 gap-2 items-center", children: [
         /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-foreground col-span-1", children: t("business_rules.components.actionRow.config.method") }),
         /* @__PURE__ */ jsxs(
-          "select",
+          Select,
           {
             value: value || "POST",
-            onChange: (e) => handleConfigChange(field, e.target.value),
-            className: "col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            onValueChange: (next) => handleConfigChange(field, next),
             children: [
-              /* @__PURE__ */ jsx("option", { value: "GET", children: "GET" }),
-              /* @__PURE__ */ jsx("option", { value: "POST", children: "POST" }),
-              /* @__PURE__ */ jsx("option", { value: "PUT", children: "PUT" }),
-              /* @__PURE__ */ jsx("option", { value: "PATCH", children: "PATCH" }),
-              /* @__PURE__ */ jsx("option", { value: "DELETE", children: "DELETE" })
+              /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", className: "col-span-3", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsxs(SelectContent, { children: [
+                /* @__PURE__ */ jsx(SelectItem, { value: "GET", children: "GET" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "POST", children: "POST" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "PUT", children: "PUT" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "PATCH", children: "PATCH" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "DELETE", children: "DELETE" })
+              ] })
             ]
           }
         )
@@ -123,13 +135,13 @@ function ActionRow({
         required && /* @__PURE__ */ jsx("span", { className: "text-red-500", children: t("business_rules.components.actionRow.actionType.required") })
       ] }),
       /* @__PURE__ */ jsx(
-        "input",
+        Input,
         {
           type: "text",
           value,
           onChange: (e) => handleConfigChange(field, e.target.value),
           placeholder: t("business_rules.components.actionRow.config.field.placeholder", { field }),
-          className: "col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+          className: "col-span-3"
         }
       )
     ] }, field);
@@ -143,14 +155,13 @@ function ActionRow({
           /* @__PURE__ */ jsx("span", { className: "text-red-500", children: t("business_rules.components.actionRow.actionType.required") })
         ] }),
         /* @__PURE__ */ jsxs(
-          "select",
+          Select,
           {
-            value: action.type || "",
-            onChange: handleTypeChange,
-            className: "col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring font-medium",
+            value: action.type || void 0,
+            onValueChange: (value) => handleTypeChange({ target: { value } }),
             children: [
-              /* @__PURE__ */ jsx("option", { value: "", children: t("business_rules.components.actionRow.actionType.placeholder") }),
-              actionTypes.map((type) => /* @__PURE__ */ jsx("option", { value: type.value, children: type.label }, type.value))
+              /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", className: "col-span-3 font-medium", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("business_rules.components.actionRow.actionType.placeholder") }) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: actionTypes.map((type) => /* @__PURE__ */ jsx(SelectItem, { value: type.value, children: type.label }, type.value)) })
             ]
           }
         )

package/dist/modules/business_rules/components/ActionRow.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/business_rules/components/ActionRow.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { X, ChevronUp, ChevronDown } from 'lucide-react'\nimport type { Action } from './utils/actionValidation'\nimport { getActionTypeOptions, getRequiredConfigFields, getOptionalConfigFields } from './utils/actionValidation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type ActionRowProps = {\n  action: Action\n  index: number\n  onChange: (index: number, action: Action) => void\n  onDelete: (index: number) => void\n  onMoveUp?: (index: number) => void\n  onMoveDown?: (index: number) => void\n  canMoveUp?: boolean\n  canMoveDown?: boolean\n  error?: string\n}\n\nexport function ActionRow({\n  action,\n  index,\n  onChange,\n  onDelete,\n  onMoveUp,\n  onMoveDown,\n  canMoveUp,\n  canMoveDown,\n  error,\n}: ActionRowProps) {\n  const t = useT()\n  const actionTypes = getActionTypeOptions(t)\n  const requiredFields = getRequiredConfigFields(action.type)\n  const optionalFields = getOptionalConfigFields(action.type)\n\n  const handleTypeChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    onChange(index, {\n      ...action,\n      type: e.target.value,\n      config: {}, // Reset config when type changes\n    })\n  }\n\n  const handleConfigChange = (field: string, value: any) => {\n    onChange(index, {\n      ...action,\n      config: {\n        ...(action.config || {}),\n        [field]: value,\n      },\n    })\n  }\n\n  const renderConfigField = (field: string, required: boolean) => {\n    const value = action.config?.[field] || ''\n\n    // Special handling for different field types\n    if (field === 'recipients' && action.type === 'NOTIFY') {\n      return (\n        <div key={field} className=\"grid grid-cols-4 gap-2 items-start\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">\n            {t('business_rules.components.actionRow.config.recipients')} {required && <span className=\"text-red-500\">{t('business_rules.components.actionRow.actionType.required')}</span>}\n          </label>\n          <input\n            type=\"text\"\n            value={value}\n            onChange={(e) => handleConfigChange(field, e.target.value.split(',').map((s) => s.trim()))}\n            placeholder={t('business_rules.components.actionRow.config.recipients.placeholder')}\n            className=\"col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          />\n          <div className=\"col-span-4 col-start-2\">\n            <p className=\"text-xs text-muted-foreground\">{t('business_rules.components.actionRow.config.recipients.help')}</p>\n          </div>\n        </div>\n      )\n    }\n\n    if (field === 'level' && action.type === 'LOG') {\n      return (\n        <div key={field} className=\"grid grid-cols-4 gap-2 items-center\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">{t('business_rules.components.actionRow.config.level')}</label>\n          <select\n            value={value || 'info'}\n            onChange={(e) => handleConfigChange(field, e.target.value)}\n            className=\"col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            <option value=\"info\">{t('business_rules.components.actionRow.config.level.info')}</option>\n            <option value=\"warn\">{t('business_rules.components.actionRow.config.level.warn')}</option>\n            <option value=\"error\">{t('business_rules.components.actionRow.config.level.error')}</option>\n            <option value=\"debug\">{t('business_rules.components.actionRow.config.level.debug')}</option>\n          </select>\n        </div>\n      )\n    }\n\n    if (field === 'method' && action.type === 'CALL_WEBHOOK') {\n      return (\n        <div key={field} className=\"grid grid-cols-4 gap-2 items-center\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">{t('business_rules.components.actionRow.config.method')}</label>\n          <select\n            value={value || 'POST'}\n            onChange={(e) => handleConfigChange(field, e.target.value)}\n            className=\"col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            <option value=\"GET\">GET</option>\n            <option value=\"POST\">POST</option>\n            <option value=\"PUT\">PUT</option>\n            <option value=\"PATCH\">PATCH</option>\n            <option value=\"DELETE\">DELETE</option>\n          </select>\n        </div>\n      )\n    }\n\n    if (field === 'message') {\n      return (\n        <div key={field} className=\"grid grid-cols-4 gap-2 items-start\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">\n            {t('business_rules.components.actionRow.config.message')} {required && <span className=\"text-red-500\">{t('business_rules.components.actionRow.actionType.required')}</span>}\n          </label>\n          <textarea\n            value={value}\n            onChange={(e) => handleConfigChange(field, e.target.value)}\n            placeholder={t('business_rules.components.actionRow.config.message.placeholder')}\n            rows={2}\n            className=\"col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          />\n          <div className=\"col-span-4 col-start-2\">\n            <p className=\"text-xs text-muted-foreground\">{t('business_rules.components.actionRow.config.message.help')}</p>\n          </div>\n        </div>\n      )\n    }\n\n    // Default text input\n    return (\n      <div key={field} className=\"grid grid-cols-4 gap-2 items-center\">\n        <label className=\"text-xs font-medium text-foreground col-span-1\">\n          {field} {required && <span className=\"text-red-500\">{t('business_rules.components.actionRow.actionType.required')}</span>}\n        </label>\n        <input\n          type=\"text\"\n          value={value}\n          onChange={(e) => handleConfigChange(field, e.target.value)}\n          placeholder={t('business_rules.components.actionRow.config.field.placeholder', { field })}\n          className=\"col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n        />\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"flex items-start gap-2 p-3 bg-muted rounded border border-border\">\n      <div className=\"flex-1 space-y-2\">\n        {/* Action Type */}\n        <div className=\"grid grid-cols-4 gap-2 items-center\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">\n            {t('business_rules.components.actionRow.actionType')} <span className=\"text-red-500\">{t('business_rules.components.actionRow.actionType.required')}</span>\n          </label>\n          <select\n            value={action.type || ''}\n            onChange={handleTypeChange}\n            className=\"col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring font-medium\"\n          >\n            <option value=\"\">{t('business_rules.components.actionRow.actionType.placeholder')}</option>\n            {actionTypes.map((type) => (\n              <option key={type.value} value={type.value}>\n                {type.label}\n              </option>\n            ))}\n          </select>\n        </div>\n\n        {/* Config Fields */}\n        {action.type && (\n          <>\n            {requiredFields.map((field) => renderConfigField(field, true))}\n            {optionalFields.map((field) => renderConfigField(field, false))}\n          </>\n        )}\n\n        {/* Error Display */}\n        {error && (\n          <div className=\"mt-2\">\n            <p className=\"text-xs text-red-600\">{error}</p>\n          </div>\n        )}\n      </div>\n\n      {/* Control Buttons */}\n      <div className=\"flex flex-col gap-1\">\n        {onMoveUp && (\n          <button\n            type=\"button\"\n            onClick={() => onMoveUp(index)}\n            disabled={!canMoveUp}\n            className=\"p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n            title={t('business_rules.components.actionRow.moveUp')}\n          >\n            <ChevronUp className=\"w-4 h-4\" />\n          </button>\n        )}\n        {onMoveDown && (\n          <button\n            type=\"button\"\n            onClick={() => onMoveDown(index)}\n            disabled={!canMoveDown}\n            className=\"p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n            title={t('business_rules.components.actionRow.moveDown')}\n          >\n            <ChevronDown className=\"w-4 h-4\" />\n          </button>\n        )}\n        <button\n          type=\"button\"\n          onClick={() => onDelete(index)}\n          className=\"p-1 text-muted-foreground hover:text-red-600 hover:bg-red-50 dark:hover:bg-red-900/20 rounded transition-colors\"\n          title={t('business_rules.components.actionRow.delete')}\n        >\n          <X className=\"w-4 h-4\" />\n        </button>\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { X, ChevronUp, ChevronDown } from 'lucide-react'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport type { Action } from './utils/actionValidation'\nimport { getActionTypeOptions, getRequiredConfigFields, getOptionalConfigFields } from './utils/actionValidation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type ActionRowProps = {\n  action: Action\n  index: number\n  onChange: (index: number, action: Action) => void\n  onDelete: (index: number) => void\n  onMoveUp?: (index: number) => void\n  onMoveDown?: (index: number) => void\n  canMoveUp?: boolean\n  canMoveDown?: boolean\n  error?: string\n}\n\nexport function ActionRow({\n  action,\n  index,\n  onChange,\n  onDelete,\n  onMoveUp,\n  onMoveDown,\n  canMoveUp,\n  canMoveDown,\n  error,\n}: ActionRowProps) {\n  const t = useT()\n  const actionTypes = getActionTypeOptions(t)\n  const requiredFields = getRequiredConfigFields(action.type)\n  const optionalFields = getOptionalConfigFields(action.type)\n\n  const handleTypeChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    onChange(index, {\n      ...action,\n      type: e.target.value,\n      config: {}, // Reset config when type changes\n    })\n  }\n\n  const handleConfigChange = (field: string, value: any) => {\n    onChange(index, {\n      ...action,\n      config: {\n        ...(action.config || {}),\n        [field]: value,\n      },\n    })\n  }\n\n  const renderConfigField = (field: string, required: boolean) => {\n    const value = action.config?.[field] || ''\n\n    // Special handling for different field types\n    if (field === 'recipients' && action.type === 'NOTIFY') {\n      return (\n        <div key={field} className=\"grid grid-cols-4 gap-2 items-start\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">\n            {t('business_rules.components.actionRow.config.recipients')} {required && <span className=\"text-red-500\">{t('business_rules.components.actionRow.actionType.required')}</span>}\n          </label>\n          <Input\n            type=\"text\"\n            value={value}\n            onChange={(e) => handleConfigChange(field, e.target.value.split(',').map((s) => s.trim()))}\n            placeholder={t('business_rules.components.actionRow.config.recipients.placeholder')}\n            className=\"col-span-3\"\n          />\n          <div className=\"col-span-4 col-start-2\">\n            <p className=\"text-xs text-muted-foreground\">{t('business_rules.components.actionRow.config.recipients.help')}</p>\n          </div>\n        </div>\n      )\n    }\n\n    if (field === 'level' && action.type === 'LOG') {\n      return (\n        <div key={field} className=\"grid grid-cols-4 gap-2 items-center\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">{t('business_rules.components.actionRow.config.level')}</label>\n          <Select\n            value={value || 'info'}\n            onValueChange={(next) => handleConfigChange(field, next)}\n          >\n            <SelectTrigger size=\"sm\" className=\"col-span-3\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"info\">{t('business_rules.components.actionRow.config.level.info')}</SelectItem>\n              <SelectItem value=\"warn\">{t('business_rules.components.actionRow.config.level.warn')}</SelectItem>\n              <SelectItem value=\"error\">{t('business_rules.components.actionRow.config.level.error')}</SelectItem>\n              <SelectItem value=\"debug\">{t('business_rules.components.actionRow.config.level.debug')}</SelectItem>\n            </SelectContent>\n          </Select>\n        </div>\n      )\n    }\n\n    if (field === 'method' && action.type === 'CALL_WEBHOOK') {\n      return (\n        <div key={field} className=\"grid grid-cols-4 gap-2 items-center\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">{t('business_rules.components.actionRow.config.method')}</label>\n          <Select\n            value={value || 'POST'}\n            onValueChange={(next) => handleConfigChange(field, next)}\n          >\n            <SelectTrigger size=\"sm\" className=\"col-span-3\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"GET\">GET</SelectItem>\n              <SelectItem value=\"POST\">POST</SelectItem>\n              <SelectItem value=\"PUT\">PUT</SelectItem>\n              <SelectItem value=\"PATCH\">PATCH</SelectItem>\n              <SelectItem value=\"DELETE\">DELETE</SelectItem>\n            </SelectContent>\n          </Select>\n        </div>\n      )\n    }\n\n    if (field === 'message') {\n      return (\n        <div key={field} className=\"grid grid-cols-4 gap-2 items-start\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">\n            {t('business_rules.components.actionRow.config.message')} {required && <span className=\"text-red-500\">{t('business_rules.components.actionRow.actionType.required')}</span>}\n          </label>\n          <textarea\n            value={value}\n            onChange={(e) => handleConfigChange(field, e.target.value)}\n            placeholder={t('business_rules.components.actionRow.config.message.placeholder')}\n            rows={2}\n            className=\"col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          />\n          <div className=\"col-span-4 col-start-2\">\n            <p className=\"text-xs text-muted-foreground\">{t('business_rules.components.actionRow.config.message.help')}</p>\n          </div>\n        </div>\n      )\n    }\n\n    // Default text input\n    return (\n      <div key={field} className=\"grid grid-cols-4 gap-2 items-center\">\n        <label className=\"text-xs font-medium text-foreground col-span-1\">\n          {field} {required && <span className=\"text-red-500\">{t('business_rules.components.actionRow.actionType.required')}</span>}\n        </label>\n        <Input\n          type=\"text\"\n          value={value}\n          onChange={(e) => handleConfigChange(field, e.target.value)}\n          placeholder={t('business_rules.components.actionRow.config.field.placeholder', { field })}\n          className=\"col-span-3\"\n        />\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"flex items-start gap-2 p-3 bg-muted rounded border border-border\">\n      <div className=\"flex-1 space-y-2\">\n        {/* Action Type */}\n        <div className=\"grid grid-cols-4 gap-2 items-center\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">\n            {t('business_rules.components.actionRow.actionType')} <span className=\"text-red-500\">{t('business_rules.components.actionRow.actionType.required')}</span>\n          </label>\n          <Select\n            value={action.type || undefined}\n            onValueChange={(value) => handleTypeChange({ target: { value } } as React.ChangeEvent<HTMLSelectElement>)}\n          >\n            <SelectTrigger size=\"sm\" className=\"col-span-3 font-medium\">\n              <SelectValue placeholder={t('business_rules.components.actionRow.actionType.placeholder')} />\n            </SelectTrigger>\n            <SelectContent>\n              {actionTypes.map((type) => (\n                <SelectItem key={type.value} value={type.value}>\n                  {type.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n\n        {/* Config Fields */}\n        {action.type && (\n          <>\n            {requiredFields.map((field) => renderConfigField(field, true))}\n            {optionalFields.map((field) => renderConfigField(field, false))}\n          </>\n        )}\n\n        {/* Error Display */}\n        {error && (\n          <div className=\"mt-2\">\n            <p className=\"text-xs text-red-600\">{error}</p>\n          </div>\n        )}\n      </div>\n\n      {/* Control Buttons */}\n      <div className=\"flex flex-col gap-1\">\n        {onMoveUp && (\n          <button\n            type=\"button\"\n            onClick={() => onMoveUp(index)}\n            disabled={!canMoveUp}\n            className=\"p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n            title={t('business_rules.components.actionRow.moveUp')}\n          >\n            <ChevronUp className=\"w-4 h-4\" />\n          </button>\n        )}\n        {onMoveDown && (\n          <button\n            type=\"button\"\n            onClick={() => onMoveDown(index)}\n            disabled={!canMoveDown}\n            className=\"p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n            title={t('business_rules.components.actionRow.moveDown')}\n          >\n            <ChevronDown className=\"w-4 h-4\" />\n          </button>\n        )}\n        <button\n          type=\"button\"\n          onClick={() => onDelete(index)}\n          className=\"p-1 text-muted-foreground hover:text-red-600 hover:bg-red-50 dark:hover:bg-red-900/20 rounded transition-colors\"\n          title={t('business_rules.components.actionRow.delete')}\n        >\n          <X className=\"w-4 h-4\" />\n        </button>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/business_rules/components/ConditionGroup.js

@@ -2,6 +2,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Plus, X } from "lucide-react";
 import { Button } from "@open-mercato/ui/primitives/button";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
 import { ConditionRow } from "./ConditionRow.js";
 import { isGroupCondition, getLogicalOperators } from "./utils/conditionValidation.js";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
@@ -80,13 +87,15 @@ function ConditionGroup({ group, onChange, onDelete, depth, maxDepth = 5, entity
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
           /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: t("business_rules.components.conditionGroup.group", { depth: depth + 1 }) }),
-          /* @__PURE__ */ jsx(
-            "select",
+          /* @__PURE__ */ jsxs(
+            Select,
             {
               value: group.operator,
-              onChange: handleOperatorChange,
-              className: "px-3 py-1.5 text-sm font-semibold border border-border rounded bg-card focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-              children: logicalOperators.map((op) => /* @__PURE__ */ jsx("option", { value: op.value, children: op.label }, op.value))
+              onValueChange: (value) => handleOperatorChange({ target: { value } }),
+              children: [
+                /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", className: "w-auto min-w-[6rem] font-semibold", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                /* @__PURE__ */ jsx(SelectContent, { children: logicalOperators.map((op) => /* @__PURE__ */ jsx(SelectItem, { value: op.value, children: op.label }, op.value)) })
+              ]
             }
           ),
           /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [

package/dist/modules/business_rules/components/ConditionGroup.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/business_rules/components/ConditionGroup.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Plus, X } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { ConditionRow } from './ConditionRow'\nimport type { GroupCondition, ConditionExpression, SimpleCondition } from './utils/conditionValidation'\nimport type { LogicalOperator } from './../data/validators'\nimport { isGroupCondition, getLogicalOperators } from './utils/conditionValidation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type ConditionGroupProps = {\n  group: GroupCondition\n  onChange: (group: GroupCondition) => void\n  onDelete?: () => void\n  depth: number\n  maxDepth?: number\n  entityType?: string\n}\n\nconst DEPTH_COLORS = [\n  'border-blue-300 bg-blue-50 dark:border-blue-700 dark:bg-blue-950/50',\n  'border-green-300 bg-green-50 dark:border-green-700 dark:bg-green-950/50',\n  'border-purple-300 bg-purple-50 dark:border-purple-700 dark:bg-purple-950/50',\n  'border-orange-300 bg-orange-50 dark:border-orange-700 dark:bg-orange-950/50',\n  'border-pink-300 bg-pink-50 dark:border-pink-700 dark:bg-pink-950/50',\n]\n\nexport function ConditionGroup({ group, onChange, onDelete, depth, maxDepth = 5, entityType }: ConditionGroupProps) {\n  const t = useT()\n  const logicalOperators = getLogicalOperators(t)\n  const colorClass = DEPTH_COLORS[depth % DEPTH_COLORS.length]\n\n  const handleOperatorChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    onChange({\n      ...group,\n      operator: e.target.value as LogicalOperator,\n    })\n  }\n\n  const handleRuleChange = (index: number, updatedRule: ConditionExpression) => {\n    const newRules = [...group.rules]\n    newRules[index] = updatedRule\n    onChange({\n      ...group,\n      rules: newRules,\n    })\n  }\n\n  const handleDeleteRule = (index: number) => {\n    const newRules = group.rules.filter((_, i) => i !== index)\n    if (newRules.length === 0) {\n      // If no rules left, delete the group itself\n      onDelete?.()\n    } else {\n      onChange({\n        ...group,\n        rules: newRules,\n      })\n    }\n  }\n\n  const addSimpleCondition = () => {\n    const newCondition: SimpleCondition = {\n      field: '',\n      operator: '=',\n      value: null,\n    }\n    onChange({\n      ...group,\n      rules: [...group.rules, newCondition],\n    })\n  }\n\n  const addConditionGroup = () => {\n    if (depth >= maxDepth) {\n      alert(t('business_rules.components.conditionGroup.maxDepthReached', { maxDepth }))\n      return\n    }\n\n    const newGroup: GroupCondition = {\n      operator: 'AND',\n      rules: [\n        {\n          field: '',\n          operator: '=',\n          value: null,\n        },\n      ],\n    }\n    onChange({\n      ...group,\n      rules: [...group.rules, newGroup],\n    })\n  }\n\n  return (\n    <div\n      className={`p-3 rounded border-2 ${colorClass}`}\n      style={{ marginLeft: depth > 0 ? `${depth * 16}px` : '0' }}\n    >\n      {/* Group Header */}\n      <div className=\"flex items-center gap-2 mb-3\">\n        <span className=\"text-xs font-medium text-muted-foreground\">\n          {t('business_rules.components.conditionGroup.group', { depth: depth + 1 })}\n        </span>\n        <select\n          value={group.operator}\n          onChange={handleOperatorChange}\n          className=\"px-3 py-1.5 text-sm font-semibold border border-border rounded bg-card focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          {logicalOperators.map((op) => (\n            <option key={op.value} value={op.value}>\n              {op.label}\n            </option>\n          ))}\n        </select>\n\n        <span className=\"text-xs text-muted-foreground\">\n          ({t('business_rules.components.conditionGroup.ruleCount', { count: group.rules.length })})\n        </span>\n\n        {onDelete && (\n          <button\n            type=\"button\"\n            onClick={onDelete}\n            className=\"ml-auto p-1 text-muted-foreground hover:text-status-error-text hover:bg-status-error-bg rounded transition-colors\"\n            title={t('business_rules.components.conditionGroup.deleteGroup')}\n          >\n            <X className=\"w-4 h-4\" />\n          </button>\n        )}\n      </div>\n\n      {/* Rules */}\n      <div className=\"space-y-2\">\n        {group.rules.map((rule, index) => (\n          <div key={index}>\n            {isGroupCondition(rule) ? (\n              // Recursive: Nested Group\n              <ConditionGroup\n                group={rule}\n                onChange={(updatedGroup) => handleRuleChange(index, updatedGroup)}\n                onDelete={() => handleDeleteRule(index)}\n                depth={depth + 1}\n                maxDepth={maxDepth}\n                entityType={entityType}\n              />\n            ) : (\n              // Base Case: Simple Condition\n              <ConditionRow\n                condition={rule}\n                onChange={(updatedCondition) => handleRuleChange(index, updatedCondition)}\n                onDelete={() => handleDeleteRule(index)}\n                entityType={entityType}\n              />\n            )}\n          </div>\n        ))}\n      </div>\n\n      {/* Add Buttons */}\n      <div className=\"flex gap-2 mt-3\">\n        <Button\n          type=\"button\"\n          onClick={addSimpleCondition}\n          variant=\"outline\"\n          size=\"sm\"\n          className=\"text-xs\"\n        >\n          <Plus className=\"w-3 h-3 mr-1\" />\n          {t('business_rules.components.conditionGroup.addCondition')}\n        </Button>\n\n        {depth < maxDepth && (\n          <Button\n            type=\"button\"\n            onClick={addConditionGroup}\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"text-xs\"\n          >\n            <Plus className=\"w-3 h-3 mr-1\" />\n            {t('business_rules.components.conditionGroup.addGroup', { depth: depth + 2 })}\n          </Button>\n        )}\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": ";AAuGQ,cAeA,YAfA;AApGR,SAAS,MAAM,SAAS;AACxB,SAAS,cAAc;AACvB,SAAS,oBAAoB;AAG7B,SAAS,kBAAkB,2BAA2B;AACtD,SAAS,YAAY;AAWrB,MAAM,eAAe;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,eAAe,EAAE,OAAO,UAAU,UAAU,OAAO,WAAW,GAAG,WAAW,GAAwB;AAClH,QAAM,IAAI,KAAK;AACf,QAAM,mBAAmB,oBAAoB,CAAC;AAC9C,QAAM,aAAa,aAAa,QAAQ,aAAa,MAAM;AAE3D,QAAM,uBAAuB,CAAC,MAA4C;AACxE,aAAS;AAAA,MACP,GAAG;AAAA,MACH,UAAU,EAAE,OAAO;AAAA,IACrB,CAAC;AAAA,EACH;AAEA,QAAM,mBAAmB,CAAC,OAAe,gBAAqC;AAC5E,UAAM,WAAW,CAAC,GAAG,MAAM,KAAK;AAChC,aAAS,KAAK,IAAI;AAClB,aAAS;AAAA,MACP,GAAG;AAAA,MACH,OAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,QAAM,mBAAmB,CAAC,UAAkB;AAC1C,UAAM,WAAW,MAAM,MAAM,OAAO,CAAC,GAAG,MAAM,MAAM,KAAK;AACzD,QAAI,SAAS,WAAW,GAAG;AAEzB,iBAAW;AAAA,IACb,OAAO;AACL,eAAS;AAAA,QACP,GAAG;AAAA,QACH,OAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,EACF;AAEA,QAAM,qBAAqB,MAAM;AAC/B,UAAM,eAAgC;AAAA,MACpC,OAAO;AAAA,MACP,UAAU;AAAA,MACV,OAAO;AAAA,IACT;AACA,aAAS;AAAA,MACP,GAAG;AAAA,MACH,OAAO,CAAC,GAAG,MAAM,OAAO,YAAY;AAAA,IACtC,CAAC;AAAA,EACH;AAEA,QAAM,oBAAoB,MAAM;AAC9B,QAAI,SAAS,UAAU;AACrB,YAAM,EAAE,4DAA4D,EAAE,SAAS,CAAC,CAAC;AACjF;AAAA,IACF;AAEA,UAAM,WAA2B;AAAA,MAC/B,UAAU;AAAA,MACV,OAAO;AAAA,QACL;AAAA,UACE,OAAO;AAAA,UACP,UAAU;AAAA,UACV,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AACA,aAAS;AAAA,MACP,GAAG;AAAA,MACH,OAAO,CAAC,GAAG,MAAM,OAAO,QAAQ;AAAA,IAClC,CAAC;AAAA,EACH;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,wBAAwB,UAAU;AAAA,MAC7C,OAAO,EAAE,YAAY,QAAQ,IAAI,GAAG,QAAQ,EAAE,OAAO,IAAI;AAAA,MAGzD;AAAA,6BAAC,SAAI,WAAU,gCACb;AAAA,8BAAC,UAAK,WAAU,6CACb,YAAE,kDAAkD,EAAE,OAAO,QAAQ,EAAE,CAAC,GAC3E;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,MAAM;AAAA,cACb,UAAU;AAAA,cACV,WAAU;AAAA,cAET,2BAAiB,IAAI,CAAC,OACrB,oBAAC,YAAsB,OAAO,GAAG,OAC9B,aAAG,SADO,GAAG,KAEhB,CACD;AAAA;AAAA,UACH;AAAA,UAEA,qBAAC,UAAK,WAAU,iCAAgC;AAAA;AAAA,YAC5C,EAAE,sDAAsD,EAAE,OAAO,MAAM,MAAM,OAAO,CAAC;AAAA,YAAE;AAAA,aAC3F;AAAA,UAEC,YACC;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS;AAAA,cACT,WAAU;AAAA,cACV,OAAO,EAAE,sDAAsD;AAAA,cAE/D,8BAAC,KAAE,WAAU,WAAU;AAAA;AAAA,UACzB;AAAA,WAEJ;AAAA,QAGA,oBAAC,SAAI,WAAU,aACZ,gBAAM,MAAM,IAAI,CAAC,MAAM,UACtB,oBAAC,SACE,2BAAiB,IAAI;AAAA;AAAA,UAEpB;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,UAAU,CAAC,iBAAiB,iBAAiB,OAAO,YAAY;AAAA,cAChE,UAAU,MAAM,iBAAiB,KAAK;AAAA,cACtC,OAAO,QAAQ;AAAA,cACf;AAAA,cACA;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,UAGA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,cACX,UAAU,CAAC,qBAAqB,iBAAiB,OAAO,gBAAgB;AAAA,cACxE,UAAU,MAAM,iBAAiB,KAAK;AAAA,cACtC;AAAA;AAAA,UACF;AAAA,aAlBM,KAoBV,CACD,GACH;AAAA,QAGA,qBAAC,SAAI,WAAU,mBACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS;AAAA,cACT,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,WAAU;AAAA,cAEV;AAAA,oCAAC,QAAK,WAAU,gBAAe;AAAA,gBAC9B,EAAE,uDAAuD;AAAA;AAAA;AAAA,UAC5D;AAAA,UAEC,QAAQ,YACP;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS;AAAA,cACT,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,WAAU;AAAA,cAEV;AAAA,oCAAC,QAAK,WAAU,gBAAe;AAAA,gBAC9B,EAAE,qDAAqD,EAAE,OAAO,QAAQ,EAAE,CAAC;AAAA;AAAA;AAAA,UAC9E;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Plus, X } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { ConditionRow } from './ConditionRow'\nimport type { GroupCondition, ConditionExpression, SimpleCondition } from './utils/conditionValidation'\nimport type { LogicalOperator } from './../data/validators'\nimport { isGroupCondition, getLogicalOperators } from './utils/conditionValidation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type ConditionGroupProps = {\n  group: GroupCondition\n  onChange: (group: GroupCondition) => void\n  onDelete?: () => void\n  depth: number\n  maxDepth?: number\n  entityType?: string\n}\n\nconst DEPTH_COLORS = [\n  'border-blue-300 bg-blue-50 dark:border-blue-700 dark:bg-blue-950/50',\n  'border-green-300 bg-green-50 dark:border-green-700 dark:bg-green-950/50',\n  'border-purple-300 bg-purple-50 dark:border-purple-700 dark:bg-purple-950/50',\n  'border-orange-300 bg-orange-50 dark:border-orange-700 dark:bg-orange-950/50',\n  'border-pink-300 bg-pink-50 dark:border-pink-700 dark:bg-pink-950/50',\n]\n\nexport function ConditionGroup({ group, onChange, onDelete, depth, maxDepth = 5, entityType }: ConditionGroupProps) {\n  const t = useT()\n  const logicalOperators = getLogicalOperators(t)\n  const colorClass = DEPTH_COLORS[depth % DEPTH_COLORS.length]\n\n  const handleOperatorChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    onChange({\n      ...group,\n      operator: e.target.value as LogicalOperator,\n    })\n  }\n\n  const handleRuleChange = (index: number, updatedRule: ConditionExpression) => {\n    const newRules = [...group.rules]\n    newRules[index] = updatedRule\n    onChange({\n      ...group,\n      rules: newRules,\n    })\n  }\n\n  const handleDeleteRule = (index: number) => {\n    const newRules = group.rules.filter((_, i) => i !== index)\n    if (newRules.length === 0) {\n      // If no rules left, delete the group itself\n      onDelete?.()\n    } else {\n      onChange({\n        ...group,\n        rules: newRules,\n      })\n    }\n  }\n\n  const addSimpleCondition = () => {\n    const newCondition: SimpleCondition = {\n      field: '',\n      operator: '=',\n      value: null,\n    }\n    onChange({\n      ...group,\n      rules: [...group.rules, newCondition],\n    })\n  }\n\n  const addConditionGroup = () => {\n    if (depth >= maxDepth) {\n      alert(t('business_rules.components.conditionGroup.maxDepthReached', { maxDepth }))\n      return\n    }\n\n    const newGroup: GroupCondition = {\n      operator: 'AND',\n      rules: [\n        {\n          field: '',\n          operator: '=',\n          value: null,\n        },\n      ],\n    }\n    onChange({\n      ...group,\n      rules: [...group.rules, newGroup],\n    })\n  }\n\n  return (\n    <div\n      className={`p-3 rounded border-2 ${colorClass}`}\n      style={{ marginLeft: depth > 0 ? `${depth * 16}px` : '0' }}\n    >\n      {/* Group Header */}\n      <div className=\"flex items-center gap-2 mb-3\">\n        <span className=\"text-xs font-medium text-muted-foreground\">\n          {t('business_rules.components.conditionGroup.group', { depth: depth + 1 })}\n        </span>\n        <Select\n          value={group.operator}\n          onValueChange={(value) => handleOperatorChange({ target: { value } } as React.ChangeEvent<HTMLSelectElement>)}\n        >\n          <SelectTrigger size=\"sm\" className=\"w-auto min-w-[6rem] font-semibold\">\n            <SelectValue />\n          </SelectTrigger>\n          <SelectContent>\n            {logicalOperators.map((op) => (\n              <SelectItem key={op.value} value={op.value}>\n                {op.label}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n\n        <span className=\"text-xs text-muted-foreground\">\n          ({t('business_rules.components.conditionGroup.ruleCount', { count: group.rules.length })})\n        </span>\n\n        {onDelete && (\n          <button\n            type=\"button\"\n            onClick={onDelete}\n            className=\"ml-auto p-1 text-muted-foreground hover:text-status-error-text hover:bg-status-error-bg rounded transition-colors\"\n            title={t('business_rules.components.conditionGroup.deleteGroup')}\n          >\n            <X className=\"w-4 h-4\" />\n          </button>\n        )}\n      </div>\n\n      {/* Rules */}\n      <div className=\"space-y-2\">\n        {group.rules.map((rule, index) => (\n          <div key={index}>\n            {isGroupCondition(rule) ? (\n              // Recursive: Nested Group\n              <ConditionGroup\n                group={rule}\n                onChange={(updatedGroup) => handleRuleChange(index, updatedGroup)}\n                onDelete={() => handleDeleteRule(index)}\n                depth={depth + 1}\n                maxDepth={maxDepth}\n                entityType={entityType}\n              />\n            ) : (\n              // Base Case: Simple Condition\n              <ConditionRow\n                condition={rule}\n                onChange={(updatedCondition) => handleRuleChange(index, updatedCondition)}\n                onDelete={() => handleDeleteRule(index)}\n                entityType={entityType}\n              />\n            )}\n          </div>\n        ))}\n      </div>\n\n      {/* Add Buttons */}\n      <div className=\"flex gap-2 mt-3\">\n        <Button\n          type=\"button\"\n          onClick={addSimpleCondition}\n          variant=\"outline\"\n          size=\"sm\"\n          className=\"text-xs\"\n        >\n          <Plus className=\"w-3 h-3 mr-1\" />\n          {t('business_rules.components.conditionGroup.addCondition')}\n        </Button>\n\n        {depth < maxDepth && (\n          <Button\n            type=\"button\"\n            onClick={addConditionGroup}\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"text-xs\"\n          >\n            <Plus className=\"w-3 h-3 mr-1\" />\n            {t('business_rules.components.conditionGroup.addGroup', { depth: depth + 2 })}\n          </Button>\n        )}\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/business_rules/components/ConditionRow.js

@@ -1,6 +1,14 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
+import { Input } from "@open-mercato/ui/primitives/input";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
 import { X } from "lucide-react";
 import { getComparisonOperators, isValidFieldPath } from "./utils/conditionValidation.js";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
@@ -45,26 +53,28 @@ function ConditionRow({ condition, onChange, onDelete, error }) {
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-foreground mb-1", children: t("business_rules.components.conditionRow.field") }),
         /* @__PURE__ */ jsx(
-          "input",
+          Input,
           {
             type: "text",
             value: condition.field || "",
             onChange: handleFieldChange,
             placeholder: t("business_rules.components.conditionRow.field.placeholder"),
-            className: `w-full px-2 py-1.5 text-sm border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ${fieldError ? "border-red-500" : "border-border"}`
+            "aria-invalid": fieldError ? true : void 0
           }
         ),
         fieldError && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600 mt-0.5", children: t("business_rules.components.conditionRow.field.invalidPath") })
       ] }),
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-foreground mb-1", children: t("business_rules.components.conditionRow.operator") }),
-        /* @__PURE__ */ jsx(
-          "select",
+        /* @__PURE__ */ jsxs(
+          Select,
           {
             value: condition.operator || "=",
-            onChange: handleOperatorChange,
-            className: "w-full px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-            children: operators.map((op) => /* @__PURE__ */ jsx("option", { value: op.value, children: op.label }, op.value))
+            onValueChange: (value) => handleOperatorChange({ target: { value } }),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: operators.map((op) => /* @__PURE__ */ jsx(SelectItem, { value: op.value, children: op.label }, op.value)) })
+            ]
           }
         )
       ] }),
@@ -83,13 +93,12 @@ function ConditionRow({ condition, onChange, onDelete, error }) {
           )
         ] }),
         /* @__PURE__ */ jsx(
-          "input",
+          Input,
           {
             type: "text",
             value: useFieldComparison ? condition.valueField || "" : condition.value === null || condition.value === void 0 ? "" : typeof condition.value === "string" ? condition.value : JSON.stringify(condition.value),
             onChange: useFieldComparison ? handleValueFieldChange : handleValueChange,
-            placeholder: useFieldComparison ? t("business_rules.components.conditionRow.field.comparisonPlaceholder") : t("business_rules.components.conditionRow.value.placeholder"),
-            className: "w-full px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+            placeholder: useFieldComparison ? t("business_rules.components.conditionRow.field.comparisonPlaceholder") : t("business_rules.components.conditionRow.value.placeholder")
           }
         ),
         /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: useFieldComparison ? t("business_rules.components.conditionRow.field.comparisonHelp") : t("business_rules.components.conditionRow.value.help") })