webdav token regeneration

frontend/src/app/AppLayout.jsx

@@ -322,6 +322,7 @@ const AppLayout = () => {
   const [webdavTokensLoading, setWebdavTokensLoading] = useState(false);
   const [creatingWebdavToken, setCreatingWebdavToken] = useState(false);
   const [deletingWebdavTokenId, setDeletingWebdavTokenId] = useState(null);
+  const [regeneratingWebdavTokenId, setRegeneratingWebdavTokenId] = useState(null);
   const [webdavTokenSecret, setWebdavTokenSecret] = useState(null);
   const [searchQuery, setSearchQuery] = useState('');
   const [activeTagFilters, setActiveTagFilters] = useState([]);
@@ -1597,6 +1598,47 @@ const AppLayout = () => {
     [refreshWebdavTokens, notifyApiError, setStatusMessage],
   );
 
+  const regenerateWebdavToken = useCallback(
+    async (tokenId) => {
+      if (!tokenId) {
+        return false;
+      }
+      setRegeneratingWebdavTokenId(tokenId);
+      try {
+        const { data } = await api.post(`/profile/webdav-tokens/${tokenId}/regenerate`);
+        if (data?.token_info) {
+          setWebdavTokens((previous) => {
+            let found = false;
+            const next = previous.map((entry) => {
+              if (entry.id === data.token_info.id) {
+                found = true;
+                return data.token_info;
+              }
+              return entry;
+            });
+            if (!found) {
+              return [data.token_info, ...previous];
+            }
+            return next;
+          });
+        } else {
+          await refreshWebdavTokens();
+        }
+        if (data?.token) {
+          setWebdavTokenSecret(data.token);
+        }
+        setStatusMessage('WebDAV token regenerated.', 'success');
+        return true;
+      } catch (error) {
+        notifyApiError(error, 'Failed to regenerate WebDAV token.');
+        return false;
+      } finally {
+        setRegeneratingWebdavTokenId(null);
+      }
+    },
+    [notifyApiError, refreshWebdavTokens, setStatusMessage],
+  );
+
   const dismissCreatedWebdavToken = useCallback(() => {
     setWebdavTokenSecret(null);
   }, []);
@@ -5040,9 +5082,11 @@ const AppLayout = () => {
       webdavTokensLoading,
       creatingWebdavToken,
       deletingWebdavTokenId,
+      regeneratingWebdavTokenId,
       refreshWebdavTokens,
       createWebdavToken,
       deleteWebdavToken,
+      regenerateWebdavToken,
       webdavTokenSecret,
       dismissCreatedWebdavToken,
       passkeys,
@@ -5098,9 +5142,11 @@ const AppLayout = () => {
       webdavTokensLoading,
       creatingWebdavToken,
       deletingWebdavTokenId,
+      regeneratingWebdavTokenId,
       refreshWebdavTokens,
       createWebdavToken,
       deleteWebdavToken,
+      regenerateWebdavToken,
       webdavTokenSecret,
       dismissCreatedWebdavToken,
       passkeys,

frontend/src/app/SettingsRoute.jsx

@@ -10,9 +10,11 @@ const SettingsRoute = () => {
     webdavTokensLoading,
     creatingWebdavToken,
     deletingWebdavTokenId,
+    regeneratingWebdavTokenId,
     refreshWebdavTokens,
     createWebdavToken,
     deleteWebdavToken,
+    regenerateWebdavToken,
     webdavTokenSecret,
     dismissCreatedWebdavToken,
     passkeys,
@@ -58,9 +60,11 @@ const SettingsRoute = () => {
       loading={webdavTokensLoading}
       creating={creatingWebdavToken}
       deletingId={deletingWebdavTokenId}
+      regeneratingId={regeneratingWebdavTokenId}
       onRefresh={refreshWebdavTokens}
       onCreate={createWebdavToken}
       onDelete={deleteWebdavToken}
+      onRegenerate={regenerateWebdavToken}
       createdToken={webdavTokenSecret}
       onDismissCreatedToken={dismissCreatedWebdavToken}
       passkeys={passkeys}