webdav token regeneration

frontend/src/settings/SettingsModal.jsx

@@ -19,9 +19,11 @@ const SettingsModal = ({
   loading = false,
   creating = false,
   deletingId = null,
+  regeneratingId = null,
   onRefresh,
   onCreate,
   onDelete,
+  onRegenerate,
   createdToken = null,
   onDismissCreatedToken,
   passkeys = [],
@@ -147,6 +149,16 @@ const SettingsModal = ({
     [newTokenExpires, newTokenLabel, onCreate],
   );
 
+  const handleRegenerateToken = useCallback(
+    async (token) => {
+      if (!token?.id) {
+        return;
+      }
+      await onRegenerate?.(token.id);
+    },
+    [onRegenerate],
+  );
+
   const renderWebdavSection = useMemo(() => {
     const hasTokens = Array.isArray(tokens) && tokens.length > 0;
 
@@ -240,14 +252,28 @@ const SettingsModal = ({
                       {isRevoked ? (
                         <span className="settings-status">Revoked</span>
                       ) : (
-                        <button
-                          type="button"
-                          className="danger"
-                          onClick={() => onDelete?.(token.id)}
-                          disabled={deletingId === token.id}
-                        >
-                          {deletingId === token.id ? 'Revoking…' : 'Revoke'}
-                        </button>
+                        <>
+                          <button
+                            type="button"
+                            className="secondary"
+                            onClick={() => handleRegenerateToken(token)}
+                            disabled={
+                              regeneratingId === token.id || deletingId === token.id
+                            }
+                          >
+                            {regeneratingId === token.id ? 'Regenerating…' : 'Regenerate'}
+                          </button>
+                          <button
+                            type="button"
+                            className="danger"
+                            onClick={() => onDelete?.(token.id)}
+                            disabled={
+                              deletingId === token.id || regeneratingId === token.id
+                            }
+                          >
+                            {deletingId === token.id ? 'Revoking…' : 'Revoke'}
+                          </button>
+                        </>
                       )}
                     </td>
                   </tr>
@@ -264,12 +290,14 @@ const SettingsModal = ({
     createdToken,
     creating,
     deletingId,
+    regeneratingId,
     newTokenLabel,
     newTokenExpires,
     formError,
     formatDateTime,
     handleCopyToken,
     handleCreateToken,
+    handleRegenerateToken,
     handleRefresh,
     onDelete,
     handleDismissSecret,