Multi turn CRGA UI loop 3.0

packages/atomic/src/components/common/generated-answer/render-follow-up-input.ts

@@ -27,7 +27,7 @@ export const renderFollowUpInput: FunctionalComponent<
 
   let isSubmitting = false;
 
-  const handleSubmit = async () => {
+  const handleSubmit = () => {
     const input = inputRef.value;
     if (!input || isSubmitting) return;
 
@@ -38,7 +38,7 @@ export const renderFollowUpInput: FunctionalComponent<
 
     isSubmitting = true;
     try {
-      await askFollowUp(inputValue);
+      askFollowUp(inputValue);
       input.value = '';
     } finally {
       isSubmitting = false;

packages/atomic/src/components/common/generated-answer/styles/generated-answer.tw.css.ts

@@ -111,6 +111,14 @@ const baseStyle = css`
     @apply hidden;
   }
 
+  /**
+   * @prop --atomic-generated-answer-content-fixed-height: The fixed height of the generated answer content when agent-id is set.
+   */
+  [part="generated-content-container"] > .agent-scrollable {
+    @apply overflow-y-auto;
+    height: var(--atomic-generated-answer-content-fixed-height, 50vh);
+  }
+
   /* Allow query label up to 3 lines before truncating */
   .query-text {
     display: -webkit-box;