fluxflow-cli 1.5.2 → 1.5.4

package/dist/fluxflow.js

@@ -257,6 +257,9 @@ var init_ChatLayout = __esm({
     MessageItem = React2.memo(({ msg, showFullThinking, columns = 80 }) => {
       const isDiffResult = msg.role === "system" && msg.text?.includes("[DIFF_START]");
       const isTerminalRecord = msg.isTerminalRecord;
+      if (msg.isVisualFeedback) {
+        return /* @__PURE__ */ React2.createElement(Box2, { marginBottom: 1, paddingX: 1, width: "100%" }, /* @__PURE__ */ React2.createElement(Text2, { color: "white" }, msg.text));
+      }
       if (msg.role === "system" && msg.text?.includes("[TOOL_RESULT]") && !isDiffResult && !isTerminalRecord) return null;
       if (msg.isAskRecord) {
         const selectionMatch = msg.text.match(/Selection: (.*)/);
@@ -612,7 +615,7 @@ ${mode === "Flux" ? `
     3. Read Folder: tool:functions.read_folder(path="relative/path"). Detailed stats of a directory.
     4. Write File: tool:functions.write_file(path="path", content="content"). Creates/Overwrites. NO CODE BLOCKS. RETURNS: Disk verification + original content (if overwritten) for 100% reversibility.
     5. Update File: tool:functions.update_file(path="relative/path", content_to_replace="old", content_to_add="new"). Surgical patching. RETURNS: High-fidelity visual diff and old code block. You MUST verify that the change specifically matches your intent using the returned diff. PREFFER UPDATE FILE OVER WRITE FILE if file already exists for better reversal tracking (if a file has 500+ lines, try to stick with update_file over full-rewrite). DONT WRAP UPDATE FILE CALL CONTENT IN MARKDOWN CODE BLOCKS.
-    6. Write PDF: tool:functions.write_pdf(path="path", content="<html/css content>", orientation="portrait/landscape"). Generates a professional PDF document. Orientation are optional. A4 size page will be used. DO NOT ADD FOOTER MANUALLY, the system will handle it automatically. USE CSS TO VISUALLY BEAUTIFY THE DOCUMENT.
+    6. Write PDF: tool:functions.write_pdf(path="path", content="<html/css content>", orientation="portrait/landscape"). Generates a professional PDF document. Orientation are optional. A4 size page will be used, so any multi-page PDFs calculate your alightment and page breaks to not mess up A4 page layout . DO NOT ADD FOOTER MANUALLY, the system will handle it automatically. USE CSS TO VISUALLY BEAUTIFY THE DOCUMENT.
     7. Execution: tool:functions.exec_command(command="terminal command"). Runs a shell command.
 
     **NOTE:** WHEN WRITING/UPDATING FILES, USE ACTUAL NEW LINE CHARACTER FOR LINE BREAKS RATHER THAN STRING '\\n'`.trim() : `
@@ -741,7 +744,7 @@ Every ${isMemoryEnabled ? "Prompt, Responses & Memories" : "Prompt & Responses"}
 - Use GFM tables for structured data to keep the terminal view organized. KEEP SENTENCES IN TABLE **SHORT & CONCISE**. AND MAX 3 COLUMNS. DO NOT OVERUSE TABLES.
 - **CRITICAL**: NEVER USE LaTeX IN TERMINAL RESPONSES (exception: file content).
 - Keep Poems & Literature in Code Block.
-- Use emojis & Kaomojis.
+- Use emojis & Kaomojis. Prefer Kaomojis more.
 -- END FORMATTING RULES --
 
 -- START REPONSE FINISH PROTOCOL --
@@ -763,7 +766,7 @@ Current date and Time is: ${dateTimeStr}
 AGENT RAWS (responses from this turn):
 ${agentRes}
 ${userMemories ? `
-    
+
 -- CURRENT PERSISTENT USER MEMORIES --
 ${userMemories}
 -------------------------------------------------
@@ -972,6 +975,9 @@ var init_arg_parser = __esm({
         if (value === "true") value = true;
         else if (value === "false") value = false;
         else if (typeof value === "string" && !isNaN(value) && value.trim() !== "") value = Number(value);
+        if (typeof value === "string" && (key.toLowerCase().includes("path") || ["dest", "source", "to", "from"].includes(key.toLowerCase()))) {
+          value = value.replace(/\x0C/g, "\\f").replace(/\x0D/g, "\\r").replace(/\x0B/g, "\\v").replace(/\x08/g, "\\b");
+        }
         args[key] = value;
       }
       return args;
@@ -1096,35 +1102,58 @@ var init_web_scrape = __esm({
           await new Promise((r) => setTimeout(r, jitter));
           await page.goto(url, { waitUntil: "networkidle2", timeout: 45e3 });
           await new Promise((r) => setTimeout(r, 5e3));
-          let text = await page.evaluate(() => {
-            const junk = document.querySelectorAll("script, style, nav, footer, header, noscript");
+          let htmlContent = await page.evaluate(() => {
+            const junk = document.querySelectorAll("script, style, nav, footer, header, noscript, svg, canvas, iframe, ad, .ads, link, meta, img");
             junk.forEach((el) => el.remove());
-            const links = document.querySelectorAll("a");
-            links.forEach((a) => {
-              const href = a.href;
-              const content = a.innerText.trim();
-              if (href && content && !href.startsWith("javascript:") && !href.startsWith("#")) {
-                a.innerText = ` [${content}](${href}) `;
+            const iterator = document.createNodeIterator(document.body, NodeFilter.SHOW_COMMENT);
+            let currentNode;
+            while (currentNode = iterator.nextNode()) {
+              currentNode.remove();
+            }
+            const allElements = document.querySelectorAll("*");
+            allElements.forEach((el) => {
+              const attributes = el.attributes;
+              for (let i = attributes.length - 1; i >= 0; i--) {
+                const attrName = attributes[i].name;
+                if (attrName !== "href" && attrName !== "src") {
+                  el.removeAttribute(attrName);
+                }
+              }
+              if ((el.tagName === "SPAN" || el.tagName === "DIV" || el.tagName === "SECTION") && el.attributes.length === 0) {
+                if (el.tagName === "SPAN" || el.tagName === "DIV" && el.childNodes.length === 1 && el.childNodes[0].nodeType === Node.TEXT_NODE) {
+                  el.replaceWith(...el.childNodes);
+                }
               }
             });
-            return document.body.innerText;
+            const pruneEmpty = () => {
+              let found = false;
+              document.querySelectorAll("*:not(br)").forEach((el) => {
+                if (el.childNodes.length === 0 && !el.innerText.trim()) {
+                  el.remove();
+                  found = true;
+                }
+              });
+              if (found) pruneEmpty();
+            };
+            pruneEmpty();
+            return document.body.innerHTML;
           });
-          if (!text) throw new Error("EMPTY_RENDER_RESULT");
-          const cleanedText = text.replace(/\s+/g, " ").trim().substring(0, 25e3);
+          if (!htmlContent) throw new Error("EMPTY_RENDER_RESULT");
+          const cleanedHtml = htmlContent.replace(/\s+/g, " ").replace(/>\s+</g, "><").trim().substring(0, 3e4);
           const toolLogDir = path7.join(LOGS_DIR, "tools");
           if (!fs7.existsSync(toolLogDir)) fs7.mkdirSync(toolLogDir, { recursive: true });
-          fs7.appendFileSync(path7.join(toolLogDir, "search-scraped.log"), `PUPPETEER ${(/* @__PURE__ */ new Date()).toISOString()} - URL: [${url}]. Length: ${cleanedText.length}.
+          fs7.appendFileSync(path7.join(toolLogDir, "search-scraped.log"), `PUPPETEER ${(/* @__PURE__ */ new Date()).toISOString()} - URL: [${url}]. Length: ${cleanedHtml.length}.
  Content:
-${cleanedText}
+${cleanedHtml}
 
 --------------------------------------------------------
 
 
 `);
           await browser.close();
-          return `CONTENT FROM [${url}]:
+          return `CLEANED HTML FROM [${url}]:
 
-${cleanedText}${text.length > 25e3 ? "\n\n[TRUNCATED AT 25K CHARS]" : ""}`;
+${cleanedHtml}${htmlContent.length > 3e4 ? "\n\n[TRUNCATED AT 30K CHARS]" : ""}`;
         } catch (err) {
           lastError = err;
           if (browser) await browser.close();
@@ -1710,16 +1739,33 @@ var init_write_pdf = __esm({
         const page = await browser.newPage();
         const styledContent = `
             <style>
-                @page { 
-                    margin: ${margin}; 
+                @page {
+                    margin: ${margin};
                 }
-                body { 
-                    margin: 0; 
+                body {
+                    margin: 0;
                     padding: 0;
                     font-family: system-ui, -apple-system, sans-serif;
                 }
                 * { box-sizing: border-box; }
+                .watermark {
+                    position: fixed;
+                    top: 50%;
+                    left: 50%;
+                    transform: translate(-50%, -50%) rotate(-50deg);
+                    font-size: 52px;
+                    font-weight: bold;
+                    color: rgba(0, 0, 0, 0.005);
+                    pointer-events: none;
+                    z-index: 1000;
+                    text-align: center;
+                    width: 150%;
+                    white-space: nowrap;
+                    text-transform: uppercase;
+                    letter-spacing: 5px;
+                }
             </style>
+            <div class="watermark">Generated by FluxFlow CLI (AI)</div>
             ${content}
         `;
         await page.setContent(styledContent, { waitUntil: "networkidle0" });
@@ -1730,17 +1776,9 @@ var init_write_pdf = __esm({
           margin: {
             top: margin,
             right: margin,
-            bottom: "15mm",
-            // Space for watermark
+            bottom: margin,
             left: margin
           },
-          displayHeaderFooter: true,
-          headerTemplate: "<span></span>",
-          footerTemplate: `
-                <div style="font-size: 9px; color: rgba(0,0,0,0.2); width: 100%; text-align: right; padding-right: 15mm; font-family: system-ui, sans-serif; -webkit-print-color-adjust: exact;">
-                    FluxFlow CLI
-                </div>
-            `,
           printBackground: true
         });
         const stats = await fs13.stat(absolutePath);
@@ -2051,7 +2089,16 @@ USER_PROMPT: ${agentText}`.trim();
                 }
               } catch (e) {
               }
-              label = `\u{1F4C4} READING FILE: ${targetPath2}. LINES ${start_line} - ${actualEndLine} FROM ${totalLines}`.toUpperCase();
+              const pathLower = targetPath2.toLowerCase();
+              const isPdf = pathLower.endsWith(".pdf");
+              const isImage = /\.(png|jpg|jpeg|webp|gif|bmp)$/.test(pathLower);
+              if (isPdf) {
+                label = `\u{1F4C4} ANALYZING PDF: ${targetPath2}`.toUpperCase();
+              } else if (isImage) {
+                label = `\u{1F5BC}\uFE0F ANALYZING IMAGE: ${targetPath2}`.toUpperCase();
+              } else {
+                label = `\u{1F4C4} READING FILE: ${targetPath2}. LINES ${start_line} - ${actualEndLine} FROM ${totalLines}`.toUpperCase();
+              }
             } else if (toolCall.toolName === "list_files" || toolCall.toolName === "read_folder") {
               const action = toolCall.toolName === "list_files" ? "LISTING" : "DISCOVERING";
               label = `\u{1F4C2} ${action} DIRECTORY: ${parseArgs(toolCall.args).path || "."}`.toUpperCase();
@@ -2070,7 +2117,7 @@ USER_PROMPT: ${agentText}`.trim();
               const boxTop = `\u256D${"\u2500".repeat(boxWidth)}\u256E`;
               const boxMid = `\u2502 ${label.padEnd(boxWidth - 2).substring(0, boxWidth - 2)} \u2502`;
               const boxBottom = `\u2570${"\u2500".repeat(boxWidth)}\u256F`;
-              yield { type: "text", content: `
+              yield { type: "visual_feedback", content: `
 
 ${boxTop}
 ${boxMid}
@@ -3182,7 +3229,7 @@ ${timestamp}` };
         setIsExpanded(false);
         try {
           const cleanHistoryForAI = [...messages, userMessage].filter(
-            (m) => m.role !== "think" && !String(m.id).startsWith("welcome")
+            (m) => m.role !== "think" && !m.isVisualFeedback && !String(m.id).startsWith("welcome")
           ).map((m) => ({
             ...m,
             text: m.fullText || m.text
@@ -3309,6 +3356,15 @@ Selection: ${val}`,
               });
               continue;
             }
+            if (packet.type === "visual_feedback") {
+              setMessages((prev) => [...prev, {
+                id: "feedback-" + Date.now(),
+                role: "system",
+                text: packet.content,
+                isVisualFeedback: true
+              }]);
+              continue;
+            }
             if (packet.type === "exec_start") {
               continue;
             }
@@ -3420,7 +3476,7 @@ Selection: ${val}`,
             setActiveView("resolution");
           }
           setMessages((prev) => {
-            const historyToSave = prev.filter((m) => !String(m.id).startsWith("welcome"));
+            const historyToSave = prev.filter((m) => !String(m.id).startsWith("welcome") && !m.isVisualFeedback);
             saveChat(chatId, null, historyToSave);
             setCompletedIndex(prev.length);
             return prev;
@@ -4089,8 +4145,8 @@ var init_app = __esm({
     init_setup();
     SESSION_START_TIME = Date.now();
     CHANGELOG_URL = "https://fluxflow-cli.onrender.com/changelog.html";
-    versionFluxflow = "1.5.2";
-    updatedOn = "2026-05-01";
+    versionFluxflow = "1.5.4";
+    updatedOn = "2026-05-02";
     ResolutionModal = ({ data, onResolve, onEdit }) => /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "column", borderStyle: "round", borderColor: "magenta", paddingX: 2, paddingY: 1, width: "100%" }, /* @__PURE__ */ React10.createElement(Text10, { color: "magenta", bold: true, underline: true }, "\u{1F7E3} STEERING HINT RESOLUTION"), /* @__PURE__ */ React10.createElement(Text10, { marginTop: 1 }, "The agent already finished the task (turn: finish) before your hint was consumed."), /* @__PURE__ */ React10.createElement(Box10, { marginTop: 1, backgroundColor: "#222", paddingX: 1, width: "100%" }, /* @__PURE__ */ React10.createElement(Text10, { italic: true, color: "gray" }, '"', data, '"')), /* @__PURE__ */ React10.createElement(Box10, { marginTop: 1 }, /* @__PURE__ */ React10.createElement(Text10, { color: "cyan" }, "How would you like to proceed?")), /* @__PURE__ */ React10.createElement(Box10, { marginTop: 1 }, /* @__PURE__ */ React10.createElement(
       CommandMenu,
       {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "fluxflow-cli",
-	"version": "1.5.2",
+	"version": "1.5.4",
 	"description": "A high-fidelity agentic terminal assistant for the Flux Era.",
 	"keywords": [
 		"ai",