@open-mercato/core 0.4.7-develop-0a657b411f → 0.4.7-develop-e249d3e7d0

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

@@ -1,7 +1,7 @@
 "use client"
 import * as React from 'react'
 import Link from 'next/link'
-import { useParams } from 'next/navigation'
+import { usePathname } from 'next/navigation'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
 import { Card, CardHeader, CardTitle, CardContent } from '@open-mercato/ui/primitives/card'
 import { Badge } from '@open-mercato/ui/primitives/badge'
@@ -50,9 +50,27 @@ type BundleDetail = {
   hasCredentials: boolean
 }
 
-export default function BundleConfigPage() {
-  const params = useParams<{ id: string }>()
-  const bundleId = params.id
+type BundleConfigPageProps = {
+  params?: {
+    id?: string | string[]
+  }
+}
+
+function resolveRouteId(value: string | string[] | undefined): string | undefined {
+  if (Array.isArray(value)) return value[0]
+  return value
+}
+
+function resolvePathnameId(pathname: string): string | undefined {
+  const parts = pathname.split('/').filter(Boolean)
+  const bundleId = parts.at(-1)
+  if (!bundleId || bundleId === 'bundle' || bundleId === 'integrations') return undefined
+  return decodeURIComponent(bundleId)
+}
+
+export default function BundleConfigPage({ params }: BundleConfigPageProps) {
+  const pathname = usePathname()
+  const bundleId = resolveRouteId(params?.id) ?? resolvePathnameId(pathname)
   const t = useT()
 
   const [detail, setDetail] = React.useState<BundleDetail | null>(null)
@@ -62,11 +80,25 @@ export default function BundleConfigPage() {
   const [isSavingCreds, setIsSavingCreds] = React.useState(false)
   const [togglingIds, setTogglingIds] = React.useState<Set<string>>(new Set())
 
+  const resolveCurrentBundleId = React.useCallback(() => {
+    return bundleId ?? (
+      typeof window !== 'undefined'
+        ? resolvePathnameId(window.location.pathname)
+        : undefined
+    )
+  }, [bundleId])
+
   const load = React.useCallback(async () => {
+    const currentBundleId = resolveCurrentBundleId()
+    if (!currentBundleId) {
+      setError(t('integrations.detail.loadError'))
+      setIsLoading(false)
+      return
+    }
     setIsLoading(true)
     setError(null)
     const call = await apiCall<BundleDetail>(
-      `/api/integrations/${encodeURIComponent(bundleId)}`,
+      `/api/integrations/${encodeURIComponent(currentBundleId)}`,
       undefined,
       { fallback: null },
     )
@@ -78,7 +110,7 @@ export default function BundleConfigPage() {
     setDetail(call.result)
 
     const credCall = await apiCall<{ credentials: Record<string, unknown> }>(
-      `/api/integrations/${encodeURIComponent(bundleId)}/credentials`,
+      `/api/integrations/${encodeURIComponent(currentBundleId)}/credentials`,
       undefined,
       { fallback: null },
     )
@@ -86,13 +118,15 @@ export default function BundleConfigPage() {
       setCredValues(credCall.result.credentials)
     }
     setIsLoading(false)
-  }, [bundleId, t])
+  }, [resolveCurrentBundleId, t])
 
   React.useEffect(() => { void load() }, [load])
 
   const handleSaveCredentials = React.useCallback(async () => {
+    const currentBundleId = resolveCurrentBundleId()
+    if (!currentBundleId) return
     setIsSavingCreds(true)
-    const call = await apiCall(`/api/integrations/${encodeURIComponent(bundleId)}/credentials`, {
+    const call = await apiCall(`/api/integrations/${encodeURIComponent(currentBundleId)}/credentials`, {
       method: 'PUT',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({ credentials: credValues }),
@@ -103,7 +137,7 @@ export default function BundleConfigPage() {
       flash(t('integrations.detail.credentials.saveError'), 'error')
     }
     setIsSavingCreds(false)
-  }, [bundleId, credValues, t])
+  }, [resolveCurrentBundleId, credValues, t])
 
   const handleToggle = React.useCallback(async (integrationId: string, enabled: boolean) => {
     setTogglingIds((prev) => new Set(prev).add(integrationId))

package/src/modules/integrations/backend/integrations/detail-page-widgets.ts

@@ -0,0 +1,74 @@
+import { type IntegrationDefinition, LEGACY_INTEGRATION_DETAIL_TABS_SPOT_ID } from '@open-mercato/shared/modules/integrations/types'
+import type { LoadedInjectionSpotWidget } from '@open-mercato/ui/backend/injection/InjectionSpot'
+
+type IntegrationDetailPlacementKind = 'tab' | 'group' | 'stack'
+
+export type IntegrationDetailInjectedTab = {
+  id: string
+  label: string
+  priority: number
+  widgets: LoadedInjectionSpotWidget[]
+}
+
+export function resolveIntegrationDetailWidgetSpotId(
+  integration: Pick<IntegrationDefinition, 'detailPage'> | null | undefined,
+  legacySpotId: typeof LEGACY_INTEGRATION_DETAIL_TABS_SPOT_ID,
+): string {
+  const widgetSpotId = integration?.detailPage?.widgetSpotId?.trim()
+  return widgetSpotId && widgetSpotId.length > 0 ? widgetSpotId : legacySpotId
+}
+
+export function resolveRequestedIntegrationDetailTab(
+  value: string | null | undefined,
+  hasVersions: boolean,
+  customTabIds: readonly string[],
+): string {
+  if (value && customTabIds.includes(value)) return value
+  if (value === 'health' || value === 'logs') return value
+  if (value === 'version' && hasVersions) return 'version'
+  return 'credentials'
+}
+
+export function filterIntegrationDetailWidgetsByKind(
+  widgets: readonly LoadedInjectionSpotWidget[],
+  kind: IntegrationDetailPlacementKind,
+): LoadedInjectionSpotWidget[] {
+  return widgets
+    .filter((widget) => (widget.placement?.kind ?? 'stack') === kind)
+    .sort((left, right) => {
+      const leftPriority = typeof left.placement?.priority === 'number' ? left.placement.priority : 0
+      const rightPriority = typeof right.placement?.priority === 'number' ? right.placement.priority : 0
+      return rightPriority - leftPriority
+    })
+}
+
+export function buildIntegrationDetailInjectedTabs(
+  widgets: readonly LoadedInjectionSpotWidget[],
+  resolveLabel: (widget: LoadedInjectionSpotWidget) => string,
+): IntegrationDetailInjectedTab[] {
+  const groupedTabs = new Map<string, IntegrationDetailInjectedTab>()
+
+  for (const widget of widgets) {
+    if ((widget.placement?.kind ?? 'stack') !== 'tab') continue
+
+    const id = widget.placement?.groupId ?? widget.widgetId
+    const label = resolveLabel(widget)
+    const priority = typeof widget.placement?.priority === 'number' ? widget.placement.priority : 0
+    const existing = groupedTabs.get(id)
+
+    if (existing) {
+      existing.widgets.push(widget)
+      existing.priority = Math.max(existing.priority, priority)
+      continue
+    }
+
+    groupedTabs.set(id, {
+      id,
+      label,
+      priority,
+      widgets: [widget],
+    })
+  }
+
+  return Array.from(groupedTabs.values()).sort((left, right) => right.priority - left.priority)
+}

package/src/modules/integrations/backend/integrations/page.meta.ts

@@ -9,8 +9,8 @@ export const metadata = {
   requireFeatures: ['integrations.view'],
   pageTitle: 'Integrations',
   pageTitleKey: 'integrations.nav.title',
-  pageGroup: 'Settings',
-  pageGroupKey: 'settings.sections.general',
+  pageGroup: 'External systems',
+  pageGroupKey: 'backend.nav.externalSystems',
   pageOrder: 50,
   icon: puzzleIcon,
   pageContext: 'settings' as const,

package/src/modules/integrations/backend/integrations/page.tsx

@@ -3,7 +3,6 @@ import * as React from 'react'
 import Link from 'next/link'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
 import { Card, CardHeader, CardTitle, CardContent } from '@open-mercato/ui/primitives/card'
-import { Badge } from '@open-mercato/ui/primitives/badge'
 import { Button } from '@open-mercato/ui/primitives/button'
 import { Switch } from '@open-mercato/ui/primitives/switch'
 import { Input } from '@open-mercato/ui/primitives/input'
@@ -13,7 +12,7 @@ import { flash } from '@open-mercato/ui/backend/FlashMessages'
 import { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'
 import { useT } from '@open-mercato/shared/lib/i18n/context'
 import { FilterBar, type FilterValues } from '@open-mercato/ui/backend/FilterBar'
-import { Bell, CreditCard, HardDrive, LayoutGrid, MessageSquare, RefreshCw, Truck, Webhook } from 'lucide-react'
+import { Bell, Cog, CreditCard, HardDrive, LayoutGrid, MessageSquare, RefreshCw, Search, Truck, Webhook } from 'lucide-react'
 import {
   buildIntegrationMarketplaceFilterDefs,
   getIntegrationMarketplaceCategory,
@@ -28,6 +27,9 @@ type IntegrationItem = {
   category?: string
   icon?: string
   bundleId?: string
+  author?: string
+  company?: string
+  version?: string
   isEnabled: boolean
   hasCredentials: boolean
 }
@@ -57,11 +59,6 @@ const CATEGORY_ICONS: Record<string, React.ElementType> = {
   webhook: Webhook,
 }
 
-function categoryBadgeVariant(category: string | undefined): 'default' | 'secondary' | 'outline' {
-  if (!category) return 'outline'
-  return 'secondary'
-}
-
 export default function IntegrationsMarketplacePage() {
   const [data, setData] = React.useState<ListResponse | null>(null)
   const [isLoading, setIsLoading] = React.useState(true)
@@ -144,6 +141,13 @@ export default function IntegrationsMarketplacePage() {
     return { bundles, standalone }
   }, [data, search, selectedCategory])
 
+  const renderCategoryIcon = React.useCallback((category: string | undefined, className: string) => {
+    if (!category) return null
+    const Icon = CATEGORY_ICONS[category]
+    if (!Icon) return null
+    return <Icon className={className} />
+  }, [])
+
   if (isLoading) {
     return (
       <Page>
@@ -160,13 +164,22 @@ export default function IntegrationsMarketplacePage() {
     <Page>
       <PageBody className="space-y-6">
         <section className="space-y-6 rounded-lg border bg-background p-6">
-          <header className="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
-            <div className="space-y-1">
+          <header className="flex items-center justify-between gap-4">
+            <div className="space-y-0.5">
               <h2 className="text-lg font-semibold">{t('integrations.marketplace.title')}</h2>
               <p className="text-sm text-muted-foreground">
                 {t('integrations.marketplace.description')}
               </p>
             </div>
+            <div className="relative w-64 shrink-0 hidden lg:block">
+              <Search className="absolute left-2.5 top-1/2 -translate-y-1/2 size-4 text-muted-foreground pointer-events-none" />
+              <Input
+                placeholder={t('integrations.marketplace.search')}
+                value={search}
+                onChange={(e) => setSearch(e.target.value)}
+                className="pl-8"
+              />
+            </div>
           </header>
 
           <div className="lg:hidden">
@@ -182,32 +195,22 @@ export default function IntegrationsMarketplacePage() {
             />
           </div>
 
-          <div className="hidden lg:flex lg:flex-col gap-4">
-            <div className="flex flex-col gap-4 sm:flex-row sm:items-center">
-              <Input
-                placeholder={t('integrations.marketplace.search')}
-                value={search}
-                onChange={(e) => setSearch(e.target.value)}
-                className="max-w-sm"
-              />
-              <div className="flex flex-wrap gap-1.5">
-                {INTEGRATION_MARKETPLACE_CATEGORIES.map((category) => {
-                  const Icon = CATEGORY_ICONS[category]
-                  return (
-                    <Button
-                      key={category}
-                      type="button"
-                      variant={selectedCategory === category ? 'default' : 'outline'}
-                      size="sm"
-                      onClick={() => setFilterValues(normalizeIntegrationMarketplaceFilterValues({ category }))}
-                    >
-                      {Icon ? <Icon className="mr-1.5 h-3.5 w-3.5" /> : null}
-                      {t(`integrations.marketplace.categories.${category}`)}
-                    </Button>
-                  )
-                })}
-              </div>
-            </div>
+          <div className="hidden lg:flex flex-wrap gap-1.5">
+            {INTEGRATION_MARKETPLACE_CATEGORIES.map((category) => {
+              const Icon = CATEGORY_ICONS[category]
+              return (
+                <Button
+                  key={category}
+                  type="button"
+                  variant={selectedCategory === category ? 'default' : 'outline'}
+                  size="sm"
+                  onClick={() => setFilterValues(normalizeIntegrationMarketplaceFilterValues({ category }))}
+                >
+                  {Icon ? <Icon className="mr-1.5 h-3.5 w-3.5" /> : null}
+                  {t(`integrations.marketplace.categories.${category}`)}
+                </Button>
+              )
+            })}
           </div>
 
           {filteredItems.bundles.map((bundle) => (
@@ -225,6 +228,7 @@ export default function IntegrationsMarketplacePage() {
                   </div>
                   <Button asChild variant="outline" size="sm">
                     <Link href={`/backend/integrations/bundle/${encodeURIComponent(bundle.id)}`}>
+                      <Cog className="mr-1.5 h-4 w-4" />
                       {t('integrations.marketplace.configure')}
                     </Link>
                   </Button>
@@ -237,18 +241,21 @@ export default function IntegrationsMarketplacePage() {
                       key={item.id}
                       className="flex items-center justify-between rounded-lg border p-3"
                     >
-                      <div className="min-w-0">
-                        <Link
-                          href={`/backend/integrations/${encodeURIComponent(item.id)}`}
-                          className="text-sm font-medium hover:underline"
-                        >
-                          {item.title}
-                        </Link>
-                        {item.category && (
-                          <Badge variant={categoryBadgeVariant(item.category)} className="ml-2 text-xs">
-                            {item.category}
-                          </Badge>
-                        )}
+                      <div className="min-w-0 space-y-1">
+                        <div className="flex items-center gap-2">
+                          {renderCategoryIcon(item.category, 'h-4 w-4 text-muted-foreground')}
+                          <Link
+                            href={`/backend/integrations/${encodeURIComponent(item.id)}`}
+                            className="truncate text-sm font-medium hover:underline"
+                          >
+                            {item.title}
+                          </Link>
+                        </div>
+                        {(item.company || item.author || item.version) ? (
+                          <p className="text-xs text-muted-foreground">
+                            {[item.company || item.author, item.version ? `v${item.version}` : null].filter(Boolean).join(' · ')}
+                          </p>
+                        ) : null}
                       </div>
                       <Switch
                         checked={item.isEnabled}
@@ -268,27 +275,31 @@ export default function IntegrationsMarketplacePage() {
                 <Card key={item.id} className="flex flex-col">
                   <CardHeader>
                     <div className="flex items-center justify-between">
-                      <CardTitle className="text-base">{item.title}</CardTitle>
+                      <div className="flex items-center gap-2">
+                        {renderCategoryIcon(item.category, 'h-4 w-4 text-muted-foreground')}
+                        <CardTitle className="text-base">{item.title}</CardTitle>
+                      </div>
                       <Switch
                         checked={item.isEnabled}
                         disabled={togglingIds.has(item.id)}
                         onCheckedChange={(checked) => void handleToggle(item.id, checked)}
                       />
                     </div>
-                    {item.category && (
-                      <Badge variant={categoryBadgeVariant(item.category)} className="w-fit text-xs">
-                        {item.category}
-                      </Badge>
-                    )}
                   </CardHeader>
-                  <CardContent className="flex-1">
+                  <CardContent className="flex-1 space-y-2">
                     {item.description && (
                       <p className="text-muted-foreground text-sm">{item.description}</p>
                     )}
+                    {(item.company || item.author || item.version) && (
+                      <p className="text-muted-foreground text-xs">
+                        {[item.company || item.author, item.version ? `v${item.version}` : null].filter(Boolean).join(' · ')}
+                      </p>
+                    )}
                   </CardContent>
                   <div className="px-6 pb-4">
                     <Button asChild variant="outline" size="sm" className="w-full">
                       <Link href={`/backend/integrations/${encodeURIComponent(item.id)}`}>
+                        <Cog className="mr-1.5 h-4 w-4" />
                         {t('integrations.marketplace.configure')}
                       </Link>
                     </Button>

package/src/modules/integrations/i18n/de.json

@@ -85,28 +85,43 @@
   "integrations.detail.credentials.save": "Zugangsdaten speichern",
   "integrations.detail.credentials.saveError": "Zugangsdaten konnten nicht gespeichert werden",
   "integrations.detail.credentials.saved": "Zugangsdaten gespeichert",
+  "integrations.detail.credentials.validation.boolean": "Select a valid value.",
+  "integrations.detail.credentials.validation.option": "Select one of the available options.",
+  "integrations.detail.credentials.validation.required": "{field} is required.",
+  "integrations.detail.credentials.validation.text": "Enter a valid value.",
+  "integrations.detail.credentials.validation.tooLong": "Value is too long.",
   "integrations.detail.disable": "Deaktivieren",
   "integrations.detail.enable": "Aktivieren",
   "integrations.detail.health.check": "Prüfung ausführen",
   "integrations.detail.health.checkError": "Statusprüfung fehlgeschlagen",
   "integrations.detail.health.checking": "Prüfe…",
   "integrations.detail.health.degraded": "Beeinträchtigt",
+  "integrations.detail.health.details": "Details",
   "integrations.detail.health.healthy": "Gesund",
   "integrations.detail.health.lastChecked": "Zuletzt geprüft: {date}",
+  "integrations.detail.health.lastResult": "Last result",
   "integrations.detail.health.neverChecked": "Nie geprüft",
   "integrations.detail.health.title": "Gesundheitsstatus",
   "integrations.detail.health.unhealthy": "Nicht gesund",
   "integrations.detail.health.unknown": "Unbekannt",
+  "integrations.detail.hub.label": "Hub",
   "integrations.detail.loadError": "Integration konnte nicht geladen werden",
   "integrations.detail.logs.columns.level": "Stufe",
   "integrations.detail.logs.columns.message": "Nachricht",
   "integrations.detail.logs.columns.time": "Zeit",
+  "integrations.detail.logs.details.fields": "Fields",
+  "integrations.detail.logs.details.noPayload": "No structured payload was stored for this log entry.",
+  "integrations.detail.logs.details.payload": "Payload",
+  "integrations.detail.logs.details.summary": "Summary",
   "integrations.detail.logs.empty": "Noch keine Protokolleinträge",
   "integrations.detail.logs.level.all": "Alle Stufen",
   "integrations.detail.logs.level.error": "Fehler",
   "integrations.detail.logs.level.info": "Info",
   "integrations.detail.logs.level.warn": "Warnung",
   "integrations.detail.logs.title": "Betriebsprotokolle",
+  "integrations.detail.state.disabled": "Disabled",
+  "integrations.detail.state.enabled": "Enabled",
+  "integrations.detail.state.label": "State",
   "integrations.detail.stateError": "Status konnte nicht aktualisiert werden",
   "integrations.detail.stateUpdated": "Integrationsstatus aktualisiert",
   "integrations.detail.tabs.credentials": "Zugangsdaten",

package/src/modules/integrations/i18n/en.json

@@ -85,28 +85,43 @@
   "integrations.detail.credentials.save": "Save Credentials",
   "integrations.detail.credentials.saveError": "Failed to save credentials",
   "integrations.detail.credentials.saved": "Credentials saved",
+  "integrations.detail.credentials.validation.boolean": "Select a valid value.",
+  "integrations.detail.credentials.validation.option": "Select one of the available options.",
+  "integrations.detail.credentials.validation.required": "{field} is required.",
+  "integrations.detail.credentials.validation.text": "Enter a valid value.",
+  "integrations.detail.credentials.validation.tooLong": "Value is too long.",
   "integrations.detail.disable": "Disable",
   "integrations.detail.enable": "Enable",
   "integrations.detail.health.check": "Run Check",
   "integrations.detail.health.checkError": "Health check failed",
   "integrations.detail.health.checking": "Checking…",
   "integrations.detail.health.degraded": "Degraded",
+  "integrations.detail.health.details": "Details",
   "integrations.detail.health.healthy": "Healthy",
   "integrations.detail.health.lastChecked": "Last checked: {date}",
+  "integrations.detail.health.lastResult": "Last result",
   "integrations.detail.health.neverChecked": "Never checked",
   "integrations.detail.health.title": "Health Status",
   "integrations.detail.health.unhealthy": "Unhealthy",
   "integrations.detail.health.unknown": "Unknown",
+  "integrations.detail.hub.label": "Hub",
   "integrations.detail.loadError": "Failed to load integration",
   "integrations.detail.logs.columns.level": "Level",
   "integrations.detail.logs.columns.message": "Message",
   "integrations.detail.logs.columns.time": "Time",
+  "integrations.detail.logs.details.fields": "Fields",
+  "integrations.detail.logs.details.noPayload": "No structured payload was stored for this log entry.",
+  "integrations.detail.logs.details.payload": "Payload",
+  "integrations.detail.logs.details.summary": "Summary",
   "integrations.detail.logs.empty": "No log entries yet",
   "integrations.detail.logs.level.all": "All Levels",
   "integrations.detail.logs.level.error": "Error",
   "integrations.detail.logs.level.info": "Info",
   "integrations.detail.logs.level.warn": "Warning",
   "integrations.detail.logs.title": "Operation Logs",
+  "integrations.detail.state.disabled": "Disabled",
+  "integrations.detail.state.enabled": "Enabled",
+  "integrations.detail.state.label": "State",
   "integrations.detail.stateError": "Failed to update state",
   "integrations.detail.stateUpdated": "Integration state updated",
   "integrations.detail.tabs.credentials": "Credentials",

package/src/modules/integrations/i18n/es.json

@@ -85,28 +85,43 @@
   "integrations.detail.credentials.save": "Guardar credenciales",
   "integrations.detail.credentials.saveError": "No se pudieron guardar las credenciales",
   "integrations.detail.credentials.saved": "Credenciales guardadas",
+  "integrations.detail.credentials.validation.boolean": "Select a valid value.",
+  "integrations.detail.credentials.validation.option": "Select one of the available options.",
+  "integrations.detail.credentials.validation.required": "{field} is required.",
+  "integrations.detail.credentials.validation.text": "Enter a valid value.",
+  "integrations.detail.credentials.validation.tooLong": "Value is too long.",
   "integrations.detail.disable": "Desactivar",
   "integrations.detail.enable": "Activar",
   "integrations.detail.health.check": "Ejecutar verificación",
   "integrations.detail.health.checkError": "La verificación de estado falló",
   "integrations.detail.health.checking": "Verificando…",
   "integrations.detail.health.degraded": "Degradado",
+  "integrations.detail.health.details": "Details",
   "integrations.detail.health.healthy": "Saludable",
   "integrations.detail.health.lastChecked": "Última verificación: {date}",
+  "integrations.detail.health.lastResult": "Last result",
   "integrations.detail.health.neverChecked": "Nunca verificado",
   "integrations.detail.health.title": "Estado de salud",
   "integrations.detail.health.unhealthy": "No saludable",
   "integrations.detail.health.unknown": "Desconocido",
+  "integrations.detail.hub.label": "Hub",
   "integrations.detail.loadError": "No se pudo cargar la integración",
   "integrations.detail.logs.columns.level": "Nivel",
   "integrations.detail.logs.columns.message": "Mensaje",
   "integrations.detail.logs.columns.time": "Hora",
+  "integrations.detail.logs.details.fields": "Fields",
+  "integrations.detail.logs.details.noPayload": "No structured payload was stored for this log entry.",
+  "integrations.detail.logs.details.payload": "Payload",
+  "integrations.detail.logs.details.summary": "Summary",
   "integrations.detail.logs.empty": "Sin entradas de registro",
   "integrations.detail.logs.level.all": "Todos los niveles",
   "integrations.detail.logs.level.error": "Error",
   "integrations.detail.logs.level.info": "Info",
   "integrations.detail.logs.level.warn": "Advertencia",
   "integrations.detail.logs.title": "Registros de operación",
+  "integrations.detail.state.disabled": "Disabled",
+  "integrations.detail.state.enabled": "Enabled",
+  "integrations.detail.state.label": "State",
   "integrations.detail.stateError": "No se pudo actualizar el estado",
   "integrations.detail.stateUpdated": "Estado de integración actualizado",
   "integrations.detail.tabs.credentials": "Credenciales",

package/src/modules/integrations/i18n/pl.json

@@ -85,28 +85,43 @@
   "integrations.detail.credentials.save": "Zapisz dane",
   "integrations.detail.credentials.saveError": "Nie udało się zapisać danych",
   "integrations.detail.credentials.saved": "Dane zapisane",
+  "integrations.detail.credentials.validation.boolean": "Select a valid value.",
+  "integrations.detail.credentials.validation.option": "Select one of the available options.",
+  "integrations.detail.credentials.validation.required": "{field} is required.",
+  "integrations.detail.credentials.validation.text": "Enter a valid value.",
+  "integrations.detail.credentials.validation.tooLong": "Value is too long.",
   "integrations.detail.disable": "Wyłącz",
   "integrations.detail.enable": "Włącz",
   "integrations.detail.health.check": "Sprawdź",
   "integrations.detail.health.checkError": "Sprawdzenie stanu nie powiodło się",
   "integrations.detail.health.checking": "Sprawdzanie…",
   "integrations.detail.health.degraded": "Pogorszony",
+  "integrations.detail.health.details": "Details",
   "integrations.detail.health.healthy": "Zdrowy",
   "integrations.detail.health.lastChecked": "Ostatnie sprawdzenie: {date}",
+  "integrations.detail.health.lastResult": "Last result",
   "integrations.detail.health.neverChecked": "Nigdy nie sprawdzano",
   "integrations.detail.health.title": "Stan zdrowia",
   "integrations.detail.health.unhealthy": "Niezdrowy",
   "integrations.detail.health.unknown": "Nieznany",
+  "integrations.detail.hub.label": "Hub",
   "integrations.detail.loadError": "Nie udało się załadować integracji",
   "integrations.detail.logs.columns.level": "Poziom",
   "integrations.detail.logs.columns.message": "Wiadomość",
   "integrations.detail.logs.columns.time": "Czas",
+  "integrations.detail.logs.details.fields": "Fields",
+  "integrations.detail.logs.details.noPayload": "No structured payload was stored for this log entry.",
+  "integrations.detail.logs.details.payload": "Payload",
+  "integrations.detail.logs.details.summary": "Summary",
   "integrations.detail.logs.empty": "Brak wpisów w logach",
   "integrations.detail.logs.level.all": "Wszystkie poziomy",
   "integrations.detail.logs.level.error": "Błąd",
   "integrations.detail.logs.level.info": "Info",
   "integrations.detail.logs.level.warn": "Ostrzeżenie",
   "integrations.detail.logs.title": "Logi operacji",
+  "integrations.detail.state.disabled": "Disabled",
+  "integrations.detail.state.enabled": "Enabled",
+  "integrations.detail.state.label": "State",
   "integrations.detail.stateError": "Nie udało się zaktualizować stanu",
   "integrations.detail.stateUpdated": "Stan integracji zaktualizowany",
   "integrations.detail.tabs.credentials": "Dane uwierzytelniające",

package/src/modules/integrations/setup.ts

@@ -2,8 +2,8 @@ import type { ModuleSetupConfig } from '@open-mercato/shared/modules/setup'
 
 export const setup: ModuleSetupConfig = {
   defaultRoleFeatures: {
-    superadmin: ['integrations.view', 'integrations.manage', 'integrations.credentials.manage'],
-    admin: ['integrations.view', 'integrations.manage', 'integrations.credentials.manage'],
+    superadmin: ['integrations.*', 'integrations.view', 'integrations.manage', 'integrations.credentials.manage'],
+    admin: ['integrations.*', 'integrations.view', 'integrations.manage', 'integrations.credentials.manage'],
     employee: ['integrations.view'],
   },
 }

package/src/modules/payment_gateways/acl.ts

@@ -0,0 +1,8 @@
+export const features = [
+  { id: 'payment_gateways.view', title: 'View payment gateway transactions', module: 'payment_gateways' },
+  { id: 'payment_gateways.manage', title: 'Create and manage payment sessions', module: 'payment_gateways' },
+  { id: 'payment_gateways.capture', title: 'Capture authorized payments', module: 'payment_gateways' },
+  { id: 'payment_gateways.refund', title: 'Refund captured payments', module: 'payment_gateways' },
+]
+
+export default features

package/src/modules/payment_gateways/api/cancel/route.ts

@@ -0,0 +1,56 @@
+import { NextResponse } from 'next/server'
+import { getAuthFromRequest } from '@open-mercato/shared/lib/auth/server'
+import { createRequestContainer } from '@open-mercato/shared/lib/di/container'
+import { readJsonSafe } from '@open-mercato/shared/lib/http/readJsonSafe'
+import { cancelSchema } from '../../data/validators'
+import type { PaymentGatewayService } from '../../lib/gateway-service'
+import { paymentGatewaysTag } from '../openapi'
+
+export const metadata = {
+  path: '/payment_gateways/cancel',
+  POST: { requireAuth: true, requireFeatures: ['payment_gateways.manage'] },
+}
+
+export async function POST(req: Request) {
+  const auth = await getAuthFromRequest(req)
+  if (!auth?.tenantId || !auth.orgId) {
+    return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
+  }
+
+  const payload = await readJsonSafe<unknown>(req)
+  const parsed = cancelSchema.safeParse(payload)
+  if (!parsed.success) {
+    return NextResponse.json({ error: 'Invalid payload', details: parsed.error.flatten() }, { status: 422 })
+  }
+
+  const container = await createRequestContainer()
+  const service = container.resolve('paymentGatewayService') as PaymentGatewayService
+
+  try {
+    const result = await service.cancelPayment(
+      parsed.data.transactionId,
+      parsed.data.reason,
+      { organizationId: auth.orgId as string, tenantId: auth.tenantId },
+    )
+    return NextResponse.json(result)
+  } catch (err: unknown) {
+    const message = err instanceof Error ? err.message : 'Cancel failed'
+    return NextResponse.json({ error: message }, { status: 502 })
+  }
+}
+
+export const openApi = {
+  tags: [paymentGatewaysTag],
+  summary: 'Cancel/void an authorized payment',
+  methods: {
+    POST: {
+      summary: 'Cancel payment',
+      tags: [paymentGatewaysTag],
+      responses: [
+        { status: 200, description: 'Payment cancelled' },
+        { status: 422, description: 'Invalid payload' },
+        { status: 502, description: 'Gateway provider error' },
+      ],
+    },
+  },
+}