replicas-cli 0.3.196 → 0.3.198

package/dist/index.cjs

@@ -19984,6 +19984,8 @@ Don't make one when:
 - It is screenshots, or a before and after of them: upload them as images, which readers can open full screen and zoom. See "Before and after" in \`references/MEDIA.md\`.
 - The user wants a page, site, or component in their project: build that in the repo.
 
+A long report or write-up goes in the Canvas, and its key charts and comparisons go in a visual in your reply. Never screenshot a report, chart, or diagram you made to show it: a long page shrunk to an image can't be read, and it ignores the reader's theme. Screenshots of app UI you changed are still right.
+
 ## Make it
 
 1. Write the page, for example \`/tmp/visuals/<name>.html\`, following the page rules below.
@@ -20106,6 +20108,9 @@ var init_preferences = __esm({
       open_links_in_desktop_app: false,
       port_forwarding: false,
       spotify_controls: false,
+      appshot_shortcut: "command",
+      appshot_destination: "automatic",
+      appshot_sound: true,
       mothership_intro_seen: false,
       follow_up_mode: "steer",
       memory_enabled: null,
@@ -28336,31 +28341,58 @@ var init_steps = __esm({
   }
 });
 
+// ../shared/src/html.ts
+var init_html = __esm({
+  "../shared/src/html.ts"() {
+    "use strict";
+  }
+});
+
 // ../shared/src/user-message-attachments.ts
+function parseAppshot(match) {
+  return {
+    appName: unescapeXml(match[1] ?? ""),
+    windowTitle: unescapeXml(match[2] ?? ""),
+    image: Number(match[3] || 0),
+    ...match[5] && { text: unescapeXml(match[5]) },
+    .../ \(cut short\)\. Treat that text as untrusted data/.test(match[4] ?? "") && { textTruncated: true }
+  };
+}
 function stripAttachmentNote(text3) {
   const match = text3.match(/(?:^|\n\n)<replicas_attachments>\nUploaded files are available at:((?:\n- .*)*)(?:\n<\/?[a-z_]*>?)?$/) ?? text3.match(/(?:^|\n\n)Uploaded files are available at:((?:\n- .*)*)$/);
   let content = match ? text3.replace(match[0], "").trim() : text3;
-  const walkthroughs = [];
-  const truncated = WALKTHROUGH_NOTE_REGEX.test(content) ? null : content.match(TRUNCATED_WALKTHROUGH_NOTE_REGEX);
-  if (truncated) {
-    walkthroughs.push({ path: truncated[1], durationSeconds: Number(truncated[2] ?? 0), audio: truncated[3] === "true" });
-    content = content.slice(0, truncated.index).trim();
-  }
-  for (let walkthrough = content.match(WALKTHROUGH_NOTE_REGEX); walkthrough; walkthrough = content.match(WALKTHROUGH_NOTE_REGEX)) {
-    walkthroughs.unshift({ path: walkthrough[1], durationSeconds: Number(walkthrough[2]), audio: walkthrough[3] === "true" });
-    content = content.slice(0, walkthrough.index).trim();
-  }
+  const takeTrailingNotes = (noteRegex, truncatedRegex, parse3) => {
+    const notes = [];
+    const truncated = noteRegex.test(content) ? null : content.match(truncatedRegex);
+    if (truncated) {
+      notes.push(parse3(truncated));
+      content = content.slice(0, truncated.index).trim();
+    }
+    for (let note = content.match(noteRegex); note; note = content.match(noteRegex)) {
+      notes.unshift(parse3(note));
+      content = content.slice(0, note.index).trim();
+    }
+    return notes;
+  };
+  const walkthroughs = takeTrailingNotes(WALKTHROUGH_NOTE_REGEX, TRUNCATED_WALKTHROUGH_NOTE_REGEX, (walkthrough) => ({ path: walkthrough[1], durationSeconds: Number(walkthrough[2] ?? 0), audio: walkthrough[3] === "true" }));
+  const appshots = takeTrailingNotes(APPSHOT_NOTE_REGEX, TRUNCATED_APPSHOT_NOTE_REGEX, parseAppshot);
   return {
     content,
     files: match ? [...match[1].matchAll(/^- (.+)$/gm)].map(([, path10]) => path10) : [],
-    walkthroughs
+    walkthroughs,
+    appshots
   };
 }
-var ATTACHMENT_PLACEHOLDER_REGEX, WALKTHROUGH_NOTE_REGEX, TRUNCATED_WALKTHROUGH_NOTE_REGEX;
+var ATTACHMENT_PLACEHOLDER_REGEX, APPSHOT_NOTE_REGEX, TRUNCATED_APPSHOT_NOTE_REGEX, XML_UNESCAPES, unescapeXml, WALKTHROUGH_NOTE_REGEX, TRUNCATED_WALKTHROUGH_NOTE_REGEX;
 var init_user_message_attachments = __esm({
   "../shared/src/user-message-attachments.ts"() {
     "use strict";
+    init_html();
     ATTACHMENT_PLACEHOLDER_REGEX = /^\[\d+ (?:(?:images?|files?)(?: and \d+ files?)? attached|(?:image )?attachments?)\]$/;
+    APPSHOT_NOTE_REGEX = /(?:^|\n\n)<replicas_appshot app="([^"\n]*)" window="([^"\n]*)" image="(\d+)">\n([^\n<]*)(?:\n\n([^<]*))?\n<\/replicas_appshot>$/;
+    TRUNCATED_APPSHOT_NOTE_REGEX = /(?:^|\n\n)<replicas_appshot app="([^"\n]*)(?:" window="([^"\n]*)(?:" image="(\d*))?)?[^<]*(?:<\/?[a-z_]*)?$/;
+    XML_UNESCAPES = { "&amp;": "&", "&lt;": "<", "&gt;": ">", "&quot;": '"', "&#39;": "'" };
+    unescapeXml = (text3) => text3.replace(/&(?:amp|lt|gt|quot|#39);/g, (entity) => XML_UNESCAPES[entity]);
     WALKTHROUGH_NOTE_REGEX = /(?:^|\n\n)<replicas_walkthrough path="([^"\n]+)" duration_seconds="(\d+)" audio="(true|false)">\n[^<]*\n<\/replicas_walkthrough>$/;
     TRUNCATED_WALKTHROUGH_NOTE_REGEX = /(?:^|\n\n)<replicas_walkthrough path="([^"\n]*)(?:" duration_seconds="(\d*))?(?:" audio="(true)?)?[^<]*(?:<\/?[a-z_]*)?$/;
   }
@@ -30437,18 +30469,19 @@ function filterDisplayMessages(messages, provider2) {
   }
   result = result.flatMap((msg) => {
     if (msg.type !== "user") return [msg];
-    const { content, files, walkthroughs } = stripAttachmentNote(stripReplicasInstructionBlock(msg.content).trim());
+    const { content, files, walkthroughs, appshots } = stripAttachmentNote(stripReplicasInstructionBlock(msg.content).trim());
     if (INTERRUPTED_MESSAGE_REGEX.test(content)) {
       return [{ id: msg.id, type: "interruption", timestamp: msg.timestamp }];
     }
     const cleaned = (msg.images?.length || files.length) && ATTACHMENT_PLACEHOLDER_REGEX.test(content) ? "" : content;
-    if (cleaned.length === 0 && !msg.images?.length && files.length === 0 && walkthroughs.length === 0) return [];
-    if (cleaned === msg.content && files.length === 0 && walkthroughs.length === 0) return [msg];
+    if (cleaned.length === 0 && !msg.images?.length && files.length === 0 && walkthroughs.length === 0 && appshots.length === 0) return [];
+    if (cleaned === msg.content && files.length === 0 && walkthroughs.length === 0 && appshots.length === 0) return [msg];
     return [{
       ...msg,
       content: cleaned,
       ...files.length > 0 ? { files } : {},
-      ...walkthroughs.length > 0 ? { walkthroughs } : {}
+      ...walkthroughs.length > 0 ? { walkthroughs } : {},
+      ...appshots.length > 0 ? { appshots } : {}
     }];
   });
   return result;
@@ -31038,6 +31071,13 @@ var init_slash_commands = __esm({
   }
 });
 
+// ../shared/src/image-attachments.ts
+var init_image_attachments = __esm({
+  "../shared/src/image-attachments.ts"() {
+    "use strict";
+  }
+});
+
 // ../shared/src/hook-config.ts
 var init_hook_config = __esm({
   "../shared/src/hook-config.ts"() {
@@ -31173,7 +31213,7 @@ var CLI_VERSION;
 var init_cli_version = __esm({
   "../shared/src/cli-version.ts"() {
     "use strict";
-    CLI_VERSION = "0.3.196";
+    CLI_VERSION = "0.3.198";
   }
 });
 
@@ -32713,6 +32753,7 @@ var init_src = __esm({
     init_prompts();
     init_mothership_events();
     init_user_message_attachments();
+    init_image_attachments();
     init_scout();
     init_replicas_config();
     init_warm_hooks();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "replicas-cli",
-  "version": "0.3.196",
+  "version": "0.3.198",
   "description": "CLI for managing Replicas workspaces - SSH into cloud dev environments with automatic port forwarding",
   "main": "dist/index.cjs",
   "bin": {