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 }),
     });

src-web/lib/prompt.ts

@@ -18,11 +18,13 @@ export async function showPrompt({
   description,
   cancelText,
   confirmText,
+  required,
   ...props
 }: PromptArgs) {
   const inputs: FormInput[] = [
     {
       ...props,
+      optional: !required,
       type: 'text',
       name: 'value',
     },