@nuasite/cms 0.19.1 → 0.20.2

package/src/editor/components/toolbar.tsx

@@ -13,7 +13,6 @@ export interface ToolbarCallbacks {
 	onDiscard: () => void
 	onSelectElement?: () => void
 	onMediaLibrary?: () => void
-	onDismissDeployment?: () => void
 	onNavigateChange?: () => void
 	onEditContent?: () => void
 	onToggleHighlights?: () => void
@@ -39,80 +38,11 @@ const GridIcon = () => (
 	</svg>
 )
 
-const DeploymentStatusIndicator = ({ onDismiss }: { onDismiss?: () => void }) => {
-	const deploymentStatus = signals.deploymentStatus.value
-	const lastDeployedAt = signals.lastDeployedAt.value
-
-	if (!deploymentStatus) {
-		return null
-	}
-
-	const isActive = deploymentStatus === 'pending' || deploymentStatus === 'queued' || deploymentStatus === 'running'
-	const isCompleted = deploymentStatus === 'completed'
-	const isFailed = deploymentStatus === 'failed'
-
-	if (!isActive && !isCompleted && !isFailed) {
-		return null
-	}
-
-	const formatTimeAgo = (dateStr: string) => {
-		const date = new Date(dateStr)
-		const now = new Date()
-		const diffMs = now.getTime() - date.getTime()
-		const diffSec = Math.floor(diffMs / 1000)
-		const diffMin = Math.floor(diffSec / 60)
-
-		if (diffMin < 1) return 'just now'
-		if (diffMin === 1) return '1m ago'
-		if (diffMin < 60) return `${diffMin}m ago`
-		const diffHour = Math.floor(diffMin / 60)
-		if (diffHour === 1) return '1h ago'
-		return `${diffHour}h ago`
-	}
-
-	return (
-		<div
-			class={cn(
-				'flex items-center gap-1.5 sm:gap-2 px-3 py-2 sm:px-5 sm:py-2.5 text-sm font-medium rounded-cms-pill transition-all',
-				isActive && 'text-white/80',
-				isCompleted && 'bg-cms-primary text-cms-primary-text',
-				isFailed && 'bg-cms-error/20 text-cms-error cursor-pointer hover:bg-cms-error/30',
-			)}
-			onClick={isFailed ? onDismiss : undefined}
-			title={isFailed ? 'Click to dismiss' : undefined}
-		>
-			{isActive && (
-				<>
-					<span class="inline-block w-3.5 h-3.5 border-2 border-white/80 border-t-transparent rounded-full animate-spin" />
-					<span class="hidden sm:inline">Deploying</span>
-				</>
-			)}
-			{isCompleted && (
-				<>
-					<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7" />
-					</svg>
-					<span class="hidden sm:inline">Live{lastDeployedAt ? ` ${formatTimeAgo(lastDeployedAt)}` : ''}</span>
-				</>
-			)}
-			{isFailed && (
-				<>
-					<svg class="w-4 h-4 sm:hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
-					</svg>
-					<span class="hidden sm:inline">Failed</span>
-				</>
-			)}
-		</div>
-	)
-}
-
 export const Toolbar = ({ callbacks, collectionDefinitions }: ToolbarProps) => {
 	const isEditing = signals.isEditing.value
 	const showingOriginal = signals.showingOriginal.value
 	const dirtyCount = signals.totalDirtyCount.value
 	const isSaving = signals.isSaving.value
-	const deploymentStatus = signals.deploymentStatus.value
 	const showEditableHighlights = signals.showEditableHighlights.value
 	const isPreviewingMarkdown = signals.isMarkdownPreview.value
 	const currentPageCollection = signals.currentPageCollection.value
@@ -123,8 +53,6 @@ export const Toolbar = ({ callbacks, collectionDefinitions }: ToolbarProps) => {
 
 	if (isPreviewingMarkdown) return null
 
-	const showDeploymentStatus = deploymentStatus !== null
-
 	const stopPropagation = (e: Event) => e.stopPropagation()
 
 	const handleDiscard = async () => {
@@ -298,9 +226,6 @@ export const Toolbar = ({ callbacks, collectionDefinitions }: ToolbarProps) => {
 
 				{/* Primary actions group */}
 				<div class="flex items-center gap-2 sm:gap-1.5">
-					{/* Deployment Status */}
-					{showDeploymentStatus && <DeploymentStatusIndicator onDismiss={callbacks.onDismissDeployment} />}
-
 					{/* Saving indicator */}
 					{isSaving && !showingOriginal && (
 						<div class="flex items-center gap-1.5 px-3 py-2 sm:px-5 sm:py-2.5 text-sm font-medium text-white/80">

package/src/editor/constants.ts

@@ -67,8 +67,6 @@ export const LAYOUT = {
 	BLOCK_EDITOR_WIDTH: 400,
 	/** Block editor approximate height for positioning */
 	BLOCK_EDITOR_HEIGHT: 500,
-	/** AI chat panel width */
-	AI_CHAT_WIDTH: 400,
 } as const
 
 /**
@@ -77,8 +75,6 @@ export const LAYOUT = {
 export const API = {
 	/** Default request timeout in milliseconds */
 	REQUEST_TIMEOUT_MS: 30000,
-	/** AI streaming request timeout in milliseconds */
-	AI_STREAM_TIMEOUT_MS: 120000,
 	/** Maximum retry attempts for failed requests */
 	MAX_RETRIES: 3,
 	/** Base delay for exponential backoff (ms) */

package/src/editor/editor.ts

@@ -1,4 +1,4 @@
-import { fetchManifest, getDeploymentStatus, getMarkdownContent, saveBatchChanges } from './api'
+import { fetchManifest, getMarkdownContent, saveBatchChanges } from './api'
 import { CSS, TIMING } from './constants'
 import {
 	cleanupHighlightSystem,
@@ -33,7 +33,7 @@ import {
 	saveImageEditsToStorage,
 } from './storage'
 import type { Attribute } from './types'
-import type { AttributeChangePayload, ChangePayload, CmsConfig, DeploymentStatusResponse, ManifestEntry, SavedAttributeEdit } from './types'
+import type { AttributeChangePayload, ChangePayload, CmsConfig, ManifestEntry, SavedAttributeEdit } from './types'
 
 // CSS attribute for markdown content elements
 const MARKDOWN_ATTRIBUTE = 'data-cms-markdown'
@@ -261,10 +261,6 @@ export async function startEditMode(
 					const targetId = innermostCms.getAttribute('data-cms-id')
 					innermostCms.focus()
 					signals.setCurrentEditingId(targetId)
-					// Update chat context if chat is open
-					if (signals.isChatOpen.value && targetId) {
-						signals.setChatContextElement(targetId)
-					}
 					logDebug(config.debug, 'Click - focusing innermost CMS element:', targetId)
 					onStateChange?.()
 				}
@@ -277,10 +273,6 @@ export async function startEditMode(
 			(e) => {
 				if (e.target === el) {
 					signals.setCurrentEditingId(cmsId)
-					// Update chat context if chat is open
-					if (signals.isChatOpen.value && cmsId) {
-						signals.setChatContextElement(cmsId)
-					}
 					logDebug(config.debug, 'Focus on', cmsId)
 					onStateChange?.()
 				}
@@ -884,9 +876,6 @@ export async function saveAllChanges(
 			return { success: false, updated: result.updated, errors: result.errors }
 		}
 
-		// Start polling for deployment status after successful save
-		startDeploymentPolling(config)
-
 		onStateChange?.()
 		return { success: true, updated: result.updated }
 	} catch (err) {
@@ -1383,185 +1372,6 @@ export function handleColorChange(
 	onStateChange?.()
 }
 
-// ============================================================================
-// Deployment Status Polling
-// ============================================================================
-
-const DEPLOYMENT_POLL_INTERVAL_MS = 3000
-const DEPLOYMENT_SUCCESS_HIDE_DELAY_MS = 5000
-const DEPLOYMENT_INITIAL_DELAY_MS = 2000
-const DEPLOYMENT_MAX_WAIT_ATTEMPTS = 10 // Keep polling for up to 30 seconds waiting for deployment to start
-
-let deploymentPollTimer: ReturnType<typeof setInterval> | null = null
-let deploymentHideTimer: ReturnType<typeof setTimeout> | null = null
-let deploymentWaitAttempts = 0
-let deploymentStartTimestamp: string | null = null
-let deploymentCallback: ((status: 'completed' | 'failed' | 'timeout') => void) | null = null
-
-export interface DeploymentPollingOptions {
-	/** Called when deployment completes, fails, or times out */
-	onComplete?: (status: 'completed' | 'failed' | 'timeout') => void
-}
-
-/**
- * Start polling for deployment status after a save operation.
- * Polls the API every 3 seconds until deployment completes or fails.
- * Waits for deployment to appear for up to 30 seconds before giving up.
- * Skips polling entirely when deployment is not available (e.g. local dev).
- */
-export async function startDeploymentPolling(config: CmsConfig, options?: DeploymentPollingOptions): Promise<void> {
-	// Clear any existing timers
-	stopDeploymentPolling()
-
-	// Do a preflight check to see if deployment is available
-	try {
-		const preflight = await getDeploymentStatus(config.apiBase)
-		if (preflight.deploymentEnabled === false) {
-			// Deployment not available (e.g. local dev) — skip polling entirely
-			return
-		}
-	} catch {
-		// If we can't even reach the endpoint, skip polling
-		return
-	}
-
-	// Reset wait attempts counter and store the timestamp when we started
-	deploymentWaitAttempts = 0
-	deploymentStartTimestamp = new Date().toISOString()
-	deploymentCallback = options?.onComplete ?? null
-
-	// Set initial status to indicate deployment started
-	signals.updateDeploymentState({
-		status: 'pending',
-		isPolling: true,
-		error: null,
-	})
-
-	const poll = async () => {
-		try {
-			const status: DeploymentStatusResponse = await getDeploymentStatus(config.apiBase)
-
-			if (status.currentDeployment) {
-				// Found an active deployment - reset wait counter
-				deploymentWaitAttempts = 0
-
-				signals.updateDeploymentState({
-					status: status.currentDeployment.status,
-				})
-
-				// Check if deployment is still active
-				const isActive = ['pending', 'queued', 'running'].includes(status.currentDeployment.status)
-
-				if (!isActive) {
-					// Deployment finished
-					const cb = deploymentCallback
-					stopDeploymentPolling()
-
-					if (status.currentDeployment.status === 'completed') {
-						// Update last deployed timestamp
-						if (status.lastSuccessfulDeployment) {
-							signals.setLastDeployedAt(status.lastSuccessfulDeployment.completedAt)
-						}
-
-						// Auto-hide after 5 seconds for successful deployments
-						deploymentHideTimer = setTimeout(() => {
-							signals.resetDeploymentState()
-						}, DEPLOYMENT_SUCCESS_HIDE_DELAY_MS)
-
-						cb?.('completed')
-					} else {
-						// For failed deployments, keep showing until user dismisses
-						cb?.('failed')
-					}
-				}
-			} else {
-				// No active deployment found
-				deploymentWaitAttempts++
-
-				// Check if we have a recent successful deployment (completed after we started polling)
-				if (status.lastSuccessfulDeployment && deploymentStartTimestamp) {
-					const lastDeployTime = new Date(status.lastSuccessfulDeployment.completedAt).getTime()
-					const startTime = new Date(deploymentStartTimestamp).getTime()
-
-					if (lastDeployTime > startTime) {
-						// Deployment completed after we started - show success
-						signals.updateDeploymentState({
-							status: 'completed',
-							lastDeployedAt: status.lastSuccessfulDeployment.completedAt,
-							isPolling: false,
-						})
-
-						// Auto-hide after 5 seconds
-						deploymentHideTimer = setTimeout(() => {
-							signals.resetDeploymentState()
-						}, DEPLOYMENT_SUCCESS_HIDE_DELAY_MS)
-
-						const cb = deploymentCallback
-						stopDeploymentPolling()
-						cb?.('completed')
-						return
-					}
-				}
-
-				// Keep waiting if we haven't exceeded max attempts
-				if (deploymentWaitAttempts >= DEPLOYMENT_MAX_WAIT_ATTEMPTS) {
-					// Give up waiting - deployment may have failed to start
-					console.warn('[CMS] No deployment found after waiting, giving up')
-					const cb = deploymentCallback
-					signals.resetDeploymentState()
-					stopDeploymentPolling()
-					cb?.('timeout')
-				}
-				// Otherwise keep polling with "pending" status
-			}
-		} catch (error) {
-			console.error('[CMS] Failed to fetch deployment status:', error)
-			signals.updateDeploymentState({
-				status: 'failed',
-				error: error instanceof Error ? error.message : 'Unknown error',
-				isPolling: false,
-			})
-			const cb = deploymentCallback
-			stopDeploymentPolling()
-			cb?.('failed')
-		}
-	}
-
-	// Delay initial poll to allow deployment to be registered
-	setTimeout(() => {
-		poll()
-		// Then poll every 3 seconds
-		deploymentPollTimer = setInterval(poll, DEPLOYMENT_POLL_INTERVAL_MS)
-	}, DEPLOYMENT_INITIAL_DELAY_MS)
-}
-
-/**
- * Stop polling for deployment status.
- */
-export function stopDeploymentPolling(): void {
-	if (deploymentPollTimer) {
-		clearInterval(deploymentPollTimer)
-		deploymentPollTimer = null
-	}
-	deploymentWaitAttempts = 0
-	deploymentStartTimestamp = null
-	deploymentCallback = null
-	signals.setDeploymentPolling(false)
-}
-
-/**
- * Dismiss the deployment status indicator.
- * Used when user clicks on a failed deployment status.
- */
-export function dismissDeploymentStatus(): void {
-	if (deploymentHideTimer) {
-		clearTimeout(deploymentHideTimer)
-		deploymentHideTimer = null
-	}
-	stopDeploymentPolling()
-	signals.resetDeploymentState()
-}
-
 // ============================================================================
 // Attribute Tracking
 // ============================================================================

package/src/editor/hooks/index.ts

@@ -6,9 +6,6 @@ export { isElementInCmsUI, usePositionTracking } from './utils'
 export { useTooltipState } from './useTooltipState'
 export type { TooltipState, UseTooltipStateOptions } from './useTooltipState'
 
-export { useAIHandlers } from './useAIHandlers'
-export type { AIHandlersOptions } from './useAIHandlers'
-
 export { useBlockEditorHandlers } from './useBlockEditorHandlers'
 export type { BlockEditorHandlersOptions } from './useBlockEditorHandlers'
 

package/src/editor/hooks/useBlockEditorHandlers.ts

@@ -1,6 +1,5 @@
 import { useCallback, useState } from 'preact/hooks'
 import { logDebug } from '../dom'
-import { startDeploymentPolling } from '../editor'
 import { getComponentInstances } from '../manifest'
 import * as signals from '../signals'
 import type { CmsConfig, CmsManifest, ComponentInstance, InsertPosition } from '../types'
@@ -178,9 +177,6 @@ export function useBlockEditorHandlers({
 
 					showToast(`${componentName} inserted ${position} component`, 'success')
 				}
-
-				// Trigger deployment polling after successful insert
-				startDeploymentPolling(config)
 			} catch (error) {
 				console.error('[CMS] Failed to insert component:', error)
 
@@ -238,10 +234,7 @@ export function useBlockEditorHandlers({
 
 				showToast(arrayMode ? 'Item removed' : 'Component removed', 'success')
 
-				// Trigger deployment polling after successful remove
-				startDeploymentPolling(config)
-
-				// Visually collapse and hide the component until page refreshes after deploy
+				// Visually collapse and hide the component until HMR refreshes the page
 				if (componentEl) {
 					collapseElement(componentEl)
 				}

package/src/editor/hooks/useTooltipState.ts

@@ -29,9 +29,8 @@ export function useTooltipState(_options?: UseTooltipStateOptions) {
 	 */
 	const showTooltipForElement = useCallback(() => {
 		const currentEditingId = signals.currentEditingId.value
-		const isProcessing = signals.isAIProcessing.value
 
-		if (!currentEditingId || isProcessing) {
+		if (!currentEditingId) {
 			setTooltipState({ elementId: null, rect: null, element: null })
 			return
 		}

package/src/editor/index.tsx

@@ -27,15 +27,7 @@ import { Toolbar } from './components/toolbar'
 import { getConfig } from './config'
 import { Z_INDEX } from './constants'
 import { disableAllInteractiveElements, enableAllInteractiveElements, logDebug } from './dom'
-import {
-	discardAllChanges,
-	dismissDeploymentStatus,
-	handleColorChange,
-	saveAllChanges,
-	startEditMode,
-	stopEditMode,
-	toggleShowOriginal,
-} from './editor'
+import { discardAllChanges, handleColorChange, saveAllChanges, startEditMode, stopEditMode, toggleShowOriginal } from './editor'
 import { canRedo, canUndo, performRedo, performUndo } from './history'
 import {
 	useBgImageHoverDetection,
@@ -244,8 +236,6 @@ const CmsUI = () => {
 				seo: signals.dirtySeoChangesCount.value,
 				total: signals.totalDirtyCount.value,
 			},
-			deploymentStatus: signals.deploymentStatus.value,
-			lastDeployedAt: signals.lastDeployedAt.value,
 			canUndo: canUndo.value,
 			canRedo: canRedo.value,
 		})
@@ -337,10 +327,6 @@ const CmsUI = () => {
 		setMediaLibraryOpen(true)
 	}, [])
 
-	const handleDismissDeployment = useCallback(() => {
-		dismissDeploymentStatus()
-	}, [])
-
 	const handleEditContent = useCallback(async () => {
 		if (!await openMarkdownEditorForCurrentPage()) {
 			signals.showToast('No collection content found on this page', 'error')
@@ -474,7 +460,6 @@ const CmsUI = () => {
 
 	// Get reactive values from signals
 	const isEditing = signals.isEditing.value
-	const isAIProcessing = signals.isAIProcessing.value
 	const blockEditorState = signals.blockEditorState.value
 	const colorEditorState = signals.colorEditorState.value
 	const manifest = signals.manifest.value
@@ -556,7 +541,6 @@ const CmsUI = () => {
 						onDiscard: handleDiscard,
 						onSelectElement: handleSelectElementToggle,
 						onMediaLibrary: handleMediaLibrary,
-						onDismissDeployment: handleDismissDeployment,
 						onNavigateChange: () => {
 							signals.navigateToNextChange()
 						},
@@ -572,7 +556,7 @@ const CmsUI = () => {
 
 			<ErrorBoundary componentName="Text Style Toolbar">
 				<TextStyleToolbar
-					visible={textSelectionState.hasSelection && isEditing && !isAIProcessing && isTextStylingAllowed}
+					visible={textSelectionState.hasSelection && isEditing && isTextStylingAllowed}
 					rect={textSelectionState.rect}
 					element={textSelectionState.element}
 					onStyleChange={updateUI}