@actuate-media/cms-admin 0.71.1 → 0.72.1

package/src/views/post-editor/PostFieldsModal.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { useEffect, useState } from 'react'
+import { useEffect, useRef, useState } from 'react'
 import { normalizeSlug, validateSlug } from '@actuate-media/cms-core/client'
 import { Modal } from '../../components/ui/Modal.js'
 import { Button } from '../../components/ui/Button.js'
@@ -62,6 +62,8 @@ export function PostFieldsModal({
   const [seoDescription, setSeoDescription] = useState(post.seoDescription)
   const [slugTouched, setSlugTouched] = useState(Boolean(post.slug))
   const [mediaOpen, setMediaOpen] = useState(false)
+  // Land the user in the Title field (name-it-first flow for new posts).
+  const titleRef = useRef<HTMLInputElement | null>(null)
 
   const categoryField = fields?.category
   const categoryOptions =
@@ -103,6 +105,7 @@ export function PostFieldsModal({
       open={open}
       onClose={onClose}
       title="Post details"
+      initialFocusRef={titleRef}
       actions={
         <>
           <Button variant="ghost" onClick={onClose}>
@@ -121,9 +124,11 @@ export function PostFieldsModal({
           </label>
           <input
             id="pf-title"
+            ref={titleRef}
             className={INPUT}
             value={title}
             disabled={!canEdit}
+            placeholder="e.g. Announcing our new product"
             onChange={(e) => handleTitle(e.target.value)}
           />
         </div>

package/src/views/post-editor/PostSectionEditor.tsx

@@ -191,7 +191,12 @@ export function PostSectionEditor({
         if (cancelled) return
         setPost(p)
         setSelectedId(null)
-        if (!documentId) setDirty(true)
+        if (!documentId) {
+          setDirty(true)
+          // Name-it-first flow (matches the Page editor): a new post opens
+          // straight into the fields modal so title/slug are set up front.
+          setFieldsOpen(true)
+        }
       })
       .catch((err) => {
         if (!cancelled) setLoadError(err instanceof Error ? err.message : 'Failed to load post')