fix: connector label editing (#12282)

Fixes [BS-3373](https://linear.app/affine-design/issue/BS-3373/connector%E7%9A%84%E5%8F%8C%E5%87%BB%E6%B7%BB%E5%8A%A0note%E8%A1%8C%E4%B8%BA%E5%8F%97%E5%88%B0%E4%BA%86%E8%A6%86%E7%9B%96%E8%8C%83%E5%9B%B4%E7%9A%84%E5%BD%B1%E5%93%8D)

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->
## Summary by CodeRabbit

- **New Features**
  - Connector label elements now include identity and creator metadata.

- **Bug Fixes**
  - Improved hit-testing for pointer interactions, resulting in more accurate detection of hovered elements.

- **Refactor**
  - Enhanced internal comparison logic for elements, improving sorting and ordering consistency.
  - Strengthened type definitions for search filters, improving result accuracy and clarity.

- **Tests**
  - Added end-to-end tests to verify correct label entry and retrieval for multiple connectors.
  - Introduced utility functions to fetch connector labels and improved connector creation in test actions.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

blocksuite/framework/std/src/gfx/grid.ts

@@ -65,6 +65,14 @@ const typeFilters = {
     model instanceof GfxLocalElementModel,
 };
 
+export type BuiltInFilterModelMap = {
+  block: GfxBlockElementModel;
+  canvas: GfxPrimitiveElementModel;
+  local: GfxLocalElementModel;
+};
+
+export type BuiltInFilterType = keyof typeof typeFilters;
+
 type FilterFunc = (model: GfxModel | GfxLocalElementModel) => boolean;
 
 export class GridManager extends GfxExtension {
@@ -280,7 +288,7 @@ export class GridManager extends GfxExtension {
    * @param bound
    * @param options
    */
-  search<T extends keyof typeof typeFilters>(
+  search<T extends BuiltInFilterType = 'canvas' | 'block'>(
     bound: IBound,
     options?: {
       /**
@@ -297,16 +305,16 @@ export class GridManager extends GfxExtension {
        */
       filter?: (T | FilterFunc)[] | FilterFunc;
     }
-  ): T extends 'local'[] ? (GfxModel | GfxLocalElementModel)[] : GfxModel[];
-  search<T extends keyof typeof typeFilters>(
+  ): BuiltInFilterModelMap[T][];
+  search<T extends BuiltInFilterType = 'canvas' | 'block'>(
     bound: IBound,
     options: {
       strict?: boolean | undefined;
       useSet: true;
       filter?: (T | FilterFunc)[] | FilterFunc;
     }
-  ): T extends 'local'[] ? Set<GfxModel | GfxLocalElementModel> : Set<GfxModel>;
-  search<T extends keyof typeof typeFilters>(
+  ): Set<BuiltInFilterModelMap[T]>;
+  search<T extends BuiltInFilterType = 'canvas' | 'block'>(
     bound: IBound,
     options: {
       strict?: boolean;

blocksuite/framework/std/src/gfx/interactivity/gfx-view-event-handler.ts

@@ -66,7 +66,29 @@ export class GfxViewEventManager {
       .search(new Bound(x - 5, y - 5, 10, 10), {
         filter: ['canvas', 'local'],
       })
-      .map(model => this.gfx.view.get(model)) as GfxElementModelView[];
+      .reduce((pre, model) => {
+        if (
+          model.includesPoint(
+            x,
+            y,
+            {
+              hitThreshold: 10,
+              responsePadding: [5, 5],
+            },
+            this.gfx.std.host
+          ) ||
+          ('externalBound' in model
+            ? model.externalBound?.isPointInBound([x, y])
+            : false)
+        ) {
+          const view = this.gfx.view.get(model) as GfxElementModelView | null;
+
+          view && pre.push(view);
+        }
+
+        return pre;
+      }, [] as GfxElementModelView[]);
+
     const currentStackedViews = new Set(this._hoveredElementsStack);
     const visited = new Set<GfxElementModelView>();
 

blocksuite/framework/std/src/gfx/model/surface/local-element-model.ts

@@ -13,7 +13,7 @@ import { mutex } from 'lib0';
 
 import type { EditorHost } from '../../../view/index.js';
 import type { GfxCompatibleInterface, PointTestOptions } from '../base.js';
-import type { GfxGroupModel } from '../model.js';
+import type { GfxGroupModel, GfxModel } from '../model.js';
 import type { SurfaceBlockModel } from './surface-model.js';
 
 export function prop<V, T extends GfxLocalElementModel>() {
@@ -61,6 +61,8 @@ export abstract class GfxLocalElementModel implements GfxCompatibleInterface {
 
   abstract readonly type: string;
 
+  creator: GfxModel | null = null;
+
   get deserializedXYWH() {
     if (!this._local.has('deserializedXYWH')) {
       const xywh = this.xywh;