fix(frontend): end an overlay-scrollbar drag on pointercancel

A cancelled pointer stream (touch interruption, app switch) never fires
pointerup, so the drag state stayed on and the window listeners stayed
attached. The thumb also takes touch-action: none, so a touch drag moves
it instead of scrolling the page.

Also clarifies why modelLabel stops at the catalog's label and name: the
caller still has the schema's own title to try before the raw id.

Author: mmabrouk

web/oss/src/components/OverlayScrollbar/index.tsx

@@ -105,13 +105,17 @@ const OverlayScrollbar = ({target}: OverlayScrollbarProps) => {
                 const delta = ((moveEvent.clientY - startY) / travel) * scrollable
                 target.scrollTop = startScroll + delta
             }
+            // pointercancel too: a cancelled stream (touch interruption, app switch) never fires
+            // pointerup, which would leave the drag state on and the listeners attached.
             const onUp = () => {
                 setDragging(false)
                 window.removeEventListener("pointermove", onMove)
                 window.removeEventListener("pointerup", onUp)
+                window.removeEventListener("pointercancel", onUp)
             }
             window.addEventListener("pointermove", onMove)
             window.addEventListener("pointerup", onUp)
+            window.addEventListener("pointercancel", onUp)
         },
         [target, metrics],
     )
@@ -127,7 +131,8 @@ const OverlayScrollbar = ({target}: OverlayScrollbarProps) => {
                 role="presentation"
                 onPointerDown={handlePointerDown}
                 className={[
-                    "pointer-events-auto absolute right-0.5 w-1.5 cursor-default rounded-full",
+                    // touch-none so a touch drag moves the thumb instead of scrolling the page.
+                    "pointer-events-auto absolute right-0.5 w-1.5 cursor-default touch-none rounded-full",
                     "opacity-0 transition-opacity duration-150 group-hover:opacity-100",
                     scrolling || dragging ? "!opacity-100" : "",
                 ].join(" ")}

web/packages/agenta-entity-ui/src/DrillInView/SchemaControls/connectionUtils.ts

@@ -324,9 +324,9 @@ export function buildModelOptionGroups(
 }
 
 /**
- * The display label for a picked model id, from the harness's curated catalog. Same precedence as
- * the picker's options, so a summary line reads the way the picker did. Returns null when the id
- * is not in the catalog, so callers can fall back to whatever they showed before.
+ * The catalog's display label for a picked model id (`label`, then `name`). Null when the catalog
+ * has neither, so a caller can try the schema's own title before falling back to the raw id; the
+ * picker has no schema to consult, which is why it ends at `id` instead.
  */
 export function modelLabel(
     capabilities: HarnessCapabilitiesMap | null | undefined,