capsapi

frontend/src/app/SettingsRoute.jsx

@@ -27,20 +27,27 @@ const SettingsRoute = () => {
     creating,
     deletingId,
     regeneratingId,
-    updatingId,
     createdSecret,
     refresh,
+    refreshCapabilitySets,
     create,
     revoke,
     regenerate,
-    updateCapabilities,
     dismissSecret,
+    capabilitySets,
+    capabilitySetsLoading,
   } = useApiTokens({ api, token, notifyApiError, setStatusMessage });
 
   useEffect(() => {
     refresh();
+    refreshCapabilitySets();
     refreshPasskeys();
-  }, [refresh, refreshPasskeys]);
+  }, [refresh, refreshCapabilitySets, refreshPasskeys]);
+
+  const handleRefresh = useCallback(() => {
+    refresh();
+    refreshCapabilitySets();
+  }, [refresh, refreshCapabilitySets]);
 
   const handleClose = useCallback(() => {
     dismissSecret();
@@ -71,14 +78,14 @@ const SettingsRoute = () => {
       creating={creating}
       deletingId={deletingId}
       regeneratingId={regeneratingId}
-      updatingId={updatingId}
-      onRefresh={refresh}
+      onRefresh={handleRefresh}
       onCreate={create}
       onDelete={revoke}
       onRegenerate={regenerate}
-      onUpdateCapabilities={updateCapabilities}
       createdToken={createdSecret}
       onDismissCreatedToken={dismissSecret}
+      capabilitySets={capabilitySets}
+      capabilitySetsLoading={capabilitySetsLoading}
       passkeys={passkeys}
       passkeysSupported={passkeysSupported}
       passkeysLoading={passkeysLoading}