Make ID identification clearer

project/chat.py

@@ -552,13 +552,13 @@ def create_gradio_interface():
     SYSTEM_PROMPT = f"""You are an AI assistant that helps users build **MCP servers** using Blockly blocks.
 
     You'll receive the workspace state in this format:
-    `blockId → block_name(inputs(input_name: value))`
+    `↿ blockId ↾ block_name(inputs(input_name: value))`
 
-    Block ID parsing: Block IDs are everything before ` → ` (space-arrow-space). IDs are always complex/long strings.
-    Example: `?fHZRh^|us|9bECO![$= → text(inputs(TEXT: "hello"))`, ID is `?fHZRh^|us|9bECO![$=`
+    Block ID parsing: Block IDs are everything between `↿` and `↾`. IDs are always complex/long strings.
+    Example: `↿ ?fHZRh^|us|9bECO![$= ↾ text(inputs(TEXT: "hello"))`, ID is `?fHZRh^|us|9bECO![$=`
     
     Special cases:
-    - `create_mcp` and `func_def` use `blockId → block_name(inputs(input_name: type), outputs(output_name: value))`
+    - `create_mcp` and `func_def` use `↿ blockId ↾ block_name(inputs(input_name: type), outputs(output_name: value))`
     - Indentation or nesting shows logic hierarchy (like loops or conditionals).
 
     ---
@@ -583,11 +583,11 @@ def create_gradio_interface():
     ---
 
     ### Deleting Blocks
-    - Each block starts with its ID, like `blockId → block_name(...)`.
+    - Each block starts with its ID, like `↿ blockId ↾ block_name(...)`.
     - To delete a block, specify its block ID.
     - Any block except the main `create_mcp` block can be deleted.
 
-    `blockId → code`
+    `↿ blockId ↾ code`
 
     Use the exact ID from the workspace.
 
@@ -684,7 +684,7 @@ def create_gradio_interface():
     ### Variables
     Variables appear as:
 
-    `varId → varName`
+    `↿ varId ↾ varName`
 
     ---
 

project/src/generators/chat.js

@@ -70,8 +70,8 @@ forBlock['create_mcp'] = function (block, generator) {
   let body = generator.statementToCode(block, 'BODY');
 
   // Construct the create_mcp call with inputs and outputs
-  // Include block ID for deletion tracking with arrow separator
-  let code = `${block.id} → create_mcp(inputs(${inputParams.join(', ')}), outputs(${outputParams.join(', ')}))`
+  // Include block ID for deletion tracking with bounded separator
+  let code = `↿ ${block.id} ↾ create_mcp(inputs(${inputParams.join(', ')}), outputs(${outputParams.join(', ')}))`
 
   // Add the function body
   if (body) {
@@ -120,8 +120,8 @@ forBlock['func_def'] = function (block, generator) {
   let body = generator.statementToCode(block, 'BODY');
 
   // Construct the func_def call with inputs and outputs
-  // Include block ID for deletion tracking with arrow separator
-  let code = `${block.id} → ${name}(inputs(${inputParams.join(', ')}), outputs(${outputParams.join(', ')}))`
+  // Include block ID for deletion tracking with bounded separator
+  let code = `↿ ${block.id} ↾ ${name}(inputs(${inputParams.join(', ')}), outputs(${outputParams.join(', ')}))`
 
   // Add the function body
   if (body) {
@@ -257,7 +257,7 @@ chatGenerator.blockToCode = function (block, opt_thisOnly) {
       }
 
       // Generate the controls_if call with conditions
-      let code = `${block.id} → ${blockType}(inputs(${inputs.join(', ')}))`;
+      let code = `↿ ${block.id} ↾ ${blockType}(inputs(${inputs.join(', ')}))`;
 
       // Now get all the statement blocks with proper formatting
       // DO0, DO1, etc. are indented under the if
@@ -326,8 +326,8 @@ chatGenerator.blockToCode = function (block, opt_thisOnly) {
       }
     }
 
-    // Generate the standard format: name(inputs(...)) with block ID and arrow separator
-    const code = `${block.id} → ${blockType}(inputs(${inputs.join(', ')}))`;
+    // Generate the standard format: name(inputs(...)) with block ID and bounded separator
+    const code = `↿ ${block.id} ↾ ${blockType}(inputs(${inputs.join(', ')}))`;
 
     // Handle statement inputs (for blocks that have a body)
     let statements = '';
@@ -359,7 +359,7 @@ chatGenerator.blockToCode = function (block, opt_thisOnly) {
         return [valueCode, this.ORDER_ATOMIC];
       } else {
         // When standalone (not connected), include the ID
-        const standaloneCode = `${block.id} → ${blockType}(inputs(${inputs.join(', ')}))`;
+        const standaloneCode = `↿ ${block.id} ↾ ${blockType}(inputs(${inputs.join(', ')}))`;
         // For standalone value blocks, we need to return them as statement-like
         // but still maintain the value block return format for Blockly
         return [standaloneCode, this.ORDER_ATOMIC];

project/src/index.js

@@ -1239,7 +1239,7 @@ const updateCode = () => {
 
   // Variable map (unchanged)
   const vars = ws.getVariableMap().getAllVariables();
-  globalVarString = vars.map(v => `${v.id} → ${v.name}`).join("\n");
+  globalVarString = vars.map(v => `↿ ${v.id} ↾ ${v.name}`).join("\n");
 
   const codeEl = document.querySelector('#generatedCode code');