From 1c09acf515331504fdb7d0d61fed3077452a0348 Mon Sep 17 00:00:00 2001
From: fuomag9 <1580624+fuomag9@users.noreply.github.com>
Date: Sat, 8 Nov 2025 14:37:50 +0100
Subject: [PATCH] fix not being able to  create multiple proxy hosts in
 succession without needing to refresh the page

also add recommendation for not disabling Set Host Header
---
 .../proxy-hosts/ProxyHostsClient.tsx          | 21 ++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/app/(dashboard)/proxy-hosts/ProxyHostsClient.tsx b/app/(dashboard)/proxy-hosts/ProxyHostsClient.tsx
index 252f35b3..4eebdbb7 100644
--- a/app/(dashboard)/proxy-hosts/ProxyHostsClient.tsx
+++ b/app/(dashboard)/proxy-hosts/ProxyHostsClient.tsx
@@ -67,6 +67,7 @@ const AUTHENTIK_DEFAULT_TRUSTED_PROXIES = ["private_ranges"];
 
 export default function ProxyHostsClient({ hosts, certificates, accessLists, authentikDefaults }: Props) {
   const [createOpen, setCreateOpen] = useState(false);
+  const [createDialogKey, setCreateDialogKey] = useState(0);
   const [editHost, setEditHost] = useState<ProxyHost | null>(null);
   const [deleteHost, setDeleteHost] = useState<ProxyHost | null>(null);
 
@@ -74,6 +75,11 @@ export default function ProxyHostsClient({ hosts, certificates, accessLists, aut
     await toggleProxyHostAction(id, enabled);
   };
 
+  const handleOpenCreate = () => {
+    setCreateDialogKey(prev => prev + 1);
+    setCreateOpen(true);
+  };
+
   return (
     <Stack spacing={4} sx={{ width: "100%" }}>
       <Stack direction="row" justifyContent="space-between" alignItems="flex-start" spacing={2}>
@@ -95,7 +101,7 @@ export default function ProxyHostsClient({ hosts, certificates, accessLists, aut
         <Button
           variant="contained"
           startIcon={<AddIcon />}
-          onClick={() => setCreateOpen(true)}
+          onClick={handleOpenCreate}
           sx={{
             bgcolor: "rgba(99, 102, 241, 0.9)",
             "&:hover": { bgcolor: "rgba(99, 102, 241, 1)" }
@@ -218,6 +224,7 @@ export default function ProxyHostsClient({ hosts, certificates, accessLists, aut
       </TableContainer>
 
       <CreateHostDialog
+        key={createDialogKey}
         open={createOpen}
         onClose={() => setCreateOpen(false)}
         certificates={certificates}
@@ -689,8 +696,9 @@ function AuthentikFields({
             <HiddenCheckboxField
               name="authentik_set_host_header"
               defaultChecked={setHostHeaderDefault}
-              label="Set Host Header"
+              label="Set Host Header for Outpost"
               disabled={!enabled}
+              helperText="Recommended: Keep enabled. Only disable if using IP-based outpost access or troubleshooting routing issues."
             />
           </Stack>
         </Collapse>
@@ -703,12 +711,14 @@ function HiddenCheckboxField({
   name,
   defaultChecked,
   label,
-  disabled
+  disabled,
+  helperText
 }: {
   name: string;
   defaultChecked: boolean;
   label: string;
   disabled?: boolean;
+  helperText?: string;
 }) {
   return (
     <Box>
@@ -729,6 +739,11 @@ function HiddenCheckboxField({
         label={<Typography variant="body2">{label}</Typography>}
         disabled={disabled}
       />
+      {helperText && (
+        <Typography variant="caption" color="text.secondary" sx={{ display: "block", ml: 4, mt: -0.5 }}>
+          {helperText}
+        </Typography>
+      )}
     </Box>
   );
 }