@actuate-media/cms-admin 0.73.0 → 0.75.0

package/src/views/seo/RedirectsTab.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { useRef, useState } from 'react'
+import { useEffect, useRef, useState } from 'react'
 import {
   Plus,
   Trash2,
@@ -22,11 +22,14 @@ import {
   deleteRedirectRule,
   flattenRedirectChain,
   generate404RecoverySuggestions,
+  fetchRedirectRecoverySettings,
+  saveRedirectRecoverySettings,
   acceptRedirectSuggestion,
   dismissRedirectSuggestion,
   exportRedirectsCsv,
   importRedirectsCsv,
   type RedirectRule,
+  type RedirectRecoverySettings,
 } from '../../lib/seo-service.js'
 import {
   SectionCard,
@@ -66,6 +69,91 @@ function OverviewCards({ onRefetchKey }: { onRefetchKey: number }) {
   )
 }
 
+function RecoverySettingsCard() {
+  const { data, loading, error, refetch } = useSeoResource(fetchRedirectRecoverySettings, [])
+  const [saving, setSaving] = useState(false)
+  const [local, setLocal] = useState<RedirectRecoverySettings | null>(null)
+
+  useEffect(() => {
+    if (data) setLocal(data)
+  }, [data])
+
+  async function handleSave() {
+    if (!local) return
+    setSaving(true)
+    const res = await saveRedirectRecoverySettings(local)
+    setSaving(false)
+    if (res.error) return toast.error(res.error)
+    toast.success('Recovery settings saved.')
+    refetch()
+  }
+
+  if (loading) return null
+  if (error) return null
+  if (!local) return null
+
+  return (
+    <SectionCard
+      title="404 recovery settings"
+      description="Control AI re-ranking and optional auto-redirect for high-confidence matches"
+    >
+      <div className="space-y-4">
+        <label className="flex items-start gap-3">
+          <input
+            type="checkbox"
+            className="border-border mt-1 h-4 w-4 rounded"
+            checked={local.aiRerank}
+            onChange={(e) => setLocal({ ...local, aiRerank: e.target.checked })}
+          />
+          <span>
+            <span className="text-foreground text-sm font-medium">AI re-ranking</span>
+            <span className="text-muted-foreground block text-sm">
+              Use semantic search to resolve ambiguous matches (40–84% heuristic confidence).
+            </span>
+          </span>
+        </label>
+        <label className="flex items-start gap-3">
+          <input
+            type="checkbox"
+            className="border-border mt-1 h-4 w-4 rounded"
+            checked={local.autoApply}
+            onChange={(e) => setLocal({ ...local, autoApply: e.target.checked })}
+          />
+          <span>
+            <span className="text-foreground text-sm font-medium">
+              Auto-apply high-confidence redirects
+            </span>
+            <span className="text-muted-foreground block text-sm">
+              Create 301 redirects automatically when confidence meets the threshold (off by
+              default).
+            </span>
+          </span>
+        </label>
+        <label className="block max-w-xs">
+          <span className="text-foreground text-sm font-medium">Auto-apply minimum confidence</span>
+          <input
+            type="number"
+            min={50}
+            max={100}
+            value={local.autoApplyMinConfidence}
+            disabled={!local.autoApply}
+            onChange={(e) =>
+              setLocal({
+                ...local,
+                autoApplyMinConfidence: Math.max(50, Math.min(100, Number(e.target.value) || 85)),
+              })
+            }
+            className="border-border bg-input-background text-foreground focus-visible:ring-ring mt-1 w-full rounded-md border px-3 py-2 text-sm focus-visible:ring-2 focus-visible:outline-none disabled:opacity-50"
+          />
+        </label>
+        <button className={btnSecondary} onClick={handleSave} disabled={saving}>
+          {saving ? 'Saving…' : 'Save settings'}
+        </button>
+      </div>
+    </SectionCard>
+  )
+}
+
 function Ai404RecoveryCard({ onApplied }: { onApplied: () => void }) {
   const { data, loading, error, refetch } = useSeoResource(fetchRedirectSuggestions, [])
   const [generating, setGenerating] = useState(false)
@@ -78,7 +166,11 @@ function Ai404RecoveryCard({ onApplied }: { onApplied: () => void }) {
       toast.error(res.error)
       return
     }
-    toast.success('Generated 404 recovery suggestions.')
+    const autoMsg =
+      res.autoApplied && res.autoApplied > 0
+        ? ` ${res.autoApplied} high-confidence redirect${res.autoApplied === 1 ? '' : 's'} applied automatically.`
+        : ''
+    toast.success(`Generated 404 recovery suggestions.${autoMsg}`)
     refetch()
   }
 
@@ -120,7 +212,7 @@ function Ai404RecoveryCard({ onApplied }: { onApplied: () => void }) {
       ) : (
         <ul className="divide-border divide-y">
           {data!.map((s) => (
-            <li key={s.id} className="flex items-center justify-between gap-3 py-3 first:pt-0">
+            <li key={s.id} className="flex items-center justify-between gap-3 py-3">
               <div className="min-w-0">
                 <p className="text-foreground flex items-center gap-2 text-sm">
                   <span className="truncate font-medium">{s.fromPath}</span>
@@ -181,7 +273,7 @@ function ChainMapCard({ onFlattened }: { onFlattened: () => void }) {
         {data.map((chain) => (
           <li
             key={chain.id}
-            className="border-border flex items-center justify-between gap-3 rounded-md border p-3"
+            className="border-border flex items-center justify-between gap-3 rounded-md border p-4"
           >
             <div className="min-w-0">
               <div className="mb-1 flex items-center gap-2">
@@ -272,6 +364,7 @@ export function RedirectsTab() {
       <OverviewCards onRefetchKey={refetchKey} />
 
       <div className="grid grid-cols-1 gap-4 xl:grid-cols-2">
+        <RecoverySettingsCard />
         <Ai404RecoveryCard onApplied={refetchAll} />
         <ChainMapCard onFlattened={refetchAll} />
       </div>

package/src/views/seo/TechnicalTab.tsx

@@ -73,7 +73,7 @@ function Toggle({
   const labelId = useId()
   const helpId = useId()
   return (
-    <div className="flex items-center justify-between gap-3 py-2.5">
+    <div className="flex items-center justify-between gap-3 py-3.5">
       <span className="min-w-0">
         <span id={labelId} className="text-foreground block text-sm font-medium">
           {label}
@@ -259,7 +259,7 @@ function RobotsCard() {
         <div className="space-y-3">
           {validation.blocksEntireSite && (
             <div
-              className="border-destructive/30 bg-destructive/10 flex items-start gap-2 rounded-md border p-3"
+              className="border-destructive/30 bg-destructive/10 flex items-start gap-2 rounded-md border p-4"
               role="alert"
             >
               <AlertTriangle className="text-destructive mt-0.5 h-4 w-4 shrink-0" aria-hidden />

package/src/views/settings/AISettingsTab.tsx

@@ -92,7 +92,7 @@ export function AISettingsTab({ role, config }: AISettingsTabProps) {
       {ai.loadError && (
         <div
           role="alert"
-          className="border-destructive/30 bg-destructive/10 text-destructive flex items-center gap-3 rounded-lg border p-3 text-sm"
+          className="border-destructive/30 bg-destructive/10 text-destructive flex items-center gap-3 rounded-lg border p-4 text-sm"
         >
           <AlertTriangle size={16} className="shrink-0" aria-hidden="true" />
           <span className="flex-1">{ai.loadError}</span>
@@ -107,7 +107,7 @@ export function AISettingsTab({ role, config }: AISettingsTabProps) {
       )}
 
       {!canEdit && (
-        <div className="border-border bg-muted text-muted-foreground flex items-center gap-2 rounded-lg border p-3 text-sm">
+        <div className="border-border bg-muted text-muted-foreground flex items-center gap-2 rounded-lg border p-4 text-sm">
           <Info size={16} className="shrink-0" aria-hidden="true" />
           You have read-only access to AI settings. Only administrators can make changes.
         </div>
@@ -145,7 +145,7 @@ export function AISettingsTab({ role, config }: AISettingsTabProps) {
       {ai.saveState === 'error' && ai.saveError && (
         <div
           role="alert"
-          className="border-destructive/30 bg-destructive/10 text-destructive flex items-center gap-3 rounded-lg border p-3 text-sm"
+          className="border-destructive/30 bg-destructive/10 text-destructive flex items-center gap-3 rounded-lg border p-4 text-sm"
         >
           <AlertTriangle size={16} className="shrink-0" aria-hidden="true" />
           <span className="flex-1">{ai.saveError}</span>

package/src/views/settings/AiFeaturesCard.tsx

@@ -85,7 +85,7 @@ function FeatureRow({
     : 'Use default model'
 
   return (
-    <div className="py-4 first:pt-0 last:pb-0">
+    <div className="py-4">
       <SettingsToggleRow
         label={feature.label}
         description={feature.description}

package/src/views/settings/AppearanceTab.tsx

@@ -56,7 +56,7 @@ export function AppearanceTab({ role, config }: AppearanceTabProps) {
   return (
     <div className="space-y-4">
       {!canEdit && (
-        <p className="text-muted-foreground border-border bg-muted rounded-lg border p-3 text-sm">
+        <p className="text-muted-foreground border-border bg-muted rounded-lg border p-4 text-sm">
           You have read-only access to appearance settings.
         </p>
       )}

package/src/views/settings/BrandVoiceCard.tsx

@@ -341,7 +341,7 @@ export function BrandVoiceCard({
         {aiReadiness && !aiReadiness.ready && aiReadiness.message && (
           <div
             role="status"
-            className="border-warning/40 bg-warning/10 text-foreground flex items-start gap-3 rounded-lg border p-3 text-sm"
+            className="border-warning/40 bg-warning/10 text-foreground flex items-start gap-3 rounded-lg border p-4 text-sm"
           >
             <AlertTriangle size={16} className="text-warning mt-0.5 shrink-0" aria-hidden="true" />
             <p>{aiReadiness.message}</p>
@@ -400,7 +400,7 @@ export function BrandVoiceCard({
         {importError && (
           <div
             role="alert"
-            className="border-destructive/30 bg-destructive/10 text-destructive rounded-md border p-3 text-sm"
+            className="border-destructive/30 bg-destructive/10 text-destructive rounded-md border p-4 text-sm"
           >
             {importError}
           </div>

package/src/views/settings/EmailSettingsTab.tsx

@@ -115,7 +115,7 @@ function Notice({
     <div
       role="status"
       aria-live="polite"
-      className={`flex items-start gap-2.5 rounded-lg border p-3 text-sm ${toneClass}`}
+      className={`flex items-start gap-2.5 rounded-lg border p-4 text-sm ${toneClass}`}
     >
       <Icon size={16} className="mt-0.5 shrink-0" aria-hidden="true" />
       <div className="min-w-0">{children}</div>
@@ -294,7 +294,7 @@ export function EmailSettingsTab({ role }: { role?: string }) {
     return (
       <div
         role="alert"
-        className="border-destructive/30 bg-destructive/10 text-destructive flex items-center gap-3 rounded-lg border p-3 text-sm"
+        className="border-destructive/30 bg-destructive/10 text-destructive flex items-center gap-3 rounded-lg border p-4 text-sm"
       >
         <AlertTriangle size={20} className="shrink-0" aria-hidden="true" />
         <span className="flex-1">{s.loadError}</span>

package/src/views/settings/GeneralSettingsTab.tsx

@@ -42,7 +42,7 @@ export function GeneralSettingsTab({ onNavigate, role }: GeneralSettingsTabProps
       {settings.loadError && (
         <div
           role="alert"
-          className="border-destructive/30 bg-destructive/10 text-destructive flex items-center gap-3 rounded-lg border p-3 text-sm"
+          className="border-destructive/30 bg-destructive/10 text-destructive flex items-center gap-3 rounded-lg border p-4 text-sm"
         >
           <AlertTriangle size={16} className="shrink-0" aria-hidden="true" />
           <span className="flex-1">{settings.loadError}</span>
@@ -57,7 +57,7 @@ export function GeneralSettingsTab({ onNavigate, role }: GeneralSettingsTabProps
       )}
 
       {!canEdit && (
-        <div className="border-border bg-muted text-muted-foreground flex items-center gap-2 rounded-lg border p-3 text-sm">
+        <div className="border-border bg-muted text-muted-foreground flex items-center gap-2 rounded-lg border p-4 text-sm">
           <Info size={16} className="shrink-0" aria-hidden="true" />
           You have read-only access to settings. Only administrators can make changes.
         </div>
@@ -99,7 +99,7 @@ export function GeneralSettingsTab({ onNavigate, role }: GeneralSettingsTabProps
       {settings.saveState === 'error' && settings.saveError && (
         <div
           role="alert"
-          className="border-destructive/30 bg-destructive/10 text-destructive flex items-center gap-3 rounded-lg border p-3 text-sm"
+          className="border-destructive/30 bg-destructive/10 text-destructive flex items-center gap-3 rounded-lg border p-4 text-sm"
         >
           <AlertTriangle size={16} className="shrink-0" aria-hidden="true" />
           <span className="flex-1">{settings.saveError}</span>

package/src/views/settings/SecurityStatusCard.tsx

@@ -83,7 +83,7 @@ export function SecurityStatusCard({
             <div
               key={w.id}
               role="note"
-              className={`flex items-start justify-between gap-3 rounded-lg border p-3 text-sm ${SEVERITY_STYLES[w.severity]}`}
+              className={`flex items-start justify-between gap-3 rounded-lg border p-4 text-sm ${SEVERITY_STYLES[w.severity]}`}
             >
               <div>
                 <p className="font-medium">{w.title}</p>

package/src/views/settings/SeoSettingsTab.tsx

@@ -102,7 +102,7 @@ export function SeoSettingsTab({ onNavigate, role }: SeoSettingsTabProps) {
       {seo.loadError && (
         <div
           role="alert"
-          className="border-destructive/30 bg-destructive/10 text-destructive flex items-center gap-3 rounded-lg border p-3 text-sm"
+          className="border-destructive/30 bg-destructive/10 text-destructive flex items-center gap-3 rounded-lg border p-4 text-sm"
         >
           <AlertTriangle size={16} className="shrink-0" aria-hidden="true" />
           <span className="flex-1">{seo.loadError}</span>
@@ -117,7 +117,7 @@ export function SeoSettingsTab({ onNavigate, role }: SeoSettingsTabProps) {
       )}
 
       {!canEdit && (
-        <div className="border-border bg-muted text-muted-foreground flex items-center gap-2 rounded-lg border p-3 text-sm">
+        <div className="border-border bg-muted text-muted-foreground flex items-center gap-2 rounded-lg border p-4 text-sm">
           <Info size={16} className="shrink-0" aria-hidden="true" />
           You have read-only access to SEO defaults. Only administrators can make changes.
         </div>
@@ -150,7 +150,7 @@ export function SeoSettingsTab({ onNavigate, role }: SeoSettingsTabProps) {
       {seo.saveState === 'error' && seo.saveError && (
         <div
           role="alert"
-          className="border-destructive/30 bg-destructive/10 text-destructive flex items-center gap-3 rounded-lg border p-3 text-sm"
+          className="border-destructive/30 bg-destructive/10 text-destructive flex items-center gap-3 rounded-lg border p-4 text-sm"
         >
           <AlertTriangle size={16} className="shrink-0" aria-hidden="true" />
           <span className="flex-1">{seo.saveError}</span>
@@ -381,7 +381,7 @@ function SeoPreviewCard({
 }) {
   return (
     <div className="border-border mt-4 grid gap-4 border-t pt-4 sm:grid-cols-2">
-      <div className="border-border rounded-lg border p-3">
+      <div className="border-border rounded-lg border p-4">
         <p className="text-muted-foreground mb-2 text-xs font-medium tracking-wide uppercase">
           Search preview
         </p>
@@ -398,7 +398,7 @@ function SeoPreviewCard({
             <ImageIcon size={24} className="text-muted-foreground" aria-hidden="true" />
           )}
         </div>
-        <div className="p-3">
+        <div className="p-4">
           <p className="text-muted-foreground truncate text-xs uppercase">
             {siteName || new URL(url).hostname}
           </p>
@@ -700,7 +700,7 @@ function SitemapDefaultsCard({
       description="Control XML sitemap generation and whether search engines are pinged on publish."
     >
       {!siteUrl && (
-        <div className="border-warning/30 bg-warning/10 text-warning mb-4 flex items-start gap-2 rounded-md border p-3 text-sm">
+        <div className="border-warning/30 bg-warning/10 text-warning mb-4 flex items-start gap-2 rounded-md border p-4 text-sm">
           <AlertTriangle size={16} className="mt-0.5 shrink-0" aria-hidden="true" />
           Site URL is not set — sitemap URLs may be incorrect. Set it in Settings → General.
         </div>

package/src/views/settings/UpdatesTab.tsx

@@ -109,7 +109,7 @@ function Notice({
       ? 'border-destructive/30 bg-destructive/10 text-destructive'
       : 'border-warning/30 bg-warning/10 text-warning'
   return (
-    <div className={`mt-3 flex items-start gap-2.5 rounded-md border p-3 ${toneClass}`}>
+    <div className={`mt-3 flex items-start gap-2.5 rounded-md border p-4 ${toneClass}`}>
       <span className="mt-0.5 shrink-0" aria-hidden="true">
         {icon}
       </span>
@@ -180,7 +180,7 @@ export function UpdatesTab({ role }: UpdatesTabProps) {
       {error && (
         <div
           role="alert"
-          className="border-destructive/30 bg-destructive/10 text-destructive flex items-center gap-3 rounded-lg border p-3 text-sm"
+          className="border-destructive/30 bg-destructive/10 text-destructive flex items-center gap-3 rounded-lg border p-4 text-sm"
         >
           <AlertTriangle size={20} className="shrink-0" aria-hidden="true" />
           <span className="flex-1">{error}</span>
@@ -309,7 +309,7 @@ export function UpdatesTab({ role }: UpdatesTabProps) {
           </div>
 
           {info.updateCommand && (
-            <div className="border-border bg-card mt-3 rounded-md border p-3">
+            <div className="border-border bg-card mt-3 rounded-md border p-4">
               <p className="text-muted-foreground mb-1 text-xs">Or update manually:</p>
               <code className="bg-muted text-foreground block rounded px-2 py-1.5 font-mono text-xs select-all">
                 {info.updateCommand}

package/src/views/settings/components.tsx

@@ -49,7 +49,7 @@ export function SettingsCard({
         </div>
         {actions && <div className="flex shrink-0 items-center gap-2">{actions}</div>}
       </CardHeader>
-      <CardContent className="pt-0 text-[var(--txt)]">{children}</CardContent>
+      <CardContent className="text-[var(--txt)]">{children}</CardContent>
     </Card>
   )
 }
@@ -74,7 +74,7 @@ export function SettingsSubsection({
     <div className={`border-border border-t pt-4 ${className ?? ''}`}>
       <div className="text-foreground text-base font-medium">{title}</div>
       {description && <p className="text-muted-foreground mt-0.5 text-sm">{description}</p>}
-      {children}
+      {children ? <div className="mt-4">{children}</div> : null}
     </div>
   )
 }
@@ -200,7 +200,7 @@ export function SettingsValidationSummary({ issues }: { issues: ValidationIssue[
     <div
       role="alert"
       aria-live="polite"
-      className={`flex items-start gap-3 rounded-lg border p-3 text-sm ${
+      className={`flex items-start gap-3 rounded-lg border p-4 text-sm ${
         isError
           ? 'border-destructive/30 bg-destructive/10 text-destructive'
           : 'border-warning/30 bg-warning/10 text-warning'