@mindstudio-ai/remy 0.1.10 → 0.1.11

package/dist/headless.js

@@ -1985,6 +1985,7 @@ var restartProcessTool = {
   async execute(input) {
     const data = await lspRequest("/restart-process", { name: input.name });
     if (data.ok) {
+      await new Promise((resolve) => setTimeout(resolve, 5e3));
       return `Restarted ${input.name}.`;
     }
     return `Error: unexpected response: ${JSON.stringify(data)}`;
@@ -2613,7 +2614,7 @@ function sample(arr, n) {
 function getDesignResearchPrompt() {
   const fonts = sample(fontData.fonts, 30);
   const pairings = sample(fontData.pairings, 20);
-  const images = sample(inspirationImages, 40);
+  const images = sample(inspirationImages, 15);
   const fontList = fonts.map((f) => {
     const tags = f.tags.length ? ` (${f.tags.join(", ")})` : "";
     let cssInfo = "";
@@ -2645,7 +2646,7 @@ ${pairingList}
   const inspirationSection = images.length ? `<inspiration_images>
 ## Design inspiration
 
-A random sample of pre-analyzed design references. Use these observations to inform your recommendations.
+A random sample of pre-analyzed design references. Use these observations to inform your recommendations and build something creative, unique, and compelling.
 
 ${imageList}
 </inspiration_images>` : "";
@@ -2657,7 +2658,7 @@ ${imageList}
 
 // src/subagents/designExpert/index.ts
 var DESCRIPTION = `
-A dedicated visual design expert. You have a lot on your plate as a coding agent, and design is a specialized skill \u2014 delegate visual design questions here rather than making those decisions yourself. This agent has curated font catalogs, color theory knowledge, access to design inspiration galleries, and strong opinions about what looks good. It can answer from expertise alone or research the web when needed.
+A dedicated visual design expert. You have a lot on your plate as a coding agent, and design is a specialized skill \u2014 delegate visual design here rather than making those decisions yourself. This agent has curated font catalogs, color theory knowledge, access to design inspiration galleries, ability to create beautiful photos and images, and strong opinions about what looks good. It can answer from expertise alone or research the web when needed.
 
 The visual design expert can be used for all things visual design, from quick questions to comprehensive plans:
 - Font selection and pairings ("suggest fonts for a <x> app")
@@ -2665,12 +2666,12 @@ The visual design expert can be used for all things visual design, from quick qu
 - Gradient, animation, and visual effect recommendations
 - Layout and composition ideas that go beyond generic AI defaults
 - Analyzing a reference site or screenshot for design insights (it can take screenshots and do research on its own)
-- Sourcing imagery: stock photos, AI-generated images, or product screenshots for reference
+- Beautiful layout images or photos
 - Icon recommendations
 - Proposing full visual directions during intake
 
 **How to write the task:**
-Include context about the app \u2014 what it does, who uses it, what mood or feeling the interface should convey. More context produces better results. For quick questions ("three font pairings for a <x> app"), brief is fine. You can ask for multiple topics, multiple options, etc.
+Include context about the app \u2014 what it does, who uses it, what mood or feeling the interface should convey. If the user has any specific requirements, be sure to include them. The agent can not see your conversation with the user, so you need to include all details. More context produces better results. For quick questions ("three font pairings for a <x> app"), brief is fine. You can ask for multiple topics, multiple options, etc.
 
 **What it returns:**
 Concrete resources: hex values, font names with CSS URLs, image URLs, layout descriptions. Use the results directly in brand spec files or as guidance when building the interface.
@@ -3020,9 +3021,10 @@ function startStatusWatcher(config) {
   const { apiConfig, getContext, onStatus, interval = 3e3, signal } = config;
   let lastLabel = "";
   let inflight = false;
+  let stopped = false;
   const url = `${apiConfig.baseUrl}/_internal/v2/agent/remy/generate-status`;
   async function tick() {
-    if (signal?.aborted || inflight) {
+    if (stopped || signal?.aborted || inflight) {
       return;
     }
     inflight = true;
@@ -3067,6 +3069,9 @@ function startStatusWatcher(config) {
         return;
       }
       lastLabel = data.label;
+      if (stopped) {
+        return;
+      }
       log.debug("Status watcher: emitting", { label: data.label });
       onStatus(data.label);
     } catch (err) {
@@ -3081,6 +3086,7 @@ function startStatusWatcher(config) {
   log.debug("Status watcher started", { interval });
   return {
     stop() {
+      stopped = true;
       clearInterval(timer);
       log.debug("Status watcher stopped");
     }

package/dist/index.js

@@ -1897,6 +1897,7 @@ var init_restartProcess = __esm({
       async execute(input) {
         const data = await lspRequest("/restart-process", { name: input.name });
         if (data.ok) {
+          await new Promise((resolve) => setTimeout(resolve, 5e3));
           return `Restarted ${input.name}.`;
         }
         return `Error: unexpected response: ${JSON.stringify(data)}`;
@@ -2562,7 +2563,7 @@ function sample(arr, n) {
 function getDesignResearchPrompt() {
   const fonts = sample(fontData.fonts, 30);
   const pairings = sample(fontData.pairings, 20);
-  const images = sample(inspirationImages, 40);
+  const images = sample(inspirationImages, 15);
   const fontList = fonts.map((f) => {
     const tags = f.tags.length ? ` (${f.tags.join(", ")})` : "";
     let cssInfo = "";
@@ -2594,7 +2595,7 @@ ${pairingList}
   const inspirationSection = images.length ? `<inspiration_images>
 ## Design inspiration
 
-A random sample of pre-analyzed design references. Use these observations to inform your recommendations.
+A random sample of pre-analyzed design references. Use these observations to inform your recommendations and build something creative, unique, and compelling.
 
 ${imageList}
 </inspiration_images>` : "";
@@ -2636,7 +2637,7 @@ var init_designExpert = __esm({
     init_tools2();
     init_prompt2();
     DESCRIPTION = `
-A dedicated visual design expert. You have a lot on your plate as a coding agent, and design is a specialized skill \u2014 delegate visual design questions here rather than making those decisions yourself. This agent has curated font catalogs, color theory knowledge, access to design inspiration galleries, and strong opinions about what looks good. It can answer from expertise alone or research the web when needed.
+A dedicated visual design expert. You have a lot on your plate as a coding agent, and design is a specialized skill \u2014 delegate visual design here rather than making those decisions yourself. This agent has curated font catalogs, color theory knowledge, access to design inspiration galleries, ability to create beautiful photos and images, and strong opinions about what looks good. It can answer from expertise alone or research the web when needed.
 
 The visual design expert can be used for all things visual design, from quick questions to comprehensive plans:
 - Font selection and pairings ("suggest fonts for a <x> app")
@@ -2644,12 +2645,12 @@ The visual design expert can be used for all things visual design, from quick qu
 - Gradient, animation, and visual effect recommendations
 - Layout and composition ideas that go beyond generic AI defaults
 - Analyzing a reference site or screenshot for design insights (it can take screenshots and do research on its own)
-- Sourcing imagery: stock photos, AI-generated images, or product screenshots for reference
+- Beautiful layout images or photos
 - Icon recommendations
 - Proposing full visual directions during intake
 
 **How to write the task:**
-Include context about the app \u2014 what it does, who uses it, what mood or feeling the interface should convey. More context produces better results. For quick questions ("three font pairings for a <x> app"), brief is fine. You can ask for multiple topics, multiple options, etc.
+Include context about the app \u2014 what it does, who uses it, what mood or feeling the interface should convey. If the user has any specific requirements, be sure to include them. The agent can not see your conversation with the user, so you need to include all details. More context produces better results. For quick questions ("three font pairings for a <x> app"), brief is fine. You can ask for multiple topics, multiple options, etc.
 
 **What it returns:**
 Concrete resources: hex values, font names with CSS URLs, image URLs, layout descriptions. Use the results directly in brand spec files or as guidance when building the interface.
@@ -3049,9 +3050,10 @@ function startStatusWatcher(config) {
   const { apiConfig, getContext, onStatus, interval = 3e3, signal } = config;
   let lastLabel = "";
   let inflight = false;
+  let stopped = false;
   const url = `${apiConfig.baseUrl}/_internal/v2/agent/remy/generate-status`;
   async function tick() {
-    if (signal?.aborted || inflight) {
+    if (stopped || signal?.aborted || inflight) {
       return;
     }
     inflight = true;
@@ -3096,6 +3098,9 @@ function startStatusWatcher(config) {
         return;
       }
       lastLabel = data.label;
+      if (stopped) {
+        return;
+      }
       log.debug("Status watcher: emitting", { label: data.label });
       onStatus(data.label);
     } catch (err) {
@@ -3110,6 +3115,7 @@ function startStatusWatcher(config) {
   log.debug("Status watcher started", { interval });
   return {
     stop() {
+      stopped = true;
       clearInterval(timer);
       log.debug("Status watcher stopped");
     }

package/dist/prompt/sources/frontend-design-notes.md

@@ -83,6 +83,7 @@ Interfaces run fullscreen in the user's browser or a wrapped webview mobile app.
 - **No long scrolling pages.** Use structured layouts: cards, split panes, steppers, tabs, grouped sections that fit the viewport. The interface should feel like a single-purpose tool, not a document.
 - **On mobile**, scrolling may be necessary, but use sticky headers, fixed CTAs, and anchored navigation to keep key actions within reach.
 - Think of every screen as something the user opens, uses, and closes — not something they read.
+- Even landing pages can be creative. Resist the urge to default to boring bootstrap-style landinage page elements - simple, tired grids, cliche testimonials rows, etc. - be creative and use the ideas from the inspiration to craft something truly compelling and modern.
 
 ## Visual Design
 
@@ -108,6 +109,7 @@ Layout shift is never acceptable. Elements jumping around as content loads or st
 - Loading-to-loaded transitions should swap content in-place without changing container size.
 - Buttons must not change size during loading states. Use a fixed width or `min-width`, and swap the label for a spinner or short text that fits the same space. "Submit" becoming "Submitting..." should not make the button wider and push adjacent elements around.
 - Conditional UI should use opacity/overlay transitions, not insertion into flow that displaces existing content.
+- This is especially important to keep in mind when building things that display AI generated text, especially if the text streams in. Make sure to never shift layout because of streaming AI text.
 
 ## Responsive Design
 

package/dist/subagents/designExpert/prompt.md

@@ -4,10 +4,6 @@
 {{prompts/frontend-design-notes.md}}
 </frontend_design_standards>
 
-{{fonts_to_consider}}
-
-{{inspiration_images}}
-
 <design_guidelines>
 {{prompts/icons.md}}
 {{prompts/images.md}}
@@ -16,4 +12,8 @@
 {{prompts/layout.md}}
 </design_guidelines>
 
+{{fonts_to_consider}}
+
+{{inspiration_images}}
+
 {{prompts/instructions.md}}

package/dist/subagents/designExpert/prompts/frontend-design-notes.md

@@ -83,6 +83,7 @@ Interfaces run fullscreen in the user's browser or a wrapped webview mobile app.
 - **No long scrolling pages.** Use structured layouts: cards, split panes, steppers, tabs, grouped sections that fit the viewport. The interface should feel like a single-purpose tool, not a document.
 - **On mobile**, scrolling may be necessary, but use sticky headers, fixed CTAs, and anchored navigation to keep key actions within reach.
 - Think of every screen as something the user opens, uses, and closes — not something they read.
+- Even landing pages can be creative. Resist the urge to default to boring bootstrap-style landinage page elements - simple, tired grids, cliche testimonials rows, etc. - be creative and use the ideas from the inspiration to craft something truly compelling and modern.
 
 ## Visual Design
 
@@ -108,6 +109,7 @@ Layout shift is never acceptable. Elements jumping around as content loads or st
 - Loading-to-loaded transitions should swap content in-place without changing container size.
 - Buttons must not change size during loading states. Use a fixed width or `min-width`, and swap the label for a spinner or short text that fits the same space. "Submit" becoming "Submitting..." should not make the button wider and push adjacent elements around.
 - Conditional UI should use opacity/overlay transitions, not insertion into flow that displaces existing content.
+- This is especially important to keep in mind when building things that display AI generated text, especially if the text streams in. Make sure to never shift layout because of streaming AI text.
 
 ## Responsive Design
 

package/dist/subagents/designExpert/prompts/identity.md

@@ -26,6 +26,8 @@ Sometimes you already know the answer. If asked for font pairings for a poetry a
 
 Include concrete resources (URLs, hex values, font names with CSS links) in your responses. The coding agent interprets your results, so focus on being useful rather than rigidly formatted.
 
+When giving longer responses like full design plans, be sure to include specific notes from <frontend_design_standards> for things the coding agent should pay extra close attention to as it builds the project.
+
 ### Color palettes
 
 3 or 4 brand colors with evocative names (not CSS property names like "Background" or "Border"). The `description` field is short and functional — what the color is used for, not why you chose it. Keep descriptions under 10 words.

package/dist/subagents/designExpert/prompts/images.md

@@ -1,12 +1,14 @@
 ## Photos and Images
 
+When the design calls for imagery, include actual image URLs so the coding agent can use them immediately. Prefer images with strong subjects: people, scenes - dramatic, eye catching, and beautiful.
+
 Not every interface needs images. A productivity dashboard, a finance tool, or a data-heavy app is better served by strong typography, color, and layout than by shoehorned photography. Use images when they genuinely add to the experience — landing pages, marketing sites, content-driven apps — not as decoration on every project.
 
-When your design does call for imagery — hero sections, backgrounds, feature showcases, about pages — include actual image URLs so the coding agent can use them immediately.
+Do not provide images as "references" - images must be ready-to-use assets that can be included directly in the design.
 
 ### Two sources
 
-**AI-generated photos and images** (`generateImages`) — Seedream produces high-quality results for both photorealistic images and abstract/creative visuals. You have full control over the output: style, composition, colors, mood. When generating multiple images, batch them in a single `generateImages` call — they run in parallel. Images are hosted on MindStudio CDN and ready for production use and dynamic resizing.
+**AI-generated photos and images** (`generateImages`) — Seedream produces high-quality results for both photorealistic images and abstract/creative visuals. You have full control over the output: style, composition, colors, mood. When generating multiple images, batch them in a single `generateImages` call — they run in parallel. Generated images are production assets, not mockups or concepts — they are hosted on MindStudio CDN at full resolution and will be used directly in the final interface.
 
 **Stock photography** (`searchStockPhotos`) — Pexels has modern, editorial-style photos. Useful for quick placeholders, mockups, or when you need a specific real-world subject (a specific city, a recognizable object, etc.). Write specific queries: "person writing in notebook at minimalist desk, natural light" not "office."
 
@@ -17,11 +19,13 @@ Lead with the visual style, then describe the content. This order helps the mode
 **Structure:** Style/medium first, then subject, then details.
 - "Digital photography, soft natural window light, shallow depth of field. A ceramic coffee cup on a marble countertop, morning light casting long shadows, warm tones."
 - "Flat vector illustration, clean lines, limited color palette. An isometric view of a workspace with a laptop, plant, and notebook."
-- "Abstract digital art, fluid gradients, high contrast. Deep navy (#0A1628) flowing into warm amber (#D4A574), organic liquid shapes, editorial feel."
+- "Abstract digital art, fluid gradients, high contrast. Deep navy flowing into warm amber, organic liquid shapes, editorial feel."
 
 **For photorealistic images:** Specify the photography style (editorial, portrait, product, aerial), lighting (natural, studio, golden hour, direct flash), and camera characteristics (close-up, wide angle, shallow depth of field, slightly grainy texture).
 
-**Avoid:** Describing positions of arms, legs, or specific limb arrangements — this confuses image models. Focus on the overall scene, mood, and composition instead.
+**Avoid:**
+- Hex codes in prompts — the model renders them as visible text. Describe colors by name instead.
+- Describing positions of arms, legs, or specific limb arrangements — this confuses image models.
 
 ### What makes good photos and images
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindstudio-ai/remy",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "description": "MindStudio coding agent",
   "repository": {
     "type": "git",