fluxflow-cli 1.5.3 → 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() : `
@@ -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;
@@ -1733,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" });
@@ -1753,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);
@@ -2102,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}
@@ -3214,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
@@ -3341,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;
             }
@@ -3452,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;
@@ -4121,7 +4145,7 @@ var init_app = __esm({
     init_setup();
     SESSION_START_TIME = Date.now();
     CHANGELOG_URL = "https://fluxflow-cli.onrender.com/changelog.html";
-    versionFluxflow = "1.5.3";
+    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.3",
+	"version": "1.5.4",
 	"description": "A high-fidelity agentic terminal assistant for the Flux Era.",
 	"keywords": [
 		"ai",