// Button loading-state helpers ported from mnw.js:343,407. The delegated HTMX
// loading listeners (beforeRequest/afterRequest/etc.) live in htmx-glue (Phase-1
// cutover); these two are the reusable pieces feature code calls directly.

/**
 * Resolve the button that should reflect loading state for an interaction.
 * Preference: the element itself if it's a `<button>`, else the submit/primary
 * button in the closest form. Ported from mnw.js:343.
 */
export function resolveHtmxLoadingButton(elt: Element | null | undefined): HTMLButtonElement | null {
  if (elt && elt.tagName === 'BUTTON') return elt as HTMLButtonElement;
  const form = elt?.closest?.('form');
  return form ? form.querySelector<HTMLButtonElement>('button[type="submit"], .primary') : null;
}

/**
 * Wrap an async operation with button loading state for plain `fetch()` flows
 * (non-HTMX), restoring text + enabled state on completion regardless of
 * outcome. Ported from mnw.js:407.
 */
export function withLoadingState<T>(
  btn: HTMLButtonElement | null,
  loadingText: string,
  fn: () => Promise<T> | T,
): Promise<T> {
  if (!btn) return Promise.resolve().then(fn);
  const origText = btn.textContent;
  const origDisabled = btn.disabled;
  btn.textContent = loadingText;
  btn.disabled = true;
  return Promise.resolve()
    .then(fn)
    .finally(() => {
      btn.textContent = origText;
      btn.disabled = origDisabled;
    });
}