@actuate-media/cms-admin 0.73.0 → 0.74.0

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'