From df179296812e61eb427f9baf1ec88dcd706adfaf Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Tue, 25 Nov 2025 17:06:21 -0800
Subject: [PATCH] Fix new messages indicator

---
 CHANGELOG.md                                | 2 ++
 src/app/components/ContentLinkBlock.svelte  | 5 ++++-
 src/app/components/ContentLinkInline.svelte | 5 ++++-
 src/app/util/keyboard.ts                    | 4 ++--
 src/routes/spaces/[relay]/[h]/+page.svelte  | 2 +-
 src/routes/spaces/[relay]/chat/+page.svelte | 2 +-
 6 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 41c9e09..53e78c7 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,8 @@
 * Add better room membership management
 * Refactor stores for performance
 * Hide nav when keyboard is open
+* Handle flotilla links in-app
+* Fix new messages indicator z-index
 
 # 1.5.3
 
diff --git a/src/app/components/ContentLinkBlock.svelte b/src/app/components/ContentLinkBlock.svelte
index f9ff522..f8da7bd 100644
--- a/src/app/components/ContentLinkBlock.svelte
+++ b/src/app/components/ContentLinkBlock.svelte
@@ -6,12 +6,15 @@
   import ContentLinkDetail from "@app/components/ContentLinkDetail.svelte"
   import ContentLinkBlockImage from "@app/components/ContentLinkBlockImage.svelte"
   import {pushModal} from "@app/util/modal"
+  import {PLATFORM_URL} from "@app/core/state"
 
   const {value, event} = $props()
 
   let hideImage = $state(false)
 
   const url = value.url.toString()
+  const external = !url.startsWith(PLATFORM_URL)
+  const href = external ? url : url.replace(PLATFORM_URL, "")
 
   const loadPreview = async () => {
     const json = await postJson(dufflepud("link/preview"), {url})
@@ -30,7 +33,7 @@
   const expand = () => pushModal(ContentLinkDetail, {value, event}, {fullscreen: true})
 </script>
 
-<Link external href={url} class="my-2 block">
+<Link {external} {href} class="my-2 block">
   <div class="overflow-hidden rounded-box">
     {#if url.match(/\.(mov|webm|mp4)$/)}
       <video controls src={url} class="max-h-96 object-contain object-center">
diff --git a/src/app/components/ContentLinkInline.svelte b/src/app/components/ContentLinkInline.svelte
index 7b8fce7..d724109 100644
--- a/src/app/components/ContentLinkInline.svelte
+++ b/src/app/components/ContentLinkInline.svelte
@@ -6,10 +6,13 @@
   import Link from "@lib/components/Link.svelte"
   import ContentLinkDetail from "@app/components/ContentLinkDetail.svelte"
   import {pushModal} from "@app/util/modal"
+  import {PLATFORM_URL} from "@app/core/state"
 
   const {value} = $props()
 
   const url = value.url.toString()
+  const external = !url.startsWith(PLATFORM_URL)
+  const href = external ? url : url.replace(PLATFORM_URL, "")
 
   const expand = () => pushModal(ContentLinkDetail, {url}, {fullscreen: true})
 </script>
@@ -21,7 +24,7 @@
     {displayUrl(url)}
   </a>
 {:else}
-  <Link external href={url} class="link-content whitespace-nowrap">
+  <Link {external} {href} class="link-content whitespace-nowrap">
     <Icon icon={LinkRound} size={3} class="inline-block" />
     {displayUrl(url)}
   </Link>
diff --git a/src/app/util/keyboard.ts b/src/app/util/keyboard.ts
index 40441cd..8c1c667 100644
--- a/src/app/util/keyboard.ts
+++ b/src/app/util/keyboard.ts
@@ -1,6 +1,6 @@
-import {Capacitor} from '@capacitor/core'
+import {Capacitor} from "@capacitor/core"
 import {Keyboard} from "@capacitor/keyboard"
-import {noop} from '@welshman/lib'
+import {noop} from "@welshman/lib"
 
 export const syncKeyboard = () => {
   if (!Capacitor.isNativePlatform()) return noop
diff --git a/src/routes/spaces/[relay]/[h]/+page.svelte b/src/routes/spaces/[relay]/[h]/+page.svelte
index 8134854..068dc88 100644
--- a/src/routes/spaces/[relay]/[h]/+page.svelte
+++ b/src/routes/spaces/[relay]/[h]/+page.svelte
@@ -485,7 +485,7 @@
 {/if}
 
 {#if showFixedNewMessages}
-  <div class="relative z-feature flex justify-center">
+  <div class="relative z-popover flex justify-center">
     <div transition:fly={{duration: 200}} class="fixed top-12">
       <Button class="btn btn-primary btn-xs rounded-full" onclick={scrollToNewMessages}>
         New Messages
diff --git a/src/routes/spaces/[relay]/chat/+page.svelte b/src/routes/spaces/[relay]/chat/+page.svelte
index e32da6f..24d6fae 100644
--- a/src/routes/spaces/[relay]/chat/+page.svelte
+++ b/src/routes/spaces/[relay]/chat/+page.svelte
@@ -342,7 +342,7 @@
 {/if}
 
 {#if showFixedNewMessages}
-  <div class="relative z-feature flex justify-center">
+  <div class="relative z-popover flex justify-center">
     <div transition:fly={{duration: 200}} class="fixed top-12">
       <Button class="btn btn-primary btn-xs rounded-full" onclick={scrollToNewMessages}>
         New Messages