Adress all reviewer feedback

web_src/js/features/repo-settings-actions.ts

@@ -0,0 +1,24 @@
+export function initRepoSettingsActionsPermissions(): void {
+  const radios = document.querySelectorAll<HTMLInputElement>(
+    'input[name="token_permission_mode"]',
+  );
+  if (!radios.length) return;
+
+  function toggleCustom(): void {
+    const customPerms = document.querySelector<HTMLElement>('#custom-permissions');
+    if (!customPerms) return;
+
+    const selected = document.querySelector<HTMLInputElement>(
+      'input[name="token_permission_mode"]:checked',
+    );
+
+    customPerms.style.display =
+      selected?.value === 'custom' ? 'block' : 'none';
+  }
+
+  for (const radio of radios) {
+    radio.addEventListener('change', toggleCustom);
+  }
+
+  toggleCustom();
+}

web_src/js/index-domready.ts

@@ -64,6 +64,7 @@ import {initGlobalButtonClickOnEnter, initGlobalButtons, initGlobalDeleteButton}
 import {initGlobalComboMarkdownEditor, initGlobalEnterQuickSubmit, initGlobalFormDirtyLeaveConfirm} from './features/common-form.ts';
 import {callInitFunctions} from './modules/init.ts';
 import {initRepoViewFileTree} from './features/repo-view-file-tree.ts';
+import {initRepoSettingsActionsPermissions} from './features/repo-settings-actions.ts';
 
 const initStartTime = performance.now();
 const initPerformanceTracer = callInitFunctions([
@@ -158,6 +159,7 @@ const initPerformanceTracer = callInitFunctions([
   initOAuth2SettingsDisableCheckbox,
 
   initRepoFileView,
+  initRepoSettingsActionsPermissions,
 ]);
 
 // it must be the last one, then the "querySelectorAll" only needs to be executed once for global init functions.