@open-mercato/core 0.6.4-develop.4305.1.efaf0ebab1 → 0.6.4-develop.4322.1.7bf54b8070

package/src/modules/inbox_ops/backend/inbox-ops/proposals/[id]/page.tsx

@@ -7,7 +7,7 @@ import { Page, PageBody } from '@open-mercato/ui/backend/Page'
 import { Button } from '@open-mercato/ui/primitives/button'
 import { apiCall } from '@open-mercato/ui/backend/utils/apiCall'
 import { flash } from '@open-mercato/ui/backend/FlashMessages'
-import { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'
+import { LoadingMessage, ErrorMessage, RecordNotFoundState } from '@open-mercato/ui/backend/detail'
 import { useT, useLocale } from '@open-mercato/shared/lib/i18n/context'
 import { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'
 import { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'
@@ -156,6 +156,7 @@ export default function ProposalDetailPage({ params }: { params?: { id?: string
   const [email, setEmail] = React.useState<EmailDetail | null>(null)
   const [isLoading, setIsLoading] = React.useState(true)
   const [error, setError] = React.useState<string | null>(null)
+  const [isNotFound, setIsNotFound] = React.useState(false)
   const [isProcessing, setIsProcessing] = React.useState(false)
 
   const { confirm, ConfirmDialogElement } = useConfirmDialog()
@@ -244,6 +245,7 @@ export default function ProposalDetailPage({ params }: { params?: { id?: string
     if (!proposalId) return
     setIsLoading(true)
     setError(null)
+    setIsNotFound(false)
     try {
       const result = await apiCall<{
         proposal: ProposalDetail
@@ -256,6 +258,8 @@ export default function ProposalDetailPage({ params }: { params?: { id?: string
         setActions(result.result.actions || [])
         setDiscrepancies(result.result.discrepancies || [])
         setEmail(result.result.email)
+      } else if (result?.status === 404) {
+        setIsNotFound(true)
       } else {
         setError(t('inbox_ops.flash.load_failed', 'Failed to load proposal'))
       }
@@ -400,8 +404,37 @@ export default function ProposalDetailPage({ params }: { params?: { id?: string
     setSendingReplyId(null)
   }, [proposalId, t, loadData, runMutation])
 
-  if (isLoading) return <LoadingMessage label={t('inbox_ops.loading_proposal', 'Loading proposal...')} />
-  if (error) return <ErrorMessage label={error} />
+  if (isLoading) {
+    return (
+      <Page>
+        <PageBody>
+          <LoadingMessage label={t('inbox_ops.loading_proposal', 'Loading proposal...')} />
+        </PageBody>
+      </Page>
+    )
+  }
+  if (isNotFound) {
+    return (
+      <Page>
+        <PageBody>
+          <RecordNotFoundState
+            label={t('inbox_ops.proposal.notFound', 'Proposal not found.')}
+            backHref="/backend/inbox-ops"
+            backLabel={t('inbox_ops.proposal.backToList', 'Back to inbox')}
+          />
+        </PageBody>
+      </Page>
+    )
+  }
+  if (error) {
+    return (
+      <Page>
+        <PageBody>
+          <ErrorMessage label={error} />
+        </PageBody>
+      </Page>
+    )
+  }
 
   const pendingActions = actions.filter((a) => a.status === 'pending')
   const emailIsProcessing = email?.status === 'processing'

package/src/modules/integrations/backend/integrations/[id]/page.tsx

@@ -35,7 +35,7 @@ import {
   type IntegrationCredentialField,
   type IntegrationDetailBuiltInTab,
 } from '@open-mercato/shared/modules/integrations/types'
-import { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'
+import { LoadingMessage, ErrorMessage, RecordNotFoundState } from '@open-mercato/ui/backend/detail'
 import { LogList, type LogListEntry } from '@open-mercato/ui/backend/LogList'
 import { Activity, AlertTriangle, Bell, Calendar, CheckCircle2, CreditCard, FileText, FileX, HardDrive, Key, MessageSquare, RefreshCw, Settings, Truck, Webhook, XCircle, Zap } from 'lucide-react'
 import { EmptyState } from '@open-mercato/ui/primitives/empty-state'
@@ -415,6 +415,7 @@ export default function IntegrationDetailPage({ params }: IntegrationDetailPageP
   const [detail, setDetail] = React.useState<IntegrationDetail | null>(null)
   const [isLoading, setIsLoading] = React.useState(true)
   const [error, setError] = React.useState<string | null>(null)
+  const [isNotFound, setIsNotFound] = React.useState(false)
 
   const [credValues, setCredValues] = React.useState<Record<string, unknown>>({})
   const [credentialsFormKey, setCredentialsFormKey] = React.useState(0)
@@ -451,6 +452,7 @@ export default function IntegrationDetailPage({ params }: IntegrationDetailPageP
       return
     }
     if (showLoading) setError(null)
+    if (showLoading) setIsNotFound(false)
     if (showLoading) setIsLoading(true)
     try {
       const call = await apiCall<IntegrationDetail>(
@@ -459,7 +461,11 @@ export default function IntegrationDetailPage({ params }: IntegrationDetailPageP
         { fallback: null },
       )
       if (!call.ok || !call.result) {
-        if (showLoading) setError(t('integrations.detail.loadError', 'Failed to load integration'))
+        if (call.status === 404) {
+          if (showLoading) setIsNotFound(true)
+        } else {
+          if (showLoading) setError(t('integrations.detail.loadError', 'Failed to load integration'))
+        }
         if (showLoading) setIsLoading(false)
         return
       }
@@ -1012,6 +1018,19 @@ export default function IntegrationDetailPage({ params }: IntegrationDetailPageP
   }, [activeTab, refreshRunActivity, runIdFromUrl])
 
   if (isLoading) return <Page><PageBody><LoadingMessage label={t('integrations.detail.title')} /></PageBody></Page>
+  if (isNotFound) {
+    return (
+      <Page>
+        <PageBody>
+          <RecordNotFoundState
+            label={t('integrations.detail.notFound', 'Integration not found.')}
+            backHref="/backend/integrations"
+            backLabel={t('integrations.detail.backToList', 'Back to integrations')}
+          />
+        </PageBody>
+      </Page>
+    )
+  }
   if (error || !detail || !resolvedIntegration || !resolvedState) {
     return <Page><PageBody><ErrorMessage label={error ?? t('integrations.detail.loadError')} /></PageBody></Page>
   }

package/src/modules/integrations/backend/integrations/bundle/[id]/page.tsx

@@ -20,8 +20,7 @@ import { apiCall } from '@open-mercato/ui/backend/utils/apiCall'
 import { flash } from '@open-mercato/ui/backend/FlashMessages'
 import { useT } from '@open-mercato/shared/lib/i18n/context'
 import type { CredentialFieldType, IntegrationCredentialField } from '@open-mercato/shared/modules/integrations/types'
-import { LoadingMessage } from '@open-mercato/ui/backend/detail'
-import { ErrorMessage } from '@open-mercato/ui/backend/detail'
+import { LoadingMessage, ErrorMessage, RecordNotFoundState } from '@open-mercato/ui/backend/detail'
 
 type CredentialField = IntegrationCredentialField
 
@@ -83,6 +82,7 @@ export default function BundleConfigPage({ params }: BundleConfigPageProps) {
   const [detail, setDetail] = React.useState<BundleDetail | null>(null)
   const [isLoading, setIsLoading] = React.useState(true)
   const [error, setError] = React.useState<string | null>(null)
+  const [isNotFound, setIsNotFound] = React.useState(false)
   const [credValues, setCredValues] = React.useState<Record<string, unknown>>({})
   const [isSavingCreds, setIsSavingCreds] = React.useState(false)
   const [togglingIds, setTogglingIds] = React.useState<Set<string>>(new Set())
@@ -104,13 +104,18 @@ export default function BundleConfigPage({ params }: BundleConfigPageProps) {
     }
     setIsLoading(true)
     setError(null)
+    setIsNotFound(false)
     const call = await apiCall<BundleDetail>(
       `/api/integrations/${encodeURIComponent(currentBundleId)}`,
       undefined,
       { fallback: null },
     )
     if (!call.ok || !call.result) {
-      setError(t('integrations.detail.loadError'))
+      if (call.status === 404) {
+        setIsNotFound(true)
+      } else {
+        setError(t('integrations.detail.loadError'))
+      }
       setIsLoading(false)
       return
     }
@@ -184,6 +189,19 @@ export default function BundleConfigPage({ params }: BundleConfigPageProps) {
   }, [detail, handleToggle])
 
   if (isLoading) return <Page><PageBody><LoadingMessage label={t('integrations.bundle.title')} /></PageBody></Page>
+  if (isNotFound) {
+    return (
+      <Page>
+        <PageBody>
+          <RecordNotFoundState
+            label={t('integrations.detail.notFound', 'Integration not found.')}
+            backHref="/backend/integrations"
+            backLabel={t('integrations.detail.backToList', 'Back to integrations')}
+          />
+        </PageBody>
+      </Page>
+    )
+  }
   if (error || !detail?.bundle) return <Page><PageBody><ErrorMessage label={error ?? t('integrations.detail.loadError')} /></PageBody></Page>
 
   const credFields = (detail.bundle.credentials?.fields ?? []).filter(isEditableCredentialField)