astro-tractstack 2.2.0 → 2.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro-tractstack",
-  "version": "2.2.0",
+  "version": "2.2.2",
   "description": "Astro integration for TractStack - the free web press by At Risk Media",
   "type": "module",
   "main": "dist/index.js",

package/templates/src/components/compositor/Node.tsx

@@ -162,6 +162,7 @@ export const Node = memo((props: NodeProps) => {
           <ConfigPanePanel
             nodeId={props.nodeId}
             isHtmlAstPane={isHtmlAstPane}
+            isSandboxMode={props.isSandboxMode || false}
           />
           <PanelVisibilityWrapper
             nodeId={props.nodeId}

package/templates/src/components/edit/Header.tsx

@@ -203,12 +203,9 @@ const StoryKeepHeader = ({
               console.log('Total Nodes in Store:', allNodesArray.length);
               console.log('Full Nodes Map:', allNodesMap);
 
-              // Specifically audit Creative Panes for large htmlAst payloads
-              // Using type guards/property checks to handle the BaseNode vs PaneNode distinction
               const creativePanes = allNodesArray.filter(
                 (n) => n.nodeType === 'Pane' && 'htmlAst' in n
               );
-
               if (creativePanes.length > 0) {
                 console.group('Creative Panes Detail (htmlAst Audit)');
                 creativePanes.forEach((pane) => {
@@ -229,7 +226,7 @@ const StoryKeepHeader = ({
             }}
             className="rounded-md bg-myblue px-3.5 py-1.5 font-action font-bold text-white hover:bg-myorange"
           >
-            Inspect
+            Nodes Dump
           </button>
         )}
 

package/templates/src/components/edit/pane/AiRestylePaneModal.tsx

@@ -7,75 +7,13 @@ import SparklesIcon from '@heroicons/react/24/outline/SparklesIcon';
 import { getCtx } from '@/stores/nodes';
 import { selectionStore } from '@/stores/selection';
 import { renderedPreviews } from '@/stores/previews';
-import { sandboxTokenStore } from '@/stores/storykeep';
 import { AiDesignStep, type AiDesignConfig } from './steps/AiDesignStep';
 import { AiRefineDesignStep } from './steps/AiRefineDesignStep';
 import prompts from '@/constants/prompts.json';
-import { TractStackAPI } from '@/utils/api';
 import { parseAiPane } from '@/utils/compositor/aiPaneParser';
+import { callAskLemurAPI } from '@/utils/compositor/aiGeneration';
 import type { PaneNode, TemplatePane } from '@/types/compositorTypes';
 
-const callAskLemurAPI = async (
-  prompt: string,
-  context: string,
-  expectJson: boolean,
-  isSandboxMode: boolean
-): Promise<string> => {
-  const tenantId =
-    (window as any).TRACTSTACK_CONFIG?.tenantId ||
-    import.meta.env.PUBLIC_TENANTID ||
-    'default';
-  const api = new TractStackAPI(tenantId);
-
-  const requestBody = {
-    prompt,
-    input_text: context,
-    final_model: '',
-    temperature: 0.5,
-    max_tokens: 6000,
-  };
-
-  let resultData: any;
-
-  if (isSandboxMode) {
-    const token = sandboxTokenStore.get();
-    const response = await fetch(`/api/sandbox`, {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        'X-Tenant-ID': tenantId,
-        'X-Sandbox-Token': token || '',
-      },
-      credentials: 'include',
-      body: JSON.stringify({ action: 'askLemur', payload: requestBody }),
-    });
-
-    if (!response.ok) {
-      const errorText = await response.text();
-      throw new Error(`Sandbox API failed: ${response.status} ${errorText}`);
-    }
-
-    const json = await response.json();
-    if (!json.success) {
-      throw new Error(json.error || 'Sandbox generation failed');
-    }
-    resultData = json.data;
-  } else {
-    const response = await api.post('/api/v1/aai/askLemur', requestBody);
-    if (!response.success || !response.data?.response) {
-      throw new Error(response.error || 'AI generation failed');
-    }
-    resultData = response.data;
-  }
-
-  let raw = resultData.response;
-  if (typeof raw === 'string') {
-    if (raw.startsWith('```json')) raw = raw.slice(7, -3).trim();
-  }
-  if (expectJson && typeof raw === 'object') return JSON.stringify(raw);
-  return raw;
-};
-
 interface AiRestylePaneModalProps {
   isSandboxMode?: boolean;
 }
@@ -149,12 +87,12 @@ export const AiRestylePaneModal = ({
         .replace('{{COPY_INPUT}}', 'A generic content section')
         .replace('{{LAYOUT_TYPE}}', 'Text Only');
 
-      const resultStr = await callAskLemurAPI(
-        formattedPrompt,
-        shellPromptDetails.system || '',
-        true,
-        isSandboxMode
-      );
+      const resultStr = await callAskLemurAPI({
+        prompt: formattedPrompt,
+        context: shellPromptDetails.system || '',
+        expectJson: true,
+        isSandboxMode,
+      });
 
       let dummyCopy: string | string[] = '';
       if (isGrid) {

package/templates/src/components/edit/pane/steps/AiCreativeDesignStep.tsx

@@ -92,8 +92,8 @@ export const AiCreativeDesignStep = ({
         context: systemPrompt,
         expectJson: false,
         isSandboxMode,
-        maxTokens: 6000,
         temperature: 0.5,
+        maxTokens: 20000,
       });
 
       const htmlAst = await htmlToHtmlAst(rawHtml, '');

package/templates/src/components/edit/pane/steps/AiRefineDesignStep.tsx

@@ -59,8 +59,8 @@ export const AiRefineDesignStep = ({
         context: systemPrompt,
         expectJson: false,
         isSandboxMode,
-        maxTokens: 4000,
         temperature: 0.5,
+        maxTokens: 8000,
       });
 
       // 2. Generate AST immediately

package/templates/src/utils/compositor/aiGeneration.ts

@@ -15,7 +15,7 @@ export const callAskLemurAPI = async ({
   context,
   expectJson,
   isSandboxMode,
-  maxTokens = 2000,
+  maxTokens = 5000,
   temperature = 0.5,
 }: AiGenerationOptions): Promise<string> => {
   const tenantId =