@prenta/admin 1.13.0 → 1.15.0

package/src/views/settings/SeoSettingsTab.tsx

@@ -17,6 +17,7 @@ import { siteUrlMatchesAdminOrigin } from '../../lib/preview-link.js'
 import { MediaPickerModal } from '../../components/MediaPickerModal.js'
 import { SEOConfigPanel } from '../../components/SEOConfigPanel.js'
 import { SearchDataCard } from './SearchDataCard.js'
+import { SeoAutopilotCard } from './SeoAutopilotCard.js'
 import { SeoDigestCard } from './SeoDigestCard.js'
 import {
   ConfirmDangerousSettingDialog,
@@ -152,6 +153,7 @@ export function SeoSettingsTab({ onNavigate, role }: SeoSettingsTabProps) {
       <OrganizationCard seo={seo} canEdit={canEdit} />
       <SearchEngineVerificationCard seo={seo} canEdit={canEdit} />
       <SearchDataCard canEdit={canEdit} />
+      <SeoAutopilotCard canEdit={canEdit} onNavigate={onNavigate} />
       <SeoDigestCard canEdit={canEdit} />
       <SitemapDefaultsCard seo={seo} canEdit={canEdit} onNavigate={onNavigate} />
 

package/src/views/settings/components.tsx

@@ -24,6 +24,7 @@ export function SettingsCard({
   children,
   className,
   headingLevel: Heading = 'h3',
+  busy = false,
 }: {
   title: ReactNode
   description?: ReactNode
@@ -33,10 +34,18 @@ export function SettingsCard({
   className?: string
   /** Override the heading element for correct document outline nesting. */
   headingLevel?: 'h2' | 'h3'
+  /** Marks the region `aria-busy` while a save/refresh is in flight. */
+  busy?: boolean
 }) {
   const headingId = useId()
   return (
-    <Card padding="none" aria-labelledby={headingId} role="region" className={className}>
+    <Card
+      padding="none"
+      aria-labelledby={headingId}
+      aria-busy={busy || undefined}
+      role="region"
+      className={className}
+    >
       <CardHeader className="flex items-start justify-between gap-3">
         <div className="min-w-0">
           <Heading