fix(editor): Change the title of plan review panel after approved and collapsed, fix cursor on hover (no-changelog) (#30300)

packages/frontend/@n8n/i18n/src/locales/en.json

@@ -5630,6 +5630,7 @@
 	"instanceAi.backgroundTask.completed": "Background task finished",
 	"instanceAi.backgroundTask.failed": "Background task failed",
 	"instanceAi.planReview.title": "Review before building",
+	"instanceAi.planReview.titleResolved": "Plan",
 	"instanceAi.planReview.building": "Building plan...",
 	"instanceAi.planReview.awaitingApproval": "Awaiting approval",
 	"instanceAi.planReview.description": "Review the plan, then approve it to start building or request changes to revise it.",

packages/frontend/editor-ui/src/features/ai/instanceAi/components/PlanReviewPanel.vue

@@ -43,6 +43,11 @@ const resolvedAction = ref<'approved' | 'changes-requested' | null>(null);
 
 const hasFeedback = computed(() => feedback.value.trim().length > 0);
 const isExpanded = ref(!props.readOnly);
+const titleKey = computed(() =>
+	isResolved.value || props.readOnly
+		? 'instanceAi.planReview.titleResolved'
+		: 'instanceAi.planReview.title',
+);
 
 function getDescription(task: PlannedTaskArg): string {
 	let text = task.spec;
@@ -81,7 +86,7 @@ function handleRequestChanges() {
 			<!-- Header -->
 			<div :class="$style.header">
 				<N8nText bold>
-					{{ i18n.baseText('instanceAi.planReview.title') }}
+					{{ i18n.baseText(titleKey) }}
 				</N8nText>
 			</div>
 		</CollapsibleTrigger>
@@ -152,6 +157,7 @@ function handleRequestChanges() {
 	gap: var(--spacing--3xs);
 	padding: var(--spacing--xs) var(--spacing--sm);
 	border-bottom: var(--border);
+	cursor: pointer;
 }
 
 .tasks {