@mindstudio-ai/remy 0.1.6 → 0.1.8

package/dist/compiled/design.md

@@ -23,6 +23,55 @@ everywhere. This makes the design easy to update later without hunting
 through components. Keep it simple: a handful of CSS variables for colors
 and a few reusable text style classes or utilities for typography.
 
+**When these blocks are present, always use the defined fonts and colors in
+generated code.** Do not pick your own fonts or colors when the spec defines
+them. Reference colors semantically (as CSS variables or named constants)
+rather than scattering raw hex values through the codebase.
+
+### Colors block format
+
+A `` ```colors `` fenced block declares named colors with hex values and
+descriptions. Each color has a capitalized name, a `value`, and a
+`description`:
+
+```
+Background:
+  value: "#0A0A0A"
+  description: Page background
+Primary:
+  value: "#3B82F6"
+  description: Buttons, links, active states
+Text:
+  value: "#F5F5F7"
+  description: Primary text
+```
+
+### Typography block format
+
+A `` ```typography `` fenced block declares fonts (with source URLs) and
+named type styles:
+
+```
+fonts:
+  Cabinet Grotesk:
+    src: https://fonts.googleapis.com/css2?family=Cabinet+Grotesk:wght@400;600;700
+
+styles:
+  Heading:
+    font: Cabinet Grotesk
+    size: 28px
+    weight: 600
+    letterSpacing: -0.02em
+    lineHeight: 1.2
+    description: Section headings, page titles
+  Body:
+    font: Cabinet Grotesk
+    size: 16px
+    weight: 400
+    lineHeight: 1.5
+    description: Default paragraph text
+```
+
 ## Be Distinctive
 
 AI-generated interfaces tend to converge on the same generic look: safe

package/dist/headless.js

@@ -347,17 +347,24 @@ The current date is ${now}.
   {{compiled/msfm.md}}
 </mindstudio_flavored_markdown_spec_docs>
 
-${isLspConfigured() ? `<typescript_lsp>
-{{static/lsp.md}}
-</typescript_lsp>` : ""}
-
 <project_context>
 ${projectContext}
 </project_context>
 
+<intake_mode_instructions>
 {{static/intake.md}}
+</intake_mode_instructions>
 
+<spec_authoring_instructions>
 {{static/authoring.md}}
+</spec_authoring_instructions>
+
+<code_authoring_instructions>
+{{static/coding.md}}
+${isLspConfigured() ? `<typescript_lsp>
+{{static/lsp.md}}
+</typescript_lsp>` : ""}
+</code_authoring_instructions>
 
 {{static/instructions.md}}
 
@@ -1252,22 +1259,24 @@ var writeFileTool = {
     }
   },
   streaming: /* @__PURE__ */ (() => {
-    let lastLineCount = 0;
+    let lastNewlineCount = 0;
     let lastPath = "";
     return {
       transform: async (partial) => {
-        if (partial.path !== lastPath) {
-          lastLineCount = 0;
+        const newlineCount = partial.content.split("\n").length - 1;
+        if (partial.path !== lastPath || newlineCount < lastNewlineCount) {
+          lastNewlineCount = 0;
           lastPath = partial.path;
         }
-        const lines = partial.content.split("\n");
-        if (lines.length <= lastLineCount) {
+        if (newlineCount <= lastNewlineCount) {
           return null;
         }
-        lastLineCount = lines.length;
+        lastNewlineCount = newlineCount;
+        const lastNewline = partial.content.lastIndexOf("\n");
+        const completeContent = partial.content.substring(0, lastNewline + 1);
         const oldContent = await fs10.readFile(partial.path, "utf-8").catch(() => "");
-        return `Writing ${partial.path} (${lines.length} lines)
-${unifiedDiff(partial.path, oldContent, partial.content)}`;
+        return `Writing ${partial.path} (${newlineCount} lines)
+${unifiedDiff(partial.path, oldContent, completeContent)}`;
       }
     };
   })(),
@@ -1772,7 +1781,7 @@ import { exec as exec3 } from "child_process";
 var askMindStudioSdkTool = {
   definition: {
     name: "askMindStudioSdk",
-    description: "Ask the MindStudio SDK assistant about actions, AI models, connectors, and integrations. Returns code examples with correct method signatures, model IDs, and config options. Use this instead of guessing SDK usage from memory. Describe what you need, not what API methods you need; the assistant will figure out the right approach. This runs its own LLM call so it has a few seconds of latency; batch related questions into a single query.",
+    description: "Ask the MindStudio SDK assistant about available actions, AI models, connectors, and integrations using natural language. Returns code examples with correct method signatures, model IDs, and config options. Always use this to verify correct SDK usage, especially model IDs and configuration options. Describe what you need, not what API methods you need; the assistant will figure out the right approach. This runs its own LLM call so it has a few seconds of latency; batch multiple questions into a single query.",
     inputSchema: {
       type: "object",
       properties: {

package/dist/index.js

@@ -1053,22 +1053,24 @@ var init_writeFile = __esm({
         }
       },
       streaming: /* @__PURE__ */ (() => {
-        let lastLineCount = 0;
+        let lastNewlineCount = 0;
         let lastPath = "";
         return {
           transform: async (partial) => {
-            if (partial.path !== lastPath) {
-              lastLineCount = 0;
+            const newlineCount = partial.content.split("\n").length - 1;
+            if (partial.path !== lastPath || newlineCount < lastNewlineCount) {
+              lastNewlineCount = 0;
               lastPath = partial.path;
             }
-            const lines = partial.content.split("\n");
-            if (lines.length <= lastLineCount) {
+            if (newlineCount <= lastNewlineCount) {
               return null;
             }
-            lastLineCount = lines.length;
+            lastNewlineCount = newlineCount;
+            const lastNewline = partial.content.lastIndexOf("\n");
+            const completeContent = partial.content.substring(0, lastNewline + 1);
             const oldContent = await fs7.readFile(partial.path, "utf-8").catch(() => "");
-            return `Writing ${partial.path} (${lines.length} lines)
-${unifiedDiff(partial.path, oldContent, partial.content)}`;
+            return `Writing ${partial.path} (${newlineCount} lines)
+${unifiedDiff(partial.path, oldContent, completeContent)}`;
           }
         };
       })(),
@@ -1676,7 +1678,7 @@ var init_askMindStudioSdk = __esm({
     askMindStudioSdkTool = {
       definition: {
         name: "askMindStudioSdk",
-        description: "Ask the MindStudio SDK assistant about actions, AI models, connectors, and integrations. Returns code examples with correct method signatures, model IDs, and config options. Use this instead of guessing SDK usage from memory. Describe what you need, not what API methods you need; the assistant will figure out the right approach. This runs its own LLM call so it has a few seconds of latency; batch related questions into a single query.",
+        description: "Ask the MindStudio SDK assistant about available actions, AI models, connectors, and integrations using natural language. Returns code examples with correct method signatures, model IDs, and config options. Always use this to verify correct SDK usage, especially model IDs and configuration options. Describe what you need, not what API methods you need; the assistant will figure out the right approach. This runs its own LLM call so it has a few seconds of latency; batch multiple questions into a single query.",
         inputSchema: {
           type: "object",
           properties: {
@@ -2954,17 +2956,24 @@ The current date is ${now}.
   {{compiled/msfm.md}}
 </mindstudio_flavored_markdown_spec_docs>
 
-${isLspConfigured() ? `<typescript_lsp>
-{{static/lsp.md}}
-</typescript_lsp>` : ""}
-
 <project_context>
 ${projectContext}
 </project_context>
 
+<intake_mode_instructions>
 {{static/intake.md}}
+</intake_mode_instructions>
 
+<spec_authoring_instructions>
 {{static/authoring.md}}
+</spec_authoring_instructions>
+
+<code_authoring_instructions>
+{{static/coding.md}}
+${isLspConfigured() ? `<typescript_lsp>
+{{static/lsp.md}}
+</typescript_lsp>` : ""}
+</code_authoring_instructions>
 
 {{static/instructions.md}}
 

package/dist/static/coding.md

@@ -0,0 +1,29 @@
+## Code Authoring
+
+### Code Style and Formatting
+- Write code that is highly readable and easy to follow.
+- Use inline comments to make code easy to scan and reason about.
+- Write clean, modern, bug-free, and well-organized TypeScript.
+- Match the scope of changes to what was asked. Solve the current problem with the minimum code required. A bug fix is just a bug fix, not an opportunity to refactor the surrounding code. A new feature is just that feature, not a reason to introduce abstractions for hypothetical future needs. Prefer repeating a few lines of straightforward code over creating a helper that's only used once.
+
+### Verification
+After editing code, check your work with `lspDiagnostics` or by reading the file back. After a big build or significant changes, do a lightweight runtime check to catch the things static analysis misses (schema mismatches, missing imports, bad queries):
+
+- Seed test data with `runScenario`, then spot-check the primary method or two with `runMethod`. The dev database is a disposable snapshot, so don't worry about being destructive.
+- For frontend work, take a single `screenshot` to confirm the main view renders correctly or look at the browser log for any console errors in the user's preview.
+- Use `runAutomatedBrowserTest` to verify an interactive flow that you can't confirm from a screenshot, or when the user reports something broken that you can't identify from code alone.
+
+Aim for confidence that the core happy paths work. If the 80% case is solid, the remaining edge cases are likely fine and the user can surface them in chat. Don't screenshot every page, test every permutation, or verify every secondary flow. One or two runtime checks that confirm the app loads and data flows through is enough.
+
+### Process Logs
+Process logs are available at `.logs/` for debugging:
+  - `.logs/tunnel.log`: method execution, schema sync, session lifecycle, platform connection
+  - `.logs/devServer.log`: frontend build errors, HMR, module resolution failures
+  - `.logs/requests.ndjson`: structured NDJSON log of every method and scenario execution with full input, output, errors (including stack traces), console output, and duration. Use `tail -5 .logs/requests.ndjson | jq .` or `grep '"success":false' .logs/requests.ndjson | jq .` to inspect.
+  - `.logs/browser.ndjson`: browser-side events captured from the web preview. Includes console output, uncaught JS errors with stack traces, failed network requests, and user interactions (clicks). Use `grep '"type":"error"' .logs/browser.ndjson | jq .` to find frontend errors.
+
+### MindStudio SDK usage
+  - For any work involving AI models (text, image, video, TTS, transcription, etc), external actions like web scraping, searching Google, sending emails or SMS, or third-party API/Oauth connections to social media services, SaaS platforms, and other services, always prefer to use the `@mindstudio-ai/agent` SDK as it removes the need to research API methods, configure keys, tokens, retries, or require the user to create developer accounts/setup billing (they have a unified billing account for all services through MindStudio platform).
+  - Always use `askMindStudioSdk` to look up model IDs, action signatures, and config options before writing any code that calls the SDK. Model IDs change frequently across providers and guessing will produce invalid values, even if the ID looks plausible. 
+  - Always use `askMindStudioSdk` before writing a custom API connector to a third-party service. The tool will tell you if there is already a connector available, as well as whether or not the user has configured it to be ready fo use.
+  - Describe what you need in plain language and the assistant will return the correct method call with current parameters. You can including multiple requests in a single tool call.

package/dist/static/instructions.md

@@ -1,25 +1,28 @@
 ## Workflow
 1. **Understand first.** Read relevant files and check project structure before making changes.
 2. **Make changes.** Use the right tool for the job — tool descriptions explain when to use each one.
-3. **Verify.** After editing, check your work with lspDiagnostics or by reading the file back. After a big build or significant backend changes, verify at runtime: use `runScenario` to seed test data, then use `runMethod` to confirm things work. The dev database is a disposable snapshot, so don't worry about being destructive. This catches schema mismatches, missing imports, and bad queries that static checks won't find. For frontend work, you can use `screenshot` to visually check the result after significant layout changes. Use `runAutomatedBrowserTest` to smoke-test interactive flows after initial codegen, after major UI changes, or when the user reports something broken that you can't identify from code alone.
-4. **Iterate.** If something fails, read the error, diagnose the root cause, and try a different approach. Process logs are available at `.logs/` for debugging:
-   - `.logs/tunnel.log`: method execution, schema sync, session lifecycle, platform connection
-   - `.logs/devServer.log`: frontend build errors, HMR, module resolution failures
-   - `.logs/requests.ndjson`: structured NDJSON log of every method and scenario execution with full input, output, errors (including stack traces), console output, and duration. Use `tail -5 .logs/requests.ndjson | jq .` or `grep '"success":false' .logs/requests.ndjson | jq .` to inspect.
-   - `.logs/browser.ndjson`: browser-side events captured from the web preview. Includes console output, uncaught JS errors with stack traces, failed network requests, and user interactions (clicks). Use `grep '"type":"error"' .logs/browser.ndjson | jq .` to find frontend errors.
+3. **Verify.** Check your work after making changes.
+4. **Iterate.** If something fails, read the error, diagnose the root cause, and try a different approach.
 
 ## Principles
-- The spec is the source of truth. When in doubt, consult the spec before making code changes. When behavior changes, update the spec first.
-- Change only what the task requires. Match existing code style. Keep solutions simple.
+- The spec in `src/` is the source of truth. When in doubt, consult the spec before making code changes. When behavior changes, update the spec first.
+- Change only what the task requires. Match existing styles. Keep solutions simple.
 - Read files before editing them. Understand the context before making changes.
 - When the user asks you to make a change, execute it fully — all steps, no pausing for confirmation. Use `confirmDestructiveAction` to gate before destructive or irreversible actions (e.g., deleting data, resetting the database). For large changes that touch many files or involve significant design decisions, use `presentPlan` to get user approval first — but only when the scope genuinely warrants it or the user asks to see a plan. Most work should be done autonomously.
+- Work with what you already know. If you've read a file in this session, use what you learned rather than reading it again. If a subagent already researched something, use its findings. Every tool call costs time; prefer acting on information you have over re-gathering it.
 - After two failed attempts at the same approach, tell the user what's going wrong.
 - Pushing to main branch will trigger a deploy. Use git via bash when the user wants to deploy.
 
 ## Communication
-- Be direct and concise. The user can already see tool calls, so summarize outcomes, not steps.
-- Keep language accessible. Explain things in plain terms unless the user demonstrates technical fluency. Describe what the app *does*, not how it's implemented.
+The user can already see your tool calls, so most of your work is visible without narration. Focus text output on three things:
+- **Decisions that need input.** Questions, tradeoffs, ambiguity that blocks progress.
+- **Milestones.** What you built, what it looks like, what changed. Summarize in plain language rather than listing a per-file changelog.
+- **Errors or blockers.** Something failed or the approach needs to shift.
+
+Skip the rest: narrating what you're about to do, restating what the user asked, explaining tool calls they can already see.
+
+Style:
+- Keep language accessible. Describe what the app *does*, not how it's implemented, unless the user demonstrates technical fluency.
 - Always use full paths relative to the project root when mentioning files (`dist/interfaces/web/src/App.tsx`, not `App.tsx`). Paths will be rendered as clickable links for the user.
-- When summarizing changes, describe what you did in plain language rather than listing a per-file changelog.
 - Use inline `code` formatting only for things the user needs to type or search for.
-- Do not use emojis. Avoid em dashes in prose; use periods, commas, colons, or parentheses instead.
+- Avoid em dashes in prose; use periods, commas, colons, or parentheses instead. No emojis.

package/package.json

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