refactor: split modules and harden scraping workflows

web/src/components/PasswordDialog.tsx

@@ -1,28 +1,13 @@
 import { FormEvent, useState } from 'react'
-import { createRoot } from 'react-dom/client'
 import { KeyRound } from 'lucide-react'
 
-type PasswordOptions = {
+export type PasswordOptions = {
   title?: string
   message?: string
   confirmText?: string
 }
 
-export function requestPassword(options: PasswordOptions): Promise<string | null> {
-  return new Promise((resolve) => {
-    const host = document.createElement('div')
-    document.body.appendChild(host)
-    const root = createRoot(host)
-    const close = (value: string | null) => {
-      root.unmount()
-      host.remove()
-      resolve(value)
-    }
-    root.render(<PasswordDialog options={options} onClose={close} />)
-  })
-}
-
-function PasswordDialog({
+export function PasswordDialog({
   options,
   onClose,
 }: {