Replace browser popups with in-page dialogs; focus new-task prompt

2026-10-14 22:42:46 -07:00
parent 1dc09c77e0
commit 4ffdc1e517
32 changed files with 270 additions and 195 deletions
@@ -56,3 +56,29 @@ export function ago(iso: string): string {
 export function errorText(err: unknown): string {
  return err instanceof Error ? err.message : String(err);
 }
+
+function modal(text: string, buttons: { label: string; value: string; class?: string }[]): Promise<string> {
+  const actions = buttons.map((b) => h("button", { type: "submit", value: b.value, class: b.class ?? "" }, b.label));
+  const dialog = h("dialog", { class: "modal" }, h("form", { method: "dialog" }, h("p", { class: "modal-text" }, text), h("div", { class: "modal-actions" }, ...actions)));
+  document.body.append(dialog);
+  return new Promise((resolve) => {
+    dialog.onclose = () => {
+      dialog.remove();
+      resolve(dialog.returnValue);
+    };
+    dialog.showModal();
+    actions.at(-1)?.focus();
+  });
+}
+
+export async function showAlert(text: string): Promise<void> {
+  await modal(text, [{ label: "OK", value: "ok", class: "primary" }]);
+}
+
+export async function showConfirm(text: string, action: string, danger = false): Promise<boolean> {
+  const value = await modal(text, [
+    { label: "Cancel", value: "cancel" },
+    { label: action, value: "ok", class: danger ? "danger-primary" : "primary" },
+  ]);
+  return value === "ok";
+}