@actuate-media/cms-admin 0.65.0 → 0.67.0

package/src/views/page-editor/PageSettingsModal.tsx

@@ -5,6 +5,7 @@ import { normalizeSlug, validateSlug } from '@actuate-media/cms-core/client'
 import { Modal } from '../../components/ui/Modal.js'
 import { Button } from '../../components/ui/Button.js'
 import { SeoCharCount } from '../../components/seo/SeoCharCount.js'
+import { cmsApi } from '../../lib/api.js'
 import type { EditorPage } from '../../lib/page-editor-service.js'
 
 const SEO_TITLE_MIN = 30
@@ -26,7 +27,12 @@ const INPUT =
 
 const slugify = normalizeSlug
 
-/** Edits page-level fields: title, slug, path, and SEO. */
+interface ParentOption {
+  id: string
+  title: string
+}
+
+/** Edits page-level fields: title, slug, path, parent page, and SEO. */
 export function PageSettingsModal({
   open,
   page,
@@ -37,21 +43,52 @@ export function PageSettingsModal({
   const [title, setTitle] = useState(page.title)
   const [slug, setSlug] = useState(page.slug)
   const [path, setPath] = useState(page.path)
+  const [parentPageId, setParentPageId] = useState(page.parentPageId ?? '')
   const [seoTitle, setSeoTitle] = useState(page.seoTitle)
   const [seoDescription, setSeoDescription] = useState(page.seoDescription)
   // Auto-derive slug/path from title until the user edits slug manually.
   const [slugTouched, setSlugTouched] = useState(Boolean(page.slug))
+  const [parentOptions, setParentOptions] = useState<ParentOption[] | null>(null)
 
   useEffect(() => {
     if (!open) return
     setTitle(page.title)
     setSlug(page.slug)
     setPath(page.path)
+    setParentPageId(page.parentPageId ?? '')
     setSeoTitle(page.seoTitle)
     setSeoDescription(page.seoDescription)
     setSlugTouched(Boolean(page.slug))
   }, [open, page])
 
+  // Load the parent-page choices lazily the first time the modal opens.
+  // The page itself is excluded (a page can't be its own parent); deeper
+  // cycle protection lives in the tree builder, which breaks bad chains.
+  useEffect(() => {
+    if (!open || parentOptions !== null) return
+    let cancelled = false
+    cmsApi<{ docs: Array<{ id: string; title: string | null }> }>(
+      '/collections/pages?pageSize=500&sort=updatedAt&order=desc',
+    )
+      .then((res) => {
+        if (cancelled) return
+        const docs = res.data?.docs ?? []
+        const options = docs
+          .filter((d) => d.id !== page.id)
+          .map((d) => ({ id: d.id, title: d.title ?? '(untitled)' }))
+          .sort((a, b) => a.title.localeCompare(b.title))
+        setParentOptions(options)
+      })
+      .catch(() => {
+        // Leave the picker in its loading state note; the rest of the
+        // settings form stays fully usable.
+        if (!cancelled) setParentOptions([])
+      })
+    return () => {
+      cancelled = true
+    }
+  }, [open, parentOptions, page.id])
+
   function handleTitle(next: string) {
     setTitle(next)
     if (!slugTouched) {
@@ -65,7 +102,14 @@ export function PageSettingsModal({
 
   function handleSave() {
     if (slugError) return
-    onSave({ title, slug, path: path || (slug ? `/${slug}` : '/'), seoTitle, seoDescription })
+    onSave({
+      title,
+      slug,
+      path: path || (slug ? `/${slug}` : '/'),
+      parentPageId: parentPageId || null,
+      seoTitle,
+      seoDescription,
+    })
     onClose()
   }
 
@@ -135,6 +179,35 @@ export function PageSettingsModal({
             />
           </div>
         </div>
+        <div>
+          <label className={LABEL} htmlFor="ps-parent">
+            Parent page
+          </label>
+          <select
+            id="ps-parent"
+            className={INPUT}
+            value={parentPageId}
+            disabled={!canEdit || parentOptions === null}
+            onChange={(e) => setParentPageId(e.target.value)}
+          >
+            <option value="">None — top level</option>
+            {/* Keep a preselected parent (e.g. from "Add sub-page") valid
+                while the options load or if it's missing from the list. */}
+            {parentPageId && !(parentOptions ?? []).some((p) => p.id === parentPageId) && (
+              <option value={parentPageId}>
+                {parentOptions === null ? 'Loading…' : 'Current parent'}
+              </option>
+            )}
+            {(parentOptions ?? []).map((p) => (
+              <option key={p.id} value={p.id}>
+                {p.title}
+              </option>
+            ))}
+          </select>
+          <p className="text-muted-foreground mt-1 text-xs">
+            Nests this page under a parent in the Pages tree view.
+          </p>
+        </div>
         <div>
           <div className="mb-1 flex items-center justify-between">
             <label className={`${LABEL} mb-0`} htmlFor="ps-seo-title">

package/src/views/seo/TechnicalTab.tsx

@@ -40,6 +40,21 @@ const CRAWL_TOGGLES: { key: keyof CrawlSettings; label: string; help: string }[]
     label: 'Include posts in sitemap',
     help: 'Add published posts to the sitemap.',
   },
+  {
+    key: 'sitemapEnabled',
+    label: 'Enable XML sitemap',
+    help: 'Serve the sitemap at /sitemap.xml.',
+  },
+  {
+    key: 'autoRegenerateSitemapOnPublish',
+    label: 'Auto-regenerate sitemap',
+    help: 'Rebuild the sitemap automatically when content is published.',
+  },
+  {
+    key: 'pingSearchEnginesOnPublish',
+    label: 'Ping search engines on publish',
+    help: 'Notify Google and Bing when the sitemap changes (production only).',
+  },
 ]
 
 function Toggle({

package/dist/views/ScriptTagEditor.d.ts

@@ -1,6 +0,0 @@
-export interface ScriptTagEditorProps {
-    tagId?: string;
-    onNavigate?: (path: string) => void;
-}
-export declare function ScriptTagEditor({ tagId, onNavigate }: ScriptTagEditorProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ScriptTagEditor.d.ts.map

package/dist/views/ScriptTagEditor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScriptTagEditor.d.ts","sourceRoot":"","sources":["../../src/views/ScriptTagEditor.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACpC;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,oBAAoB,2CAkV1E"}

package/dist/views/ScriptTagEditor.js

@@ -1,111 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
-import { ArrowLeft, Loader2, AlertTriangle, Trash2, X, Plus } from 'lucide-react';
-import { toast } from 'sonner';
-import { EnabledSwitch } from '../components/EnabledSwitch.js';
-import { useApiData } from '../lib/useApiData.js';
-import { cmsApi } from '../lib/api.js';
-export function ScriptTagEditor({ tagId, onNavigate }) {
-    const isNew = !tagId;
-    const { data, loading, error } = useApiData(tagId ? `/script-tags` : null);
-    const [name, setName] = useState('');
-    const [code, setCode] = useState('');
-    const [placement, setPlacement] = useState('head');
-    const [scope, setScope] = useState('site');
-    const [targetPaths, setTargetPaths] = useState([]);
-    const [pathInput, setPathInput] = useState('');
-    const [priority, setPriority] = useState(100);
-    const [enabled, setEnabled] = useState(true);
-    const [saving, setSaving] = useState(false);
-    const [deleting, setDeleting] = useState(false);
-    const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);
-    useEffect(() => {
-        if (data && tagId) {
-            const tags = Array.isArray(data) ? data : [];
-            const tag = tags.find((t) => t.id === tagId);
-            if (tag) {
-                setName(tag.name ?? '');
-                setCode(tag.code ?? '');
-                setPlacement(tag.placement ?? 'head');
-                setScope(tag.scope ?? 'site');
-                setTargetPaths(tag.targetPaths ?? []);
-                setPriority(tag.priority ?? 100);
-                setEnabled(tag.enabled ?? true);
-            }
-        }
-    }, [data, tagId]);
-    const addPath = () => {
-        const trimmed = pathInput.trim();
-        if (!trimmed)
-            return;
-        const normalized = trimmed.startsWith('/') ? trimmed : `/${trimmed}`;
-        if (!targetPaths.includes(normalized)) {
-            setTargetPaths([...targetPaths, normalized]);
-        }
-        setPathInput('');
-    };
-    const removePath = (path) => {
-        setTargetPaths(targetPaths.filter((p) => p !== path));
-    };
-    const handleSave = async () => {
-        if (!name.trim()) {
-            toast.error('Name is required');
-            return;
-        }
-        if (!code.trim()) {
-            toast.error('Code snippet is required');
-            return;
-        }
-        if (scope !== 'site' && targetPaths.length === 0) {
-            toast.error('At least one target path is required for this scope');
-            return;
-        }
-        setSaving(true);
-        const payload = {
-            name: name.trim(),
-            code,
-            placement,
-            scope,
-            targetPaths: scope === 'site' ? [] : targetPaths,
-            priority,
-            enabled,
-        };
-        const res = isNew
-            ? await cmsApi('/script-tags', { method: 'POST', body: JSON.stringify(payload) })
-            : await cmsApi(`/script-tags/${tagId}`, { method: 'PUT', body: JSON.stringify(payload) });
-        setSaving(false);
-        if (res.error) {
-            toast.error(res.error);
-        }
-        else {
-            toast.success(isNew ? 'Tag created' : 'Tag updated');
-            onNavigate?.('/script-tags');
-        }
-    };
-    const handleDelete = async () => {
-        if (!tagId)
-            return;
-        setDeleting(true);
-        const res = await cmsApi(`/script-tags/${tagId}`, { method: 'DELETE' });
-        setDeleting(false);
-        if (res.error) {
-            toast.error(res.error);
-        }
-        else {
-            toast.success('Tag deleted');
-            onNavigate?.('/script-tags');
-        }
-    };
-    if (loading && !isNew) {
-        return (_jsx("div", { className: "flex h-64 items-center justify-center p-3 pr-6 sm:p-4 sm:pr-8", children: _jsx(Loader2, { className: "text-primary h-6 w-6 animate-spin" }) }));
-    }
-    return (_jsxs("div", { className: "max-w-3xl p-3 pr-6 sm:p-4 sm:pr-8", children: [error && (_jsxs("div", { className: "border-destructive/30 bg-destructive/10 mb-4 flex items-center gap-3 rounded-lg border p-3", children: [_jsx(AlertTriangle, { className: "text-destructive h-5 w-5 shrink-0" }), _jsx("span", { className: "text-destructive flex-1 text-sm", children: error })] })), _jsxs("div", { className: "mb-6", children: [_jsxs("button", { type: "button", onClick: () => onNavigate?.('/script-tags'), className: "text-muted-foreground hover:text-foreground mb-3 flex items-center gap-1.5 text-sm transition-colors", children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), "Back to Script Tags"] }), _jsx("h1", { className: "text-foreground", children: isNew ? 'New Script Tag' : 'Edit Script Tag' })] }), _jsx("div", { className: "border-warning/30 bg-warning/10 mb-6 rounded-lg border p-3", children: _jsxs("div", { className: "flex items-start gap-2", children: [_jsx(AlertTriangle, { className: "text-warning mt-0.5 h-4 w-4 shrink-0" }), _jsx("p", { className: "text-warning text-sm", children: "This code will run on public pages matching the scope below. Only add trusted code from verified sources (e.g. Google Analytics, Meta Pixel)." })] }) }), _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "border-border bg-card space-y-4 rounded-lg border p-4", children: [_jsxs("div", { children: [_jsx("label", { className: "text-foreground mb-1 block text-sm font-medium", children: "Name" }), _jsx("input", { type: "text", value: name, onChange: (e) => setName(e.target.value), placeholder: "e.g. Google Tag Manager, Facebook Pixel", className: "border-input focus:ring-ring w-full rounded-lg border px-3 py-2 text-sm focus:ring-2 focus:outline-none" })] }), _jsxs("div", { children: [_jsx("label", { className: "text-foreground mb-1 block text-sm font-medium", children: "Code" }), _jsx("textarea", { value: code, onChange: (e) => setCode(e.target.value), placeholder: "Paste your HTML/JavaScript snippet here...", rows: 10, className: "border-input focus:ring-ring w-full rounded-lg border px-3 py-2 font-mono text-sm focus:ring-2 focus:outline-none", spellCheck: false }), _jsxs("p", { className: "text-muted-foreground mt-1 text-xs", children: ["Paste the full code snippet including ", '<script>', " tags."] })] })] }), _jsxs("div", { className: "border-border bg-card space-y-4 rounded-lg border p-4", children: [_jsx("h3", { className: "text-foreground text-sm font-medium", children: "Placement & Scope" }), _jsxs("div", { children: [_jsx("label", { className: "text-foreground mb-1 block text-sm font-medium", children: "Placement" }), _jsxs("select", { value: placement, onChange: (e) => setPlacement(e.target.value), className: "border-input focus:ring-ring w-full rounded-lg border px-3 py-2 text-sm focus:ring-2 focus:outline-none", children: [_jsxs("option", { value: "head", children: ["Head \u2014 inside ", '<head>'] }), _jsxs("option", { value: "body_open", children: ["Body Open \u2014 right after ", '<body>'] }), _jsxs("option", { value: "body_close", children: ["Body Close \u2014 before ", '</body>'] })] }), _jsxs("p", { className: "text-muted-foreground mt-1 text-xs", children: [placement === 'head' && 'Best for analytics scripts, meta tags, and custom CSS.', placement === 'body_open' && 'Best for GTM noscript tags and early-loading scripts.', placement === 'body_close' &&
-                                                'Best for chat widgets, deferred scripts, and tracking pixels.'] })] }), _jsxs("div", { children: [_jsx("label", { className: "text-foreground mb-1 block text-sm font-medium", children: "Scope" }), _jsxs("select", { value: scope, onChange: (e) => setScope(e.target.value), className: "border-input focus:ring-ring w-full rounded-lg border px-3 py-2 text-sm focus:ring-2 focus:outline-none", children: [_jsx("option", { value: "site", children: "Entire Website" }), _jsx("option", { value: "parents", children: "Specific Parent Pages (includes child pages)" }), _jsx("option", { value: "urls", children: "Specific URLs (exact match)" })] })] }), scope !== 'site' && (_jsxs("div", { children: [_jsx("label", { className: "text-foreground mb-1 block text-sm font-medium", children: scope === 'parents' ? 'Parent Paths' : 'URL Paths' }), _jsxs("div", { className: "flex gap-2", children: [_jsx("input", { type: "text", value: pathInput, onChange: (e) => setPathInput(e.target.value), onKeyDown: (e) => {
-                                                    if (e.key === 'Enter') {
-                                                        e.preventDefault();
-                                                        addPath();
-                                                    }
-                                                }, placeholder: "/services", className: "border-input focus:ring-ring flex-1 rounded-lg border px-3 py-2 font-mono text-sm focus:ring-2 focus:outline-none" }), _jsx("button", { type: "button", onClick: addPath, className: "border-input hover:bg-muted rounded-lg border px-3 py-2 text-sm transition-colors", children: _jsx(Plus, { className: "h-4 w-4" }) })] }), scope === 'parents' && (_jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: "This tag will also apply to all child pages under each path." })), targetPaths.length > 0 && (_jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: targetPaths.map((p) => (_jsxs("span", { className: "bg-muted text-foreground inline-flex items-center gap-1 rounded-full px-3 py-1 font-mono text-xs", children: [p, _jsx("button", { type: "button", onClick: () => removePath(p), className: "text-muted-foreground hover:text-muted-foreground ml-0.5", children: _jsx(X, { className: "h-3 w-3" }) })] }, p))) }))] })), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { children: [_jsx("label", { className: "text-foreground mb-1 block text-sm font-medium", children: "Priority" }), _jsx("input", { type: "number", value: priority, onChange: (e) => setPriority(parseInt(e.target.value, 10) || 0), min: 0, className: "border-input focus:ring-ring w-full rounded-lg border px-3 py-2 text-sm focus:ring-2 focus:outline-none" }), _jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: "Lower numbers load first (e.g. 1 = first, 100 = default)" })] }), _jsxs("div", { children: [_jsx("label", { className: "text-foreground mb-1 block text-sm font-medium", children: "Enabled" }), _jsx("div", { className: "pt-2", children: _jsx(EnabledSwitch, { checked: enabled, onCheckedChange: setEnabled, "aria-label": enabled ? 'Disable script tag' : 'Enable script tag' }) })] })] })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { children: !isNew && (_jsx(_Fragment, { children: showDeleteConfirm ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-destructive text-sm", children: "Delete this tag?" }), _jsx("button", { type: "button", onClick: handleDelete, disabled: deleting, className: "bg-destructive text-destructive-foreground hover:bg-destructive/90 rounded-lg px-3 py-1.5 text-sm disabled:opacity-50", children: deleting ? 'Deleting...' : 'Confirm' }), _jsx("button", { type: "button", onClick: () => setShowDeleteConfirm(false), className: "border-input hover:bg-muted rounded-lg border px-3 py-1.5 text-sm", children: "Cancel" })] })) : (_jsxs("button", { type: "button", onClick: () => setShowDeleteConfirm(true), className: "text-destructive hover:text-destructive flex items-center gap-1.5 text-sm transition-colors", children: [_jsx(Trash2, { className: "h-4 w-4" }), "Delete"] })) })) }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("button", { type: "button", onClick: () => onNavigate?.('/script-tags'), className: "border-input text-foreground hover:bg-muted rounded-lg border px-4 py-2 text-sm transition-colors", children: "Cancel" }), _jsx("button", { type: "button", onClick: handleSave, disabled: saving, className: "bg-primary text-primary-foreground hover:bg-primary/90 rounded-lg px-6 py-2 text-sm transition-colors disabled:opacity-50", children: saving ? 'Saving...' : isNew ? 'Create Tag' : 'Save Changes' })] })] })] })] }));
-}
-//# sourceMappingURL=ScriptTagEditor.js.map

package/dist/views/ScriptTagEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScriptTagEditor.js","sourceRoot":"","sources":["../../src/views/ScriptTagEditor.tsx"],"names":[],"mappings":"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"}

package/src/views/ScriptTagEditor.tsx

@@ -1,353 +0,0 @@
-'use client'
-
-import { useState, useEffect } from 'react'
-import { ArrowLeft, Loader2, AlertTriangle, Trash2, X, Plus } from 'lucide-react'
-import { toast } from 'sonner'
-import { EnabledSwitch } from '../components/EnabledSwitch.js'
-import { useApiData } from '../lib/useApiData.js'
-import { cmsApi } from '../lib/api.js'
-
-export interface ScriptTagEditorProps {
-  tagId?: string
-  onNavigate?: (path: string) => void
-}
-
-export function ScriptTagEditor({ tagId, onNavigate }: ScriptTagEditorProps) {
-  const isNew = !tagId
-  const { data, loading, error } = useApiData<any>(tagId ? `/script-tags` : null)
-
-  const [name, setName] = useState('')
-  const [code, setCode] = useState('')
-  const [placement, setPlacement] = useState('head')
-  const [scope, setScope] = useState('site')
-  const [targetPaths, setTargetPaths] = useState<string[]>([])
-  const [pathInput, setPathInput] = useState('')
-  const [priority, setPriority] = useState(100)
-  const [enabled, setEnabled] = useState(true)
-  const [saving, setSaving] = useState(false)
-  const [deleting, setDeleting] = useState(false)
-  const [showDeleteConfirm, setShowDeleteConfirm] = useState(false)
-
-  useEffect(() => {
-    if (data && tagId) {
-      const tags = Array.isArray(data) ? data : []
-      const tag = tags.find((t: any) => t.id === tagId)
-      if (tag) {
-        setName(tag.name ?? '')
-        setCode(tag.code ?? '')
-        setPlacement(tag.placement ?? 'head')
-        setScope(tag.scope ?? 'site')
-        setTargetPaths(tag.targetPaths ?? [])
-        setPriority(tag.priority ?? 100)
-        setEnabled(tag.enabled ?? true)
-      }
-    }
-  }, [data, tagId])
-
-  const addPath = () => {
-    const trimmed = pathInput.trim()
-    if (!trimmed) return
-    const normalized = trimmed.startsWith('/') ? trimmed : `/${trimmed}`
-    if (!targetPaths.includes(normalized)) {
-      setTargetPaths([...targetPaths, normalized])
-    }
-    setPathInput('')
-  }
-
-  const removePath = (path: string) => {
-    setTargetPaths(targetPaths.filter((p) => p !== path))
-  }
-
-  const handleSave = async () => {
-    if (!name.trim()) {
-      toast.error('Name is required')
-      return
-    }
-    if (!code.trim()) {
-      toast.error('Code snippet is required')
-      return
-    }
-    if (scope !== 'site' && targetPaths.length === 0) {
-      toast.error('At least one target path is required for this scope')
-      return
-    }
-
-    setSaving(true)
-    const payload = {
-      name: name.trim(),
-      code,
-      placement,
-      scope,
-      targetPaths: scope === 'site' ? [] : targetPaths,
-      priority,
-      enabled,
-    }
-
-    const res = isNew
-      ? await cmsApi('/script-tags', { method: 'POST', body: JSON.stringify(payload) })
-      : await cmsApi(`/script-tags/${tagId}`, { method: 'PUT', body: JSON.stringify(payload) })
-
-    setSaving(false)
-    if (res.error) {
-      toast.error(res.error)
-    } else {
-      toast.success(isNew ? 'Tag created' : 'Tag updated')
-      onNavigate?.('/script-tags')
-    }
-  }
-
-  const handleDelete = async () => {
-    if (!tagId) return
-    setDeleting(true)
-    const res = await cmsApi(`/script-tags/${tagId}`, { method: 'DELETE' })
-    setDeleting(false)
-    if (res.error) {
-      toast.error(res.error)
-    } else {
-      toast.success('Tag deleted')
-      onNavigate?.('/script-tags')
-    }
-  }
-
-  if (loading && !isNew) {
-    return (
-      <div className="flex h-64 items-center justify-center p-3 pr-6 sm:p-4 sm:pr-8">
-        <Loader2 className="text-primary h-6 w-6 animate-spin" />
-      </div>
-    )
-  }
-
-  return (
-    <div className="max-w-3xl p-3 pr-6 sm:p-4 sm:pr-8">
-      {error && (
-        <div className="border-destructive/30 bg-destructive/10 mb-4 flex items-center gap-3 rounded-lg border p-3">
-          <AlertTriangle className="text-destructive h-5 w-5 shrink-0" />
-          <span className="text-destructive flex-1 text-sm">{error}</span>
-        </div>
-      )}
-
-      <div className="mb-6">
-        <button
-          type="button"
-          onClick={() => onNavigate?.('/script-tags')}
-          className="text-muted-foreground hover:text-foreground mb-3 flex items-center gap-1.5 text-sm transition-colors"
-        >
-          <ArrowLeft className="h-4 w-4" />
-          Back to Script Tags
-        </button>
-        <h1 className="text-foreground">{isNew ? 'New Script Tag' : 'Edit Script Tag'}</h1>
-      </div>
-
-      <div className="border-warning/30 bg-warning/10 mb-6 rounded-lg border p-3">
-        <div className="flex items-start gap-2">
-          <AlertTriangle className="text-warning mt-0.5 h-4 w-4 shrink-0" />
-          <p className="text-warning text-sm">
-            This code will run on public pages matching the scope below. Only add trusted code from
-            verified sources (e.g. Google Analytics, Meta Pixel).
-          </p>
-        </div>
-      </div>
-
-      <div className="space-y-6">
-        <div className="border-border bg-card space-y-4 rounded-lg border p-4">
-          <div>
-            <label className="text-foreground mb-1 block text-sm font-medium">Name</label>
-            <input
-              type="text"
-              value={name}
-              onChange={(e) => setName(e.target.value)}
-              placeholder="e.g. Google Tag Manager, Facebook Pixel"
-              className="border-input focus:ring-ring w-full rounded-lg border px-3 py-2 text-sm focus:ring-2 focus:outline-none"
-            />
-          </div>
-
-          <div>
-            <label className="text-foreground mb-1 block text-sm font-medium">Code</label>
-            <textarea
-              value={code}
-              onChange={(e) => setCode(e.target.value)}
-              placeholder="Paste your HTML/JavaScript snippet here..."
-              rows={10}
-              className="border-input focus:ring-ring w-full rounded-lg border px-3 py-2 font-mono text-sm focus:ring-2 focus:outline-none"
-              spellCheck={false}
-            />
-            <p className="text-muted-foreground mt-1 text-xs">
-              Paste the full code snippet including {'<script>'} tags.
-            </p>
-          </div>
-        </div>
-
-        <div className="border-border bg-card space-y-4 rounded-lg border p-4">
-          <h3 className="text-foreground text-sm font-medium">Placement & Scope</h3>
-
-          <div>
-            <label className="text-foreground mb-1 block text-sm font-medium">Placement</label>
-            <select
-              value={placement}
-              onChange={(e) => setPlacement(e.target.value)}
-              className="border-input focus:ring-ring w-full rounded-lg border px-3 py-2 text-sm focus:ring-2 focus:outline-none"
-            >
-              <option value="head">Head — inside {'<head>'}</option>
-              <option value="body_open">Body Open — right after {'<body>'}</option>
-              <option value="body_close">Body Close — before {'</body>'}</option>
-            </select>
-            <p className="text-muted-foreground mt-1 text-xs">
-              {placement === 'head' && 'Best for analytics scripts, meta tags, and custom CSS.'}
-              {placement === 'body_open' && 'Best for GTM noscript tags and early-loading scripts.'}
-              {placement === 'body_close' &&
-                'Best for chat widgets, deferred scripts, and tracking pixels.'}
-            </p>
-          </div>
-
-          <div>
-            <label className="text-foreground mb-1 block text-sm font-medium">Scope</label>
-            <select
-              value={scope}
-              onChange={(e) => setScope(e.target.value)}
-              className="border-input focus:ring-ring w-full rounded-lg border px-3 py-2 text-sm focus:ring-2 focus:outline-none"
-            >
-              <option value="site">Entire Website</option>
-              <option value="parents">Specific Parent Pages (includes child pages)</option>
-              <option value="urls">Specific URLs (exact match)</option>
-            </select>
-          </div>
-
-          {scope !== 'site' && (
-            <div>
-              <label className="text-foreground mb-1 block text-sm font-medium">
-                {scope === 'parents' ? 'Parent Paths' : 'URL Paths'}
-              </label>
-              <div className="flex gap-2">
-                <input
-                  type="text"
-                  value={pathInput}
-                  onChange={(e) => setPathInput(e.target.value)}
-                  onKeyDown={(e) => {
-                    if (e.key === 'Enter') {
-                      e.preventDefault()
-                      addPath()
-                    }
-                  }}
-                  placeholder="/services"
-                  className="border-input focus:ring-ring flex-1 rounded-lg border px-3 py-2 font-mono text-sm focus:ring-2 focus:outline-none"
-                />
-                <button
-                  type="button"
-                  onClick={addPath}
-                  className="border-input hover:bg-muted rounded-lg border px-3 py-2 text-sm transition-colors"
-                >
-                  <Plus className="h-4 w-4" />
-                </button>
-              </div>
-              {scope === 'parents' && (
-                <p className="text-muted-foreground mt-1 text-xs">
-                  This tag will also apply to all child pages under each path.
-                </p>
-              )}
-              {targetPaths.length > 0 && (
-                <div className="mt-2 flex flex-wrap gap-2">
-                  {targetPaths.map((p) => (
-                    <span
-                      key={p}
-                      className="bg-muted text-foreground inline-flex items-center gap-1 rounded-full px-3 py-1 font-mono text-xs"
-                    >
-                      {p}
-                      <button
-                        type="button"
-                        onClick={() => removePath(p)}
-                        className="text-muted-foreground hover:text-muted-foreground ml-0.5"
-                      >
-                        <X className="h-3 w-3" />
-                      </button>
-                    </span>
-                  ))}
-                </div>
-              )}
-            </div>
-          )}
-
-          <div className="grid grid-cols-2 gap-4">
-            <div>
-              <label className="text-foreground mb-1 block text-sm font-medium">Priority</label>
-              <input
-                type="number"
-                value={priority}
-                onChange={(e) => setPriority(parseInt(e.target.value, 10) || 0)}
-                min={0}
-                className="border-input focus:ring-ring w-full rounded-lg border px-3 py-2 text-sm focus:ring-2 focus:outline-none"
-              />
-              <p className="text-muted-foreground mt-1 text-xs">
-                Lower numbers load first (e.g. 1 = first, 100 = default)
-              </p>
-            </div>
-            <div>
-              <label className="text-foreground mb-1 block text-sm font-medium">Enabled</label>
-              <div className="pt-2">
-                <EnabledSwitch
-                  checked={enabled}
-                  onCheckedChange={setEnabled}
-                  aria-label={enabled ? 'Disable script tag' : 'Enable script tag'}
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <div className="flex items-center justify-between">
-          <div>
-            {!isNew && (
-              <>
-                {showDeleteConfirm ? (
-                  <div className="flex items-center gap-2">
-                    <span className="text-destructive text-sm">Delete this tag?</span>
-                    <button
-                      type="button"
-                      onClick={handleDelete}
-                      disabled={deleting}
-                      className="bg-destructive text-destructive-foreground hover:bg-destructive/90 rounded-lg px-3 py-1.5 text-sm disabled:opacity-50"
-                    >
-                      {deleting ? 'Deleting...' : 'Confirm'}
-                    </button>
-                    <button
-                      type="button"
-                      onClick={() => setShowDeleteConfirm(false)}
-                      className="border-input hover:bg-muted rounded-lg border px-3 py-1.5 text-sm"
-                    >
-                      Cancel
-                    </button>
-                  </div>
-                ) : (
-                  <button
-                    type="button"
-                    onClick={() => setShowDeleteConfirm(true)}
-                    className="text-destructive hover:text-destructive flex items-center gap-1.5 text-sm transition-colors"
-                  >
-                    <Trash2 className="h-4 w-4" />
-                    Delete
-                  </button>
-                )}
-              </>
-            )}
-          </div>
-          <div className="flex items-center gap-3">
-            <button
-              type="button"
-              onClick={() => onNavigate?.('/script-tags')}
-              className="border-input text-foreground hover:bg-muted rounded-lg border px-4 py-2 text-sm transition-colors"
-            >
-              Cancel
-            </button>
-            <button
-              type="button"
-              onClick={handleSave}
-              disabled={saving}
-              className="bg-primary text-primary-foreground hover:bg-primary/90 rounded-lg px-6 py-2 text-sm transition-colors disabled:opacity-50"
-            >
-              {saving ? 'Saving...' : isNew ? 'Create Tag' : 'Save Changes'}
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}