a room-key proposal signs the hash the verifier checks, and the ping's pill shortens a raw id

src/components/ProposalToast.svelte

@@ -7,6 +7,13 @@
     import Icon from "./Icon.svelte";
     import { proposalToast } from "../lib/state.svelte.js";
 
+    // Without a linked Soulseek name the backend can only give us the raw
+    // SoulStream ID, and a 44-character key runs the pill off the screen.
+    const who = $derived.by(() => {
+        const f = proposalToast.from ?? "";
+        return f.length > 24 ? `${f.slice(0, 4)}…${f.slice(-4)}` : f;
+    });
+
     const HOLD_MS = 4200;
     const LEAVE_MS = 280;
 
@@ -46,7 +53,7 @@
                 >
             {:else}
                 <span class="text"
-                    ><b>{proposalToast.from}</b> proposed a change to {proposalToast.playlist}</span
+                    ><b>{who}</b> proposed a change to {proposalToast.playlist}</span
                 >
             {/if}
         </div>