mock: 選択枠を太くし、最前面の描画層に移す(T-30 単位1)

選択枠と長押し候補の枠を NodeSvg の再帰から外し、ノードの描画より後に描く
PhySelectionLayer に移した。枠はワールド変換とローカル矩形から純粋関数
selectionFrames で求め、画面上3.5pxで描く。部品の選択表示は形状上に残す。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01TDkA8qMQ3Uf1eY3Ar19vjy

mock/src/ui/phy/PhyEditor.vue

@@ -7,6 +7,7 @@ import { reframe } from "../../domain/phyCommands";
 import { listDeleteReferences } from "../../domain/deleteCascade";
 import PhyTree from "./PhyTree.vue";
 import NodeSvg from "./NodeSvg.vue";
+import PhySelectionLayer from "./PhySelectionLayer.vue";
 import PhyToolbar from "./PhyToolbar.vue";
 import PhyProperties from "./PhyProperties.vue";
 import { normalizeSelection, nextGrid, insertionContainer, structuralNodes, visibleNodeIds } from "./logic";
@@ -374,7 +375,6 @@ function onFocus(_id: string) {
               :variants="variants"
               :cut="cut"
               :dim="false"
-              :long-candidate="longLabel ? (holdCandidates[holdIndex] ?? null) : null"
               :zoom="zoom"
               :angle="focusAngle(focus)"
               @down="down"
@@ -389,13 +389,19 @@ function onFocus(_id: string) {
             :variants="variants"
             :cut="cut"
             :dim="false"
-            :long-candidate="longLabel ? (holdCandidates[holdIndex] ?? null) : null"
             :zoom="zoom"
             :angle="0"
             @down="down"
             @badge="openBadge"
             @focus="onFocus"
           />
+          <PhySelectionLayer
+            :nodes="focus ? [node(focus)!] : project.phy.root"
+            :selected="selected"
+            :variants="variants"
+            :candidate="longLabel ? (holdCandidates[holdIndex] ?? null) : null"
+            :parent="focus ? focusParentMatrix(focus) : undefined"
+          />
         </g>
         <rect
           v-if="rangeBox"