fix(lint): exclude gauge needles/pointers from connector_motion_detached

A gauge needle/pointer/tick is a one-end-anchored indicator, not a
node-to-node connector; a separate gauge check owns it. Skip a connector
whose element or group ancestor id/class matches needle|pointer|gauge|tick|
indicator, and skip gauge-indicator geometry (endpoint pivots near an SVG
arc/hub centre with the loose end radially outward). A defective radial
connector points the other way so it still fires. Clears the fuzz080 gauge
false positive; fuzz011 detach still fires (0 FP across the 81-sample corpus).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Author: xuanruli

packages/cli/src/commands/layout-audit.browser.js

@@ -1739,11 +1739,22 @@
   // short strokes are filtered out so only real diagram connectors count.
   const CONNECTOR_MIN_SVG_PX = 100;
   const CONNECTOR_MIN_LEN_PX = 60;
+  // Gauge needles/pointers/ticks are one-end-anchored indicators, not node-to-node
+  // connectors — a separate (gauge) check owns them. Skip by id/class of the line
+  // or any group ancestor up to the SVG.
+  const CONNECTOR_INDICATOR_NAME = /needle|pointer|gauge|tick|indicator/i;
   const CONNECTOR_NODE_MIN_AREA = 400;
   // SVG dots/markers are small; keep the floor low but above sub-pixel decoration.
   const CONNECTOR_NODE_MIN_DOT_AREA = 16;
   const CONNECTOR_NODE_CAP = 300;
 
+  function isIndicatorConnector(line, svg) {
+    for (let node = line; node && node !== svg.parentElement; node = node.parentElement) {
+      if (CONNECTOR_INDICATOR_NAME.test(connectorNameFor(node))) return true;
+    }
+    return false;
+  }
+
   function lineScreenEndpoints(svg, line) {
     if (typeof line.getScreenCTM !== "function" || typeof svg.createSVGPoint !== "function") {
       return null;
@@ -1821,6 +1832,7 @@
       for (const line of Array.from(svg.querySelectorAll("line, path"))) {
         if (line.closest(CONNECTOR_SKIP_CONTAINERS)) continue;
         if (!isVisibleElement(line, 0.05)) continue;
+        if (isIndicatorConnector(line, svg)) continue;
         const ends =
           line.tagName.toLowerCase() === "line"
             ? lineScreenEndpoints(svg, line)

packages/cli/src/utils/checkPipeline.connectorMotionDetached.test.ts

@@ -105,6 +105,56 @@ describe("detectConnectorMotionDetached", () => {
     expect(detectConnectorMotionDetached(frames, CANVAS)).toHaveLength(0);
   });
 
+  it("does not fire on a gauge needle: anchored at the arc centre, loose end radially outward", () => {
+    // Arc ring centred at 900,500; needle base on the hub near centre, tip out
+    // past the arc — a pointer, not a broken connector.
+    const hub: ConnectorNodeBox = {
+      selector: "#hub",
+      left: 890,
+      top: 490,
+      right: 910,
+      bottom: 510,
+      ring: false,
+    };
+    const arc: ConnectorNodeBox = {
+      selector: "#arc",
+      left: 700,
+      top: 300,
+      right: 1100,
+      bottom: 700,
+      ring: true,
+    };
+    const frames = [0, 2, 4, 6, 8].map((time) =>
+      frame(time, { selector: "#needle", ax: 900, ay: 500, bx: 900, by: 180 }, [hub, arc]),
+    );
+    expect(detectConnectorMotionDetached(frames, CANVAS)).toHaveLength(0);
+  });
+
+  it("still fires on a radial connector drifting toward the centre (not outward)", () => {
+    // Anchored on a peripheral node; loose end drifts inward to empty space near
+    // a ring centre — the fuzz011 shape, opposite of a gauge pointer.
+    const peripheral: ConnectorNodeBox = {
+      selector: "#panel",
+      left: 120,
+      top: 120,
+      right: 260,
+      bottom: 200,
+      ring: false,
+    };
+    const arc: ConnectorNodeBox = {
+      selector: "#arc",
+      left: 700,
+      top: 300,
+      right: 1100,
+      bottom: 700,
+      ring: true,
+    };
+    const frames = [0, 2, 4, 6, 8].map((time) =>
+      frame(time, { selector: "#spoke", ax: 180, ay: 160, bx: 900, by: 500 }, [peripheral, arc]),
+    );
+    expect(detectConnectorMotionDetached(frames, CANVAS)).toHaveLength(1);
+  });
+
   it("still fires when the loose end sits in a ring's hollow centre", () => {
     // End B at the ring centre 900,500 is ~200px from its perimeter → dangling.
     const frames = [0, 2, 4, 6, 8].map((time) =>