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

package/src/modules/customer_accounts/backend/customer_accounts/settings/domain/components/Diagnostics.tsx

@@ -13,7 +13,7 @@ export function DnsDiagnostics({ mapping }: DiagnosticsProps) {
   const t = useT()
   if (mapping.status !== 'dns_failed') return null
   return (
-    <Alert variant="destructive">
+    <Alert status="error">
       <AlertTitle>
         {t('customer_accounts.domainMapping.dns.diagnostics.title', 'DNS configuration issue')}
       </AlertTitle>
@@ -38,7 +38,7 @@ export function TlsDiagnostics({ mapping }: DiagnosticsProps) {
   const t = useT()
   if (mapping.status !== 'tls_failed') return null
   return (
-    <Alert variant="warning">
+    <Alert status="warning">
       <AlertTitle>
         {t('customer_accounts.domainMapping.tls.diagnostics.title', 'SSL certificate issue')}
       </AlertTitle>

package/src/modules/customers/api/utils.ts

@@ -280,10 +280,14 @@ export async function findMatchingEntityIdsWithQueryEngine({
   const qe = ctx.container.resolve('queryEngine') as QueryEngine
   const ids = new Set<string>()
   const pageSize = 100
+  const maxPages = 1000
   let page = 1
-  let total = 0
 
-  do {
+  // Short-page termination: `total` is a display value, not a loop bound. The previous
+  // `while (ids.size < total)` could spin forever — `ids` is a Set, so duplicate ids across
+  // pages keep its size permanently below an inflated `total`. Fail closed at the page
+  // ceiling: a partial id set fed into advanced filtering would silently drop matches.
+  for (;;) {
     const result = await qe.query(entityId, {
       fields: ['id'],
       filters,
@@ -296,16 +300,19 @@ export async function findMatchingEntityIdsWithQueryEngine({
       joins,
     })
 
-    total = result.total ?? 0
-    for (const item of result.items ?? []) {
+    const items = result.items ?? []
+    for (const item of items) {
       const id = item && typeof item === 'object' ? (item as Record<string, unknown>).id : null
       if (typeof id === 'string' && id.length > 0) {
         ids.add(id)
       }
     }
-    if (!result.items?.length) break
+    if (items.length < pageSize) break
+    if (page >= maxPages) {
+      throw new Error(`[internal] advanced-filter id resolution exceeded ${maxPages} pages; refusing to return a partial id set`)
+    }
     page += 1
-  } while (ids.size < total)
+  }
 
   return Array.from(ids)
 }

package/src/modules/customers/backend/customers/deals/pipeline/page.tsx

@@ -2750,7 +2750,7 @@ export default function DealsKanbanPage(): React.ReactElement {
           </div>
         ) : firstError ? (
           <div className="max-w-xl">
-            <Alert variant="destructive">
+            <Alert status="error">
               <AlertTitle>{translateWithFallback(t, 'ui.errors.defaultTitle', 'Something went wrong')}</AlertTitle>
               <AlertDescription>
                 {firstError instanceof Error

package/src/modules/customers/components/calendar/CalendarEventEditor.tsx

@@ -189,7 +189,7 @@ function EditorBody({
     // and the type switcher span both columns.
     <div className="grid w-full grid-cols-1 items-start gap-4 lg:grid-cols-2 lg:gap-x-6">
       {conflict ? (
-        <Alert variant="warning" className="rounded-lg lg:col-span-2">
+        <Alert status="warning" className="rounded-lg lg:col-span-2">
           <AlertTitle>{t('customers.calendar.editor.conflictTitle', 'Calendar conflict')}</AlertTitle>
           <AlertDescription>{conflict}</AlertDescription>
         </Alert>

package/src/modules/customers/components/detail/ConfirmDealLostDialog.tsx

@@ -151,7 +151,7 @@ export function ConfirmDealLostDialog({
           </DialogHeader>
 
           <div className="space-y-6 px-7 py-6">
-            <Alert variant="warning" className="rounded-md">
+            <Alert status="warning" className="rounded-md">
               <AlertTitle>
                 {t('customers.deals.detail.lost.warningTitle', 'This action closes the deal')}
               </AlertTitle>

package/src/modules/customers/components/detail/MiniWeekCalendar.tsx

@@ -7,7 +7,8 @@ import { useT } from '@open-mercato/shared/lib/i18n/context'
 import { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'
 import { Button } from '@open-mercato/ui/primitives/button'
 import { IconButton } from '@open-mercato/ui/primitives/icon-button'
-import type { InteractionSummary, ActivitySummary } from './types'
+import type { InteractionSummary } from './types'
+import { loadLegacyActivitiesInRange } from './legacyActivities'
 
 interface MiniWeekCalendarProps {
   entityId: string
@@ -132,61 +133,6 @@ export function MiniWeekCalendar({ entityId, useCanonicalInteractions = true, re
       return items.filter(isWithinRange)
     }
 
-    async function loadLegacyActivities(): Promise<InteractionSummary[]> {
-      const items: InteractionSummary[] = []
-      let page = 1
-      let totalPages = 1
-      do {
-        const payload = await readApiResultOrThrow<{
-          items?: ActivitySummary[]
-          totalPages?: number
-        }>(
-          `/api/customers/activities?entityId=${encodeURIComponent(entityId)}&page=${page}&pageSize=100&sortField=occurredAt&sortDir=desc`,
-          { signal: controller.signal },
-        )
-        const pageItems = Array.isArray(payload?.items) ? payload.items : []
-        const mappedItems: InteractionSummary[] = pageItems.map((activity) => ({
-          id: activity.id,
-          interactionType: activity.activityType,
-          title: activity.subject ?? null,
-          body: activity.body ?? null,
-          status: 'done',
-          scheduledAt: null,
-          occurredAt: activity.occurredAt ?? null,
-          priority: null,
-          authorUserId: activity.authorUserId ?? null,
-          ownerUserId: null,
-          appearanceIcon: activity.appearanceIcon ?? null,
-          appearanceColor: activity.appearanceColor ?? null,
-          source: 'legacy-activity',
-          entityId: activity.entityId ?? null,
-          dealId: activity.dealId ?? null,
-          organizationId: null,
-          tenantId: null,
-          authorName: activity.authorName ?? null,
-          authorEmail: activity.authorEmail ?? null,
-          dealTitle: activity.dealTitle ?? null,
-          customValues: null,
-          createdAt: activity.createdAt,
-          updatedAt: activity.createdAt,
-        }))
-        items.push(...mappedItems.filter(isWithinRange))
-        totalPages = typeof payload?.totalPages === 'number' ? payload.totalPages : totalPages
-        if (!pageItems.length) break
-        const oldestPageTimestamp = pageItems.reduce<number>((oldest, activity) => {
-          const rawDate = activity.occurredAt ?? activity.createdAt
-          const timestamp = rawDate ? new Date(rawDate).getTime() : Number.NaN
-          if (!Number.isFinite(timestamp)) return oldest
-          return Math.min(oldest, timestamp)
-        }, Number.POSITIVE_INFINITY)
-        if (Number.isFinite(oldestPageTimestamp) && oldestPageTimestamp < rangeStart.getTime()) {
-          break
-        }
-        page += 1
-      } while (page <= totalPages)
-      return items
-    }
-
     void (async () => {
       try {
         const canonicalItems = await loadCanonicalInteractions()
@@ -194,7 +140,12 @@ export function MiniWeekCalendar({ entityId, useCanonicalInteractions = true, re
           setEvents(canonicalItems)
           return
         }
-        const legacyItems = await loadLegacyActivities()
+        const legacyItems = await loadLegacyActivitiesInRange({
+          entityId,
+          rangeStart,
+          isWithinRange,
+          signal: controller.signal,
+        })
         const seen = new Set<string>()
         const merged: InteractionSummary[] = []
         for (const item of [...canonicalItems, ...legacyItems]) {

package/src/modules/customers/components/detail/ScheduleActivityDialog.tsx

@@ -511,7 +511,7 @@ export function ScheduleActivityDialog({
 
         {/* Conflict warning */}
         {state.conflict && (
-          <Alert variant="warning" className="rounded-lg">
+          <Alert status="warning" className="rounded-lg">
             <AlertTitle>
               {t('customers.schedule.conflict.title', 'Calendar conflict')}
             </AlertTitle>

package/src/modules/customers/components/detail/legacyActivities.ts

@@ -0,0 +1,79 @@
+import { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'
+import type { ActivitySummary, InteractionSummary } from './types'
+
+export const LEGACY_ACTIVITIES_PAGE_SIZE = 100
+export const LEGACY_ACTIVITIES_MAX_PAGES = 1000
+
+function mapActivityToInteraction(activity: ActivitySummary): InteractionSummary {
+  return {
+    id: activity.id,
+    interactionType: activity.activityType,
+    title: activity.subject ?? null,
+    body: activity.body ?? null,
+    status: 'done',
+    scheduledAt: null,
+    occurredAt: activity.occurredAt ?? null,
+    priority: null,
+    authorUserId: activity.authorUserId ?? null,
+    ownerUserId: null,
+    appearanceIcon: activity.appearanceIcon ?? null,
+    appearanceColor: activity.appearanceColor ?? null,
+    source: 'legacy-activity',
+    entityId: activity.entityId ?? null,
+    dealId: activity.dealId ?? null,
+    organizationId: null,
+    tenantId: null,
+    authorName: activity.authorName ?? null,
+    authorEmail: activity.authorEmail ?? null,
+    dealTitle: activity.dealTitle ?? null,
+    customValues: null,
+    createdAt: activity.createdAt,
+    updatedAt: activity.createdAt,
+  }
+}
+
+export async function loadLegacyActivitiesInRange({
+  entityId,
+  rangeStart,
+  isWithinRange,
+  signal,
+}: {
+  entityId: string
+  rangeStart: Date
+  isWithinRange: (item: InteractionSummary) => boolean
+  signal?: AbortSignal
+}): Promise<InteractionSummary[]> {
+  const items: InteractionSummary[] = []
+  let page = 1
+  // Short-page termination: server-reported `totalPages` is a display value, not a loop
+  // bound — it can under-report (capped counts) or drift mid-enumeration. Pages are sorted
+  // by `occurredAt` desc, so the scan also stops once a page reaches past the requested
+  // range. Fail closed at the page ceiling rather than rendering a partial week silently.
+  for (;;) {
+    const payload = await readApiResultOrThrow<{
+      items?: ActivitySummary[]
+      totalPages?: number
+    }>(
+      `/api/customers/activities?entityId=${encodeURIComponent(entityId)}&page=${page}&pageSize=${LEGACY_ACTIVITIES_PAGE_SIZE}&sortField=occurredAt&sortDir=desc`,
+      { signal },
+    )
+    const pageItems = Array.isArray(payload?.items) ? payload.items : []
+    items.push(...pageItems.map(mapActivityToInteraction).filter(isWithinRange))
+    if (!pageItems.length) break
+    const oldestPageTimestamp = pageItems.reduce<number>((oldest, activity) => {
+      const rawDate = activity.occurredAt ?? activity.createdAt
+      const timestamp = rawDate ? new Date(rawDate).getTime() : Number.NaN
+      if (!Number.isFinite(timestamp)) return oldest
+      return Math.min(oldest, timestamp)
+    }, Number.POSITIVE_INFINITY)
+    if (Number.isFinite(oldestPageTimestamp) && oldestPageTimestamp < rangeStart.getTime()) {
+      break
+    }
+    if (pageItems.length < LEGACY_ACTIVITIES_PAGE_SIZE) break
+    if (page >= LEGACY_ACTIVITIES_MAX_PAGES) {
+      throw new Error(`[internal] legacy activity enumeration exceeded ${LEGACY_ACTIVITIES_MAX_PAGES} pages; refusing to render a partial set`)
+    }
+    page += 1
+  }
+  return items
+}

package/src/modules/customers/utils/phoneDuplicates.ts

@@ -22,7 +22,7 @@ export async function lookupPhoneDuplicate(
   for (let page = 1; page <= MAX_PAGES; page += 1) {
     try {
       const url = `/api/customers/people?hasPhone=true&page=${page}&pageSize=${PAGE_SIZE}&sortField=createdAt&sortDir=desc`
-      const call = await apiCall<{ items?: unknown[]; total?: number }>(url)
+      const call = await apiCall<{ items?: unknown[] }>(url)
       if (!call.ok) continue
       const payload = call.result ?? {}
       const items = Array.isArray(payload?.items) ? payload.items : []
@@ -45,8 +45,11 @@ export async function lookupPhoneDuplicate(
           }
         }
       }
-      const total = typeof payload?.total === 'number' ? payload.total : null
-      if (total !== null && page * PAGE_SIZE >= total) {
+      // Short-page termination: a page shorter than requested is the end of the result
+      // set. `total` is a display value and may under-report (capped counts), so it is
+      // no longer consulted. MAX_PAGES stays as the deliberate best-effort bound — this
+      // is a duplicate hint, not an exhaustive check.
+      if (items.length < PAGE_SIZE) {
         break
       }
     } catch {

package/src/modules/data_sync/backend/data-sync/page.tsx

@@ -950,21 +950,21 @@ export default function SyncRunsDashboardPage() {
             </div>
 
             {selectedIntegration && !selectedIntegration.isEnabled ? (
-              <Alert variant="warning">
+              <Alert status="warning">
                 <AlertDescription>
                   {t('integrations.detail.state.disabled', 'This integration is disabled. Enable it on the integration settings page before starting a sync.')}
                 </AlertDescription>
               </Alert>
             ) : null}
             {selectedIntegration && !selectedIntegration.hasCredentials ? (
-              <Alert variant="warning">
+              <Alert status="warning">
                 <AlertDescription>
                   {t('integrations.detail.credentials.notConfigured', 'Credentials are not configured yet. Save the integration credentials before starting a sync.')}
                 </AlertDescription>
               </Alert>
             ) : null}
             {selectedIntegration && selectedIntegration.canStartRun === false ? (
-              <Alert variant="info">
+              <Alert status="information">
                 <AlertDescription>
                   {t('data_sync.dashboard.start.providerManaged', 'This integration starts sync runs from its own setup flow. Open the integration settings page to continue.')}
                 </AlertDescription>

package/src/modules/data_sync/components/IntegrationScheduleTab.tsx

@@ -393,7 +393,7 @@ export function IntegrationScheduleTab(props: IntegrationScheduleTabProps) {
 
   if (!option) {
     return (
-      <Alert variant="warning">
+      <Alert status="warning">
         <AlertDescription>
           {t('data_sync.integrationTab.notAvailable', 'This integration is not registered as a data sync provider.')}
         </AlertDescription>
@@ -433,7 +433,7 @@ export function IntegrationScheduleTab(props: IntegrationScheduleTabProps) {
       </div>
 
       {!props.isEnabled ? (
-        <Alert variant="warning">
+        <Alert status="warning">
           <AlertDescription>
             {t('data_sync.integrationTab.integrationDisabledNotice', 'The integration is disabled. You can save schedules now, but runs will stay blocked until the integration is enabled.')}
           </AlertDescription>
@@ -441,7 +441,7 @@ export function IntegrationScheduleTab(props: IntegrationScheduleTabProps) {
       ) : null}
 
       {!props.hasCredentials ? (
-        <Alert variant="warning">
+        <Alert status="warning">
           <AlertDescription>
             {t('data_sync.integrationTab.credentialsMissingNotice', 'Credentials are still missing. Save schedules first if you want, but manual and scheduled runs will fail until credentials are configured.')}
           </AlertDescription>
@@ -449,7 +449,7 @@ export function IntegrationScheduleTab(props: IntegrationScheduleTabProps) {
       ) : null}
 
       {option.canStartRun === false ? (
-        <Alert variant="info">
+        <Alert status="information">
           <AlertDescription>
             {t('data_sync.integrationTab.providerManagedNotice', 'This provider needs its own setup flow before a run can start. Use the provider tab on this page instead of generic schedules.')}
           </AlertDescription>
@@ -457,7 +457,7 @@ export function IntegrationScheduleTab(props: IntegrationScheduleTabProps) {
       ) : null}
 
       {rows.length === 0 ? (
-        <Alert variant="info">
+        <Alert status="information">
           <AlertDescription>
             {t('data_sync.integrationTab.empty', 'This provider does not expose any schedulable sync entities yet.')}
           </AlertDescription>

package/src/modules/entities/api/records.ts

@@ -120,6 +120,7 @@ export const metadata = {
 }
 
 const DEFAULT_EXPORT_PAGE_SIZE = 1000
+const EXPORT_MAX_PAGES = 1000
 
 const listRecordsQuerySchema = z
   .object({
@@ -330,10 +331,14 @@ export async function GET(req: Request) {
     }
 
     if (requestedExport) {
-      let exportItems: any[] = exportFullRequested ? [...fullPageItems] : [...viewPageItems]
-      if (total > exportItems.length) {
+      const exportItems: any[] = exportFullRequested ? [...fullPageItems] : [...viewPageItems]
+      // Short-page termination: `total` is a display value, not a loop bound — it can
+      // under-report (capped counts) or drift while rows are inserted/deleted mid-export.
+      // Keep fetching while pages come back full; fail closed at the page ceiling rather
+      // than serializing a partial export.
+      if (rawItems.length >= pageSize) {
         let nextPage = 2
-        while (exportItems.length < total) {
+        for (;;) {
           const nextRes = await qe.query(entityId as any, {
             ...qopts,
             page: { page: nextPage, pageSize },
@@ -344,7 +349,10 @@ export async function GET(req: Request) {
           const nextFullItems = nextRawItems.map(mapFullRow)
           const nextBatch = exportFullRequested ? nextFullItems : nextViewItems
           exportItems.push(...nextBatch)
-          if (nextBatch.length < pageSize) break
+          if (nextRawItems.length < pageSize) break
+          if (nextPage >= EXPORT_MAX_PAGES) {
+            throw new Error(`[internal] export exceeded ${EXPORT_MAX_PAGES} pages; refusing to return a partial export`)
+          }
           nextPage += 1
         }
       }

package/src/modules/entities/backend/entities/user/[entityId]/page.tsx

@@ -574,7 +574,7 @@ export default function EditDefinitionsPage({ params }: { params?: { entityId?:
       <Page>
         <PageBody>
           <div className="p-6">
-            <Alert variant="destructive">
+            <Alert status="error">
               <AlertTitle>{t('entities.userEntities.edit.errors.invalidEntityTitle', 'Invalid entity')}</AlertTitle>
               <AlertDescription>{t('entities.userEntities.edit.errors.invalidEntityDescription', 'The requested entity ID is missing or invalid.')}</AlertDescription>
             </Alert>

package/src/modules/feature_toggles/components/FeatureToggleOverrideCard.tsx

@@ -69,7 +69,7 @@ export function FeatureToggleOverrideCard({ toggleId }: { toggleId: string }) {
                     <CardTitle>{t('feature_toggles.override.title', 'Override')}</CardTitle>
                 </CardHeader>
                 <CardContent>
-                    <Alert variant="destructive">
+                    <Alert status="error">
                         <AlertTitle>{t('ui.errors.defaultTitle', 'Something went wrong')}</AlertTitle>
                         <AlertDescription>{error.message}</AlertDescription>
                     </Alert>

package/src/modules/portal/frontend/[orgSlug]/portal/invite/page.tsx

@@ -126,7 +126,7 @@ export default function PortalInvitePage({ params }: Props) {
 
       <form onSubmit={handleSubmit} className="flex flex-col gap-4">
         {error ? (
-          <Alert variant="destructive">
+          <Alert status="error">
             <AlertDescription>{error}</AlertDescription>
           </Alert>
         ) : null}

package/src/modules/portal/frontend/[orgSlug]/portal/login/page.tsx

@@ -101,7 +101,7 @@ export default function PortalLoginPage({ params }: Props) {
 
       <form onSubmit={handleSubmit} className="flex flex-col gap-4">
         {error ? (
-          <Alert variant="destructive">
+          <Alert status="error">
             <AlertDescription>{error}</AlertDescription>
           </Alert>
         ) : null}

package/src/modules/portal/frontend/[orgSlug]/portal/reset-password/page.tsx

@@ -140,7 +140,7 @@ export default function PortalResetPasswordPage({ params }: Props) {
 
       <form onSubmit={handleSubmit} className="flex flex-col gap-4">
         {error ? (
-          <Alert variant="destructive">
+          <Alert status="error">
             <AlertDescription>{error}</AlertDescription>
           </Alert>
         ) : null}

package/src/modules/portal/frontend/[orgSlug]/portal/signup/page.tsx

@@ -138,7 +138,7 @@ export default function PortalSignupPage({ params }: Props) {
 
       <form onSubmit={handleSubmit} className="flex flex-col gap-4">
         {error ? (
-          <Alert variant="destructive">
+          <Alert status="error">
             <AlertDescription>{error}</AlertDescription>
           </Alert>
         ) : null}

package/src/modules/portal/frontend/[orgSlug]/portal/verify/page.tsx

@@ -81,7 +81,7 @@ export default function PortalVerifyPage({ params }: Props) {
 
   return (
     <div className="mx-auto flex max-w-sm flex-col gap-4 py-12">
-      <Alert variant="destructive">
+      <Alert status="error">
         <AlertDescription>{error || t('portal.verify.error.generic', 'Email verification failed. Please try again.')}</AlertDescription>
       </Alert>
       <Button asChild variant="outline" className="rounded-lg">

package/src/modules/sales/components/documents/ItemsSection.tsx

@@ -239,6 +239,10 @@ export function SalesDocumentItemsSection({
                     typeof (item.catalog_snapshot as Record<string, unknown>).name === "string"
                   ? (item.catalog_snapshot as Record<string, unknown>).name as string
                   : null;
+            const description =
+              typeof item.description === "string" && item.description.trim()
+                ? item.description
+                : null;
             const quantity = normalizeNumber(item.quantity, 0);
             const uomFields = getUomFields(item);
             const quantityUnit = canonicalizeUnitCode(uomFields.quantityUnit);
@@ -303,6 +307,7 @@ export function SalesDocumentItemsSection({
             const record: SalesLineRecord = {
               id,
               name,
+              description,
               productId:
                 typeof item.product_id === "string" ? item.product_id : null,
               productVariantId:
@@ -725,6 +730,14 @@ export function SalesDocumentItemsSection({
                               {showProductSku}
                             </div>
                           ) : null}
+                          {item.description ? (
+                            <div
+                              className="text-xs text-muted-foreground line-clamp-2"
+                              title={item.description}
+                            >
+                              {item.description}
+                            </div>
+                          ) : null}
                         </div>
                       </div>
                     </td>

package/src/modules/sales/components/documents/lineItemTypes.ts

@@ -3,6 +3,7 @@ import type { SalesLineUomSnapshot } from '../../lib/types'
 export type SalesLineRecord = {
   id: string
   name: string | null
+  description?: string | null
   productId: string | null
   productVariantId: string | null
   quantity: number

package/src/modules/sync_excel/widgets/injection/upload-config/widget.client.tsx

@@ -1156,7 +1156,7 @@ function StatusAlert({
   message: string
 }) {
   return (
-    <Alert variant={variant === 'error' ? 'destructive' : variant}>
+    <Alert status={variant === 'info' ? 'information' : variant}>
       <AlertTitle>{title}</AlertTitle>
       <AlertDescription>{message}</AlertDescription>
     </Alert>

package/src/modules/workflows/backend/definitions/[id]/page.tsx

@@ -288,7 +288,7 @@ export default function EditWorkflowDefinitionPage() {
     <Page>
       <PageBody>
         {isCodeOnly && (
-          <Alert variant="info" className="mb-4">
+          <Alert status="information" className="mb-4">
             <AlertDescription className="flex items-center justify-between">
               <span>{t('workflows.source.code.readonlyBanner')}</span>
               <Button variant="outline" size="sm" onClick={handleCustomize}>
@@ -298,7 +298,7 @@ export default function EditWorkflowDefinitionPage() {
           </Alert>
         )}
         {isCodeOverride && (
-          <Alert variant="warning" className="mb-4">
+          <Alert status="warning" className="mb-4">
             <AlertDescription className="flex items-center justify-between">
               <span>{t('workflows.source.code_override.banner')}</span>
               <Button variant="outline" size="sm" onClick={handleResetToCode}>

package/src/modules/workflows/backend/definitions/create/page.tsx

@@ -53,7 +53,7 @@ export default function CreateWorkflowDefinitionPage() {
   return (
     <Page>
       <PageBody>
-        <Alert variant="info" icon={<Zap aria-hidden="true" />} className="mb-6">
+        <Alert status="information" icon={<Zap aria-hidden="true" />} className="mb-6">
           <AlertTitle>{t('workflows.create.eventTriggersTitle')}</AlertTitle>
           <AlertDescription>
             {t('workflows.create.eventTriggersDescription')}

package/src/modules/workflows/backend/definitions/visual-editor/page.tsx

@@ -837,12 +837,12 @@ export default function VisualEditorPage() {
       {(isCodeOnly || isCodeOverride) && (
         <div className="shrink-0 border-b border-border bg-background px-3 py-2 md:px-6 md:py-3">
           {isCodeOnly && (
-            <Alert variant="info">
+            <Alert status="information">
               <AlertTitle>{t('workflows.source.code.readonlyBanner')}</AlertTitle>
             </Alert>
           )}
           {isCodeOverride && (
-            <Alert variant="warning">
+            <Alert status="warning">
               <AlertTitle>{t('workflows.source.code_override.banner')}</AlertTitle>
             </Alert>
           )}
@@ -1170,7 +1170,7 @@ export default function VisualEditorPage() {
               </div>
 
               {/* Instructions */}
-              <Alert variant="info" className="mt-6">
+              <Alert status="information" className="mt-6">
                 <AlertTitle className="text-xs">{t('workflows.visualEditor.howToUse', 'How to use:')}</AlertTitle>
                 <div className="mt-2">
                   <ul className="list-inside list-disc space-y-1 text-xs">

package/src/modules/workflows/components/DefinitionTriggersEditor.tsx

@@ -301,7 +301,7 @@ export function DefinitionTriggersEditor({
         </p>
 
         {value.length === 0 ? (
-          <Alert variant="info">
+          <Alert status="information">
             <AlertTitle>{t('workflows.triggers.empty.title', 'No triggers configured')}</AlertTitle>
             <AlertDescription>
               {t('workflows.triggers.empty.description', 'Click "Add Trigger" to create an event trigger that automatically starts this workflow.')}

package/src/modules/workflows/components/NodeEditDialog.tsx

@@ -540,7 +540,7 @@ export function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }: Node
 
         <div className="space-y-4">
           {!isEditable ? (
-            <Alert variant="info">
+            <Alert status="information">
               <AlertDescription>
                 {t('workflows.nodeEditor.endStepsNotEditable')}
               </AlertDescription>
@@ -548,7 +548,7 @@ export function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }: Node
           ) : isStartNode ? (
             <div className="space-y-4">
               {/* Info Alert for START nodes */}
-              <Alert variant="info">
+              <Alert status="information">
                 <AlertDescription>
                   {t('workflows.nodeEditor.startStepsInfo')}
                 </AlertDescription>
@@ -691,7 +691,7 @@ export function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }: Node
 
                     {/* JSON Schema Format Notice */}
                     {isJsonSchemaFormat && (
-                      <Alert variant="info" className="mb-3">
+                      <Alert status="information" className="mb-3">
                         <AlertDescription>
                           {t('workflows.nodeEditor.jsonSchemaFormat')}
                         </AlertDescription>