@prenta/admin 0.94.0 → 0.95.1

package/src/views/page-editor/sections/ArticleBodySection.tsx

@@ -42,7 +42,7 @@ export function ArticleBodySection({
         <p className="text-muted-foreground text-base leading-relaxed italic">
           {source === 'field'
             ? "This will show the post's Body content."
-            : 'Add body copy in the inspector.'}
+            : 'Add body copy in the section list.'}
         </p>
       )}
     </div>

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

@@ -129,7 +129,7 @@ function EmptyBody({ onAddSection }: { onAddSection?: () => void }) {
       </span>
       <p className="text-muted-foreground text-sm">
         {onAddSection
-          ? 'The header is set by the template. Add body sections to build out this post. Hover sections for a light outline, click to select, and edit in the inspector — or use Site preview to click text and images in place.'
+          ? 'The header is set by the template. Add body sections to build out this post. Hover sections for a light outline, click to open its editor in the section list — or use Site preview to click text and images in place.'
           : 'This post’s template renders no body sections. Layout is design-owned — sections come from the template in code. Pick a different template in Post settings, or edit the template itself.'}
       </p>
       {onAddSection && (

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

@@ -20,7 +20,6 @@ import {
   updateSectionContent,
   updateSectionContentAtPath,
   updateSectionMeta,
-  updateSectionSettings,
   validatePost,
   type EditorPost,
   type PostHeaderConfig,
@@ -34,7 +33,6 @@ import {
   createPreviewToken,
 } from '../../lib/preview-link.js'
 import { usePublicSiteUrl } from '../../hooks/usePublicSiteUrl.js'
-import type { SectionSettings } from '../page-editor/section-types.js'
 import {
   hasCanvasRenderer,
   useAdminSectionRenderers,
@@ -45,7 +43,7 @@ import { EditorTopBar, type SaveState } from '../page-editor/EditorTopBar.js'
 import { SitePreviewFrame } from '../page-editor/SitePreviewFrame.js'
 import { useSitePreview } from '../page-editor/useSitePreview.js'
 import { SectionsPanel } from '../page-editor/SectionsPanel.js'
-import { SectionInspector } from '../page-editor/SectionInspector.js'
+import { SectionEditForm } from '../page-editor/SectionEditForm.js'
 import { ValidationSummary } from '../page-editor/ValidationSummary.js'
 import { resolveDefaultSitePreview } from '../../lib/editor-preview.js'
 import { computeLiveSeoScore } from '../../lib/editor-seo-content.js'
@@ -271,13 +269,9 @@ export function PostSectionEditor({
     },
     [selectedId, mutateSections],
   )
-  const handleSettingsChange = useCallback(
-    (patch: Partial<SectionSettings>) => {
-      if (!selectedId) return
-      mutateSections((s) => updateSectionSettings(s, selectedId, patch))
-    },
-    [selectedId, mutateSections],
-  )
+  // No `handleSettingsChange`: background, spacing, anchor and CSS class are
+  // template-authored (docs/design-owned-sections.md). Values round-trip on
+  // save untouched; the post TEMPLATE editor still edits them.
   const handleMetaChange = useCallback(
     (patch: { name?: string; internalLabel?: string }) => {
       if (!selectedId) return
@@ -442,8 +436,11 @@ export function PostSectionEditor({
 
   const handleSelectSection = useCallback((id: string | null, fieldPath?: string) => {
     setSeoOpen(false)
-    setSelectedId(id)
     setPendingFocusPath(fieldPath ?? null)
+    // Toggles, because selection is now disclosure — see the note on the page
+    // editor's copy. A `fieldPath` means the site preview is pointing at a
+    // specific field, which must open rather than toggle.
+    setSelectedId((current) => (fieldPath ? id : current === id ? null : id))
   }, [])
 
   const handleCanvasEdit = useCallback(
@@ -590,8 +587,6 @@ export function PostSectionEditor({
     )
   }
 
-  const selected = post.sections.find((s) => s.id === selectedId) ?? null
-
   // Sections whose type has no registered definition (seed/code-owned, e.g.
   // `opal-*`). They are preserved verbatim on save but can't be edited here.
   const unmanagedTypes = Array.from(
@@ -677,6 +672,20 @@ export function PostSectionEditor({
             canEdit={canEdit}
             onSelect={handleSelectSection}
             onToggleVisibility={handleToggleVisibility}
+            // Same inline editor as the page editor. The post editor still has
+            // its own standalone panel rather than the rail (followup 20), but
+            // where the FORM lives is a separate question from what contains
+            // the list, and the answer is the same on both screens.
+            renderEditor={(section) => (
+              <SectionEditForm
+                section={section}
+                canEdit={canEdit}
+                onContentChange={handleContentChange}
+                onMetaChange={handleMetaChange}
+                postBody={post.body}
+                onPostBodyChange={handlePostBodyChange}
+              />
+            )}
           />
 
           <div className="flex-1 overflow-hidden">
@@ -707,20 +716,6 @@ export function PostSectionEditor({
             )}
           </div>
 
-          {selected && !seoOpen && (
-            <SectionInspector
-              section={selected}
-              canEdit={canEdit}
-              onClose={() => setSelectedId(null)}
-              onContentChange={handleContentChange}
-              onSettingsChange={handleSettingsChange}
-              onMetaChange={handleMetaChange}
-              onToggleVisibility={() => handleToggleVisibility(selected.id)}
-              postBody={post.body}
-              onPostBodyChange={handlePostBodyChange}
-            />
-          )}
-
           {seoOpen && (
             <EditorSeoAside
               entityType="post"