Scrollable tables, specify multi-part filename, fix required prop in prompt, better tab padding

src-web/lib/confirm.ts

@@ -5,20 +5,21 @@ import { showDialog } from './dialog';
 
 type ConfirmArgs = {
   id: string;
-} & Pick<DialogProps, 'title' | 'description'> &
+} & Pick<DialogProps, 'title' | 'description' | 'size'> &
   Pick<ConfirmProps, 'color' | 'confirmText' | 'requireTyping'>;
 
 export async function showConfirm({
   color,
   confirmText,
   requireTyping,
+  size = 'sm',
   ...extraProps
 }: ConfirmArgs) {
   return new Promise((onResult: ConfirmProps['onResult']) => {
     showDialog({
       ...extraProps,
       hideX: true,
-      size: 'sm',
+      size,
       disableBackdropClose: true, // Prevent accidental dismisses
       render: ({ hide }) => Confirm({ onHide: hide, color, onResult, confirmText, requireTyping }),
     });