fix(ui): defer showModal until dialog is connected to DOM

ui/src/ui/views/skills.test.ts

@@ -100,6 +100,8 @@ describe("renderSkills", () => {
 
   it("opens detail dialogs and routes ClawHub actions", async () => {
     const container = document.createElement("div");
+    document.body.append(container);
+    dialogRestores.push(() => container.remove());
     const onDetailClose = vi.fn();
     const showModal = vi.fn(function (this: HTMLDialogElement) {
       this.setAttribute("open", "");

ui/src/ui/views/skills.ts

@@ -28,7 +28,15 @@ function showDialogWhenClosed(el?: Element) {
   if (!(el instanceof HTMLDialogElement) || el.open) {
     return;
   }
-  el.showModal();
+  if (el.isConnected) {
+    el.showModal();
+  } else {
+    queueMicrotask(() => {
+      if (el.isConnected && !el.open) {
+        el.showModal();
+      }
+    });
+  }
 }
 
 export type SkillsStatusFilter = "all" | "ready" | "needs-setup" | "disabled";