@open-mercato/ui 0.6.7-develop.6862.1.c11a64ce0a → 0.6.7-develop.6869.1.d1ce9999ea

package/src/backend/PerspectiveSidebar.tsx

@@ -476,7 +476,7 @@ export function PerspectiveSidebar({
             ) : null}
 
             {apiWarning ? (
-              <Alert variant="warning" className="text-xs">{apiWarning}</Alert>
+              <Alert status="warning" className="text-xs">{apiWarning}</Alert>
             ) : null}
             {error ? <div className="text-sm text-status-error-text">{error}</div> : null}
           </section>

package/src/backend/custom-fields/FieldDefinitionsManager.tsx

@@ -355,7 +355,7 @@ export const FieldDefinitionsManager = React.forwardRef<FieldDefinitionsManagerH
     return (
       <div className="flex flex-col gap-3 sm:gap-4">
         {statusError ? (
-          <Alert variant="destructive">
+          <Alert status="error">
             <AlertTitle>{t('entities.customFields.errors.title', 'Something went wrong')}</AlertTitle>
             <AlertDescription>{statusError}</AlertDescription>
           </Alert>

package/src/backend/dashboard/DashboardScreen.tsx

@@ -357,7 +357,7 @@ export function DashboardScreen() {
 
   if (error && layout.length === 0) {
     return (
-      <Alert variant="destructive">
+      <Alert status="error">
         <AlertTitle>{t('dashboard.unavailable')}</AlertTitle>
         <AlertDescription>{error}</AlertDescription>
         <div className="mt-2"><Button variant="outline" onClick={handleRefresh}>{t('dashboard.retry')}</Button></div>
@@ -367,7 +367,7 @@ export function DashboardScreen() {
 
   if (!hasRegisteredWidgets && layout.length === 0) {
     return (
-      <Alert variant="info">
+      <Alert status="information">
         <AlertTitle>{t('dashboard.empty.noWidgets.title', 'No dashboard widgets yet')}</AlertTitle>
         <AlertDescription>
           {t(
@@ -403,7 +403,7 @@ export function DashboardScreen() {
       </div>
 
       {error && layout.length > 0 && (
-        <Alert variant="destructive">
+        <Alert status="error">
           <AlertTitle>{t('dashboard.error.partial')}</AlertTitle>
           <AlertDescription>{error}</AlertDescription>
           <div className="mt-2"><Button variant="ghost" onClick={handleRefresh}>{t('dashboard.error.reload')}</Button></div>

package/src/backend/filters/AdvancedFilterPanel.tsx

@@ -444,7 +444,7 @@ export function AdvancedFilterPanel(props: AdvancedFilterPanelProps) {
           )}
           {props.pendingErrors.length > 0 ? (
             <div className="p-3 border-t border-border" data-testid="filter-validation-banner">
-              <Alert variant="destructive">
+              <Alert status="error">
                 <AlertDescription>
                   {props.pendingErrors.length === 1
                     ? t('ui.advancedFilter.banner.incomplete', '{count} filter is incomplete — filters won\'t apply until all values are picked.', { count: 1 })

package/src/backend/inputs/ComboboxInput.tsx

@@ -241,7 +241,7 @@ export function ComboboxInput({
         .finally(() => { if (!cancelled) setLoading(false) })
     }
     return () => { cancelled = true }
-  // eslint-disable-next-line react-hooks/exhaustive-deps — resolveDescription intentionally excluded:
+  // eslint-disable-next-line react-hooks/exhaustive-deps -- resolveDescription intentionally excluded:
   // including it would re-run the effect on every render when the prop is an inline function
   }, [value, disabled, knownLabelValues, coveredOptionValues, eagerResolveLabel, loadSuggestions])
 

package/src/backend/messages/EmailThreadsPanel.tsx

@@ -141,7 +141,7 @@ export function EmailThreadsPanel({
       {!canCompose && composeDisabledHint ? <div>{composeDisabledHint}</div> : null}
 
       {error ? (
-        <Alert variant="destructive">
+        <Alert status="error">
           <AlertDescription>{error}</AlertDescription>
         </Alert>
       ) : null}

package/src/backend/version-history/VersionHistoryPanel.tsx

@@ -192,7 +192,7 @@ export function VersionHistoryPanel({
             ) : (
               <div className="space-y-3">
                 {shouldAutoCheck && !permissions.isLoading && !permissions.canViewTenant && permissions.currentUserId ? (
-                  <Alert variant="info">
+                  <Alert status="information">
                     <AlertDescription>
                       {t('audit_logs.hint.view_self_only', 'Showing only your own changes. Contact an administrator for broader access.')}
                     </AlertDescription>

package/src/primitives/ErrorNotice.tsx

@@ -12,7 +12,7 @@ export function ErrorNotice({ title, message, action }: {
   const resolvedTitle = title ?? t('ui.errors.defaultTitle', 'Something went wrong')
   const resolvedMessage = message ?? t('ui.errors.defaultMessage', 'Unable to load data. Please try again.')
   return (
-    <Alert variant="destructive">
+    <Alert status="error">
       <AlertTitle>{resolvedTitle}</AlertTitle>
       <AlertDescription>{resolvedMessage}</AlertDescription>
       {action ? <div className="mt-2">{action}</div> : null}

package/src/primitives/Notice.tsx

@@ -6,12 +6,12 @@ import { createLogger } from '@open-mercato/shared/lib/logger'
 const logger = createLogger('ui')
 
 /**
- * @deprecated Use <Alert variant="destructive|warning|info"> instead.
+ * @deprecated Use <Alert status="error|warning|information"> instead.
  * Migration guide: docs/design-system/migration-tables.md#j3-component-mapping
  *
- * Notice variant="error"   → Alert variant="destructive"
- * Notice variant="warning" → Alert variant="warning"
- * Notice variant="info"    → Alert variant="info"
+ * Notice variant="error"   → Alert status="error"
+ * Notice variant="warning" → Alert status="warning"
+ * Notice variant="info"    → Alert status="information"
  */
 
 const variantStyles = {
@@ -51,7 +51,7 @@ export function Notice({
   compact = false,
 }: NoticeProps) {
   if (process.env.NODE_ENV === 'development') {
-    logger.warn('<Notice> is deprecated. Use <Alert variant="destructive|warning|info"> instead. See: docs/design-system/migration-tables.md')
+    logger.warn('<Notice> is deprecated. Use <Alert status="error|warning|information"> instead. See: docs/design-system/migration-tables.md')
   }
 
   const styles = variantStyles[variant]