feat: improve backup management, settings UI, and Twilio webhooks

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

apps/Frontend/src/components/database-management/backup-destination-manager.tsx

@@ -105,7 +105,10 @@ export function BackupDestinationManager() {
   const backupNowMutation = useMutation({
     mutationFn: async () => {
       const res = await apiRequest("POST", "/api/database-management/backup-path");
-      if (!res.ok) throw new Error((await res.json()).error || "Backup failed");
+      if (!res.ok) {
+        const body = await res.json();
+        throw new Error(body.details || body.error || "Backup failed");
+      }
       return res.json();
     },
     onSuccess: (data) => {

apps/Frontend/src/components/database-management/folder-browser-modal.tsx

@@ -25,7 +25,7 @@ interface FolderBrowserModalProps {
 
 export function FolderBrowserModal({ open, onClose, onSelect }: FolderBrowserModalProps) {
   const [browsePath, setBrowsePath] = useState("/");
-  const [selected, setSelected] = useState<string | null>(null);
+  const [selected, setSelected] = useState<string>("/");
 
   const { data, isLoading, isError } = useQuery<BrowseResult>({
     queryKey: ["/db/browse", browsePath],
@@ -41,15 +41,13 @@ export function FolderBrowserModal({ open, onClose, onSelect }: FolderBrowserMod
   });
 
   const handleNavigate = (path: string) => {
-    setSelected(null);
+    setSelected(path);
     setBrowsePath(path);
   };
 
   const handleConfirm = () => {
-    if (selected) {
-      onSelect(selected);
-      onClose();
-    }
+    onSelect(selected);
+    onClose();
   };
 
   return (
@@ -120,7 +118,7 @@ export function FolderBrowserModal({ open, onClose, onSelect }: FolderBrowserMod
           <Button variant="outline" onClick={onClose}>
             Cancel
           </Button>
-          <Button onClick={handleConfirm} disabled={!selected}>
+          <Button onClick={handleConfirm}>
             Select Folder
           </Button>
         </DialogFooter>

apps/Frontend/src/components/database-management/import-database-section.tsx

@@ -82,7 +82,7 @@ export function ImportDatabaseSection() {
         </CardHeader>
         <CardContent className="space-y-4">
           <p className="text-sm text-gray-500">
-            Restore the database from a <span className="font-medium text-gray-700">.sql</span> backup file.
+            Restore the database from a <span className="font-medium text-gray-700">.sql</span> or <span className="font-medium text-gray-700">.zip</span> backup file.
             This will overwrite all existing data.
           </p>
 
@@ -90,7 +90,7 @@ export function ImportDatabaseSection() {
             <input
               ref={fileInputRef}
               type="file"
-              accept=".sql"
+              accept=".sql,.zip"
               onChange={handleFileChange}
               className="block text-sm text-gray-600 file:mr-3 file:py-1.5 file:px-3 file:rounded file:border file:border-gray-300 file:text-sm file:bg-white file:text-gray-700 hover:file:bg-gray-50 cursor-pointer"
             />