openmagic 0.17.1 → 0.19.0

package/dist/cli.js

@@ -912,35 +912,79 @@ You MUST respond with valid JSON in this exact format:
 8. If you cannot make the requested change, set modifications to an empty array and explain why`;
 function buildContextParts(context) {
   const parts = {};
-  if (context.selectedElement) parts.selectedElement = context.selectedElement.outerHTML;
+  if (context.selectedElement) {
+    const el = context.selectedElement;
+    const elementData = {
+      cssSelector: el.cssSelector,
+      tagName: el.tagName,
+      id: el.id,
+      className: el.className,
+      outerHTML: el.outerHTML,
+      computedStyles: el.computedStyles,
+      ancestry: el.ancestry,
+      componentHint: el.componentHint
+    };
+    if (el.parentStyles && Object.keys(el.parentStyles).length) {
+      elementData.parentContainerStyles = el.parentStyles;
+    }
+    if (el.siblings?.length) {
+      elementData.siblings = el.siblings;
+    }
+    if (el.matchedCssRules?.length) {
+      elementData.matchedCssRules = el.matchedCssRules;
+    }
+    if (el.viewport) {
+      elementData.viewport = el.viewport;
+    }
+    if (el.ariaAttributes && Object.keys(el.ariaAttributes).length) {
+      elementData.ariaAttributes = el.ariaAttributes;
+    }
+    if (el.eventHandlers?.length) {
+      elementData.eventHandlers = el.eventHandlers;
+    }
+    if (el.reactProps) {
+      elementData.reactProps = el.reactProps;
+    }
+    parts.selectedElement = JSON.stringify(elementData, null, 2);
+  }
   if (context.files?.length) {
-    parts.filePath = context.files[0].path;
-    parts.fileContent = context.files[0].content;
+    parts.files = context.files;
   }
   if (context.projectTree) parts.projectTree = context.projectTree;
+  if (context.pageUrl) parts.pageUrl = context.pageUrl;
+  if (context.pageTitle) parts.pageTitle = context.pageTitle;
   if (context.networkLogs) parts.networkLogs = context.networkLogs.map((l) => `${l.method} ${l.url} \u2192 ${l.status || "pending"}`).join("\n");
   if (context.consoleLogs) parts.consoleLogs = context.consoleLogs.map((l) => `[${l.level}] ${l.args.join(" ")}`).join("\n");
   return parts;
 }
 function buildUserMessage(userPrompt, context) {
   const parts = [];
+  if (context.pageUrl || context.pageTitle) {
+    parts.push(`## Page Context
+URL: ${context.pageUrl || "unknown"}
+Title: ${context.pageTitle || "unknown"}`);
+  }
   if (context.projectTree) {
     parts.push(`## Project Structure
 \`\`\`
 ${context.projectTree}
 \`\`\``);
   }
-  if (context.filePath && context.fileContent) {
-    parts.push(
-      `## Source File: ${context.filePath}
+  if (context.files?.length) {
+    parts.push(`## Grounded Source Files
+${context.files.map((f) => `### ${f.path}
+\`\`\`
+${f.content}
+\`\`\``).join("\n\n")}`);
+  } else if (context.filePath && context.fileContent) {
+    parts.push(`## Source File: ${context.filePath}
 \`\`\`
 ${context.fileContent}
-\`\`\``
-    );
+\`\`\``);
   }
   if (context.selectedElement) {
-    parts.push(`## Selected Element (DOM)
-\`\`\`html
+    parts.push(`## Selected Element
+\`\`\`json
 ${context.selectedElement}
 \`\`\``);
   }
@@ -1356,7 +1400,7 @@ async function handleLlmChat(params, onChunk, onDone, onError) {
 }
 
 // src/server.ts
-var VERSION = "0.17.1";
+var VERSION = "0.19.0";
 var __dirname = dirname2(fileURLToPath(import.meta.url));
 function attachOpenMagic(httpServer, roots) {
   function handleRequest(req, res) {
@@ -1889,7 +1933,7 @@ process.on("uncaughtException", (err) => {
   process.exit(1);
 });
 var childProcesses = [];
-var VERSION2 = "0.17.1";
+var VERSION2 = "0.19.0";
 function ask(question) {
   const rl = createInterface({ input: process.stdin, output: process.stdout });
   return new Promise((resolve3) => {