Add file-kind icons to the GPX tree, fix drop into an empty panel

Each tree entry now shows a small waypoint/track icon based on a
cheap substring check for <wpt>/<trk> (Maptool::Gpx.kinds) rather than
a full REXML parse, since re-parsing a several-thousand-waypoint file
on every tree fetch would make the panel noticeably slower to open.

Also fix a real drop-target bug: .gpx-tree had no flex:1, so a
short/empty tree left blank panel space below it that wasn't part of
the drag & drop target — dropping a file there silently did nothing.

public/js/gpx.js

@@ -1,5 +1,5 @@
 import { Popup } from "/vendor/maplibre-gl/maplibre-gl.mjs";
-import { GPX_ICON, NEW_FOLDER_ICON, UPLOAD_ICON } from "/js/icons.js";
+import { GPX_ICON, NEW_FOLDER_ICON, UPLOAD_ICON, WAYPOINT_ICON, TRACK_ICON } from "/js/icons.js";
 import { notifySidePanelOpen, onlyOneSidePanelOpen } from "/js/panels.js";
 
 const TREE_URL = "/api/gpx/tree";
@@ -205,9 +205,11 @@ export class GpxPanelControl {
     checkbox.checked = this._visible.has(file.path);
     checkbox.addEventListener("change", () => this._toggleFile(file.path, checkbox.checked));
     const name = document.createElement("span");
+    name.className = "gpx-tree__file-name";
     name.textContent = file.name;
     name.title = file.name;
     label.appendChild(checkbox);
+    (file.kinds || []).forEach((kind) => label.appendChild(this._kindIcon(kind)));
     label.appendChild(name);
     row.appendChild(label);
     row.appendChild(this._deleteButton(() => this._deleteFile(file.path)));
@@ -215,6 +217,19 @@ export class GpxPanelControl {
     return row;
   }
 
+  _kindIcon(kind) {
+    const icon = document.createElement("span");
+    icon.className = "gpx-tree__kind-icon";
+    if (kind === "waypoint") {
+      icon.innerHTML = WAYPOINT_ICON;
+      icon.title = "Has waypoints";
+    } else {
+      icon.innerHTML = TRACK_ICON;
+      icon.title = "Has a track";
+    }
+    return icon;
+  }
+
   _deleteButton(onClick) {
     const button = document.createElement("button");
     button.type = "button";

public/js/icons.js

@@ -37,3 +37,13 @@ export const UPLOAD_ICON = `
   <path d="M12 15V4M8 8l4-4 4 4"/>
   <path d="M4 15v3a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-3"/>
 </svg>`;
+
+// Shown next to each file in the GPX tree, indicating whether it has
+// waypoints, a track, or both.
+export const WAYPOINT_ICON = `
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M12 21s7-7.58 7-12a7 7 0 0 0-14 0c0 4.42 7 12 7 12z"/>
+  <circle cx="12" cy="9" r="2.2"/>
+</svg>`;
+
+export const TRACK_ICON = GPX_ICON;