update namespace usage.

Author: wildone

.gitignore

@@ -1,2 +1,3 @@
 node_modules/
-dist/
+dist/
+.hub

opendevin.ps1

@@ -0,0 +1,7 @@
+
+# Public
+#docker run -it --pull=always -e SANDBOX_USER_ID=$(id -u) -e PERSIST_SANDBOX="true" -e SSH_PASSWORD="changeit" -e WORKSPACE_MOUNT_PATH=${PWD} -v ${PWD}:/opt/workspace_base -v ${PWD}/.hub:/home/enduser/.cache/huggingface/hub -v /var/run/docker.sock:/var/run/docker.sock -p 5001:3000 --add-host host.docker.internal:host-gateway --name opendevin-app-$(date +%Y%m%d%H%M%S) ghcr.io/opendevin/opendevin:0.6
+
+# Local
+docker run -it --pull=always -e SANDBOX_USER_ID=$(id -u) -e WORKSPACE_DIR="./workspace" -e LLM_EMBEDDING_MODEL="local" -e LLM_API_KEY="ollama" -e LLM_BASE_URL="http://host.docker.internal:11434" -e PERSIST_SANDBOX="true" -e SSH_PASSWORD="changeit" -e WORKSPACE_MOUNT_PATH=${PWD} -v ${PWD}:/opt/workspace_base -v ${PWD}/.hub:/home/enduser/.cache/huggingface/hub -v /var/run/docker.sock:/var/run/docker.sock -p 5001:3000 --add-host host.docker.internal:host-gateway --name opendevin-app-$(date +%Y%m%d%H%M%S) ghcr.io/opendevin/opendevin:0.6
+

src/html/content.html

@@ -22,15 +22,21 @@
 }
 
 #index_svg {
-    height: 100%;
+    border: 1px solid black;
+    height: calc(100%);
+    width: calc(100%);
 }
 
 #object_form {
-    height: 100%;
+    border: 1px solid black;
+    height: calc(100%);
+    width: calc(100%);
 }
 
 #working_svg {
-    height: 100%;
+    border: 1px solid black;
+    height: calc(100%);
+    width: calc(100%);
 }
 
 </style>

src/js/graph.js

@@ -80,6 +80,9 @@ window.Widgets.Graph = {};
 
     options.$object_form = $component.find('#object_form');
     options.$working_svg = $component.find('#working_svg');
+
+
+
     //
     // Step 1: Setup the 3 svg's and the tooltip
     options.promotable_svg = d3.select('#object_form')
@@ -591,29 +594,29 @@ window.Widgets.Graph = {};
         // .selectAll('.plinks')]);
         options.promo_svg
           .selectAll('.plinks')
-          .attr('x1', (d) => d.source.vx)
-          .attr('y1', (d) => d.source.vy)
-          .attr('x2', (d) => d.target.vx)
-          .attr('y2', (d) => d.target.vy);
+          .attr('x1', (d) => d.source.x)
+          .attr('y1', (d) => d.source.y)
+          .attr('x2', (d) => d.target.x)
+          .attr('y2', (d) => d.target.y);
 
         options.promo_svg
           .selectAll('.pnodes')
-          .attr('x', (d) => d.vx - options.radius / 2)
-          .attr('y', (d) => d.vy - options.radius / 2);
+          .attr('x', (d) => d.x - options.radius / 2)
+          .attr('y', (d) => d.y - options.radius / 2);
 
         options.promo_svg.selectAll('.pedgepath').attr(
           'd',
           function(d) {
             //console.log('pedgepath->', d);
             return (
               'M ' +
-              d.source.vx +
+              d.source.x +
               ' ' +
-              d.source.vy +
+              d.source.y +
               ' L ' +
-              d.target.vx +
+              d.target.x +
               ' ' +
-              d.target.vy
+              d.target.y
             );
           },
           // (d) =>
@@ -650,13 +653,13 @@ window.Widgets.Graph = {};
           console.log('sedgepath->', d);
           return (
             'M ' +
-            d.source.vx +
+            d.source.x +
             ' ' +
-            d.source.vy +
+            d.source.y +
             ' L ' +
-            d.target.vx +
+            d.target.x +
             ' ' +
-            d.target.vy
+            d.target.y
           );
         },
         // (d) =>