@open-mercato/ui 0.6.7-develop.6827.1.a575bebce9 → 0.6.7-develop.6834.1.e76f4b8cbc

package/dist/backend/forms/FormHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/forms/FormHeader.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { usePathname, useSearchParams } from 'next/navigation'\nimport { Trash2, Loader2 } from 'lucide-react'\nimport { Button } from '../../primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { FormActionButtons, type FormActionButtonsProps } from './FormActionButtons'\nimport { ActionsDropdown, type ActionItem } from './ActionsDropdown'\nimport { InjectionSpot } from '../injection/InjectionSpot'\n\n/** Base props shared by both modes */\ntype FormHeaderBaseProps = {\n  /** Back link URL */\n  backHref?: string\n  /** Back link label */\n  backLabel?: string\n}\n\n/** Edit mode: compact header for CrudForm pages */\nexport type FormHeaderEditProps = FormHeaderBaseProps & {\n  mode?: 'edit'\n  /** Small title next to the back link */\n  title?: string\n  /** Structured action buttons (Delete/Cancel/Save) */\n  actions?: FormActionButtonsProps\n  /** Custom right-side content (overrides `actions`) */\n  actionsContent?: React.ReactNode\n}\n\n/** Detail mode: large header for view/detail pages */\nexport type FormHeaderDetailProps = FormHeaderBaseProps & {\n  mode: 'detail'\n  /** Large title -- string renders as h1; ReactNode for InlineTextEditor */\n  title?: React.ReactNode\n  /** Small uppercase entity type label above the title */\n  entityTypeLabel?: string\n  /** Subtitle text below the title */\n  subtitle?: string\n  /** Status badge or similar element below the title */\n  statusBadge?: React.ReactNode\n  /** Context actions grouped into an \"Actions\" dropdown (preferred) */\n  menuActions?: ActionItem[]\n  /** Optional label for actions dropdown trigger */\n  menuLabel?: string\n  /** Trigger style for actions dropdown */\n  menuTriggerMode?: 'label' | 'icon'\n  /** Accessible label used when trigger is icon-only */\n  menuAriaLabel?: string\n  /** Optional utility actions (icon-only) displayed before menu actions */\n  utilityActions?: React.ReactNode\n  /** Delete action -- rendered as a standalone destructive button next to the dropdown */\n  onDelete?: () => void\n  /** Delete button label */\n  deleteLabel?: string\n  /** Whether delete is in progress */\n  isDeleting?: boolean\n  /** Fallback: fully custom right-side content (overrides menuActions + onDelete) */\n  actionsContent?: React.ReactNode\n}\n\nexport type FormHeaderProps = FormHeaderEditProps | FormHeaderDetailProps\n\nexport function FormHeader(props: FormHeaderProps) {\n  const t = useT()\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n  const resolvedBackLabel = props.backLabel ?? t('ui.navigation.back')\n  const injectionContext = React.useMemo(\n    () => ({\n      path: pathname ?? '',\n      query: searchParams?.toString() ?? '',\n    }),\n    [pathname, searchParams],\n  )\n\n  if (props.mode === 'detail') {\n    return (\n      <>\n        <DetailHeader {...props} resolvedBackLabel={resolvedBackLabel} />\n        <InjectionSpot spotId=\"form-header:detail\" context={injectionContext} />\n      </>\n    )\n  }\n\n  return (\n    <>\n      <EditHeader {...props} resolvedBackLabel={resolvedBackLabel} />\n      <InjectionSpot spotId=\"form-header:edit\" context={injectionContext} />\n    </>\n  )\n}\n\nfunction EditHeader({\n  backHref,\n  resolvedBackLabel,\n  title,\n  actions,\n  actionsContent,\n}: FormHeaderEditProps & { resolvedBackLabel: string }) {\n  return (\n    <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between sm:gap-3\">\n      <div className=\"flex items-center gap-3\">\n        {backHref ? (\n          <Link href={backHref} className=\"text-sm text-muted-foreground hover:text-foreground\">\n            &larr; {resolvedBackLabel}\n          </Link>\n        ) : null}\n        {title ? <div className=\"text-base font-medium\">{title}</div> : null}\n      </div>\n      {actionsContent ?? (actions ? <FormActionButtons {...actions} /> : null)}\n    </div>\n  )\n}\n\nfunction DetailHeader({\n  backHref,\n  resolvedBackLabel,\n  title,\n  entityTypeLabel,\n  subtitle,\n  statusBadge,\n  menuActions,\n  menuLabel,\n  menuTriggerMode,\n  menuAriaLabel,\n  utilityActions,\n  onDelete,\n  deleteLabel,\n  isDeleting,\n  actionsContent,\n}: FormHeaderDetailProps & { resolvedBackLabel: string }) {\n  const t = useT()\n  const resolvedDeleteLabel = deleteLabel ?? t('ui.forms.actions.delete')\n\n  const hasActions = actionsContent || utilityActions || menuActions?.length || onDelete\n\n  return (\n    <div className=\"flex flex-col gap-2 md:gap-3 md:flex-row md:items-center md:justify-between\">\n      <div className=\"flex flex-wrap items-center gap-2 md:gap-3 min-w-0\">\n        {backHref ? (\n          <Link\n            href={backHref}\n            className=\"inline-flex items-center text-sm text-muted-foreground hover:text-foreground shrink-0\"\n          >\n            <span aria-hidden className=\"mr-1 text-base\">&larr;</span>\n            <span className=\"sr-only\">{resolvedBackLabel}</span>\n          </Link>\n        ) : null}\n        <div className=\"space-y-0.5 md:space-y-1 min-w-0\">\n          {entityTypeLabel ? (\n            <p className=\"text-xs uppercase text-muted-foreground\">{entityTypeLabel}</p>\n          ) : null}\n          {title ? (\n            typeof title === 'string' ? (\n              <h1 className=\"text-lg md:text-2xl font-semibold leading-tight truncate\">{title}</h1>\n            ) : (\n              <div className=\"text-lg md:text-2xl font-semibold leading-tight\">{title}</div>\n            )\n          ) : null}\n          {statusBadge}\n          {subtitle ? (\n            <p className=\"text-xs md:text-sm text-muted-foreground\">{subtitle}</p>\n          ) : null}\n        </div>\n      </div>\n      {hasActions ? (\n        <div className=\"flex flex-wrap items-center gap-2\">\n          {actionsContent ? actionsContent : (\n            <>\n              {utilityActions}\n              {menuActions?.length ? (\n                <ActionsDropdown\n                  items={menuActions}\n                  label={menuLabel}\n                  triggerMode={menuTriggerMode}\n                  ariaLabel={menuAriaLabel}\n                />\n              ) : null}\n              {onDelete ? (\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={onDelete}\n                  disabled={isDeleting}\n                  className=\"text-red-600 border-red-200 hover:bg-red-50 rounded\"\n                >\n                  {isDeleting ? (\n                    <Loader2 className=\"size-4 mr-2 animate-spin\" />\n                  ) : (\n                    <Trash2 className=\"size-4 mr-2\" />\n                  )}\n                  {resolvedDeleteLabel}\n                </Button>\n              ) : null}\n            </>\n          )}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],
-  "mappings": ";AA+EM,mBACE,KADF;AA7EN,YAAY,WAAW;AACvB,OAAO,UAAU;AACjB,SAAS,aAAa,uBAAuB;AAC7C,SAAS,QAAQ,eAAe;AAChC,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,yBAAsD;AAC/D,SAAS,uBAAwC;AACjD,SAAS,qBAAqB;AAsDvB,SAAS,WAAW,OAAwB;AACjD,QAAM,IAAI,KAAK;AACf,QAAM,WAAW,YAAY;AAC7B,QAAM,eAAe,gBAAgB;AACrC,QAAM,oBAAoB,MAAM,aAAa,EAAE,oBAAoB;AACnE,QAAM,mBAAmB,MAAM;AAAA,IAC7B,OAAO;AAAA,MACL,MAAM,YAAY;AAAA,MAClB,OAAO,cAAc,SAAS,KAAK;AAAA,IACrC;AAAA,IACA,CAAC,UAAU,YAAY;AAAA,EACzB;AAEA,MAAI,MAAM,SAAS,UAAU;AAC3B,WACE,iCACE;AAAA,0BAAC,gBAAc,GAAG,OAAO,mBAAsC;AAAA,MAC/D,oBAAC,iBAAc,QAAO,sBAAqB,SAAS,kBAAkB;AAAA,OACxE;AAAA,EAEJ;AAEA,SACE,iCACE;AAAA,wBAAC,cAAY,GAAG,OAAO,mBAAsC;AAAA,IAC7D,oBAAC,iBAAc,QAAO,oBAAmB,SAAS,kBAAkB;AAAA,KACtE;AAEJ;AAEA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwD;AACtD,SACE,qBAAC,SAAI,WAAU,+EACb;AAAA,yBAAC,SAAI,WAAU,2BACZ;AAAA,iBACC,qBAAC,QAAK,MAAM,UAAU,WAAU,uDAAsD;AAAA;AAAA,QAC5E;AAAA,SACV,IACE;AAAA,MACH,QAAQ,oBAAC,SAAI,WAAU,yBAAyB,iBAAM,IAAS;AAAA,OAClE;AAAA,IACC,mBAAmB,UAAU,oBAAC,qBAAmB,GAAG,SAAS,IAAK;AAAA,KACrE;AAEJ;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0D;AACxD,QAAM,IAAI,KAAK;AACf,QAAM,sBAAsB,eAAe,EAAE,yBAAyB;AAEtE,QAAM,aAAa,kBAAkB,kBAAkB,aAAa,UAAU;AAE9E,SACE,qBAAC,SAAI,WAAU,+EACb;AAAA,yBAAC,SAAI,WAAU,sDACZ;AAAA,iBACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,WAAU;AAAA,UAEV;AAAA,gCAAC,UAAK,eAAW,MAAC,WAAU,kBAAiB,oBAAM;AAAA,YACnD,oBAAC,UAAK,WAAU,WAAW,6BAAkB;AAAA;AAAA;AAAA,MAC/C,IACE;AAAA,MACJ,qBAAC,SAAI,WAAU,oCACZ;AAAA,0BACC,oBAAC,OAAE,WAAU,2CAA2C,2BAAgB,IACtE;AAAA,QACH,QACC,OAAO,UAAU,WACf,oBAAC,QAAG,WAAU,4DAA4D,iBAAM,IAEhF,oBAAC,SAAI,WAAU,mDAAmD,iBAAM,IAExE;AAAA,QACH;AAAA,QACA,WACC,oBAAC,OAAE,WAAU,4CAA4C,oBAAS,IAChE;AAAA,SACN;AAAA,OACF;AAAA,IACC,aACC,oBAAC,SAAI,WAAU,qCACZ,2BAAiB,iBAChB,iCACG;AAAA;AAAA,MACA,aAAa,SACZ;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,OAAO;AAAA,UACP,aAAa;AAAA,UACb,WAAW;AAAA;AAAA,MACb,IACE;AAAA,MACH,WACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS;AAAA,UACT,UAAU;AAAA,UACV,WAAU;AAAA,UAET;AAAA,yBACC,oBAAC,WAAQ,WAAU,4BAA2B,IAE9C,oBAAC,UAAO,WAAU,eAAc;AAAA,YAEjC;AAAA;AAAA;AAAA,MACH,IACE;AAAA,OACN,GAEJ,IACE;AAAA,KACN;AAEJ;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { usePathname, useSearchParams } from 'next/navigation'\nimport { Trash2, Loader2 } from 'lucide-react'\nimport { Button } from '../../primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { FormActionButtons, type FormActionButtonsProps } from './FormActionButtons'\nimport { ActionsDropdown, type ActionItem } from './ActionsDropdown'\nimport { InjectionSpot } from '../injection/InjectionSpot'\n\n/** Base props shared by both modes */\ntype FormHeaderBaseProps = {\n  /** Back link URL */\n  backHref?: string\n  /** Back link label */\n  backLabel?: string\n}\n\n/** Edit mode: compact header for CrudForm pages */\nexport type FormHeaderEditProps = FormHeaderBaseProps & {\n  mode?: 'edit'\n  /** Small title next to the back link */\n  title?: string\n  /** Structured action buttons (Delete/Cancel/Save) */\n  actions?: FormActionButtonsProps\n  /** Custom right-side content (overrides `actions`) */\n  actionsContent?: React.ReactNode\n}\n\n/** Detail mode: large header for view/detail pages */\nexport type FormHeaderDetailProps = FormHeaderBaseProps & {\n  mode: 'detail'\n  /** Large title -- string renders as h1; ReactNode for InlineTextEditor */\n  title?: React.ReactNode\n  /** Small uppercase entity type label above the title */\n  entityTypeLabel?: string\n  /** Subtitle text below the title */\n  subtitle?: string\n  /** Status badge or similar element below the title */\n  statusBadge?: React.ReactNode\n  /** Context actions grouped into an \"Actions\" dropdown (preferred) */\n  menuActions?: ActionItem[]\n  /** Optional label for actions dropdown trigger */\n  menuLabel?: string\n  /** Trigger style for actions dropdown */\n  menuTriggerMode?: 'label' | 'icon'\n  /** Accessible label used when trigger is icon-only */\n  menuAriaLabel?: string\n  /** Optional utility actions (icon-only) displayed before menu actions */\n  utilityActions?: React.ReactNode\n  /** Delete action -- rendered as a standalone destructive button next to the dropdown */\n  onDelete?: () => void\n  /** Delete button label */\n  deleteLabel?: string\n  /** Whether delete is in progress */\n  isDeleting?: boolean\n  /** Fallback: fully custom right-side content (overrides menuActions + onDelete) */\n  actionsContent?: React.ReactNode\n}\n\nexport type FormHeaderProps = FormHeaderEditProps | FormHeaderDetailProps\n\nexport function FormHeader(props: FormHeaderProps) {\n  const t = useT()\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n  const resolvedBackLabel = props.backLabel ?? t('ui.navigation.back')\n  const injectionContext = React.useMemo(\n    () => ({\n      path: pathname ?? '',\n      query: searchParams?.toString() ?? '',\n    }),\n    [pathname, searchParams],\n  )\n\n  if (props.mode === 'detail') {\n    return (\n      <>\n        <DetailHeader {...props} resolvedBackLabel={resolvedBackLabel} />\n        <InjectionSpot spotId=\"form-header:detail\" context={injectionContext} />\n      </>\n    )\n  }\n\n  return (\n    <>\n      <EditHeader {...props} resolvedBackLabel={resolvedBackLabel} />\n      <InjectionSpot spotId=\"form-header:edit\" context={injectionContext} />\n    </>\n  )\n}\n\nfunction EditHeader({\n  backHref,\n  resolvedBackLabel,\n  title,\n  actions,\n  actionsContent,\n}: FormHeaderEditProps & { resolvedBackLabel: string }) {\n  return (\n    <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between sm:gap-3\">\n      <div className=\"flex items-center gap-3\">\n        {backHref ? (\n          <Link href={backHref} className=\"text-sm text-muted-foreground hover:text-foreground\">\n            &larr; {resolvedBackLabel}\n          </Link>\n        ) : null}\n        {title ? <div className=\"text-base font-medium\">{title}</div> : null}\n      </div>\n      {actionsContent ?? (actions ? <FormActionButtons {...actions} /> : null)}\n    </div>\n  )\n}\n\nfunction DetailHeader({\n  backHref,\n  resolvedBackLabel,\n  title,\n  entityTypeLabel,\n  subtitle,\n  statusBadge,\n  menuActions,\n  menuLabel,\n  menuTriggerMode,\n  menuAriaLabel,\n  utilityActions,\n  onDelete,\n  deleteLabel,\n  isDeleting,\n  actionsContent,\n}: FormHeaderDetailProps & { resolvedBackLabel: string }) {\n  const t = useT()\n  const resolvedDeleteLabel = deleteLabel ?? t('ui.forms.actions.delete')\n\n  const hasActions = actionsContent || utilityActions || menuActions?.length || onDelete\n\n  return (\n    <div className=\"flex flex-col gap-2 md:gap-3 md:flex-row md:items-center md:justify-between\">\n      <div className=\"flex flex-wrap items-center gap-2 md:gap-3 min-w-0\">\n        {backHref ? (\n          <Link\n            href={backHref}\n            className=\"inline-flex items-center text-sm text-muted-foreground hover:text-foreground shrink-0\"\n          >\n            <span aria-hidden className=\"mr-1 text-base\">&larr;</span>\n            <span className=\"sr-only\">{resolvedBackLabel}</span>\n          </Link>\n        ) : null}\n        <div className=\"space-y-0.5 md:space-y-1 min-w-0\">\n          {entityTypeLabel ? (\n            <p className=\"text-xs uppercase text-muted-foreground\">{entityTypeLabel}</p>\n          ) : null}\n          {title ? (\n            typeof title === 'string' ? (\n              <h1 className=\"text-lg md:text-2xl font-semibold leading-tight truncate\">{title}</h1>\n            ) : (\n              <div className=\"text-lg md:text-2xl font-semibold leading-tight\">{title}</div>\n            )\n          ) : null}\n          {statusBadge}\n          {subtitle ? (\n            <p className=\"text-xs md:text-sm text-muted-foreground\">{subtitle}</p>\n          ) : null}\n        </div>\n      </div>\n      {hasActions ? (\n        <div className=\"flex flex-wrap items-center gap-2\">\n          {actionsContent ? actionsContent : (\n            <>\n              {utilityActions}\n              {menuActions?.length ? (\n                <ActionsDropdown\n                  items={menuActions}\n                  label={menuLabel}\n                  triggerMode={menuTriggerMode}\n                  ariaLabel={menuAriaLabel}\n                />\n              ) : null}\n              {onDelete ? (\n                <Button\n                  type=\"button\"\n                  variant=\"destructive\"\n                  size=\"sm\"\n                  onClick={onDelete}\n                  disabled={isDeleting}\n                >\n                  {isDeleting ? (\n                    <Loader2 className=\"size-4 mr-2 animate-spin\" />\n                  ) : (\n                    <Trash2 className=\"size-4 mr-2\" />\n                  )}\n                  {resolvedDeleteLabel}\n                </Button>\n              ) : null}\n            </>\n          )}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/backend/schedule/ScheduleAgenda.js

@@ -47,9 +47,9 @@ function getStatusLabel(status, t) {
   return null;
 }
 function getKindStyles(kind) {
-  if (kind === "event") return "border-blue-500/40 bg-blue-500/10 text-blue-950";
-  if (kind === "exception") return "border-amber-500/40 bg-amber-500/10 text-amber-950";
-  return "border-emerald-500/40 bg-emerald-500/10 text-emerald-950";
+  if (kind === "event") return "border-status-info-border bg-status-info-bg text-status-info-text";
+  if (kind === "exception") return "border-status-warning-border bg-status-warning-bg text-status-warning-text";
+  return "border-status-success-border bg-status-success-bg text-status-success-text";
 }
 function ScheduleAgenda({ items, range, timezone, onItemClick, onSlotClick, className }) {
   const t = useT();

package/dist/backend/schedule/ScheduleAgenda.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/schedule/ScheduleAgenda.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { ScheduleItem, ScheduleRange, ScheduleSlot } from './types'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { Badge } from '../../primitives/badge'\nimport { Button } from '../../primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { expandRecurringItems } from './recurrence'\n\nconst DAY_MS = 24 * 60 * 60 * 1000\n\nfunction startOfDay(value: Date): Date {\n  return new Date(value.getFullYear(), value.getMonth(), value.getDate())\n}\n\nfunction endOfDay(value: Date): Date {\n  return new Date(value.getFullYear(), value.getMonth(), value.getDate(), 23, 59, 59, 999)\n}\n\nfunction eachDay(start: Date, end: Date): Date[] {\n  const days: Date[] = []\n  let cursor = startOfDay(start)\n  const last = startOfDay(end)\n  while (cursor <= last) {\n    days.push(new Date(cursor))\n    cursor = new Date(cursor.getTime() + DAY_MS)\n  }\n  return days\n}\n\nfunction overlapsDay(item: ScheduleItem, day: Date): boolean {\n  const dayStart = startOfDay(day)\n  const dayEnd = endOfDay(day)\n  return item.startsAt <= dayEnd && item.endsAt >= dayStart\n}\n\nfunction formatDayLabel(day: Date): string {\n  return day.toLocaleDateString(undefined, { weekday: 'long', month: 'short', day: 'numeric' })\n}\n\nfunction formatTimeRange(item: ScheduleItem, timezone?: string): string {\n  const options: Intl.DateTimeFormatOptions = { hour: '2-digit', minute: '2-digit' }\n  if (timezone) options.timeZone = timezone\n  const startLabel = item.startsAt.toLocaleTimeString(undefined, options)\n  const endLabel = item.endsAt.toLocaleTimeString(undefined, options)\n  return `${startLabel}-${endLabel}`\n}\n\nfunction getStatusLabel(status: ScheduleItem['status'], t: (key: string, fallback?: string) => string): string | null {\n  if (!status) return null\n  if (status === 'draft') return t('schedule.item.status.draft', 'Draft')\n  if (status === 'negotiation') return t('schedule.item.status.negotiation', 'Negotiation')\n  if (status === 'confirmed') return t('schedule.item.status.confirmed', 'Confirmed')\n  if (status === 'cancelled') return t('schedule.item.status.cancelled', 'Cancelled')\n  return null\n}\n\nfunction getKindStyles(kind: ScheduleItem['kind']): string {\n  if (kind === 'event') return 'border-blue-500/40 bg-blue-500/10 text-blue-950'\n  if (kind === 'exception') return 'border-amber-500/40 bg-amber-500/10 text-amber-950'\n  return 'border-emerald-500/40 bg-emerald-500/10 text-emerald-950'\n}\n\nexport type ScheduleAgendaProps = {\n  items: ScheduleItem[]\n  range: ScheduleRange\n  timezone?: string\n  onItemClick?: (item: ScheduleItem) => void\n  onSlotClick?: (slot: ScheduleSlot) => void\n  className?: string\n}\n\nexport function ScheduleAgenda({ items, range, timezone, onItemClick, onSlotClick, className }: ScheduleAgendaProps) {\n  const t = useT()\n  const days = React.useMemo(() => eachDay(range.start, range.end), [range])\n  const expandedItems = React.useMemo(() => expandRecurringItems(items, range), [items, range])\n\n  return (\n    <div className={cn('space-y-4', className)}>\n      {days.map((day) => {\n        const dayItems = expandedItems.filter((item) => overlapsDay(item, day))\n        const slotStart = new Date(day.getFullYear(), day.getMonth(), day.getDate(), 9, 0, 0)\n        const slotEnd = new Date(day.getFullYear(), day.getMonth(), day.getDate(), 10, 0, 0)\n        return (\n          <div key={day.toISOString()} className=\"rounded-xl border bg-card p-4\">\n            <div className=\"flex items-center justify-between gap-2\">\n              <div className=\"text-sm font-semibold text-foreground\">{formatDayLabel(day)}</div>\n              {onSlotClick ? (\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={() => onSlotClick({ start: slotStart, end: slotEnd })}\n                >\n                  {t('schedule.actions.add', 'Add')}\n                </Button>\n              ) : null}\n            </div>\n            <div className=\"mt-3 space-y-2\">\n              {dayItems.length === 0 ? (\n                <div className=\"rounded-lg border border-dashed p-3 text-xs text-muted-foreground\">\n                  {t('schedule.emptyDay', 'No scheduled items')}\n                </div>\n              ) : (\n                dayItems.map((item) => {\n                  const statusLabel = getStatusLabel(item.status, t)\n                  return (\n                    <button\n                      key={item.id}\n                      type=\"button\"\n                      className={cn(\n                        'flex w-full cursor-pointer flex-col gap-2 rounded-lg border px-3 py-2 text-left text-xs transition hover:shadow-sm',\n                        getKindStyles(item.kind)\n                      )}\n                      onClick={() => onItemClick?.(item)}\n                    >\n                      <div className=\"flex items-center justify-between gap-2\">\n                        <span className=\"font-semibold\">{item.title}</span>\n                        {statusLabel ? <Badge variant=\"secondary\">{statusLabel}</Badge> : null}\n                      </div>\n                      <div className=\"flex items-center justify-between text-overline text-muted-foreground\">\n                        <span>{formatTimeRange(item, timezone)}</span>\n                        <span className=\"capitalize\">{item.kind}</span>\n                      </div>\n                    </button>\n                  )\n                })\n              )}\n            </div>\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { ScheduleItem, ScheduleRange, ScheduleSlot } from './types'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { Badge } from '../../primitives/badge'\nimport { Button } from '../../primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { expandRecurringItems } from './recurrence'\n\nconst DAY_MS = 24 * 60 * 60 * 1000\n\nfunction startOfDay(value: Date): Date {\n  return new Date(value.getFullYear(), value.getMonth(), value.getDate())\n}\n\nfunction endOfDay(value: Date): Date {\n  return new Date(value.getFullYear(), value.getMonth(), value.getDate(), 23, 59, 59, 999)\n}\n\nfunction eachDay(start: Date, end: Date): Date[] {\n  const days: Date[] = []\n  let cursor = startOfDay(start)\n  const last = startOfDay(end)\n  while (cursor <= last) {\n    days.push(new Date(cursor))\n    cursor = new Date(cursor.getTime() + DAY_MS)\n  }\n  return days\n}\n\nfunction overlapsDay(item: ScheduleItem, day: Date): boolean {\n  const dayStart = startOfDay(day)\n  const dayEnd = endOfDay(day)\n  return item.startsAt <= dayEnd && item.endsAt >= dayStart\n}\n\nfunction formatDayLabel(day: Date): string {\n  return day.toLocaleDateString(undefined, { weekday: 'long', month: 'short', day: 'numeric' })\n}\n\nfunction formatTimeRange(item: ScheduleItem, timezone?: string): string {\n  const options: Intl.DateTimeFormatOptions = { hour: '2-digit', minute: '2-digit' }\n  if (timezone) options.timeZone = timezone\n  const startLabel = item.startsAt.toLocaleTimeString(undefined, options)\n  const endLabel = item.endsAt.toLocaleTimeString(undefined, options)\n  return `${startLabel}-${endLabel}`\n}\n\nfunction getStatusLabel(status: ScheduleItem['status'], t: (key: string, fallback?: string) => string): string | null {\n  if (!status) return null\n  if (status === 'draft') return t('schedule.item.status.draft', 'Draft')\n  if (status === 'negotiation') return t('schedule.item.status.negotiation', 'Negotiation')\n  if (status === 'confirmed') return t('schedule.item.status.confirmed', 'Confirmed')\n  if (status === 'cancelled') return t('schedule.item.status.cancelled', 'Cancelled')\n  return null\n}\n\nfunction getKindStyles(kind: ScheduleItem['kind']): string {\n  if (kind === 'event') return 'border-status-info-border bg-status-info-bg text-status-info-text'\n  if (kind === 'exception') return 'border-status-warning-border bg-status-warning-bg text-status-warning-text'\n  return 'border-status-success-border bg-status-success-bg text-status-success-text'\n}\n\nexport type ScheduleAgendaProps = {\n  items: ScheduleItem[]\n  range: ScheduleRange\n  timezone?: string\n  onItemClick?: (item: ScheduleItem) => void\n  onSlotClick?: (slot: ScheduleSlot) => void\n  className?: string\n}\n\nexport function ScheduleAgenda({ items, range, timezone, onItemClick, onSlotClick, className }: ScheduleAgendaProps) {\n  const t = useT()\n  const days = React.useMemo(() => eachDay(range.start, range.end), [range])\n  const expandedItems = React.useMemo(() => expandRecurringItems(items, range), [items, range])\n\n  return (\n    <div className={cn('space-y-4', className)}>\n      {days.map((day) => {\n        const dayItems = expandedItems.filter((item) => overlapsDay(item, day))\n        const slotStart = new Date(day.getFullYear(), day.getMonth(), day.getDate(), 9, 0, 0)\n        const slotEnd = new Date(day.getFullYear(), day.getMonth(), day.getDate(), 10, 0, 0)\n        return (\n          <div key={day.toISOString()} className=\"rounded-xl border bg-card p-4\">\n            <div className=\"flex items-center justify-between gap-2\">\n              <div className=\"text-sm font-semibold text-foreground\">{formatDayLabel(day)}</div>\n              {onSlotClick ? (\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={() => onSlotClick({ start: slotStart, end: slotEnd })}\n                >\n                  {t('schedule.actions.add', 'Add')}\n                </Button>\n              ) : null}\n            </div>\n            <div className=\"mt-3 space-y-2\">\n              {dayItems.length === 0 ? (\n                <div className=\"rounded-lg border border-dashed p-3 text-xs text-muted-foreground\">\n                  {t('schedule.emptyDay', 'No scheduled items')}\n                </div>\n              ) : (\n                dayItems.map((item) => {\n                  const statusLabel = getStatusLabel(item.status, t)\n                  return (\n                    <button\n                      key={item.id}\n                      type=\"button\"\n                      className={cn(\n                        'flex w-full cursor-pointer flex-col gap-2 rounded-lg border px-3 py-2 text-left text-xs transition hover:shadow-sm',\n                        getKindStyles(item.kind)\n                      )}\n                      onClick={() => onItemClick?.(item)}\n                    >\n                      <div className=\"flex items-center justify-between gap-2\">\n                        <span className=\"font-semibold\">{item.title}</span>\n                        {statusLabel ? <Badge variant=\"secondary\">{statusLabel}</Badge> : null}\n                      </div>\n                      <div className=\"flex items-center justify-between text-overline text-muted-foreground\">\n                        <span>{formatTimeRange(item, timezone)}</span>\n                        <span className=\"capitalize\">{item.kind}</span>\n                      </div>\n                    </button>\n                  )\n                })\n              )}\n            </div>\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n"],
   "mappings": "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",
   "names": []
 }

package/dist/backend/schedule/ScheduleGrid.js

@@ -47,9 +47,9 @@ function getStatusLabel(status, t) {
   return null;
 }
 function getKindStyles(kind) {
-  if (kind === "event") return "border-blue-500/40 bg-blue-500/10 text-blue-950";
-  if (kind === "exception") return "border-amber-500/40 bg-amber-500/10 text-amber-950";
-  return "border-emerald-500/40 bg-emerald-500/10 text-emerald-950";
+  if (kind === "event") return "border-status-info-border bg-status-info-bg text-status-info-text";
+  if (kind === "exception") return "border-status-warning-border bg-status-warning-bg text-status-warning-text";
+  return "border-status-success-border bg-status-success-bg text-status-success-text";
 }
 function ScheduleGrid({ items, range, timezone, onItemClick, onSlotClick, className }) {
   const t = useT();

package/dist/backend/schedule/ScheduleGrid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/schedule/ScheduleGrid.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { ScheduleItem, ScheduleRange, ScheduleSlot } from './types'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { Badge } from '../../primitives/badge'\nimport { Button } from '../../primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { expandRecurringItems } from './recurrence'\n\nconst DAY_MS = 24 * 60 * 60 * 1000\n\nfunction startOfDay(value: Date): Date {\n  return new Date(value.getFullYear(), value.getMonth(), value.getDate())\n}\n\nfunction endOfDay(value: Date): Date {\n  return new Date(value.getFullYear(), value.getMonth(), value.getDate(), 23, 59, 59, 999)\n}\n\nfunction eachDay(start: Date, end: Date): Date[] {\n  const days: Date[] = []\n  let cursor = startOfDay(start)\n  const last = startOfDay(end)\n  while (cursor <= last) {\n    days.push(new Date(cursor))\n    cursor = new Date(cursor.getTime() + DAY_MS)\n  }\n  return days\n}\n\nfunction overlapsDay(item: ScheduleItem, day: Date): boolean {\n  const dayStart = startOfDay(day)\n  const dayEnd = endOfDay(day)\n  return item.startsAt <= dayEnd && item.endsAt >= dayStart\n}\n\nfunction formatDayLabel(day: Date): string {\n  return day.toLocaleDateString(undefined, { weekday: 'short', month: 'short', day: 'numeric' })\n}\n\nfunction formatTimeRange(item: ScheduleItem, timezone?: string): string {\n  const options: Intl.DateTimeFormatOptions = { hour: '2-digit', minute: '2-digit' }\n  if (timezone) options.timeZone = timezone\n  const startLabel = item.startsAt.toLocaleTimeString(undefined, options)\n  const endLabel = item.endsAt.toLocaleTimeString(undefined, options)\n  return `${startLabel}-${endLabel}`\n}\n\nfunction getStatusLabel(status: ScheduleItem['status'], t: (key: string, fallback?: string) => string): string | null {\n  if (!status) return null\n  if (status === 'draft') return t('schedule.item.status.draft', 'Draft')\n  if (status === 'negotiation') return t('schedule.item.status.negotiation', 'Negotiation')\n  if (status === 'confirmed') return t('schedule.item.status.confirmed', 'Confirmed')\n  if (status === 'cancelled') return t('schedule.item.status.cancelled', 'Cancelled')\n  return null\n}\n\nfunction getKindStyles(kind: ScheduleItem['kind']): string {\n  if (kind === 'event') return 'border-blue-500/40 bg-blue-500/10 text-blue-950'\n  if (kind === 'exception') return 'border-amber-500/40 bg-amber-500/10 text-amber-950'\n  return 'border-emerald-500/40 bg-emerald-500/10 text-emerald-950'\n}\n\nexport type ScheduleGridProps = {\n  items: ScheduleItem[]\n  range: ScheduleRange\n  timezone?: string\n  onItemClick?: (item: ScheduleItem) => void\n  onSlotClick?: (slot: ScheduleSlot) => void\n  className?: string\n}\n\nexport function ScheduleGrid({ items, range, timezone, onItemClick, onSlotClick, className }: ScheduleGridProps) {\n  const t = useT()\n  const days = React.useMemo(() => eachDay(range.start, range.end), [range])\n  const expandedItems = React.useMemo(() => expandRecurringItems(items, range), [items, range])\n\n  return (\n    <div className={cn('grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3', className)}>\n      {days.map((day) => {\n        const dayItems = expandedItems.filter((item) => overlapsDay(item, day))\n        const slotStart = new Date(day.getFullYear(), day.getMonth(), day.getDate(), 9, 0, 0)\n        const slotEnd = new Date(day.getFullYear(), day.getMonth(), day.getDate(), 10, 0, 0)\n        return (\n          <div key={day.toISOString()} className=\"rounded-xl border bg-card p-4 shadow-sm\">\n            <div className=\"flex items-center justify-between gap-2\">\n              <div className=\"text-sm font-semibold text-foreground\">{formatDayLabel(day)}</div>\n              {onSlotClick ? (\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={() => onSlotClick({ start: slotStart, end: slotEnd })}\n                >\n                  {t('schedule.actions.add', 'Add')}\n                </Button>\n              ) : null}\n            </div>\n            <div className=\"mt-3 space-y-2\">\n              {dayItems.length === 0 ? (\n                <div className=\"rounded-lg border border-dashed p-3 text-xs text-muted-foreground\">\n                  {t('schedule.emptyDay', 'No scheduled items')}\n                </div>\n              ) : (\n                dayItems.map((item) => {\n                  const statusLabel = getStatusLabel(item.status, t)\n                  return (\n                    <button\n                      key={item.id}\n                      type=\"button\"\n                      className={cn(\n                        'flex w-full cursor-pointer flex-col gap-2 rounded-lg border px-3 py-2 text-left text-xs transition hover:shadow-sm',\n                        getKindStyles(item.kind)\n                      )}\n                      onClick={() => onItemClick?.(item)}\n                    >\n                      <div className=\"flex items-center justify-between gap-2\">\n                        <span className=\"font-semibold\">{item.title}</span>\n                        {statusLabel ? <Badge variant=\"secondary\">{statusLabel}</Badge> : null}\n                      </div>\n                      <div className=\"flex items-center justify-between text-overline text-muted-foreground\">\n                        <span>{formatTimeRange(item, timezone)}</span>\n                        <span className=\"capitalize\">{item.kind}</span>\n                      </div>\n                    </button>\n                  )\n                })\n              )}\n            </div>\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { ScheduleItem, ScheduleRange, ScheduleSlot } from './types'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { Badge } from '../../primitives/badge'\nimport { Button } from '../../primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { expandRecurringItems } from './recurrence'\n\nconst DAY_MS = 24 * 60 * 60 * 1000\n\nfunction startOfDay(value: Date): Date {\n  return new Date(value.getFullYear(), value.getMonth(), value.getDate())\n}\n\nfunction endOfDay(value: Date): Date {\n  return new Date(value.getFullYear(), value.getMonth(), value.getDate(), 23, 59, 59, 999)\n}\n\nfunction eachDay(start: Date, end: Date): Date[] {\n  const days: Date[] = []\n  let cursor = startOfDay(start)\n  const last = startOfDay(end)\n  while (cursor <= last) {\n    days.push(new Date(cursor))\n    cursor = new Date(cursor.getTime() + DAY_MS)\n  }\n  return days\n}\n\nfunction overlapsDay(item: ScheduleItem, day: Date): boolean {\n  const dayStart = startOfDay(day)\n  const dayEnd = endOfDay(day)\n  return item.startsAt <= dayEnd && item.endsAt >= dayStart\n}\n\nfunction formatDayLabel(day: Date): string {\n  return day.toLocaleDateString(undefined, { weekday: 'short', month: 'short', day: 'numeric' })\n}\n\nfunction formatTimeRange(item: ScheduleItem, timezone?: string): string {\n  const options: Intl.DateTimeFormatOptions = { hour: '2-digit', minute: '2-digit' }\n  if (timezone) options.timeZone = timezone\n  const startLabel = item.startsAt.toLocaleTimeString(undefined, options)\n  const endLabel = item.endsAt.toLocaleTimeString(undefined, options)\n  return `${startLabel}-${endLabel}`\n}\n\nfunction getStatusLabel(status: ScheduleItem['status'], t: (key: string, fallback?: string) => string): string | null {\n  if (!status) return null\n  if (status === 'draft') return t('schedule.item.status.draft', 'Draft')\n  if (status === 'negotiation') return t('schedule.item.status.negotiation', 'Negotiation')\n  if (status === 'confirmed') return t('schedule.item.status.confirmed', 'Confirmed')\n  if (status === 'cancelled') return t('schedule.item.status.cancelled', 'Cancelled')\n  return null\n}\n\nfunction getKindStyles(kind: ScheduleItem['kind']): string {\n  if (kind === 'event') return 'border-status-info-border bg-status-info-bg text-status-info-text'\n  if (kind === 'exception') return 'border-status-warning-border bg-status-warning-bg text-status-warning-text'\n  return 'border-status-success-border bg-status-success-bg text-status-success-text'\n}\n\nexport type ScheduleGridProps = {\n  items: ScheduleItem[]\n  range: ScheduleRange\n  timezone?: string\n  onItemClick?: (item: ScheduleItem) => void\n  onSlotClick?: (slot: ScheduleSlot) => void\n  className?: string\n}\n\nexport function ScheduleGrid({ items, range, timezone, onItemClick, onSlotClick, className }: ScheduleGridProps) {\n  const t = useT()\n  const days = React.useMemo(() => eachDay(range.start, range.end), [range])\n  const expandedItems = React.useMemo(() => expandRecurringItems(items, range), [items, range])\n\n  return (\n    <div className={cn('grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3', className)}>\n      {days.map((day) => {\n        const dayItems = expandedItems.filter((item) => overlapsDay(item, day))\n        const slotStart = new Date(day.getFullYear(), day.getMonth(), day.getDate(), 9, 0, 0)\n        const slotEnd = new Date(day.getFullYear(), day.getMonth(), day.getDate(), 10, 0, 0)\n        return (\n          <div key={day.toISOString()} className=\"rounded-xl border bg-card p-4 shadow-sm\">\n            <div className=\"flex items-center justify-between gap-2\">\n              <div className=\"text-sm font-semibold text-foreground\">{formatDayLabel(day)}</div>\n              {onSlotClick ? (\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={() => onSlotClick({ start: slotStart, end: slotEnd })}\n                >\n                  {t('schedule.actions.add', 'Add')}\n                </Button>\n              ) : null}\n            </div>\n            <div className=\"mt-3 space-y-2\">\n              {dayItems.length === 0 ? (\n                <div className=\"rounded-lg border border-dashed p-3 text-xs text-muted-foreground\">\n                  {t('schedule.emptyDay', 'No scheduled items')}\n                </div>\n              ) : (\n                dayItems.map((item) => {\n                  const statusLabel = getStatusLabel(item.status, t)\n                  return (\n                    <button\n                      key={item.id}\n                      type=\"button\"\n                      className={cn(\n                        'flex w-full cursor-pointer flex-col gap-2 rounded-lg border px-3 py-2 text-left text-xs transition hover:shadow-sm',\n                        getKindStyles(item.kind)\n                      )}\n                      onClick={() => onItemClick?.(item)}\n                    >\n                      <div className=\"flex items-center justify-between gap-2\">\n                        <span className=\"font-semibold\">{item.title}</span>\n                        {statusLabel ? <Badge variant=\"secondary\">{statusLabel}</Badge> : null}\n                      </div>\n                      <div className=\"flex items-center justify-between text-overline text-muted-foreground\">\n                        <span>{formatTimeRange(item, timezone)}</span>\n                        <span className=\"capitalize\">{item.kind}</span>\n                      </div>\n                    </button>\n                  )\n                })\n              )}\n            </div>\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n"],
   "mappings": "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",
   "names": []
 }

package/dist/primitives/button.js

@@ -8,10 +8,15 @@ const buttonVariants = cva(
     variants: {
       variant: {
         default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary-hover",
-        destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 aria-invalid:ring-destructive dark:aria-invalid:ring-destructive dark:bg-destructive/10",
-        "destructive-outline": "border border-destructive/30 bg-background text-destructive shadow-xs hover:bg-destructive/10 dark:border-destructive/40 dark:hover:bg-destructive/15",
-        "destructive-soft": "bg-destructive/10 text-destructive hover:bg-destructive/15 dark:bg-destructive/15 dark:hover:bg-destructive/20",
-        "destructive-ghost": "text-destructive hover:bg-destructive/10 dark:hover:bg-destructive/15",
+        /* Destructive is quiet by design: red text on a calm surface. A wall
+           of solid red buttons trains users to ignore red. The filled form is
+           `destructive-solid`, reserved for the single point-of-no-return
+           confirmation inside a dialog — never for the button that opens it. */
+        destructive: "border border-destructive bg-background text-destructive shadow-xs hover:bg-destructive/10 aria-invalid:ring-destructive dark:aria-invalid:ring-destructive",
+        "destructive-solid": "bg-destructive text-white shadow-xs hover:bg-destructive/90 aria-invalid:ring-destructive dark:aria-invalid:ring-destructive",
+        "destructive-outline": "border border-destructive bg-background text-destructive shadow-xs hover:bg-destructive/10",
+        "destructive-soft": "bg-destructive/10 text-destructive hover:bg-destructive/15",
+        "destructive-ghost": "text-destructive hover:bg-destructive/10",
         outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
         secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",

package/dist/primitives/button.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/primitives/button.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium cursor-pointer transition-all disabled:pointer-events-none disabled:bg-bg-disabled disabled:text-text-disabled disabled:border-border-disabled disabled:shadow-none disabled:[background-image:none] [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:outline-none focus-visible:shadow-focus aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground shadow-xs hover:bg-primary-hover',\n        destructive:\n          'bg-destructive text-white shadow-xs hover:bg-destructive/90 aria-invalid:ring-destructive dark:aria-invalid:ring-destructive dark:bg-destructive/10',\n        'destructive-outline':\n          'border border-destructive/30 bg-background text-destructive shadow-xs hover:bg-destructive/10 dark:border-destructive/40 dark:hover:bg-destructive/15',\n        'destructive-soft':\n          'bg-destructive/10 text-destructive hover:bg-destructive/15 dark:bg-destructive/15 dark:hover:bg-destructive/20',\n        'destructive-ghost':\n          'text-destructive hover:bg-destructive/10 dark:hover:bg-destructive/15',\n        outline:\n          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',\n        secondary: 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',\n        ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\n        muted: 'text-muted-foreground hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        default: 'h-9 px-4 py-2 has-[>svg]:px-3',\n        sm: 'h-8 gap-1.5 px-3 has-[>svg]:px-2.5',\n        lg: 'h-10 px-6 has-[>svg]:px-4',\n        '2xs': 'h-7 gap-1 px-2 py-0.5 has-[>svg]:px-1.5 text-xs',\n        icon: 'size-9',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n)\n\nexport function Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'button'> &\n  VariantProps<typeof buttonVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : 'button'\n  return <Comp data-slot=\"button\" className={cn(buttonVariants({ variant, size, className }))} {...props} />\n}\n\nexport { buttonVariants }\n\n"],
-  "mappings": "AAkDS;AAjDT,SAAS,YAAY;AACrB,SAAS,WAA8B;AACvC,SAAS,UAAU;AAEnB,MAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,QACF,uBACE;AAAA,QACF,oBACE;AAAA,QACF,qBACE;AAAA,QACF,SACE;AAAA,QACF,WAAW;AAAA,QACX,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,SAAS,OAAO;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAC+D;AAC7D,QAAM,OAAO,UAAU,OAAO;AAC9B,SAAO,oBAAC,QAAK,aAAU,UAAS,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC,GAAI,GAAG,OAAO;AAC1G;",
+  "sourcesContent": ["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium cursor-pointer transition-all disabled:pointer-events-none disabled:bg-bg-disabled disabled:text-text-disabled disabled:border-border-disabled disabled:shadow-none disabled:[background-image:none] [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:outline-none focus-visible:shadow-focus aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground shadow-xs hover:bg-primary-hover',\n        /* Destructive is quiet by design: red text on a calm surface. A wall\n           of solid red buttons trains users to ignore red. The filled form is\n           `destructive-solid`, reserved for the single point-of-no-return\n           confirmation inside a dialog \u2014 never for the button that opens it. */\n        destructive:\n          'border border-destructive bg-background text-destructive shadow-xs hover:bg-destructive/10 aria-invalid:ring-destructive dark:aria-invalid:ring-destructive',\n        'destructive-solid':\n          'bg-destructive text-white shadow-xs hover:bg-destructive/90 aria-invalid:ring-destructive dark:aria-invalid:ring-destructive',\n        'destructive-outline':\n          'border border-destructive bg-background text-destructive shadow-xs hover:bg-destructive/10',\n        'destructive-soft':\n          'bg-destructive/10 text-destructive hover:bg-destructive/15',\n        'destructive-ghost':\n          'text-destructive hover:bg-destructive/10',\n        outline:\n          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',\n        secondary: 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',\n        ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\n        muted: 'text-muted-foreground hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        default: 'h-9 px-4 py-2 has-[>svg]:px-3',\n        sm: 'h-8 gap-1.5 px-3 has-[>svg]:px-2.5',\n        lg: 'h-10 px-6 has-[>svg]:px-4',\n        '2xs': 'h-7 gap-1 px-2 py-0.5 has-[>svg]:px-1.5 text-xs',\n        icon: 'size-9',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n)\n\nexport function Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'button'> &\n  VariantProps<typeof buttonVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : 'button'\n  return <Comp data-slot=\"button\" className={cn(buttonVariants({ variant, size, className }))} {...props} />\n}\n\nexport { buttonVariants }\n\n"],
+  "mappings": "AAwDS;AAvDT,SAAS,YAAY;AACrB,SAAS,WAA8B;AACvC,SAAS,UAAU;AAEnB,MAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,QAKT,aACE;AAAA,QACF,qBACE;AAAA,QACF,uBACE;AAAA,QACF,oBACE;AAAA,QACF,qBACE;AAAA,QACF,SACE;AAAA,QACF,WAAW;AAAA,QACX,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,SAAS,OAAO;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAC+D;AAC7D,QAAM,OAAO,UAAU,OAAO;AAC9B,SAAO,oBAAC,QAAK,aAAU,UAAS,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC,GAAI,GAAG,OAAO;AAC1G;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-mercato/ui",
-  "version": "0.6.7-develop.6827.1.a575bebce9",
+  "version": "0.6.7-develop.6834.1.e76f4b8cbc",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
@@ -155,14 +155,14 @@
     "remark-gfm": "^4.0.1"
   },
   "peerDependencies": {
-    "@open-mercato/shared": "0.6.7-develop.6827.1.a575bebce9",
+    "@open-mercato/shared": "0.6.7-develop.6834.1.e76f4b8cbc",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "react-is": ">=18.0.0"
   },
   "devDependencies": {
     "@figma/code-connect": "^1.3.4",
-    "@open-mercato/shared": "0.6.7-develop.6827.1.a575bebce9",
+    "@open-mercato/shared": "0.6.7-develop.6834.1.e76f4b8cbc",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.1",

package/src/backend/JsonBuilder.tsx

@@ -164,7 +164,7 @@ export function JsonBuilder({
                         disabled={disabled}
                     />
                     {parseError && (
-                        <div className="text-xs text-red-600">Invalid JSON format</div>
+                        <div className="text-xs text-status-error-text">Invalid JSON format</div>
                     )}
                 </div>
             ) : (
@@ -185,7 +185,7 @@ export function JsonBuilder({
                 </div>
             )}
 
-            {error && <div className="text-xs text-red-600">{error}</div>}
+            {error && <div className="text-xs text-status-error-text">{error}</div>}
             {ConfirmDialogElement}
         </div>
     )
@@ -363,7 +363,7 @@ function JsonNode({ data, onChange, onDelete, readOnly, label, isRoot, confirm }
                             type="button"
                             variant="ghost"
                             size="xs"
-                            className="text-muted-foreground hover:text-red-500 opacity-0 group-hover:opacity-100 transition-opacity"
+                            className="text-muted-foreground hover:text-destructive opacity-0 group-hover:opacity-100 transition-opacity"
                             title="Remove item"
                             onClick={onDelete}
                         >

package/src/backend/RowActions.tsx

@@ -123,7 +123,7 @@ export function RowActions({ items = [] }: { items?: RowActionItem[] }) {
               <a
                 key={idx}
                 href={it.href}
-                className={`block w-full text-left px-2 py-1 text-sm rounded hover:bg-accent ${it.destructive ? 'text-red-600' : ''}`}
+                className={`block w-full text-left px-2 py-1 text-sm rounded hover:bg-accent ${it.destructive ? 'text-destructive' : ''}`}
                 role="menuitem"
                 onClick={(event) => {
                   event.stopPropagation()
@@ -138,7 +138,7 @@ export function RowActions({ items = [] }: { items?: RowActionItem[] }) {
                 type="button"
                 variant="ghost"
                 size="sm"
-                className={`w-full justify-start rounded-none font-normal ${it.destructive ? 'text-red-600' : ''}`}
+                className={`w-full justify-start rounded-none font-normal ${it.destructive ? 'text-destructive' : ''}`}
                 role="menuitem"
                 onClick={(event) => {
                   event.stopPropagation()

package/src/backend/confirm-dialog/ConfirmDialog.tsx

@@ -277,7 +277,7 @@ export function ConfirmDialog({
           {resolvedConfirmText !== false && (
             <Button
               ref={confirmButtonRef}
-              variant={variant === "destructive" ? "destructive" : "default"}
+              variant={variant === "destructive" ? "destructive-solid" : "default"}
               onClick={handleConfirm}
               disabled={loading}
               className="w-full sm:w-auto"

package/src/backend/confirm-dialog/__tests__/ConfirmDialog.test.tsx

@@ -61,6 +61,41 @@ describe('ConfirmDialog', () => {
     expect(dialog.parentElement).toBe(document.body)
   })
 
+  it('renders the destructive confirmation as the solid variant', () => {
+    renderWithProviders(
+      <ConfirmDialog
+        open
+        variant="destructive"
+        onOpenChange={() => undefined}
+        onConfirm={() => undefined}
+        title="Delete customer?"
+        confirmText="Delete"
+        cancelText="Cancel"
+      />,
+    )
+
+    const classNames = screen.getByRole('button', { name: 'Delete' }).className.split(/\s+/)
+    expect(classNames).toContain('bg-destructive')
+    expect(classNames).toContain('text-white')
+  })
+
+  it('keeps the default confirmation on the primary variant', () => {
+    renderWithProviders(
+      <ConfirmDialog
+        open
+        onOpenChange={() => undefined}
+        onConfirm={() => undefined}
+        title="Publish article?"
+        confirmText="Publish"
+        cancelText="Cancel"
+      />,
+    )
+
+    const classNames = screen.getByRole('button', { name: 'Publish' }).className.split(/\s+/)
+    expect(classNames).toContain('bg-primary')
+    expect(classNames).not.toContain('bg-destructive')
+  })
+
   it('closes only the confirmation that owns an Escape event', () => {
     const firstOpenChange = jest.fn()
     const secondOpenChange = jest.fn()

package/src/backend/detail/AttachmentDeleteDialog.tsx

@@ -38,7 +38,7 @@ export function AttachmentDeleteDialog({ open, onOpenChange, fileName, onConfirm
           <Button type="button" variant="outline" onClick={() => onOpenChange(false)} disabled={isDeleting}>
             {t('attachments.library.metadata.cancel', 'Cancel')}
           </Button>
-          <Button type="button" variant="destructive" onClick={onConfirm} disabled={isDeleting}>
+          <Button type="button" variant="destructive-solid" onClick={onConfirm} disabled={isDeleting}>
             {t('attachments.library.actions.delete', 'Delete')}
           </Button>
         </DialogFooter>

package/src/backend/detail/AttachmentsSection.tsx

@@ -256,7 +256,7 @@ function AttachmentsSectionImpl({
         </div>
       )}
 
-      {error ? <p className="text-xs font-medium text-red-600">{error}</p> : null}
+      {error ? <p className="text-xs font-medium text-status-error-text">{error}</p> : null}
 
       {loading ? (
         <div className="text-sm text-muted-foreground">{t('attachments.library.loading', 'Loading attachments…')}</div>

package/src/backend/detail/NotesSection.tsx

@@ -1256,7 +1256,7 @@ function NotesSectionImpl<C = unknown>({
                       editorWrapperClassName="w-full rounded-md border border-muted-foreground/20 bg-background p-2"
                       remarkPlugins={markdownPlugins}
                     />
-                    {contentError ? <p className="text-xs text-red-600">{contentError}</p> : null}
+                    {contentError ? <p className="text-xs text-status-error-text">{contentError}</p> : null}
                     <div className="flex flex-wrap items-center gap-2">
                       <Button type="button" size="sm" onClick={handleContentSave} disabled={contentSavingId === note.id}>
                         {contentSavingId === note.id ? (

package/src/backend/detail/TagsSection.tsx

@@ -387,7 +387,7 @@ function TagsSectionImpl({
                 loadSuggestions={loadSuggestions}
                 autoFocus={!autoSave}
               />
-              {error ? <p className="text-xs text-red-600">{error}</p> : null}
+              {error ? <p className="text-xs text-status-error-text">{error}</p> : null}
               {autoSave ? null : (
                 <div className="flex items-center gap-2 mt-3 mb-2">
                   <Button type="button" size="sm" onClick={handleSave} disabled={saving || isSubmitting}>

package/src/backend/forms/FormHeader.tsx

@@ -181,11 +181,10 @@ function DetailHeader({
               {onDelete ? (
                 <Button
                   type="button"
-                  variant="outline"
+                  variant="destructive"
                   size="sm"
                   onClick={onDelete}
                   disabled={isDeleting}
-                  className="text-red-600 border-red-200 hover:bg-red-50 rounded"
                 >
                   {isDeleting ? (
                     <Loader2 className="size-4 mr-2 animate-spin" />

package/src/backend/schedule/ScheduleAgenda.tsx

@@ -57,9 +57,9 @@ function getStatusLabel(status: ScheduleItem['status'], t: (key: string, fallbac
 }
 
 function getKindStyles(kind: ScheduleItem['kind']): string {
-  if (kind === 'event') return 'border-blue-500/40 bg-blue-500/10 text-blue-950'
-  if (kind === 'exception') return 'border-amber-500/40 bg-amber-500/10 text-amber-950'
-  return 'border-emerald-500/40 bg-emerald-500/10 text-emerald-950'
+  if (kind === 'event') return 'border-status-info-border bg-status-info-bg text-status-info-text'
+  if (kind === 'exception') return 'border-status-warning-border bg-status-warning-bg text-status-warning-text'
+  return 'border-status-success-border bg-status-success-bg text-status-success-text'
 }
 
 export type ScheduleAgendaProps = {

package/src/backend/schedule/ScheduleGrid.tsx

@@ -57,9 +57,9 @@ function getStatusLabel(status: ScheduleItem['status'], t: (key: string, fallbac
 }
 
 function getKindStyles(kind: ScheduleItem['kind']): string {
-  if (kind === 'event') return 'border-blue-500/40 bg-blue-500/10 text-blue-950'
-  if (kind === 'exception') return 'border-amber-500/40 bg-amber-500/10 text-amber-950'
-  return 'border-emerald-500/40 bg-emerald-500/10 text-emerald-950'
+  if (kind === 'event') return 'border-status-info-border bg-status-info-bg text-status-info-text'
+  if (kind === 'exception') return 'border-status-warning-border bg-status-warning-bg text-status-warning-text'
+  return 'border-status-success-border bg-status-success-bg text-status-success-text'
 }
 
 export type ScheduleGridProps = {

package/src/primitives/__tests__/button.test.tsx

@@ -0,0 +1,70 @@
+/** @jest-environment jsdom */
+
+import * as React from 'react'
+import { render } from '@testing-library/react'
+import { Button, buttonVariants } from '../button'
+
+type ButtonVariant = NonNullable<Parameters<typeof buttonVariants>[0]>['variant']
+
+function classesOf(variant: ButtonVariant) {
+  return buttonVariants({ variant }).split(/\s+/).filter(Boolean)
+}
+
+describe('Button destructive variants', () => {
+  // The DS policy: `destructive` is the quiet trigger (red text on a calm
+  // surface) so a page full of delete buttons does not train users to ignore
+  // red; `destructive-solid` is the filled form, reserved for the single
+  // point-of-no-return confirmation inside a dialog. These tests pin both
+  // halves of that contract — swapping them back is a visual regression that
+  // no other test would catch.
+
+  it('destructive is quiet: destructive border and text on the page surface', () => {
+    const classes = classesOf('destructive')
+    expect(classes).toContain('border')
+    expect(classes).toContain('border-destructive')
+    expect(classes).toContain('bg-background')
+    expect(classes).toContain('text-destructive')
+  })
+
+  it('destructive does not fill with the destructive surface', () => {
+    const classes = classesOf('destructive')
+    expect(classes).not.toContain('bg-destructive')
+    expect(classes).not.toContain('text-white')
+  })
+
+  it('destructive-solid fills with the destructive surface and white glyph', () => {
+    const classes = classesOf('destructive-solid')
+    expect(classes).toContain('bg-destructive')
+    expect(classes).toContain('text-white')
+    expect(classes).not.toContain('border-destructive')
+  })
+
+  it('destructive-solid ships no dark background override', () => {
+    // `--destructive` is a semantic token that already resolves per theme; a
+    // `dark:bg-*` override on top of it is what broke IconButton in #3507.
+    const classes = classesOf('destructive-solid')
+    expect(classes.some((cls) => cls.startsWith('dark:bg-'))).toBe(false)
+  })
+
+  it('renders the quiet treatment on the element for variant="destructive"', () => {
+    const { getByRole } = render(<Button variant="destructive">Delete</Button>)
+    const className = getByRole('button').className
+    expect(className).toContain('text-destructive')
+    expect(className).toContain('border-destructive')
+    expect(className.split(/\s+/)).not.toContain('bg-destructive')
+  })
+
+  it('renders the filled treatment on the element for variant="destructive-solid"', () => {
+    const { getByRole } = render(<Button variant="destructive-solid">Delete permanently</Button>)
+    const classNames = getByRole('button').className.split(/\s+/)
+    expect(classNames).toContain('bg-destructive')
+    expect(classNames).toContain('text-white')
+  })
+
+  it('defaults to the primary variant when none is given', () => {
+    const { getByRole } = render(<Button>Save</Button>)
+    const classNames = getByRole('button').className.split(/\s+/)
+    expect(classNames).toContain('bg-primary')
+    expect(classNames).not.toContain('text-destructive')
+  })
+})

package/src/primitives/button.tsx

@@ -9,14 +9,20 @@ const buttonVariants = cva(
     variants: {
       variant: {
         default: 'bg-primary text-primary-foreground shadow-xs hover:bg-primary-hover',
+        /* Destructive is quiet by design: red text on a calm surface. A wall
+           of solid red buttons trains users to ignore red. The filled form is
+           `destructive-solid`, reserved for the single point-of-no-return
+           confirmation inside a dialog — never for the button that opens it. */
         destructive:
-          'bg-destructive text-white shadow-xs hover:bg-destructive/90 aria-invalid:ring-destructive dark:aria-invalid:ring-destructive dark:bg-destructive/10',
+          'border border-destructive bg-background text-destructive shadow-xs hover:bg-destructive/10 aria-invalid:ring-destructive dark:aria-invalid:ring-destructive',
+        'destructive-solid':
+          'bg-destructive text-white shadow-xs hover:bg-destructive/90 aria-invalid:ring-destructive dark:aria-invalid:ring-destructive',
         'destructive-outline':
-          'border border-destructive/30 bg-background text-destructive shadow-xs hover:bg-destructive/10 dark:border-destructive/40 dark:hover:bg-destructive/15',
+          'border border-destructive bg-background text-destructive shadow-xs hover:bg-destructive/10',
         'destructive-soft':
-          'bg-destructive/10 text-destructive hover:bg-destructive/15 dark:bg-destructive/15 dark:hover:bg-destructive/20',
+          'bg-destructive/10 text-destructive hover:bg-destructive/15',
         'destructive-ghost':
-          'text-destructive hover:bg-destructive/10 dark:hover:bg-destructive/15',
+          'text-destructive hover:bg-destructive/10',
         outline:
           'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',
         secondary: 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',