@superatomai/sdk-node 0.0.10 → 0.0.11

package/dist/index.mjs

@@ -972,6 +972,7 @@ var Thread = class {
       let assistantResponse = "";
       const hasComponent = metadata && Object.keys(metadata).length > 0 && metadata.type;
       const hasTextResponse = textResponse && textResponse.trim().length > 0;
+      const responseParts = [];
       if (hasComponent) {
         const parts = [];
         if (metadata.type) {
@@ -980,21 +981,19 @@ var Thread = class {
         if (metadata.name) {
           parts.push(`Name: ${metadata.name}`);
         }
-        if (metadata.props?.title) {
-          parts.push(`Title: "${metadata.props.title}"`);
+        if (metadata.description) {
+          parts.push(`Description: ${metadata.description}`);
         }
-        if (metadata.props?.query) {
-          const query = metadata.props.query;
-          const truncatedQuery = query.length > 200 ? query.substring(0, 200) + "..." : query;
-          parts.push(`Query: ${truncatedQuery}`);
+        if (metadata.props) {
+          parts.push(`Props: ${JSON.stringify(metadata.props)}`);
         }
-        if (metadata.props?.config?.components && Array.isArray(metadata.props.config.components)) {
-          const componentTypes = metadata.props.config.components.map((c) => c.type).join(", ");
-          parts.push(`Multi-component with: ${componentTypes}`);
-        }
-        assistantResponse = parts.join(", ");
-      } else if (hasTextResponse) {
-        assistantResponse = textResponse;
+        responseParts.push(parts.join("\n"));
+      }
+      if (hasTextResponse) {
+        responseParts.push(textResponse);
+      }
+      if (responseParts.length > 0) {
+        assistantResponse = responseParts.join("\n");
       } else {
         assistantResponse = "No response generated";
       }
@@ -2346,18 +2345,16 @@ Your job is to:
 1. **Parse the component suggestions** from the text response (format: 1:component_type : reasoning)
 2. **Match each suggestion with an actual component** from the available list
 3. **Generate proper props** for each matched component to **visualize the analysis results** that were already fetched
-4. **SELECT the best dashboard layout component** that can accommodate all the matched components
+4. **Generate title and description** for the dashboard container
 5. **Generate intelligent follow-up questions (actions)** that the user might naturally ask next based on the data analysis
 
 **CRITICAL GOAL**: Create dashboard components that display the **same data that was already analyzed** - NOT new data. The queries already ran and got results. You're just creating different visualizations of those results.
 
-**APPROACH**: First match all the components suggested in the text response, THEN find the layout that best fits those components.
-
 ## Available Components
 
 {{AVAILABLE_COMPONENTS}}
 
-## Component Matching Rules (STEP 1)
+## Component Matching Rules
 For each component suggestion (c1, c2, c3, etc.) from the text response:
 
 1. **Match by type**: Find components whose \`type\` matches the suggested component type
@@ -2366,23 +2363,10 @@ For each component suggestion (c1, c2, c3, etc.) from the text response:
    - Best fit for the data being visualized
 3. **Fallback**: If no exact type match, find the closest alternative
 
-## Layout Selection Logic (STEP 2 - After Matching Components)
-
-**After you have matched all components**, select the best dashboard layout:
-
-1. **Find layout components** by looking for components with \`type: "DashboardLayout"\` in the available components list
-2. **Read each layout's description** to understand:
-   - What structure it provides
-   - When it's best used (e.g., comprehensive analysis vs focused analysis)
-   - The number and types of components it can accommodate
-3. **Select the best layout** based on:
-   - Which layout can best display ALL the matched components
-   - The layout's capacity (how many components it supports)
-   - The types of matched components (KPI, charts, tables, etc.)
-   - The user question and data complexity
-4. **If no specific layout fits**, fall back to "MultiComponentContainer" as the default layout
-
-**IMPORTANT:** The layout should be chosen to FIT the matched components, not the other way around. Don't force components to fit a layout - find a layout that accommodates your components.
+## Dashboard Container
+All matched components will be placed in the default **MultiComponentContainer** layout. Your job is to:
+1. **Generate a clear title** for the dashboard that summarizes what it shows
+2. **Generate a brief description** explaining the dashboard's purpose and scope
 
 ## Props Generation Rules
 
@@ -2496,8 +2480,8 @@ You MUST respond with ONLY a valid JSON object (no markdown, no code blocks):
 
 \`\`\`json
 {
-  "selectedLayoutId": "id_of_the_selected_layout_component",
-  "layoutReasoning": "Why this layout was selected based on its description and the analysis needs",
+  "layoutTitle": "Clear, concise title for the overall dashboard/layout (5-10 words)",
+  "layoutDescription": "Brief description of what the dashboard shows and its purpose (1-2 sentences)",
   "matchedComponents": [
     {
       "componentId": "id_from_available_list",
@@ -2527,17 +2511,14 @@ You MUST respond with ONLY a valid JSON object (no markdown, no code blocks):
 \`\`\`
 
 **CRITICAL:**
-- \`matchedComponents\` MUST include ALL components suggested in the text response (match them first!)
-- \`selectedLayoutId\` MUST be the ID of the selected layout component (must have type "DashboardLayout")
-- \`layoutReasoning\` MUST explain:
-  - Why you chose this specific layout component
-  - How many components you matched (e.g., "Matched 3 components: 1 KPI, 1 chart, 1 table")
-  - Why this layout is the best fit for displaying these specific matched components
-  - What makes this layout appropriate for the component types and count
-- The layout selection happens AFTER component matching - don't force components to fit a pre-selected layout
+- \`matchedComponents\` MUST include ALL components suggested in the text response
+- \`layoutTitle\` MUST be a clear, concise title (5-10 words) that summarizes what the entire dashboard shows
+  - Examples: "Sales Performance Overview", "Customer Metrics Analysis", "Product Category Breakdown"
+- \`layoutDescription\` MUST be a brief description (1-2 sentences) explaining the purpose and scope of the dashboard
+  - Should describe what insights the dashboard provides and what data it shows
 - \`actions\` MUST be an array of 4-5 intelligent follow-up questions based on the analysis
 - Return ONLY valid JSON (no markdown code blocks, no text before/after)
-- Generate complete props for each component
+- Generate complete props for each component including query, title, description, and config
 
 
 `,
@@ -3633,12 +3614,13 @@ var BaseLLM = class {
   /**
    * Match components from text response suggestions and generate follow-up questions
    * Takes a text response with component suggestions (c1:type format) and matches with available components
-   * Also generates intelligent follow-up questions (actions) based on the analysis
+   * Also generates title, description, and intelligent follow-up questions (actions) based on the analysis
+   * All components are placed in a default MultiComponentContainer layout
    * @param textResponse - The text response containing component suggestions
    * @param components - List of available components
    * @param apiKey - Optional API key
    * @param logCollector - Optional log collector
-   * @returns Object containing matched components, selected layout, reasoning, and follow-up actions
+   * @returns Object containing matched components, layout title/description, and follow-up actions
    */
   async matchComponentsFromTextResponse(textResponse, components, apiKey, logCollector) {
     try {
@@ -3681,24 +3663,17 @@ var BaseLLM = class {
       );
       logger.debug(`[${this.getProviderName()}] Component matching response parsed successfully`);
       const matchedComponents = result.matchedComponents || [];
-      const selectedLayoutId = result.selectedLayoutId || "multi-component-container";
-      const layoutReasoning = result.layoutReasoning || "No layout reasoning provided";
+      const layoutTitle = result.layoutTitle || "Dashboard";
+      const layoutDescription = result.layoutDescription || "Multi-component dashboard";
       const rawActions = result.actions || [];
       const actions = convertQuestionsToActions(rawActions);
-      let selectedLayoutComponent = null;
-      if (selectedLayoutId) {
-        selectedLayoutComponent = components.find((c) => c.id === selectedLayoutId) || null;
-        if (!selectedLayoutComponent) {
-          logger.warn(`[${this.getProviderName()}] Layout component ${selectedLayoutId} not found in available components`);
-        }
-      }
       logger.info(`[${this.getProviderName()}] Matched ${matchedComponents.length} components from text response`);
-      logger.info(`[${this.getProviderName()}] Selected layout: (ID: ${selectedLayoutId})`);
-      logger.info(`[${this.getProviderName()}] Layout reasoning: ${layoutReasoning}`);
+      logger.info(`[${this.getProviderName()}] Layout title: "${layoutTitle}"`);
+      logger.info(`[${this.getProviderName()}] Layout description: "${layoutDescription}"`);
       logger.info(`[${this.getProviderName()}] Generated ${actions.length} follow-up actions`);
       if (matchedComponents.length > 0) {
-        logCollector?.info(`Matched ${matchedComponents.length} components for visualization `);
-        logCollector?.info(`Layout reasoning: ${layoutReasoning}`);
+        logCollector?.info(`Matched ${matchedComponents.length} components for visualization`);
+        logCollector?.info(`Dashboard: "${layoutTitle}"`);
         matchedComponents.forEach((comp, idx) => {
           logCollector?.info(`  ${idx + 1}. ${comp.componentName} (${comp.componentType}): ${comp.reasoning}`);
           if (comp.props?.query) {
@@ -3732,9 +3707,8 @@ var BaseLLM = class {
       }).filter(Boolean);
       return {
         components: finalComponents,
-        selectedLayoutId,
-        selectedLayoutComponent,
-        layoutReasoning,
+        layoutTitle,
+        layoutDescription,
         actions
       };
     } catch (error) {
@@ -3743,9 +3717,8 @@ var BaseLLM = class {
       logCollector?.error(`Failed to match components: ${errorMsg}`);
       return {
         components: [],
-        selectedLayoutId: "",
-        selectedLayoutComponent: null,
-        layoutReasoning: "Failed to match components due to parsing error",
+        layoutTitle: "Dashboard",
+        layoutDescription: "Failed to generate dashboard",
         actions: []
       };
     }
@@ -3989,9 +3962,12 @@ ${errorMsg}
           textLength: textResponse.length
         }
       );
+      if (wrappedStreamCallback && components && components.length > 0) {
+        wrappedStreamCallback("__TEXT_COMPLETE__COMPONENT_GENERATION_START__");
+      }
       let matchedComponents = [];
-      let selectedLayoutComponent = null;
-      let layoutReasoning = "No layout selected";
+      let layoutTitle = "Dashboard";
+      let layoutDescription = "Multi-component dashboard";
       let actions = [];
       if (components && components.length > 0) {
         logger.info(`[${this.getProviderName()}] Matching components from text response...`);
@@ -4002,46 +3978,30 @@ ${errorMsg}
           logCollector
         );
         matchedComponents = matchResult.components;
-        selectedLayoutComponent = matchResult.selectedLayoutComponent;
-        layoutReasoning = matchResult.layoutReasoning;
+        layoutTitle = matchResult.layoutTitle;
+        layoutDescription = matchResult.layoutDescription;
         actions = matchResult.actions;
       }
       let container_componet = null;
       if (matchedComponents.length > 0) {
-        if (selectedLayoutComponent) {
-          container_componet = {
-            ...selectedLayoutComponent,
-            id: `${selectedLayoutComponent.id}_${Date.now()}`,
-            // Make ID unique for each instance
-            props: {
-              ...selectedLayoutComponent.props,
-              config: {
-                ...selectedLayoutComponent.props?.config || {},
-                components: matchedComponents
-              },
-              actions
-            }
-          };
-          logger.info(`[${this.getProviderName()}] Created ${selectedLayoutComponent.name} (${selectedLayoutComponent.type}) container with ${matchedComponents.length} components and ${actions.length} actions`);
-          logCollector?.info(`Created ${selectedLayoutComponent.name} with ${matchedComponents.length} components and ${actions.length} actions: ${layoutReasoning}`);
-        } else {
-          container_componet = {
-            id: `multi_container_${Date.now()}`,
-            name: "MultiComponentContainer",
-            type: "Container",
-            description: layoutReasoning,
-            category: "dynamic",
-            keywords: ["dashboard", "layout", "container"],
-            props: {
-              config: {
-                components: matchedComponents
-              },
-              actions
-            }
-          };
-          logger.info(`[${this.getProviderName()}] Created fallback MultiComponentContainer with ${matchedComponents.length} components and ${actions.length} actions`);
-          logCollector?.info(`Created MultiComponentContainer with ${matchedComponents.length} components and ${actions.length} actions: ${layoutReasoning}`);
-        }
+        container_componet = {
+          id: `multi_container_${Date.now()}`,
+          name: "MultiComponentContainer",
+          type: "Container",
+          description: layoutDescription,
+          category: "dynamic",
+          keywords: ["dashboard", "layout", "container"],
+          props: {
+            config: {
+              components: matchedComponents,
+              title: layoutTitle,
+              description: layoutDescription
+            },
+            actions
+          }
+        };
+        logger.info(`[${this.getProviderName()}] Created MultiComponentContainer: "${layoutTitle}" with ${matchedComponents.length} components and ${actions.length} actions`);
+        logCollector?.info(`Created dashboard: "${layoutTitle}" with ${matchedComponents.length} components and ${actions.length} actions`);
       }
       return {
         success: true,
@@ -4049,7 +4009,6 @@ ${errorMsg}
           text: textResponse,
           matchedComponents,
           component: container_componet,
-          layoutReasoning,
           actions,
           method: `${this.getProviderName()}-text-response`
         },
@@ -4715,7 +4674,7 @@ var CONTEXT_CONFIG = {
    * Set to 0 to disable conversation history
    * Higher values provide more context but may increase token usage
    */
-  MAX_CONVERSATION_CONTEXT_BLOCKS: 2
+  MAX_CONVERSATION_CONTEXT_BLOCKS: 3
 };
 
 // src/handlers/user-prompt-request.ts