diff --git a/packages/frontend/editor-ui/src/features/ai/instanceAi/InstanceAiView.vue b/packages/frontend/editor-ui/src/features/ai/instanceAi/InstanceAiView.vue index 722275670db..c70823198ec 100644 --- a/packages/frontend/editor-ui/src/features/ai/instanceAi/InstanceAiView.vue +++ b/packages/frontend/editor-ui/src/features/ai/instanceAi/InstanceAiView.vue @@ -116,7 +116,7 @@ watch( }, ); const showCreditBanner = computed(() => store.isLowCredits && !creditBannerDismissed.value); -const showEmptyStateLayout = computed(() => !store.hasMessages && !store.isHydratingThread); +const showEmptyStateLayout = computed(() => !props.threadId); // Load persisted threads from Mastra storage on mount onMounted(() => { @@ -746,9 +746,9 @@ function handleStop() { display: flex; flex-direction: column; align-items: center; - justify-content: center; gap: var(--spacing--lg); padding: var(--spacing--lg); + padding-top: 20vh; } .centeredInput { diff --git a/packages/frontend/editor-ui/src/features/ai/instanceAi/__tests__/InstanceAiView.test.ts b/packages/frontend/editor-ui/src/features/ai/instanceAi/__tests__/InstanceAiView.test.ts index a265d88f605..005dc8d77b7 100644 --- a/packages/frontend/editor-ui/src/features/ai/instanceAi/__tests__/InstanceAiView.test.ts +++ b/packages/frontend/editor-ui/src/features/ai/instanceAi/__tests__/InstanceAiView.test.ts @@ -107,14 +107,14 @@ describe('InstanceAiView', () => { }, ] as typeof store.messages; - const { getByTestId } = renderView(); + const { getByTestId } = renderView({ props: { threadId: 'thread-1' } }); expect(getByTestId('instance-ai-input-stub')).toHaveTextContent('unset'); }); it('does not pass suggestions while an existing thread is hydrating', () => { store.isHydratingThread = true; - const { getByTestId } = renderView(); + const { getByTestId } = renderView({ props: { threadId: 'thread-1' } }); expect(getByTestId('instance-ai-input-stub')).toHaveTextContent('unset'); }); diff --git a/packages/frontend/editor-ui/src/features/ai/instanceAi/components/InstanceAiInput.vue b/packages/frontend/editor-ui/src/features/ai/instanceAi/components/InstanceAiInput.vue index a14a77446ed..2fd25a539a9 100644 --- a/packages/frontend/editor-ui/src/features/ai/instanceAi/components/InstanceAiInput.vue +++ b/packages/frontend/editor-ui/src/features/ai/instanceAi/components/InstanceAiInput.vue @@ -173,6 +173,13 @@ function handleSuggestionSubmit(payload: { }); submitComposerMessage(i18n.baseText(payload.promptKey)); } + +const resizable = computed(() => { + if (previewPromptKey.value) { + return { minRows: 2, maxRows: 2 }; + } + return undefined; +});