Format polygon and polyline double click completion help text - PR_26133_068-polygon-polyline-completion-help-text

Author: DavidQ

tests/playwright/tools/WorkspaceManagerV2.spec.mjs

@@ -1524,6 +1524,8 @@ test.describe("Workspace Manager V2 bootstrap", () => {
             add: title("#objectVectorStudioV2AddObjectButton"),
             angle: title("#objectVectorStudioV2AngleSnapButton"),
             grid: title("#objectVectorStudioV2GridRenderButton"),
+            polygon: title("[data-shape-tool='polygon']"),
+            polyline: title("[data-shape-tool='polyline']"),
             rename: title("#objectVectorStudioV2RenameObjectButton"),
             shape: title("[data-shape-tool='rectangle']"),
             zoomIn: title("#objectVectorStudioV2ZoomInButton")
@@ -1644,6 +1646,8 @@ test.describe("Workspace Manager V2 bootstrap", () => {
         add: "Add a schema-valid object to the loaded payload",
         angle: "When enabled, the Rotate action rounds the entered rotation delta to 15 degree increments.",
         grid: "Show or hide the preview grid",
+        polygon: "Create a polygon shape on the selected object. Click to add points.\n\nDouble-click to finish.",
+        polyline: "Create a polyline shape on the selected object. Click to add points.\n\nDouble-click to finish.",
         rename: "Disabled until a schema-valid object is selected.",
         shape: "Create a rectangle shape on the selected object",
         zoomIn: "Zoom the work surface in"
@@ -3478,6 +3482,10 @@ test.describe("Workspace Manager V2 bootstrap", () => {
       await page.locator("#objectVectorStudioV2StrokeModeButton").click();
       await page.locator("[data-palette-color='#6fd3ff']").click();
 
+      await page.locator('[data-shape-tool="polygon"]').click();
+      await expect(page.locator("#statusLog")).toHaveValue(/OK Drawing mode selected: Polygon\. Click to add points\.\n\nDouble-click to finish\./);
+      await page.locator('[data-shape-tool="polyline"]').click();
+      await expect(page.locator("#statusLog")).toHaveValue(/OK Drawing mode selected: Polyline\. Click to add points\.\n\nDouble-click to finish\./);
       await page.locator('[data-shape-tool="rectangle"]').click();
       await expect(page.locator('[data-shape-tool="rectangle"]')).toHaveAttribute("aria-pressed", "true");
       await expect(page.locator("#objectVectorStudioV2RenderSurface")).toHaveClass(/is-drawing-mode/);

tools/object-vector-studio-v2/index.html

@@ -241,11 +241,11 @@ <h2 class="tools-platform-frame__eyebrow">First-Class Tools Surface V2</h2>
                 <span class="object-vector-studio-v2__shape-icon object-vector-studio-v2__shape-icon--picker" aria-hidden="true"></span>
                 <span class="object-vector-studio-v2__tool-label">Picker</span>
               </button>
-              <button class="object-vector-studio-v2__tool-toggle" type="button" aria-pressed="false" data-shape-tool="polygon" title="Create a polygon shape on the selected object">
+              <button class="object-vector-studio-v2__tool-toggle" type="button" aria-pressed="false" data-shape-tool="polygon" title="Create a polygon shape on the selected object. Click to add points.&#10;&#10;Double-click to finish.">
                 <span class="object-vector-studio-v2__shape-icon object-vector-studio-v2__shape-icon--polygon" aria-hidden="true"></span>
                 <span class="object-vector-studio-v2__tool-label">Polygon</span>
               </button>
-              <button class="object-vector-studio-v2__tool-toggle" type="button" aria-pressed="false" data-shape-tool="polyline" title="Create a polyline shape on the selected object">
+              <button class="object-vector-studio-v2__tool-toggle" type="button" aria-pressed="false" data-shape-tool="polyline" title="Create a polyline shape on the selected object. Click to add points.&#10;&#10;Double-click to finish.">
                 <span class="object-vector-studio-v2__shape-icon object-vector-studio-v2__shape-icon--polyline" aria-hidden="true"></span>
                 <span class="object-vector-studio-v2__tool-label">Polyline</span>
               </button>

tools/object-vector-studio-v2/js/ToolStarterApp.js

@@ -3375,7 +3375,10 @@ export class ToolStarterApp {
     this.drawingPreviewPoint = null;
     this.renderWorkSurface();
     const objectHint = this.selectedObject() ? "" : " Select a schema-valid object before committing geometry.";
-    this.statusLog.write(`OK Drawing mode selected: ${shapeTypeLabel(tool)}. Use canvas pointer input to create geometry.${objectHint}`);
+    const drawingHelp = ["polygon", "polyline"].includes(tool)
+      ? "Click to add points.\n\nDouble-click to finish."
+      : "Use canvas pointer input to create geometry.";
+    this.statusLog.write(`OK Drawing mode selected: ${shapeTypeLabel(tool)}. ${drawingHelp}${objectHint}`);
   }
 
   createDrawingState(tool) {