yes

packages/frontend/src/lib/components/NotificationTargetConfig/NotificationTargetConfig.svelte

@@ -5,6 +5,7 @@
   import { onMount } from "svelte"
   import { Button } from "../ui/button"
   import { Input } from "../ui/input"
+  import RedactedText from "../RedactedText.svelte"
 
   interface NotificationTarget {
     id: number
@@ -55,7 +56,7 @@
   <Table.Body>
     {#each targets as target}
       <Table.Row>
-        <Table.Cell class="font-mono">{target.appriseUrl}</Table.Cell>
+        <Table.Cell class="font-mono"><RedactedText text={target.appriseUrl} /></Table.Cell>
         <Table.Cell class="text-right">
           <Button on:click={() => deleteTarget(target.id)} variant="destructive" size="sm" title="Delete">
             <FontAwesomeIcon icon={faTrash} />

packages/frontend/src/lib/components/RedactedText.svelte

@@ -0,0 +1,25 @@
+<script lang="ts">
+  import { FontAwesomeIcon } from "@fortawesome/svelte-fontawesome"
+  import Button from "./ui/button/button.svelte"
+  import { faEye, faEyeSlash } from "@fortawesome/free-solid-svg-icons"
+
+  export let text: string = "REDACTED"
+
+  function toggle() {
+    redacted = !redacted
+  }
+
+  let redacted = true
+  $: renderedText = redacted ? new Array(text.length).join("•") : text
+</script>
+
+<span {...$$restProps}>
+  <Button size="sm" variant="ghost" on:click={toggle}>
+    {#if redacted}
+      <FontAwesomeIcon icon={faEye} />
+    {:else}
+      <FontAwesomeIcon icon={faEyeSlash} />
+    {/if}
+  </Button>
+  {renderedText}
+</span>