@actuate-media/cms-admin 0.76.6 → 0.77.0

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

@@ -134,6 +134,9 @@ export function EditorTopBar({
   const previewLabel = structural
     ? 'Preview structure (custom sections show placeholders)'
     : 'Preview page'
+  // For a published document the external-link button opens the LIVE page (no
+  // preview token); otherwise it opens a token-gated preview of the draft.
+  const isLive = status === 'PUBLISHED'
 
   const publishBlocked = !canPublish || !publishReady || publishing || saveState === 'saving'
   const publishTitle = publishing
@@ -310,18 +313,22 @@ export function EditorTopBar({
             <button
               type="button"
               onClick={onViewOnSite}
-              title="Open the draft on your public site — the real design preview"
+              title={
+                isLive
+                  ? 'Open the live published page in a new tab'
+                  : 'Open the draft on your public site — the real design preview'
+              }
               className="border-border text-foreground hover:bg-accent inline-flex items-center gap-1.5 rounded-lg border px-3 py-1.5 text-sm font-medium transition-colors"
             >
               <ExternalLink className="h-3.5 w-3.5" aria-hidden />
-              View on site
+              {isLive ? 'View live' : 'View on site'}
             </button>
           ) : (
             <button
               type="button"
               onClick={onViewOnSite}
-              aria-label="View draft on site"
-              title="View draft on site"
+              aria-label={isLive ? 'View live page' : 'View draft on site'}
+              title={isLive ? 'View live page' : 'View draft on site'}
               className="text-muted-foreground hover:text-foreground hover:bg-accent rounded-lg p-2"
             >
               <ExternalLink className="h-4 w-4" aria-hidden />

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

@@ -32,6 +32,7 @@ import {
 } from '../../lib/page-editor-service.js'
 import {
   buildPublicPreviewUrl,
+  buildPublicUrl,
   createPreviewToken,
   resolveSiteUrl,
 } from '../../lib/preview-link.js'
@@ -446,6 +447,23 @@ export function PageSectionEditor({
       toast.error('Save the page before viewing it on the site')
       return
     }
+    // Published → jump straight to the LIVE page: no preview token, no forced
+    // save. This is the fast "see it live" path. Pending edits stay previewable
+    // via the eye (canvas) and globe (inline site preview).
+    if (page.status === 'PUBLISHED') {
+      window.open(
+        buildPublicUrl({
+          siteUrl: resolveSiteUrl(config?.seo?.siteUrl),
+          urlPrefix: '',
+          slug: page.slug,
+        }),
+        '_blank',
+        'noopener',
+      )
+      return
+    }
+    // Not yet public (draft / scheduled / archived) → token-gated preview of
+    // the current draft through the real front-end.
     const tab = window.open('about:blank', '_blank')
     if (!tab) {
       toast.error('Enable pop-ups for this site to open the preview in a new tab.')

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

@@ -34,6 +34,7 @@ import {
 import { defaultPostHeader } from '@actuate-media/cms-core/page-sections'
 import {
   buildPublicPreviewUrl,
+  buildPublicUrl,
   createPreviewToken,
   resolveSiteUrl,
 } from '../../lib/preview-link.js'
@@ -494,6 +495,20 @@ export function PostSectionEditor({
       toast.error('Save the post before viewing it on the site')
       return
     }
+    // Published → open the LIVE post directly (no preview token, no forced
+    // save). Pending edits stay previewable via the eye + globe.
+    if (post.status === 'PUBLISHED') {
+      window.open(
+        buildPublicUrl({
+          siteUrl: resolveSiteUrl(config?.seo?.siteUrl),
+          urlPrefix: config?.collections?.[postType]?.urlPrefix ?? postType,
+          slug: post.slug,
+        }),
+        '_blank',
+        'noopener',
+      )
+      return
+    }
     const tab = window.open('about:blank', '_blank')
     if (!tab) {
       toast.error('Enable pop-ups for this site to open the preview in a new tab.')