@open-mercato/ui 0.6.4-develop.4371.1.8f3030407e → 0.6.4

package/dist/backend/utils/optimisticLock.js

@@ -0,0 +1,34 @@
+import {
+  OPTIMISTIC_LOCK_CONFLICT_CODE,
+  OPTIMISTIC_LOCK_HEADER_NAME
+} from "@open-mercato/shared/lib/crud/optimistic-lock-headers";
+function buildOptimisticLockHeader(updatedAt) {
+  if (typeof updatedAt !== "string") return {};
+  const trimmed = updatedAt.trim();
+  if (!trimmed) return {};
+  return { [OPTIMISTIC_LOCK_HEADER_NAME]: trimmed };
+}
+function extractOptimisticLockConflict(err) {
+  if (!err || typeof err !== "object") return null;
+  const candidate = err;
+  const status = candidate.status;
+  if (status !== 409) return null;
+  const body = candidate.body && typeof candidate.body === "object" ? candidate.body : candidate;
+  if (!body || typeof body !== "object") return null;
+  const bodyRecord = body;
+  if (bodyRecord.code !== OPTIMISTIC_LOCK_CONFLICT_CODE) return null;
+  const currentUpdatedAt = bodyRecord.currentUpdatedAt;
+  const expectedUpdatedAt = bodyRecord.expectedUpdatedAt;
+  if (typeof currentUpdatedAt !== "string" || typeof expectedUpdatedAt !== "string") return null;
+  return {
+    error: typeof bodyRecord.error === "string" ? bodyRecord.error : "record_modified",
+    code: OPTIMISTIC_LOCK_CONFLICT_CODE,
+    currentUpdatedAt,
+    expectedUpdatedAt
+  };
+}
+export {
+  buildOptimisticLockHeader,
+  extractOptimisticLockConflict
+};
+//# sourceMappingURL=optimisticLock.js.map

package/dist/backend/utils/optimisticLock.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/utils/optimisticLock.ts"],
+  "sourcesContent": ["/**\n * Client-side helpers for the OSS opt-in optimistic-locking guard\n * (spec: .ai/specs/2026-05-25-oss-optimistic-locking.md).\n *\n * These are deliberately small and dependency-light so they can be wired\n * into any backend page without touching the shared CrudForm / useGuardedMutation\n * components. A future PR may pull them into CrudForm directly once the\n * reference rollout is broader.\n */\nimport {\n  OPTIMISTIC_LOCK_CONFLICT_CODE,\n  OPTIMISTIC_LOCK_HEADER_NAME,\n  type OptimisticLockConflictBody,\n} from '@open-mercato/shared/lib/crud/optimistic-lock-headers'\n\n/**\n * Build the extension-header bag for an `apiCall` request. Pass into\n * `withScopedApiRequestHeaders(buildOptimisticLockHeader(updatedAt), ...)`\n * when issuing a `PUT`/`PATCH`/`DELETE` for a record that exposes\n * `updatedAt`. Returns an empty object when the input is missing/empty so\n * the call site stays unconditional:\n *\n * ```ts\n * await withScopedApiRequestHeaders(\n *   buildOptimisticLockHeader(record.updatedAt),\n *   () => updateCrud('customers/companies', id, { ... }),\n * )\n * ```\n */\nexport function buildOptimisticLockHeader(\n  updatedAt: string | null | undefined,\n): Record<string, string> {\n  if (typeof updatedAt !== 'string') return {}\n  const trimmed = updatedAt.trim()\n  if (!trimmed) return {}\n  return { [OPTIMISTIC_LOCK_HEADER_NAME]: trimmed }\n}\n\n/**\n * Detect whether an error thrown by `raiseCrudError`/`apiCallOrThrow` is an\n * optimistic-lock conflict (HTTP 409 with `code: 'optimistic_lock_conflict'`).\n *\n * Returns the typed conflict body when matched so the caller can show a\n * UI that includes the server's `currentUpdatedAt`, or `null` otherwise.\n */\nexport function extractOptimisticLockConflict(\n  err: unknown,\n): OptimisticLockConflictBody | null {\n  if (!err || typeof err !== 'object') return null\n  const candidate = err as Record<string, unknown>\n  const status = candidate.status\n  if (status !== 409) return null\n  const body = candidate.body && typeof candidate.body === 'object'\n    ? candidate.body\n    : candidate\n  if (!body || typeof body !== 'object') return null\n  const bodyRecord = body as Record<string, unknown>\n  if (bodyRecord.code !== OPTIMISTIC_LOCK_CONFLICT_CODE) return null\n  const currentUpdatedAt = bodyRecord.currentUpdatedAt\n  const expectedUpdatedAt = bodyRecord.expectedUpdatedAt\n  if (typeof currentUpdatedAt !== 'string' || typeof expectedUpdatedAt !== 'string') return null\n  return {\n    error: typeof bodyRecord.error === 'string'\n      ? (bodyRecord.error as OptimisticLockConflictBody['error'])\n      : 'record_modified',\n    code: OPTIMISTIC_LOCK_CONFLICT_CODE,\n    currentUpdatedAt,\n    expectedUpdatedAt,\n  }\n}\n"],
+  "mappings": "AASA;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAgBA,SAAS,0BACd,WACwB;AACxB,MAAI,OAAO,cAAc,SAAU,QAAO,CAAC;AAC3C,QAAM,UAAU,UAAU,KAAK;AAC/B,MAAI,CAAC,QAAS,QAAO,CAAC;AACtB,SAAO,EAAE,CAAC,2BAA2B,GAAG,QAAQ;AAClD;AASO,SAAS,8BACd,KACmC;AACnC,MAAI,CAAC,OAAO,OAAO,QAAQ,SAAU,QAAO;AAC5C,QAAM,YAAY;AAClB,QAAM,SAAS,UAAU;AACzB,MAAI,WAAW,IAAK,QAAO;AAC3B,QAAM,OAAO,UAAU,QAAQ,OAAO,UAAU,SAAS,WACrD,UAAU,OACV;AACJ,MAAI,CAAC,QAAQ,OAAO,SAAS,SAAU,QAAO;AAC9C,QAAM,aAAa;AACnB,MAAI,WAAW,SAAS,8BAA+B,QAAO;AAC9D,QAAM,mBAAmB,WAAW;AACpC,QAAM,oBAAoB,WAAW;AACrC,MAAI,OAAO,qBAAqB,YAAY,OAAO,sBAAsB,SAAU,QAAO;AAC1F,SAAO;AAAA,IACL,OAAO,OAAO,WAAW,UAAU,WAC9B,WAAW,QACZ;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/portal/hooks/useTenantContext.js

@@ -28,7 +28,7 @@ function useTenantContext(orgSlug) {
           return;
         }
         setState({
-          tenantId: data.organization.tenantId ?? void 0,
+          tenantId: void 0,
           organizationId: data.organization.id,
           organizationName: data.organization.name,
           loading: false,

package/dist/portal/hooks/useTenantContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/portal/hooks/useTenantContext.ts"],
-  "sourcesContent": ["\"use client\"\nimport { useEffect, useState } from 'react'\nimport { apiCall } from '../../backend/utils/apiCall'\n\ntype OrgContext = {\n  tenantId: string | undefined\n  organizationId: string | undefined\n  organizationName: string | undefined\n  loading: boolean\n  error: string | null\n}\n\n/**\n * Client-side hook for resolving organization/tenant context by slug.\n *\n * Used in portal pages before login/signup to resolve the tenant and organization\n * from the URL slug via `/api/directory/organizations/lookup`.\n *\n * @param orgSlug - Organization slug from the URL\n *\n * @example\n * ```tsx\n * import { useTenantContext } from '@open-mercato/ui/portal/hooks/useTenantContext'\n *\n * function LoginPage({ orgSlug }: { orgSlug: string }) {\n *   const { tenantId, organizationId, organizationName, loading, error } = useTenantContext(orgSlug)\n *   if (loading) return <LoadingMessage />\n *   if (error) return <ErrorMessage error={error} />\n *   // ...\n * }\n * ```\n */\nexport function useTenantContext(orgSlug: string): OrgContext {\n  const [state, setState] = useState<OrgContext>({\n    tenantId: undefined,\n    organizationId: undefined,\n    organizationName: undefined,\n    loading: true,\n    error: null,\n  })\n\n  useEffect(() => {\n    let cancelled = false\n\n    async function lookup() {\n      if (!orgSlug) {\n        setState((prev) => ({ ...prev, loading: false, error: 'No organization slug provided.' }))\n        return\n      }\n\n      try {\n        const { ok, result: data } = await apiCall<{ ok: boolean; organization: { id: string; tenantId: string; name: string }; error?: string }>(`/api/directory/organizations/lookup?slug=${encodeURIComponent(orgSlug)}`)\n        if (cancelled) return\n\n        if (!ok || !data?.ok || !data.organization) {\n          setState((prev) => ({\n            ...prev,\n            loading: false,\n            error: data?.error || 'Organization not found.',\n          }))\n          return\n        }\n\n        setState({\n          tenantId: data.organization.tenantId ?? undefined,\n          organizationId: data.organization.id,\n          organizationName: data.organization.name,\n          loading: false,\n          error: null,\n        })\n      } catch {\n        if (!cancelled) {\n          setState((prev) => ({ ...prev, loading: false, error: 'Failed to load organization.' }))\n        }\n      }\n    }\n\n    lookup()\n    return () => { cancelled = true }\n  }, [orgSlug])\n\n  return state\n}\n"],
-  "mappings": ";AACA,SAAS,WAAW,gBAAgB;AACpC,SAAS,eAAe;AA8BjB,SAAS,iBAAiB,SAA6B;AAC5D,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAqB;AAAA,IAC7C,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,IAClB,SAAS;AAAA,IACT,OAAO;AAAA,EACT,CAAC;AAED,YAAU,MAAM;AACd,QAAI,YAAY;AAEhB,mBAAe,SAAS;AACtB,UAAI,CAAC,SAAS;AACZ,iBAAS,CAAC,UAAU,EAAE,GAAG,MAAM,SAAS,OAAO,OAAO,iCAAiC,EAAE;AACzF;AAAA,MACF;AAEA,UAAI;AACF,cAAM,EAAE,IAAI,QAAQ,KAAK,IAAI,MAAM,QAAuG,4CAA4C,mBAAmB,OAAO,CAAC,EAAE;AACnN,YAAI,UAAW;AAEf,YAAI,CAAC,MAAM,CAAC,MAAM,MAAM,CAAC,KAAK,cAAc;AAC1C,mBAAS,CAAC,UAAU;AAAA,YAClB,GAAG;AAAA,YACH,SAAS;AAAA,YACT,OAAO,MAAM,SAAS;AAAA,UACxB,EAAE;AACF;AAAA,QACF;AAEA,iBAAS;AAAA,UACP,UAAU,KAAK,aAAa,YAAY;AAAA,UACxC,gBAAgB,KAAK,aAAa;AAAA,UAClC,kBAAkB,KAAK,aAAa;AAAA,UACpC,SAAS;AAAA,UACT,OAAO;AAAA,QACT,CAAC;AAAA,MACH,QAAQ;AACN,YAAI,CAAC,WAAW;AACd,mBAAS,CAAC,UAAU,EAAE,GAAG,MAAM,SAAS,OAAO,OAAO,+BAA+B,EAAE;AAAA,QACzF;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AACP,WAAO,MAAM;AAAE,kBAAY;AAAA,IAAK;AAAA,EAClC,GAAG,CAAC,OAAO,CAAC;AAEZ,SAAO;AACT;",
+  "sourcesContent": ["\"use client\"\nimport { useEffect, useState } from 'react'\nimport { apiCall } from '../../backend/utils/apiCall'\n\ntype OrgContext = {\n  /**\n   * @deprecated The public org lookup no longer returns a tenant id; portal\n   * flows send `organizationId` and the server resolves the tenant. Always\n   * `undefined` \u2014 kept for backward compatibility with existing consumers.\n   */\n  tenantId: string | undefined\n  organizationId: string | undefined\n  organizationName: string | undefined\n  loading: boolean\n  error: string | null\n}\n\n/**\n * Client-side hook for resolving organization/tenant context by slug.\n *\n * Used in portal pages before login/signup to resolve the tenant and organization\n * from the URL slug via `/api/directory/organizations/lookup`.\n *\n * @param orgSlug - Organization slug from the URL\n *\n * @example\n * ```tsx\n * import { useTenantContext } from '@open-mercato/ui/portal/hooks/useTenantContext'\n *\n * function LoginPage({ orgSlug }: { orgSlug: string }) {\n *   const { tenantId, organizationId, organizationName, loading, error } = useTenantContext(orgSlug)\n *   if (loading) return <LoadingMessage />\n *   if (error) return <ErrorMessage error={error} />\n *   // ...\n * }\n * ```\n */\nexport function useTenantContext(orgSlug: string): OrgContext {\n  const [state, setState] = useState<OrgContext>({\n    tenantId: undefined,\n    organizationId: undefined,\n    organizationName: undefined,\n    loading: true,\n    error: null,\n  })\n\n  useEffect(() => {\n    let cancelled = false\n\n    async function lookup() {\n      if (!orgSlug) {\n        setState((prev) => ({ ...prev, loading: false, error: 'No organization slug provided.' }))\n        return\n      }\n\n      try {\n        const { ok, result: data } = await apiCall<{ ok: boolean; organization: { id: string; name: string }; error?: string }>(`/api/directory/organizations/lookup?slug=${encodeURIComponent(orgSlug)}`)\n        if (cancelled) return\n\n        if (!ok || !data?.ok || !data.organization) {\n          setState((prev) => ({\n            ...prev,\n            loading: false,\n            error: data?.error || 'Organization not found.',\n          }))\n          return\n        }\n\n        setState({\n          tenantId: undefined,\n          organizationId: data.organization.id,\n          organizationName: data.organization.name,\n          loading: false,\n          error: null,\n        })\n      } catch {\n        if (!cancelled) {\n          setState((prev) => ({ ...prev, loading: false, error: 'Failed to load organization.' }))\n        }\n      }\n    }\n\n    lookup()\n    return () => { cancelled = true }\n  }, [orgSlug])\n\n  return state\n}\n"],
+  "mappings": ";AACA,SAAS,WAAW,gBAAgB;AACpC,SAAS,eAAe;AAmCjB,SAAS,iBAAiB,SAA6B;AAC5D,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAqB;AAAA,IAC7C,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,IAClB,SAAS;AAAA,IACT,OAAO;AAAA,EACT,CAAC;AAED,YAAU,MAAM;AACd,QAAI,YAAY;AAEhB,mBAAe,SAAS;AACtB,UAAI,CAAC,SAAS;AACZ,iBAAS,CAAC,UAAU,EAAE,GAAG,MAAM,SAAS,OAAO,OAAO,iCAAiC,EAAE;AACzF;AAAA,MACF;AAEA,UAAI;AACF,cAAM,EAAE,IAAI,QAAQ,KAAK,IAAI,MAAM,QAAqF,4CAA4C,mBAAmB,OAAO,CAAC,EAAE;AACjM,YAAI,UAAW;AAEf,YAAI,CAAC,MAAM,CAAC,MAAM,MAAM,CAAC,KAAK,cAAc;AAC1C,mBAAS,CAAC,UAAU;AAAA,YAClB,GAAG;AAAA,YACH,SAAS;AAAA,YACT,OAAO,MAAM,SAAS;AAAA,UACxB,EAAE;AACF;AAAA,QACF;AAEA,iBAAS;AAAA,UACP,UAAU;AAAA,UACV,gBAAgB,KAAK,aAAa;AAAA,UAClC,kBAAkB,KAAK,aAAa;AAAA,UACpC,SAAS;AAAA,UACT,OAAO;AAAA,QACT,CAAC;AAAA,MACH,QAAQ;AACN,YAAI,CAAC,WAAW;AACd,mBAAS,CAAC,UAAU,EAAE,GAAG,MAAM,SAAS,OAAO,OAAO,+BAA+B,EAAE;AAAA,QACzF;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AACP,WAAO,MAAM;AAAE,kBAAY;AAAA,IAAK;AAAA,EAClC,GAAG,CAAC,OAAO,CAAC;AAEZ,SAAO;AACT;",
   "names": []
 }

package/dist/primitives/alert.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/primitives/alert.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { AlertCircle, CheckCircle2, Info, Rocket, X, AlertTriangle } from 'lucide-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nexport type AlertStatus = 'error' | 'warning' | 'success' | 'information' | 'feature'\nexport type AlertStyle = 'filled' | 'light' | 'lighter' | 'stroke'\nexport type AlertSize = 'xs' | 'sm' | 'default'\n\n/**\n * Legacy `variant` values from the pre-Figma-`169:2358` API. Kept for BC \u2014\n * mapped to `status` inside the Alert component so existing call sites do\n * not need migration. The Figma `light` look (`#fecaca` saturated tint\n * for error \u2192 `state/{x}/light` token family) is heavier than the\n * pre-Figma look; legacy call sites that want the softer pre-Figma\n * appearance should switch explicitly to `style=\"lighter\"`.\n */\ntype LegacyVariant = 'default' | 'destructive' | 'success' | 'warning' | 'info'\n\nconst legacyVariantToStatus: Record<LegacyVariant, AlertStatus> = {\n  default: 'information',\n  destructive: 'error',\n  success: 'success',\n  warning: 'warning',\n  info: 'information',\n}\n\nconst alertVariants = cva(\n  'relative flex w-full gap-2 transition-colors',\n  {\n    variants: {\n      status: {\n        error: '',\n        warning: '',\n        success: '',\n        information: '',\n        feature: '',\n      },\n      style: {\n        filled: '',\n        light: '',\n        lighter: '',\n        stroke: '',\n      },\n      size: {\n        // Figma X-Small: px-[8px] py-[6px], radius-8, Paragraph/X Small (12/16)\n        xs: 'min-h-8 items-center rounded-lg px-2 py-1.5 text-xs leading-4 tracking-tight',\n        // Figma Small: px-[10px] py-[8px], radius-8, Paragraph/Small (14/20)\n        sm: 'min-h-9 items-center rounded-lg px-2.5 py-2 text-sm leading-5 tracking-tight',\n        // Figma Large: px-[12px] py-[10px], radius-12, Paragraph/Small (14/20) multi-line\n        default: 'items-start rounded-xl px-3 py-2.5 text-sm leading-5 tracking-tight',\n      },\n    },\n    compoundVariants: [\n      // === filled (Figma: bg = state/{x}/base, text = static-white) ===\n      { status: 'error',       style: 'filled', className: 'border border-transparent bg-status-error-icon text-white' },\n      { status: 'warning',     style: 'filled', className: 'border border-transparent bg-status-warning-icon text-white' },\n      { status: 'success',     style: 'filled', className: 'border border-transparent bg-status-success-icon text-white' },\n      { status: 'information', style: 'filled', className: 'border border-transparent bg-status-info-icon text-white' },\n      { status: 'feature',     style: 'filled', className: 'border border-transparent bg-status-neutral-icon text-white' },\n      // === light (Figma: bg = state/{x}/light, text = text/strong-950 = #171717 black) ===\n      { status: 'error',       style: 'light', className: 'border border-transparent bg-status-error-border text-foreground' },\n      { status: 'warning',     style: 'light', className: 'border border-transparent bg-status-warning-border text-foreground' },\n      { status: 'success',     style: 'light', className: 'border border-transparent bg-status-success-border text-foreground' },\n      { status: 'information', style: 'light', className: 'border border-transparent bg-status-info-border text-foreground' },\n      { status: 'feature',     style: 'light', className: 'border border-transparent bg-status-neutral-border text-foreground' },\n      // === lighter (Figma: bg = state/{x}/lighter, text = text/strong-950 = #171717 black) ===\n      { status: 'error',       style: 'lighter', className: 'border border-transparent bg-status-error-bg text-foreground' },\n      { status: 'warning',     style: 'lighter', className: 'border border-transparent bg-status-warning-bg text-foreground' },\n      { status: 'success',     style: 'lighter', className: 'border border-transparent bg-status-success-bg text-foreground' },\n      { status: 'information', style: 'lighter', className: 'border border-transparent bg-status-info-bg text-foreground' },\n      { status: 'feature',     style: 'lighter', className: 'border border-transparent bg-status-neutral-bg text-foreground' },\n      // === stroke (Figma: bg = white, border = stroke/soft-200, text = strong-950, shadow = regular-shadow/medium) ===\n      { style: 'stroke', className: 'border border-border bg-background text-foreground shadow-lg' },\n    ],\n    defaultVariants: {\n      status: 'information',\n      style: 'light',\n      size: 'sm',\n    },\n  },\n)\n\n// Dismiss button (X) color per Figma: text/strong-950 (#171717 black) at\n// `opacity-40` for light/lighter/stroke \u2014 matches the Figma `close-line`\n// icon which is the dark icon-strong-950 fill rendered at 40% alpha\n// (visually \u2248 #5c5c5c gray). White at full opacity for filled so it\n// stays legible over the saturated bg.\nconst alertDismissVariants = cva(\n  'shrink-0 rounded-md p-0.5 transition-opacity focus:outline-none focus-visible:ring-2 focus-visible:ring-ring/40',\n  {\n    variants: {\n      style: {\n        filled: 'text-white opacity-90 hover:opacity-100',\n        light: 'text-foreground opacity-40 hover:opacity-100',\n        lighter: 'text-foreground opacity-40 hover:opacity-100',\n        stroke: 'text-foreground opacity-40 hover:opacity-100',\n      },\n    },\n    defaultVariants: { style: 'light' },\n  },\n)\n\nconst alertIconBadgeVariants = cva(\n  'inline-flex shrink-0 items-center justify-center rounded-full text-white',\n  {\n    variants: {\n      status: {\n        error: 'bg-status-error-icon',\n        warning: 'bg-status-warning-icon',\n        success: 'bg-status-success-icon',\n        information: 'bg-status-info-icon',\n        feature: 'bg-status-neutral-icon',\n      },\n      size: {\n        xs: 'size-4 [&>svg]:size-2.5',\n        sm: 'size-5 [&>svg]:size-3',\n        default: 'size-6 [&>svg]:size-3.5',\n      },\n    },\n    defaultVariants: { status: 'information', size: 'sm' },\n  },\n)\n\nconst defaultStatusIcons: Record<AlertStatus, React.ComponentType<{ className?: string; 'aria-hidden'?: 'true' }>> = {\n  error: AlertCircle,\n  warning: AlertTriangle,\n  success: CheckCircle2,\n  information: Info,\n  feature: Rocket,\n}\n\nexport type AlertProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'role'> &\n  Omit<VariantProps<typeof alertVariants>, 'status' | 'style' | 'size'> & {\n    status?: AlertStatus\n    style?: AlertStyle\n    size?: AlertSize\n    /** Show the leading icon. Default `true`. */\n    showIcon?: boolean\n    /** Override the default per-status Lucide icon. */\n    icon?: React.ReactNode\n    /** Render a trailing close (X) button. Pair with `onDismiss`. */\n    dismissible?: boolean\n    onDismiss?: () => void\n    dismissAriaLabel?: string\n    /** Inline action slot (link buttons) rendered to the right of the body. */\n    action?: React.ReactNode\n    /**\n     * @deprecated Use `status` + `style` instead. Kept for BC. Maps the\n     * legacy single-prop variants onto `status` and picks up the new\n     * `light` + `sm` defaults.\n     */\n    variant?: LegacyVariant\n  }\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  (\n    {\n      className,\n      status,\n      style,\n      size,\n      showIcon = true,\n      icon,\n      dismissible = false,\n      onDismiss,\n      dismissAriaLabel = 'Dismiss',\n      action,\n      variant,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const resolvedStatus: AlertStatus = status ?? (variant ? legacyVariantToStatus[variant] : 'information')\n    const resolvedStyle: AlertStyle = style ?? 'light'\n    const resolvedSize: AlertSize = size ?? 'sm'\n    const IconComponent = defaultStatusIcons[resolvedStatus]\n    const rawIcon = icon ?? <IconComponent aria-hidden=\"true\" />\n\n    let iconSlot: React.ReactNode = null\n    if (showIcon) {\n      if (resolvedStyle === 'filled') {\n        // Filled: plain icon over saturated bg \u2014 no badge wrap, inherit text-white.\n        iconSlot = (\n          <span\n            className={cn(\n              'inline-flex shrink-0 items-center justify-center',\n              resolvedSize === 'default' ? '[&>svg]:size-5' : '[&>svg]:size-4',\n            )}\n            data-slot=\"alert-icon\"\n          >\n            {rawIcon}\n          </span>\n        )\n      } else {\n        // light / lighter / stroke: badge wrap with status color bg + white icon.\n        iconSlot = (\n          <span\n            className={alertIconBadgeVariants({ status: resolvedStatus, size: resolvedSize })}\n            data-slot=\"alert-icon-badge\"\n            data-status={resolvedStatus}\n          >\n            {rawIcon}\n          </span>\n        )\n      }\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"alert\"\n        className={cn(\n          alertVariants({ status: resolvedStatus, style: resolvedStyle, size: resolvedSize }),\n          className,\n        )}\n        data-slot=\"alert\"\n        data-status={resolvedStatus}\n        data-style={resolvedStyle}\n        {...props}\n      >\n        {iconSlot}\n        <div className=\"min-w-0 flex-1\">{children}</div>\n        {action ? <div className=\"shrink-0\">{action}</div> : null}\n        {dismissible ? (\n          <button\n            type=\"button\"\n            onClick={onDismiss}\n            aria-label={dismissAriaLabel}\n            className={alertDismissVariants({ style: resolvedStyle })}\n            data-slot=\"alert-dismiss\"\n          >\n            <X aria-hidden=\"true\" className=\"size-4\" />\n          </button>\n        ) : null}\n      </div>\n    )\n  },\n)\nAlert.displayName = 'Alert'\n\n// Figma \"Label/Small\": Inter Medium 14 / 20.\nconst AlertTitle = React.forwardRef<HTMLHeadingElement, React.HTMLAttributes<HTMLHeadingElement>>(\n  ({ className, ...props }, ref) => (\n    <h5 ref={ref} className={cn('mb-1 text-sm font-medium leading-5', className)} {...props} />\n  ),\n)\nAlertTitle.displayName = 'AlertTitle'\n\n// Figma \"Paragraph/Small\": Inter Regular 14 / 20.\nconst AlertDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(\n  ({ className, ...props }, ref) => (\n    <p ref={ref} className={cn('text-sm leading-5', className)} {...props} />\n  ),\n)\nAlertDescription.displayName = 'AlertDescription'\n\nexport { Alert, AlertDescription, AlertTitle, alertVariants, alertIconBadgeVariants }\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { AlertCircle, CheckCircle2, Info, Rocket, X, AlertTriangle } from 'lucide-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nexport type AlertStatus = 'error' | 'warning' | 'success' | 'information' | 'feature'\nexport type AlertStyle = 'filled' | 'light' | 'lighter' | 'stroke'\nexport type AlertSize = 'xs' | 'sm' | 'default'\n\n/**\n * Legacy `variant` values from the pre-Figma-`169:2358` API. Kept for BC \u2014\n * mapped to `status` inside the Alert component so existing call sites do\n * not need migration. The Figma `light` look (`#fecaca` saturated tint\n * for error \u2192 `state/{x}/light` token family) is heavier than the\n * pre-Figma look; legacy call sites that want the softer pre-Figma\n * appearance should switch explicitly to `style=\"lighter\"`.\n */\ntype LegacyVariant = 'default' | 'destructive' | 'success' | 'warning' | 'info'\n\nconst legacyVariantToStatus: Record<LegacyVariant, AlertStatus> = {\n  default: 'information',\n  destructive: 'error',\n  success: 'success',\n  warning: 'warning',\n  info: 'information',\n}\n\nconst alertVariants = cva(\n  'relative flex w-full gap-2 transition-colors',\n  {\n    variants: {\n      status: {\n        error: '',\n        warning: '',\n        success: '',\n        information: '',\n        feature: '',\n      },\n      style: {\n        filled: '',\n        light: '',\n        lighter: '',\n        stroke: '',\n      },\n      size: {\n        // Figma X-Small: px-[8px] py-[6px], radius-8, Paragraph/X Small (12/16)\n        xs: 'min-h-8 items-center rounded-lg px-2 py-1.5 text-xs leading-4 tracking-tight',\n        // Figma Small: px-[10px] py-[8px], radius-8, Paragraph/Small (14/20)\n        sm: 'min-h-9 items-center rounded-lg px-2.5 py-2 text-sm leading-5 tracking-tight',\n        // Figma Large: px-[12px] py-[10px], radius-12, Paragraph/Small (14/20) multi-line\n        default: 'items-start rounded-xl px-3 py-2.5 text-sm leading-5 tracking-tight',\n      },\n    },\n    compoundVariants: [\n      // === filled (Figma: bg = state/{x}/base, text = static-white) ===\n      { status: 'error',       style: 'filled', className: 'border border-transparent bg-status-error-icon text-white' },\n      { status: 'warning',     style: 'filled', className: 'border border-transparent bg-status-warning-icon text-white' },\n      { status: 'success',     style: 'filled', className: 'border border-transparent bg-status-success-icon text-white' },\n      { status: 'information', style: 'filled', className: 'border border-transparent bg-status-info-icon text-white' },\n      { status: 'feature',     style: 'filled', className: 'border border-transparent bg-status-neutral-icon text-white' },\n      // === light (Figma: bg = state/{x}/light, text = text/strong-950 = #171717 black) ===\n      { status: 'error',       style: 'light', className: 'border border-transparent bg-status-error-border text-foreground' },\n      { status: 'warning',     style: 'light', className: 'border border-transparent bg-status-warning-border text-foreground' },\n      { status: 'success',     style: 'light', className: 'border border-transparent bg-status-success-border text-foreground' },\n      { status: 'information', style: 'light', className: 'border border-transparent bg-status-info-border text-foreground' },\n      { status: 'feature',     style: 'light', className: 'border border-transparent bg-status-neutral-border text-foreground' },\n      // === lighter (Figma: bg = state/{x}/lighter, text = text/strong-950 = #171717 black) ===\n      { status: 'error',       style: 'lighter', className: 'border border-transparent bg-status-error-bg text-foreground' },\n      { status: 'warning',     style: 'lighter', className: 'border border-transparent bg-status-warning-bg text-foreground' },\n      { status: 'success',     style: 'lighter', className: 'border border-transparent bg-status-success-bg text-foreground' },\n      { status: 'information', style: 'lighter', className: 'border border-transparent bg-status-info-bg text-foreground' },\n      { status: 'feature',     style: 'lighter', className: 'border border-transparent bg-status-neutral-bg text-foreground' },\n      // === stroke (Figma: bg = white, border = stroke/soft-200, text = strong-950, shadow = regular-shadow/medium) ===\n      { style: 'stroke', className: 'border border-border bg-background text-foreground shadow-lg' },\n    ],\n    defaultVariants: {\n      status: 'information',\n      style: 'light',\n      size: 'sm',\n    },\n  },\n)\n\n// Dismiss button (X) color per Figma: text/strong-950 (#171717 black) at\n// `opacity-40` for light/lighter/stroke \u2014 matches the Figma `close-line`\n// icon which is the dark icon-strong-950 fill rendered at 40% alpha\n// (visually \u2248 #5c5c5c gray). White at full opacity for filled so it\n// stays legible over the saturated bg.\nconst alertDismissVariants = cva(\n  'shrink-0 rounded-md p-0.5 transition-opacity focus:outline-none focus-visible:ring-2 focus-visible:ring-ring/40',\n  {\n    variants: {\n      style: {\n        filled: 'text-white opacity-90 hover:opacity-100',\n        light: 'text-foreground opacity-40 hover:opacity-100',\n        lighter: 'text-foreground opacity-40 hover:opacity-100',\n        stroke: 'text-foreground opacity-40 hover:opacity-100',\n      },\n    },\n    defaultVariants: { style: 'light' },\n  },\n)\n\nconst alertIconBadgeVariants = cva(\n  'inline-flex shrink-0 items-center justify-center rounded-full text-white',\n  {\n    variants: {\n      status: {\n        error: 'bg-status-error-icon',\n        warning: 'bg-status-warning-icon',\n        success: 'bg-status-success-icon',\n        information: 'bg-status-info-icon',\n        feature: 'bg-status-neutral-icon',\n      },\n      size: {\n        xs: 'size-4 [&>svg]:size-2.5',\n        sm: 'size-5 [&>svg]:size-3',\n        default: 'size-6 [&>svg]:size-3.5',\n      },\n    },\n    defaultVariants: { status: 'information', size: 'sm' },\n  },\n)\n\nconst defaultStatusIcons: Record<AlertStatus, React.ComponentType<{ className?: string; 'aria-hidden'?: 'true' }>> = {\n  error: AlertCircle,\n  warning: AlertTriangle,\n  success: CheckCircle2,\n  information: Info,\n  feature: Rocket,\n}\n\nexport type AlertProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'role' | 'style'> &\n  Omit<VariantProps<typeof alertVariants>, 'status' | 'style' | 'size'> & {\n    status?: AlertStatus\n    style?: AlertStyle\n    size?: AlertSize\n    /** Show the leading icon. Default `true`. */\n    showIcon?: boolean\n    /** Override the default per-status Lucide icon. */\n    icon?: React.ReactNode\n    /** Render a trailing close (X) button. Pair with `onDismiss`. */\n    dismissible?: boolean\n    onDismiss?: () => void\n    dismissAriaLabel?: string\n    /** Inline action slot (link buttons) rendered to the right of the body. */\n    action?: React.ReactNode\n    /**\n     * @deprecated Use `status` + `style` instead. Kept for BC. Maps the\n     * legacy single-prop variants onto `status` and picks up the new\n     * `light` + `sm` defaults.\n     */\n    variant?: LegacyVariant\n  }\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  (\n    {\n      className,\n      status,\n      style,\n      size,\n      showIcon = true,\n      icon,\n      dismissible = false,\n      onDismiss,\n      dismissAriaLabel = 'Dismiss',\n      action,\n      variant,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const resolvedStatus: AlertStatus = status ?? (variant ? legacyVariantToStatus[variant] : 'information')\n    const resolvedStyle: AlertStyle = style ?? 'light'\n    const resolvedSize: AlertSize = size ?? 'sm'\n    const IconComponent = defaultStatusIcons[resolvedStatus]\n    const rawIcon = icon ?? <IconComponent aria-hidden=\"true\" />\n\n    let iconSlot: React.ReactNode = null\n    if (showIcon) {\n      if (resolvedStyle === 'filled') {\n        // Filled: plain icon over saturated bg \u2014 no badge wrap, inherit text-white.\n        iconSlot = (\n          <span\n            className={cn(\n              'inline-flex shrink-0 items-center justify-center',\n              resolvedSize === 'default' ? '[&>svg]:size-5' : '[&>svg]:size-4',\n            )}\n            data-slot=\"alert-icon\"\n          >\n            {rawIcon}\n          </span>\n        )\n      } else {\n        // light / lighter / stroke: badge wrap with status color bg + white icon.\n        iconSlot = (\n          <span\n            className={alertIconBadgeVariants({ status: resolvedStatus, size: resolvedSize })}\n            data-slot=\"alert-icon-badge\"\n            data-status={resolvedStatus}\n          >\n            {rawIcon}\n          </span>\n        )\n      }\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"alert\"\n        className={cn(\n          alertVariants({ status: resolvedStatus, style: resolvedStyle, size: resolvedSize }),\n          className,\n        )}\n        data-slot=\"alert\"\n        data-status={resolvedStatus}\n        data-style={resolvedStyle}\n        {...props}\n      >\n        {iconSlot}\n        <div className=\"min-w-0 flex-1\">{children}</div>\n        {action ? <div className=\"shrink-0\">{action}</div> : null}\n        {dismissible ? (\n          <button\n            type=\"button\"\n            onClick={onDismiss}\n            aria-label={dismissAriaLabel}\n            className={alertDismissVariants({ style: resolvedStyle })}\n            data-slot=\"alert-dismiss\"\n          >\n            <X aria-hidden=\"true\" className=\"size-4\" />\n          </button>\n        ) : null}\n      </div>\n    )\n  },\n)\nAlert.displayName = 'Alert'\n\n// Figma \"Label/Small\": Inter Medium 14 / 20.\nconst AlertTitle = React.forwardRef<HTMLHeadingElement, React.HTMLAttributes<HTMLHeadingElement>>(\n  ({ className, ...props }, ref) => (\n    <h5 ref={ref} className={cn('mb-1 text-sm font-medium leading-5', className)} {...props} />\n  ),\n)\nAlertTitle.displayName = 'AlertTitle'\n\n// Figma \"Paragraph/Small\": Inter Regular 14 / 20.\nconst AlertDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(\n  ({ className, ...props }, ref) => (\n    <p ref={ref} className={cn('text-sm leading-5', className)} {...props} />\n  ),\n)\nAlertDescription.displayName = 'AlertDescription'\n\nexport { Alert, AlertDescription, AlertTitle, alertVariants, alertIconBadgeVariants }\n"],
   "mappings": "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",
   "names": []
 }

package/dist/primitives/checkbox.js

@@ -22,12 +22,13 @@ const indicatorIconBySize = {
   sm: "size-3.5",
   md: "size-4"
 };
-const Checkbox = React.forwardRef(({ className, size, ...props }, ref) => {
+const Checkbox = React.forwardRef(({ className, size, type = "button", ...props }, ref) => {
   const iconClass = indicatorIconBySize[size ?? "sm"];
   return /* @__PURE__ */ jsx(
     CheckboxPrimitive.Root,
     {
       ref,
+      type,
       className: cn(checkboxVariants({ size, className })),
       ...props,
       children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: props.checked === "indeterminate" ? /* @__PURE__ */ jsx(Minus, { className: iconClass, "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Check, { className: iconClass, "aria-hidden": "true" }) })

package/dist/primitives/checkbox.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/primitives/checkbox.tsx"],
-  "sourcesContent": ["import * as React from \"react\"\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\"\nimport { Check, Minus } from \"lucide-react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@open-mercato/shared/lib/utils\"\n\nconst checkboxVariants = cva(\n  \"peer shrink-0 rounded-[4px] border border-input bg-background shadow-xs ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-indigo/40 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-accent-indigo data-[state=checked]:text-accent-indigo-foreground data-[state=checked]:border-accent-indigo data-[state=indeterminate]:bg-accent-indigo data-[state=indeterminate]:text-accent-indigo-foreground data-[state=indeterminate]:border-accent-indigo hover:border-accent-indigo/60 transition-colors\",\n  {\n    variants: {\n      size: {\n        sm: \"size-4\",\n        md: \"size-5\",\n      },\n    },\n    defaultVariants: {\n      size: \"sm\",\n    },\n  }\n)\n\nconst indicatorIconBySize = {\n  sm: \"size-3.5\",\n  md: \"size-4\",\n} as const\n\nexport type CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> &\n  VariantProps<typeof checkboxVariants>\n\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  CheckboxProps\n>(({ className, size, ...props }, ref) => {\n  const iconClass = indicatorIconBySize[size ?? \"sm\"]\n  return (\n    <CheckboxPrimitive.Root\n      ref={ref}\n      className={cn(checkboxVariants({ size, className }))}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator className={cn(\"flex items-center justify-center text-current\")}>\n        {props.checked === \"indeterminate\" ? (\n          <Minus className={iconClass} aria-hidden=\"true\" />\n        ) : (\n          <Check className={iconClass} aria-hidden=\"true\" />\n        )}\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n})\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport { Checkbox, checkboxVariants }\n"],
-  "mappings": "AA2CU;AA3CV,YAAY,WAAW;AACvB,YAAY,uBAAuB;AACnC,SAAS,OAAO,aAAa;AAC7B,SAAS,WAA8B;AAEvC,SAAS,UAAU;AAEnB,MAAM,mBAAmB;AAAA,EACvB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,MAAM,sBAAsB;AAAA,EAC1B,IAAI;AAAA,EACJ,IAAI;AACN;AAKA,MAAM,WAAW,MAAM,WAGrB,CAAC,EAAE,WAAW,MAAM,GAAG,MAAM,GAAG,QAAQ;AACxC,QAAM,YAAY,oBAAoB,QAAQ,IAAI;AAClD,SACE;AAAA,IAAC,kBAAkB;AAAA,IAAlB;AAAA,MACC;AAAA,MACA,WAAW,GAAG,iBAAiB,EAAE,MAAM,UAAU,CAAC,CAAC;AAAA,MAClD,GAAG;AAAA,MAEJ,8BAAC,kBAAkB,WAAlB,EAA4B,WAAW,GAAG,+CAA+C,GACvF,gBAAM,YAAY,kBACjB,oBAAC,SAAM,WAAW,WAAW,eAAY,QAAO,IAEhD,oBAAC,SAAM,WAAW,WAAW,eAAY,QAAO,GAEpD;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,SAAS,cAAc,kBAAkB,KAAK;",
+  "sourcesContent": ["import * as React from \"react\"\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\"\nimport { Check, Minus } from \"lucide-react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@open-mercato/shared/lib/utils\"\n\nconst checkboxVariants = cva(\n  \"peer shrink-0 rounded-[4px] border border-input bg-background shadow-xs ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-indigo/40 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-accent-indigo data-[state=checked]:text-accent-indigo-foreground data-[state=checked]:border-accent-indigo data-[state=indeterminate]:bg-accent-indigo data-[state=indeterminate]:text-accent-indigo-foreground data-[state=indeterminate]:border-accent-indigo hover:border-accent-indigo/60 transition-colors\",\n  {\n    variants: {\n      size: {\n        sm: \"size-4\",\n        md: \"size-5\",\n      },\n    },\n    defaultVariants: {\n      size: \"sm\",\n    },\n  }\n)\n\nconst indicatorIconBySize = {\n  sm: \"size-3.5\",\n  md: \"size-4\",\n} as const\n\nexport type CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> &\n  VariantProps<typeof checkboxVariants>\n\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  CheckboxProps\n>(({ className, size, type = \"button\", ...props }, ref) => {\n  const iconClass = indicatorIconBySize[size ?? \"sm\"]\n  return (\n    <CheckboxPrimitive.Root\n      ref={ref}\n      type={type}\n      className={cn(checkboxVariants({ size, className }))}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator className={cn(\"flex items-center justify-center text-current\")}>\n        {props.checked === \"indeterminate\" ? (\n          <Minus className={iconClass} aria-hidden=\"true\" />\n        ) : (\n          <Check className={iconClass} aria-hidden=\"true\" />\n        )}\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n})\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport { Checkbox, checkboxVariants }\n"],
+  "mappings": "AA4CU;AA5CV,YAAY,WAAW;AACvB,YAAY,uBAAuB;AACnC,SAAS,OAAO,aAAa;AAC7B,SAAS,WAA8B;AAEvC,SAAS,UAAU;AAEnB,MAAM,mBAAmB;AAAA,EACvB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,MAAM,sBAAsB;AAAA,EAC1B,IAAI;AAAA,EACJ,IAAI;AACN;AAKA,MAAM,WAAW,MAAM,WAGrB,CAAC,EAAE,WAAW,MAAM,OAAO,UAAU,GAAG,MAAM,GAAG,QAAQ;AACzD,QAAM,YAAY,oBAAoB,QAAQ,IAAI;AAClD,SACE;AAAA,IAAC,kBAAkB;AAAA,IAAlB;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW,GAAG,iBAAiB,EAAE,MAAM,UAAU,CAAC,CAAC;AAAA,MAClD,GAAG;AAAA,MAEJ,8BAAC,kBAAkB,WAAlB,EAA4B,WAAW,GAAG,+CAA+C,GACvF,gBAAM,YAAY,kBACjB,oBAAC,SAAM,WAAW,WAAW,eAAY,QAAO,IAEhD,oBAAC,SAAM,WAAW,WAAW,eAAY,QAAO,GAEpD;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,SAAS,cAAc,kBAAkB,KAAK;",
   "names": []
 }

package/dist/types/css.d.js

@@ -0,0 +1 @@
+//# sourceMappingURL=css.d.js.map

package/dist/types/css.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-mercato/ui",
-  "version": "0.6.4-develop.4371.1.8f3030407e",
+  "version": "0.6.4",
   "type": "module",
   "main": "./dist/index.js",
   "scripts": {
@@ -46,6 +46,10 @@
       "types": "./src/backend/confirm-dialog/index.ts",
       "default": "./dist/backend/confirm-dialog/index.js"
     },
+    "./backend/conflicts": {
+      "types": "./src/backend/conflicts/index.ts",
+      "default": "./dist/backend/conflicts/index.js"
+    },
     "./backend/charts": {
       "types": "./src/backend/charts/index.ts",
       "default": "./dist/backend/charts/index.js"
@@ -127,15 +131,16 @@
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@radix-ui/react-accordion": "^1.2.4",
-    "@radix-ui/react-dialog": "^1.1.6",
-    "@radix-ui/react-popover": "^1.1.6",
-    "@radix-ui/react-radio-group": "^1.2.3",
+    "@mdxeditor/editor": "^4.0.2",
+    "@radix-ui/react-accordion": "^1.2.13",
+    "@radix-ui/react-dialog": "^1.1.16",
+    "@radix-ui/react-popover": "^1.1.16",
+    "@radix-ui/react-radio-group": "^1.4.0",
     "@radix-ui/react-scroll-area": "^1.2.0",
-    "@radix-ui/react-select": "^2.1.6",
+    "@radix-ui/react-select": "^2.3.0",
     "@radix-ui/react-slider": "^1.2.0",
-    "@radix-ui/react-tooltip": "^1.2.8",
-    "@tanstack/react-virtual": "^3.14.1",
+    "@radix-ui/react-tooltip": "^1.2.9",
+    "@tanstack/react-virtual": "^3.14.2",
     "cmdk": "^1.0.0",
     "date-fns": "4.4.0",
     "react-big-calendar": "^1.20.0",
@@ -145,18 +150,18 @@
     "remark-gfm": "^4.0.1"
   },
   "peerDependencies": {
-    "@open-mercato/shared": "0.6.4-develop.4371.1.8f3030407e",
+    "@open-mercato/shared": "0.6.4",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "react-is": ">=18.0.0"
   },
   "devDependencies": {
-    "@open-mercato/shared": "0.6.4-develop.4371.1.8f3030407e",
+    "@open-mercato/shared": "0.6.4",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.1",
     "@types/jest": "^30.0.0",
-    "@types/react": "^19.2.16",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "jest": "^30.4.2",
     "jest-environment-jsdom": "^30.4.1",
@@ -172,6 +177,5 @@
     "type": "git",
     "url": "https://github.com/open-mercato/open-mercato",
     "directory": "packages/ui"
-  },
-  "stableVersion": "0.7.0"
+  }
 }

package/src/backend/AppShell.tsx

@@ -24,6 +24,8 @@ import { QueryProvider } from '../theme/QueryProvider'
 import { usePathname, useSearchParams } from 'next/navigation'
 import { apiCall } from './utils/apiCall'
 import { LastOperationBanner } from './operations/LastOperationBanner'
+import { RecordConflictBanner } from './conflicts/RecordConflictBanner'
+import { dismissRecordConflict } from './conflicts/store'
 import { ProgressTopBar } from './progress/ProgressTopBar'
 import { UpgradeActionBanner } from './upgrades/UpgradeActionBanner'
 import { PartialIndexBanner } from './indexes/PartialIndexBanner'
@@ -447,6 +449,13 @@ function AppShellBody({ productName, logo, email, canManageUpgradeActions = fals
   // section sidebar by default. Set to 'main' to force-show the main nav even
   // when the route is in a section context. Reset on close.
   const [mobileDrawerView, setMobileDrawerView] = React.useState<'auto' | 'main'>('auto')
+  // Clear the persistent record-conflict bar when the route changes. The
+  // conflict is scoped to the record the user was editing, so navigating to an
+  // unrelated page should dismiss it instead of carrying a stale "Record
+  // changed" bar across modules.
+  React.useEffect(() => {
+    dismissRecordConflict()
+  }, [pathname])
   React.useEffect(() => {
     if (!mobileOpen) setMobileDrawerView('auto')
   }, [mobileOpen])
@@ -1349,6 +1358,7 @@ function AppShellBody({ productName, logo, email, canManageUpgradeActions = fals
           <PartialIndexBanner />
           {canManageUpgradeActions ? <UpgradeActionBanner /> : null}
           <LastOperationBanner />
+          <RecordConflictBanner />
           <InjectionSpot spotId={BACKEND_RECORD_CURRENT_INJECTION_SPOT_ID} context={injectionContext} />
           <InjectionSpot
             spotId={LEGACY_GLOBAL_MUTATION_INJECTION_SPOT_ID}