replicas-cli 0.3.143 → 0.3.144

package/dist/index.cjs

@@ -26438,7 +26438,7 @@ var FONT_SANS = '"General Sans", system-ui, -apple-system, "Segoe UI", sans-seri
 var FONT_MONO = '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace';
 var CHART_COLORS = {
   dark: ["#199e70", "#3987e5", "#d95926", "#9085e9", "#c98500", "#d55181"],
-  light: ["#2f9d57", "#2a78d6", "#eb6834", "#4a3aa7", "#eda100", "#e87ba4"]
+  light: ["#2f9d57", "#2a78d6", "#eb6834", "#4a3aa7", "#976202", "#d84497"]
 };
 function visualTheme(appearance, fontUrl) {
   const colors = DESIGN_COLORS[appearance];
@@ -26471,12 +26471,14 @@ var VISUAL_PAGE_RULES = `- Write one self-contained HTML file with inline <style
 - Let content set the height. Never use 100vh, height:100%, or min-height:100vh on html, body, or the outer element; publishing refuses a page whose height follows the frame. Give charts fixed pixel heights.
 - Color everything with the theme variables so the page follows light and dark mode live: --foreground, --muted-foreground (secondary text), --background, --muted (subtle fills), --accent, --border, --primary and --primary-foreground (Replicas green), --destructive, --warning, --code-background, --code-foreground, and --chart-1 to --chart-6 for series (use them in order and label series directly). Never hardcode a light or dark palette. A canvas or chart library that needs literal colors can read them with getComputedStyle(document.documentElement) and redraw on matchMedia("(prefers-color-scheme: dark)") changes.
 - Text is 13px General Sans, like the chat; --font-sans and --font-mono are set. Keep Replicas' flat look: separate sections with 1px var(--border) lines or var(--muted) fills, without shadows or rounded cards. Use var(--radius) only on small controls.
+- A mockup of a specific product's UI, such as a client's app or a competitor's screen, is the exception: give it its own panel with at least 16px of padding and use that product's real colors, fonts, corners, and shadows inside it, so it looks like the product. Everything around the panel follows the rules above.
 - Interaction is welcome: hover details, tabs, toggles, sliders. Links open in a new browser tab.
 - Keep the top-right corner (about 110\xD740px) free of anything essential: the chat shows the visual's actions there on hover.`;
 var THEME_FRAGMENT_KEY = "replicas-theme";
 var HOST_CONTEXT_CHANGED_METHOD = "ui/notifications/host-context-changed";
 var SIZE_CHANGED_METHOD = "ui/notifications/size-changed";
 var OPEN_LINK_METHOD = "ui/open-link";
+var OPEN_IMAGE_METHOD = "replicas/open-image";
 function visualThemeFragment(theme) {
   return `#${THEME_FRAGMENT_KEY}=${encodeURIComponent(JSON.stringify(theme))}`;
 }
@@ -26524,6 +26526,23 @@ var BOOTSTRAP_SCRIPT = `
     }, true);
   }
   if (!framed && !nativeView) return;
+  window.addEventListener('click', (event) => {
+    const image = event.composedPath()[0];
+    if (!event.isTrusted || event.defaultPrevented || !(image instanceof HTMLImageElement) || image.closest('a[href], button')) return;
+    let src = image.currentSrc || image.src;
+    if (/^blob:/i.test(src) || (nativeView && /^data:image\\/svg|\\.svg(?:[?#]|$)/i.test(src))) {
+      try {
+        const canvas = document.createElement('canvas');
+        canvas.width = (image.naturalWidth || image.width) * 2;
+        canvas.height = (image.naturalHeight || image.height) * 2;
+        canvas.getContext('2d').drawImage(image, 0, 0, canvas.width, canvas.height);
+        src = canvas.toDataURL('image/png');
+      } catch {
+        return;
+      }
+    }
+    if (src) post({ jsonrpc: '2.0', method: '${OPEN_IMAGE_METHOD}', params: { src, name: image.alt } });
+  });
   let reportedHeight;
   const reportHeight = () => {
     const height = ${VISUAL_CONTENT_HEIGHT_EXPRESSION};
@@ -29023,7 +29042,7 @@ var headlessAgentRequestSchema = external_exports.object({
 });
 
 // ../shared/src/cli-version.ts
-var CLI_VERSION = "0.3.143";
+var CLI_VERSION = "0.3.144";
 
 // ../shared/src/version.ts
 function compareVersions(v1, v2) {

package/package.json

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