diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index a4ff055..8094d9e 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1319,6 +1319,17 @@ onMounted(() => {
     if (developmentParameters.has('payphonePreview')) {
       openDevelopmentPayphonePreview()
     }
+    if (developmentParameters.has('notificationPreview')) {
+      window.setTimeout(() => {
+        notifications.show({
+          appId: 'messages',
+          persistent: true,
+          route: '/apps/messages',
+          text: 'You still got that spare alternator?',
+          title: 'Tommy V',
+        })
+      }, 250)
+    }
   }
 })
 
diff --git a/frontend/src/assets/main.css b/frontend/src/assets/main.css
index 81d6a39..eb5fe1f 100644
--- a/frontend/src/assets/main.css
+++ b/frontend/src/assets/main.css
@@ -536,19 +536,62 @@ button {
   border: 0 !important;
   opacity: 0 !important;
 }
+.phone-notification-provider {
+  --phone-notification-background: rgb(247 247 248 / 94%);
+  --phone-notification-shadow:
+    0 10px 30px rgb(0 0 0 / 18%), inset 0 0.5px 0 rgb(255 255 255 / 90%);
+  position: absolute;
+  z-index: 85;
+  inset: 0;
+  pointer-events: none;
+}
+.phone-notification-provider.sky-ui-provider--dark {
+  --phone-notification-background: rgb(36 36 39 / 94%);
+  --phone-notification-shadow:
+    0 12px 34px rgb(0 0 0 / 36%), inset 0 0.5px 0 rgb(255 255 255 / 16%);
+}
 .phone-notification {
+  --phone-notification-drag-y: 0px;
   z-index: 85 !important;
-  top: 68px !important;
-  right: 8px !important;
-  left: 8px !important;
+  top: 51px !important;
+  right: 10px !important;
+  left: 10px !important;
   width: auto !important;
   margin-left: 0 !important;
+  pointer-events: auto;
+  background: var(--phone-notification-background) !important;
+  box-shadow: var(--phone-notification-shadow) !important;
+  transform: translate3d(0, var(--phone-notification-drag-y), 0);
+  transition: transform 280ms var(--sky-ease-out, ease-out);
+  will-change: transform;
 }
 .phone-notification__icon {
   width: 38px;
   height: 38px;
+  border-radius: 10px;
   object-fit: contain;
 }
+.phone-notification__open {
+  position: absolute;
+  z-index: 2;
+  inset: 0;
+  padding: 0;
+  border: 0;
+  border-radius: inherit;
+  background: transparent;
+  cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
+}
+.phone-notification__open:active {
+  background: var(--sky-pressed);
+}
+.phone-notification__open:focus-visible {
+  outline: 2px solid var(--sky-app-accent);
+  outline-offset: -3px;
+}
+.phone-notification.phone-notification--dragging {
+  transition: none !important;
+}
 .phone-status-bar {
   position: absolute;
   z-index: 97;
diff --git a/frontend/src/components/NotificationPhonePreview.vue b/frontend/src/components/NotificationPhonePreview.vue
index cccefab..8585f6a 100644
--- a/frontend/src/components/NotificationPhonePreview.vue
+++ b/frontend/src/components/NotificationPhonePreview.vue
@@ -73,6 +73,7 @@ const wrapperStyle = computed<CSSProperties>(() => ({
             preview
           />
           <PhoneNotifications
+            :dark="isDarkMode"
             :notification="notification"
             @close="emit('close')"
             @open="emit('open', $event)"
diff --git a/frontend/src/components/PhoneNotifications.contract.test.ts b/frontend/src/components/PhoneNotifications.contract.test.ts
new file mode 100644
index 0000000..7f991c2
--- /dev/null
+++ b/frontend/src/components/PhoneNotifications.contract.test.ts
@@ -0,0 +1,63 @@
+import { readFileSync } from 'node:fs'
+
+import { describe, expect, it } from 'vitest'
+
+const source = readFileSync(
+  new URL('./PhoneNotifications.vue', import.meta.url),
+  'utf8',
+)
+const previewSource = readFileSync(
+  new URL('./NotificationPhonePreview.vue', import.meta.url),
+  'utf8',
+)
+const styles = readFileSync(
+  new URL('../assets/main.css', import.meta.url),
+  'utf8',
+)
+
+describe('Phone popup notification contract', () => {
+  it('uses the shared Sky popup for every central phone notification', () => {
+    expect(source).not.toContain("from 'konsta/vue'")
+    expect(source).toContain(
+      "import { SkyNotification, SkyProvider } from '@/ui'",
+    )
+    expect(source).toContain('<SkyProvider')
+    expect(source).toContain('<SkyNotification')
+    expect(source).toContain(':title="notification?.title"')
+    expect(source).toContain(':text="notification?.text"')
+    expect(source).toContain(':title-right-text="notificationTime"')
+    expect(previewSource).toContain(':dark="isDarkMode"')
+  })
+
+  it('shows the app icon and opens routed notifications accessibly', () => {
+    expect(source).toContain('getPhoneApp(props.notification.appId)?.iconImage')
+    expect(source).toContain('class="phone-notification__icon"')
+    expect(source).toContain('class="phone-notification__open"')
+    expect(source).toContain(':aria-label="phone.t(\'Notifications.open\')"')
+    expect(source).toContain('@keydown.esc.stop="emit(\'close\')"')
+  })
+
+  it('supports an upward dismiss gesture without a visible close button', () => {
+    expect(source).toContain('@pointerdown="beginDismissGesture"')
+    expect(source).toContain('@pointermove="moveDismissGesture"')
+    expect(source).toContain('pointerOffset <= -28')
+    expect(source).toContain('velocityY <= -0.3')
+    expect(source).not.toContain('button="close"')
+    expect(source).not.toContain('<template #button>')
+  })
+
+  it('matches the compact popup placement and light/dark material', () => {
+    expect(styles).toMatch(
+      /\.phone-notification-provider\s*\{[^}]*--phone-notification-background:\s*rgb\(247 247 248 \/ 94%\);[^}]*position:\s*absolute;[^}]*pointer-events:\s*none;/s,
+    )
+    expect(styles).toMatch(
+      /\.phone-notification-provider\.sky-ui-provider--dark\s*\{[^}]*--phone-notification-background:\s*rgb\(36 36 39 \/ 94%\);/s,
+    )
+    expect(styles).toMatch(
+      /\.phone-notification\s*\{[^}]*top:\s*51px !important;[^}]*right:\s*10px !important;[^}]*left:\s*10px !important;[^}]*transform:\s*translate3d\(0, var\(--phone-notification-drag-y\), 0\);/s,
+    )
+    expect(styles).toMatch(
+      /\.phone-notification__icon\s*\{[^}]*width:\s*38px;[^}]*height:\s*38px;[^}]*border-radius:\s*10px;/s,
+    )
+  })
+})
diff --git a/frontend/src/components/PhoneNotifications.vue b/frontend/src/components/PhoneNotifications.vue
index 03298ba..4b28a62 100644
--- a/frontend/src/components/PhoneNotifications.vue
+++ b/frontend/src/components/PhoneNotifications.vue
@@ -1,12 +1,13 @@
 <script setup lang="ts">
-import { kNotification } from 'konsta/vue'
-import { computed } from 'vue'
+import { computed, ref, watch } from 'vue'
 
 import { getPhoneApp } from '@/config/apps'
 import type { PhoneNotification } from '@/stores/notifications'
 import { usePhoneStore } from '@/stores/phone'
+import { SkyNotification, SkyProvider } from '@/ui'
 
 const props = defineProps<{
+  dark?: boolean
   notification: PhoneNotification | null
 }>()
 const emit = defineEmits<{
@@ -14,41 +15,144 @@ const emit = defineEmits<{
   open: [notification: PhoneNotification]
 }>()
 const phone = usePhoneStore()
+const notificationTime = ref('')
+const darkMode = computed(() => props.dark ?? phone.isDarkMode)
 const icon = computed(() =>
   props.notification
     ? getPhoneApp(props.notification.appId)?.iconImage
     : undefined,
 )
+let pointerElement: HTMLElement | null = null
+let pointerId: number | null = null
+let pointerStartX = 0
+let pointerStartY = 0
+let pointerStartedAt = 0
+let pointerAxis: 'horizontal' | 'vertical' | null = null
+let pointerOffset = 0
+let suppressOpenUntil = 0
 
-function openNotification(event: MouseEvent): void {
+watch(
+  () => props.notification?.id,
+  (notificationId) => {
+    resetGesture()
+    if (!notificationId) {
+      notificationTime.value = ''
+      return
+    }
+    notificationTime.value = new Intl.DateTimeFormat(phone.lang, {
+      hour: '2-digit',
+      hourCycle: 'h23',
+      minute: '2-digit',
+    }).format(new Date())
+  },
+  { immediate: true },
+)
+
+function resetGesture(): void {
   if (
-    !props.notification?.route ||
-    (event.target as HTMLElement).closest('button')
+    pointerElement &&
+    pointerId !== null &&
+    pointerElement.hasPointerCapture(pointerId)
   ) {
+    pointerElement.releasePointerCapture(pointerId)
+  }
+  pointerElement?.classList.remove('phone-notification--dragging')
+  pointerElement?.style.removeProperty('--phone-notification-drag-y')
+  pointerElement = null
+  pointerId = null
+  pointerAxis = null
+  pointerOffset = 0
+}
+
+function openNotification(): void {
+  if (!props.notification?.route || performance.now() < suppressOpenUntil)
+    return
+  emit('open', props.notification)
+}
+
+function beginDismissGesture(event: PointerEvent): void {
+  if (event.pointerType === 'mouse' && event.button !== 0) return
+  const element = event.currentTarget
+  if (!(element instanceof HTMLElement)) return
+  pointerElement = element
+  pointerId = event.pointerId
+  pointerStartX = event.clientX
+  pointerStartY = event.clientY
+  pointerStartedAt = performance.now()
+  pointerAxis = null
+  pointerOffset = 0
+  element.classList.add('phone-notification--dragging')
+  element.setPointerCapture(event.pointerId)
+}
+
+function moveDismissGesture(event: PointerEvent): void {
+  if (!pointerElement || pointerId !== event.pointerId) return
+  const deltaX = event.clientX - pointerStartX
+  const deltaY = event.clientY - pointerStartY
+  if (!pointerAxis && Math.max(Math.abs(deltaX), Math.abs(deltaY)) >= 6) {
+    pointerAxis =
+      Math.abs(deltaY) >= Math.abs(deltaX) ? 'vertical' : 'horizontal'
+  }
+  if (pointerAxis !== 'vertical') return
+  event.preventDefault()
+  pointerOffset = Math.max(-110, Math.min(8, deltaY))
+  pointerElement.style.setProperty(
+    '--phone-notification-drag-y',
+    `${pointerOffset}px`,
+  )
+}
+
+function finishDismissGesture(event: PointerEvent): void {
+  if (!pointerElement || pointerId !== event.pointerId) return
+  const element = pointerElement
+  const elapsed = Math.max(1, performance.now() - pointerStartedAt)
+  const velocityY = (event.clientY - pointerStartY) / elapsed
+  const shouldDismiss =
+    pointerAxis === 'vertical' && (pointerOffset <= -28 || velocityY <= -0.3)
+  if (element.hasPointerCapture(event.pointerId)) {
+    element.releasePointerCapture(event.pointerId)
+  }
+  element.classList.remove('phone-notification--dragging')
+  pointerElement = null
+  pointerId = null
+  pointerAxis = null
+  if (shouldDismiss) {
+    suppressOpenUntil = performance.now() + 180
+    emit('close')
     return
   }
-  emit('open', props.notification)
+  pointerOffset = 0
+  element.style.setProperty('--phone-notification-drag-y', '0px')
 }
 </script>
 
 <template>
-  <k-notification
-    :opened="!!notification"
-    :title="notification?.title"
-    :subtitle="notification?.subtitle"
-    :text="notification?.text"
-    :title-right-text="phone.t('Notifications.now')"
-    button="close"
-    class="phone-notification"
-    :class="{ 'is-actionable': !!notification?.route }"
-    @close="emit('close')"
-    @click="openNotification"
-  >
-    <template v-if="icon" #icon>
-      <img :src="icon" alt="" class="phone-notification__icon" />
-    </template>
-    <template #button>
-      <span class="sr-only">{{ phone.t('Common.close') }}</span>
-    </template>
-  </k-notification>
+  <SkyProvider class="phone-notification-provider" :dark="darkMode" safe-areas>
+    <SkyNotification
+      :opened="!!notification"
+      :title="notification?.title"
+      :subtitle="notification?.subtitle"
+      :text="notification?.text"
+      :title-right-text="notificationTime"
+      :role="notification?.critical ? 'alert' : 'status'"
+      class="phone-notification"
+      :class="{ 'is-actionable': !!notification?.route }"
+      @pointerdown="beginDismissGesture"
+      @pointermove="moveDismissGesture"
+      @pointerup="finishDismissGesture"
+      @pointercancel="finishDismissGesture"
+    >
+      <template v-if="icon" #icon>
+        <img :src="icon" alt="" class="phone-notification__icon" />
+      </template>
+      <button
+        v-if="notification?.route"
+        type="button"
+        class="phone-notification__open"
+        :aria-label="phone.t('Notifications.open')"
+        @click.stop="openNotification"
+        @keydown.esc.stop="emit('close')"
+      ></button>
+    </SkyNotification>
+  </SkyProvider>
 </template>
diff --git a/frontend/src/stores/fliptok.test.ts b/frontend/src/stores/fliptok.test.ts
index d5ab6c8..234b448 100644
--- a/frontend/src/stores/fliptok.test.ts
+++ b/frontend/src/stores/fliptok.test.ts
@@ -233,4 +233,30 @@ describe('FlipTok verification updates', () => {
       profileId: profile.id,
     })
   })
+
+  it('does not show a follow state when the server rejects it', async () => {
+    vi.mocked(nuiCall).mockResolvedValue({ success: false })
+    const store = useFlipTokStore()
+    const creatorVideo = { ...video, is_owner: false, profile_id: 8 }
+    store.feed = [creatorVideo]
+
+    expect(await store.follow(creatorVideo)).toBe(false)
+    expect(creatorVideo.is_following).toBe(false)
+  })
+
+  it('removes an owned video from every local surface after deletion', async () => {
+    vi.mocked(nuiCall).mockResolvedValue({ success: true })
+    const store = useFlipTokStore()
+    store.profile = { ...profile, video_count: 1 }
+    store.feed = [{ ...video }]
+    store.searchResults = [{ ...video }]
+    store.profileVideos = [{ ...video }]
+
+    expect(await store.deleteVideo(video.id)).toBe(true)
+    expect(nuiCall).toHaveBeenCalledWith('fliptok:delete', { id: video.id })
+    expect(store.feed).toEqual([])
+    expect(store.searchResults).toEqual([])
+    expect(store.profileVideos).toEqual([])
+    expect(store.profile.video_count).toBe(0)
+  })
 })
diff --git a/frontend/src/stores/fliptok.ts b/frontend/src/stores/fliptok.ts
index 0d2d7a0..7d910d0 100644
--- a/frontend/src/stores/fliptok.ts
+++ b/frontend/src/stores/fliptok.ts
@@ -137,26 +137,27 @@ export const useFlipTokStore = defineStore('fliptok', {
         if (kind === 'like') video.like_count += next ? -1 : 1
       }
     },
-    async follow(video: FlipTokVideo): Promise<void> {
+    async follow(video: FlipTokVideo): Promise<boolean> {
       const next = !video.is_following
       const response = await nuiCall('fliptok:follow', {
         active: next,
         profileId: video.profile_id,
       })
-      if (response.success)
-        this.feed
-          .filter((item) => item.profile_id === video.profile_id)
-          .forEach((item) => {
-            item.is_following = next
-          })
+      if (!response.success) return false
+      this.feed
+        .filter((item) => item.profile_id === video.profile_id)
+        .forEach((item) => {
+          item.is_following = next
+        })
+      return true
     },
-    async followProfile(profile: FlipTokProfile): Promise<void> {
+    async followProfile(profile: FlipTokProfile): Promise<boolean> {
       const next = !profile.is_following
       const response = await nuiCall('fliptok:follow', {
         active: next,
         profileId: profile.id,
       })
-      if (!response.success) return
+      if (!response.success) return false
       profile.is_following = next
       profile.followers += next ? 1 : -1
       this.feed
@@ -164,6 +165,7 @@ export const useFlipTokStore = defineStore('fliptok', {
         .forEach((item) => {
           item.is_following = next
         })
+      return true
     },
     async loadProfile(query: {
       handle?: string
@@ -201,11 +203,12 @@ export const useFlipTokStore = defineStore('fliptok', {
       if (this.viewedProfile?.id === profileId) this.viewedProfile = null
       return true
     },
-    async loadComments(id: string): Promise<void> {
+    async loadComments(id: string): Promise<boolean> {
       const response = await nuiCall<FlipTokComment[]>('fliptok:comments', {
         id,
       })
       this.comments = response.success && response.data ? response.data : []
+      return response.success
     },
     async comment(
       id: string,
@@ -237,10 +240,23 @@ export const useFlipTokStore = defineStore('fliptok', {
       this.connections = response.success && response.data ? response.data : []
       return response.success
     },
-    async loadActivities(): Promise<void> {
+    async loadActivities(): Promise<boolean> {
       const response = await nuiCall<FlipTokActivity[]>('fliptok:activities')
       this.activities = response.success && response.data ? response.data : []
       if (response.success) await nuiCall('fliptok:mark-activities')
+      return response.success
+    },
+    async deleteVideo(id: string): Promise<boolean> {
+      const response = await nuiCall('fliptok:delete', { id })
+      if (!response.success) return false
+      this.feed = this.feed.filter((video) => video.id !== id)
+      this.searchResults = this.searchResults.filter((video) => video.id !== id)
+      this.profileVideos = this.profileVideos.filter((video) => video.id !== id)
+      if (this.profile && this.profile.video_count > 0)
+        this.profile.video_count -= 1
+      if (this.viewedProfile?.is_owner && this.viewedProfile.video_count > 0)
+        this.viewedProfile.video_count -= 1
+      return true
     },
   },
 })
diff --git a/frontend/src/stores/phone.ts b/frontend/src/stores/phone.ts
index 85f0d14..26bf81f 100644
--- a/frontend/src/stores/phone.ts
+++ b/frontend/src/stores/phone.ts
@@ -1467,18 +1467,28 @@ const defaultLocales: LocaleTree = {
       emptyFeedBody: 'Follow creators or post the first FlipTok.',
       searchPlaceholder: 'Search creators and videos',
       clearSearch: 'Clear search',
+      trendLosSantos: '# Los Santos',
+      trendRoleplay: '# Roleplay',
+      trendTrending: '# Trending',
       noActivity: 'No activity yet',
       followers: 'Followers',
       videos: 'Videos',
       emptyBio: 'No bio yet.',
       editProfile: 'Edit profile',
+      more: 'More',
       newVideo: 'New FlipTok',
       createTitle: 'Create your next FlipTok',
-      createBody:
-        'Choose a clip, set the cover and sound, then decide who can watch it.',
-      chooseVideo: 'Choose a video',
-      chooseVideoHint: 'Select one from Photos',
-      changeVideo: 'Change',
+      createBody: 'Record a clip or turn photos into a swipeable FlipTok.',
+      chooseMedia: 'Choose media',
+      chooseMediaHint:
+        'Record a video, choose a clip, or select up to 10 photos.',
+      recordVideo: 'Record video',
+      camera: 'Camera',
+      chooseVideo: 'Choose video',
+      photoSlideshow: 'Photos as FlipTok',
+      changeMedia: 'Change',
+      previousPhoto: 'Previous photo',
+      nextPhoto: 'Next photo',
       caption: 'Caption',
       captionPlaceholder: 'Write a caption...',
       location: 'Add location',
@@ -1492,6 +1502,11 @@ const defaultLocales: LocaleTree = {
       post: 'Post',
       draftSaved: 'Draft saved.',
       published: 'Your FlipTok is live.',
+      videoDeleted: 'Video removed.',
+      deleteVideoTitle: 'Remove this video?',
+      deleteVideoBody:
+        'The video disappears from FlipTok and cannot be restored.',
+      deletingVideo: 'Removing...',
       linkCopied: 'Video link copied.',
       reported: 'Report submitted.',
       blocked: 'Creator blocked.',
@@ -1499,6 +1514,8 @@ const defaultLocales: LocaleTree = {
       noComments: 'No comments yet',
       addComment: 'Add comment...',
       reply: 'Reply',
+      showReplies: 'Show {count} replies',
+      hideReplies: 'Hide {count} replies',
       replyPlaceholder: 'Write a reply...',
       replyingTo: 'Replying to {handle}',
       cancelReply: 'Cancel reply',
@@ -1506,6 +1523,8 @@ const defaultLocales: LocaleTree = {
       reportReason: 'Reason',
       reportDetails: 'Additional details (optional)',
       submitReport: 'Submit report',
+      reportDiscordNote:
+        'This report is sent directly to the moderation team through Discord.',
       reportReasons: {
         spam: 'Spam or misleading',
         harassment: 'Harassment or bullying',
@@ -1547,6 +1566,7 @@ const defaultLocales: LocaleTree = {
       dismissReport: 'Dismiss',
       cancel: 'Cancel',
       done: 'Done',
+      savingProfile: 'Saving...',
       displayName: 'Name',
       username: 'Username',
       bio: 'Bio',
@@ -1605,7 +1625,7 @@ const defaultLocales: LocaleTree = {
         invalid_video: 'Check the video details.',
         invalid_music_url:
           'Use a valid YouTube or direct HTTPS audio-file link.',
-        invalid_media: 'Choose a video from this phone.',
+        invalid_media: 'Choose valid media from this phone.',
         invalid_comment: 'Enter a valid comment.',
         comments_disabled: 'Comments are disabled.',
         invalid_profile: 'Check your profile details.',
@@ -1618,11 +1638,15 @@ const defaultLocales: LocaleTree = {
           'This Sky Cloud account already owns a registered FlipTok profile.',
         handle_taken: 'This username is already taken.',
         video_not_found: 'This video is unavailable.',
+        profile_not_found: 'This profile is unavailable.',
         rate_limited: 'Too many actions. Try again shortly.',
         not_authenticated: 'Sign in to Sky Cloud first.',
         blocked: 'This account is blocked.',
         not_authorized: 'You do not have moderation access.',
         report_not_found: 'This report is no longer open.',
+        report_unavailable: 'Discord reporting is not configured yet.',
+        request_failed:
+          'Your FlipTok request could not be completed. Try again.',
         default: 'FlipTok could not complete the request.',
       },
     },
diff --git a/frontend/src/ui/overlays.css b/frontend/src/ui/overlays.css
index 962992c..eba4cb7 100644
--- a/frontend/src/ui/overlays.css
+++ b/frontend/src/ui/overlays.css
@@ -690,15 +690,17 @@
   box-sizing: border-box;
   position: absolute;
   z-index: 50;
-  top: calc(var(--sky-safe-area-top, 0px) + 8px);
-  right: 8px;
-  left: 8px;
+  top: calc(var(--sky-safe-area-top, 0px) + 6px);
+  right: 10px;
+  left: 10px;
+  min-height: 72px;
   display: flex;
   align-items: center;
-  gap: 16px;
-  padding: 16px;
-  border: 0;
-  border-radius: 24px;
+  gap: 10px;
+  padding: 10px 12px;
+  overflow: hidden;
+  border: 1px solid var(--sky-hairline);
+  border-radius: 18px;
   color: var(--sky-text);
   box-shadow: var(--sky-shadow-glass);
   touch-action: none;
@@ -732,8 +734,8 @@
 .sky-notification__time,
 .sky-notification__subtitle,
 .sky-notification__text {
-  font-size: 14px;
-  line-height: 20px;
+  font-size: 12px;
+  line-height: 16px;
 }
 
 .sky-notification__title,
@@ -742,17 +744,29 @@
 }
 
 .sky-notification__title {
+  min-width: 0;
+  overflow: hidden;
+  font-size: 13px;
   font-weight: 700;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .sky-notification__time {
   margin-inline-start: auto;
-  margin-inline-end: 4px;
+  margin-inline-end: 0;
+  flex: none;
   color: var(--sky-notification-meta);
+  font-size: 10px;
+  line-height: 14px;
 }
 
 .sky-notification__text {
   color: var(--sky-text);
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
 }
 
 .sky-notification__close {
@@ -790,14 +804,14 @@
 .sky-notification-slide-enter-active,
 .sky-notification-slide-leave-active {
   transition:
-    opacity 500ms cubic-bezier(0.4, 0, 0.2, 1),
-    transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
+    opacity 300ms ease,
+    transform 380ms var(--sky-ease-out, ease-out);
 }
 
 .sky-notification-slide-enter-from,
 .sky-notification-slide-leave-to {
   opacity: 0;
-  transform: translateY(-100%);
+  transform: translateY(-32px) scale(0.97);
 }
 
 .sky-panel__panel,
diff --git a/frontend/src/ui/overlays/SkyNotification.test.ts b/frontend/src/ui/overlays/SkyNotification.test.ts
index cb51c88..b0e42e9 100644
--- a/frontend/src/ui/overlays/SkyNotification.test.ts
+++ b/frontend/src/ui/overlays/SkyNotification.test.ts
@@ -21,13 +21,13 @@ async function renderNotification(
 }
 
 describe('SkyNotification', () => {
-  it('renders the complete Konsta iOS notification structure', async () => {
+  it('renders the complete Sky popup notification structure', async () => {
     const html = await renderNotification({
       button: 'Close notification',
       opened: true,
       subtitle: 'Notification with close button',
       text: 'Click (x) button to close me',
-      title: 'Konsta UI',
+      title: 'Sky Phone',
       titleRightText: 'now',
     })
 
@@ -50,7 +50,7 @@ describe('SkyNotification', () => {
     expect(html).not.toContain('Hidden')
   })
 
-  it('locks the Konsta iOS glass, typography, and close geometry', () => {
+  it('locks the compact popup glass, typography, and close geometry', () => {
     const overlays = readFileSync(
       new URL('../overlays.css', import.meta.url),
       'utf8',
@@ -66,19 +66,23 @@ describe('SkyNotification', () => {
     expect(notificationRule).toBeDefined()
     expect(notificationRule).toMatch(/z-index:\s*50;/)
     expect(notificationRule).toMatch(
-      /top:\s*calc\(var\(--sky-safe-area-top, 0px\) \+ 8px\);/,
+      /top:\s*calc\(var\(--sky-safe-area-top, 0px\) \+ 6px\);/,
     )
-    expect(notificationRule).toMatch(/right:\s*8px;[\s\S]*left:\s*8px;/)
-    expect(notificationRule).toMatch(/gap:\s*16px;[\s\S]*padding:\s*16px;/)
+    expect(notificationRule).toMatch(/right:\s*10px;[\s\S]*left:\s*10px;/)
+    expect(notificationRule).toMatch(/min-height:\s*72px;/)
+    expect(notificationRule).toMatch(/gap:\s*10px;[\s\S]*padding:\s*10px 12px;/)
     expect(notificationRule).toMatch(
-      /border:\s*0;[\s\S]*border-radius:\s*24px;/,
+      /border:\s*1px solid var\(--sky-hairline\);[\s\S]*border-radius:\s*18px;/,
     )
-    expect(notificationRule).not.toMatch(/min-height|background:/)
+    expect(notificationRule).not.toMatch(/background:/)
     expect(overlays).toMatch(
-      /\.sky-notification__title,[\s\S]*?font-size:\s*14px;[\s\S]*?line-height:\s*20px;/,
+      /\.sky-notification__title,[\s\S]*?font-size:\s*12px;[\s\S]*?line-height:\s*16px;/,
     )
     expect(overlays).toMatch(
-      /\.sky-notification__time\s*\{[\s\S]*?margin-inline-start:\s*auto;[\s\S]*?margin-inline-end:\s*4px;[\s\S]*?color:\s*var\(--sky-notification-meta\);/,
+      /\.sky-notification__title\s*\{[\s\S]*?font-size:\s*13px;[\s\S]*?text-overflow:\s*ellipsis;/,
+    )
+    expect(overlays).toMatch(
+      /\.sky-notification__time\s*\{[\s\S]*?margin-inline-start:\s*auto;[\s\S]*?margin-inline-end:\s*0;[\s\S]*?color:\s*var\(--sky-notification-meta\);/,
     )
     expect(overlays).toMatch(
       /\.sky-notification__close\s*\{[\s\S]*?width:\s*var\(--sky-touch-target, 44px\);[\s\S]*?height:\s*var\(--sky-touch-target, 44px\);[\s\S]*?position:\s*absolute;[\s\S]*?right:\s*-8px;/,
@@ -87,7 +91,7 @@ describe('SkyNotification', () => {
       /\.sky-notification__close-icon\s*\{\s*width:\s*20px;\s*height:\s*20px;/,
     )
     expect(overlays).toMatch(
-      /\.sky-notification-slide-enter-from,[\s\S]*?transform:\s*translateY\(-100%\);/,
+      /\.sky-notification-slide-enter-from,[\s\S]*?transform:\s*translateY\(-32px\) scale\(0\.97\);/,
     )
     expect(tokens).toContain('--sky-notification-meta: rgba(0, 0, 0, 0.45)')
     expect(tokens).toContain(
diff --git a/frontend/src/views/apps/FlipTokApp.contract.test.ts b/frontend/src/views/apps/FlipTokApp.contract.test.ts
index c9ecd0d..a99ec8a 100644
--- a/frontend/src/views/apps/FlipTokApp.contract.test.ts
+++ b/frontend/src/views/apps/FlipTokApp.contract.test.ts
@@ -18,7 +18,14 @@ const migrationSource = readFileSync(
   'utf8',
 )
 const youtubeSource = readFileSync(
-  new URL('../../../../sky_phone/source/server/media_metadata.lua', import.meta.url),
+  new URL(
+    '../../../../sky_phone/source/server/media_metadata.lua',
+    import.meta.url,
+  ),
+  'utf8',
+)
+const mockServerSource = readFileSync(
+  new URL('../../../testserver/index.cjs', import.meta.url),
   'utf8',
 )
 
@@ -51,8 +58,14 @@ describe('FlipTokApp Sky UI contract', () => {
     expect(source).toContain('comment-like-pulse')
     expect(source).toContain('@keyframes comment-heart-pop')
     expect(source).toContain('class="comment-row comment-row--reply"')
-    expect(source).toContain('v-show="expandedCommentThreads.has(thread.comment.id)"')
+    expect(source).toContain(
+      'v-show="expandedCommentThreads.has(thread.comment.id)"',
+    )
     expect(source).toContain("t('showReplies'")
+    expect(source).toContain("t('hideReplies', {")
+    expect(source).toContain(
+      'const expandedCommentThreads = ref(new Set<string>())',
+    )
     expect(source).toContain('form.comments-composer')
   })
 
@@ -61,7 +74,9 @@ describe('FlipTokApp Sky UI contract', () => {
     expect(source).toContain('reportDiscordNote')
     expect(serverSource).toContain('Config.FlipTok.ReportWebhookConvar')
     expect(serverSource).toContain('PerformHttpRequest(webhook')
-    expect(serverSource).not.toContain('INSERT IGNORE INTO `sky_phone_fliptok_reports`')
+    expect(serverSource).not.toContain(
+      'INSERT IGNORE INTO `sky_phone_fliptok_reports`',
+    )
   })
 
   it('exposes follower lists and editable profile photos', () => {
@@ -81,15 +96,62 @@ describe('FlipTokApp Sky UI contract', () => {
     expect(source).toContain("choosePhotoSlideshow('photos')")
     expect(source).toContain("'/apps/fliptok?compose=1'")
     expect(source).toContain("route.query.compose === '1'")
-    expect(source).toContain('mediaIds: selectedMediaItems.value.map')
+    expect(source).toContain('mediaIds,')
     expect(source).toContain('class="photo-slideshow"')
+    expect(source).toContain('@pointerdown="beginPhotoSlideDrag(video.id, $event)"')
+    expect(source).toContain('@pointermove="updatePhotoSlideDrag"')
+    expect(source).toContain('@pointerup="endPhotoSlideDrag(video, $event)"')
+    expect(source).not.toContain('photo-slideshow__arrow')
+    expect(source).toContain('window.requestAnimationFrame(() => renderPhotoSlideDrag(drag))')
+    expect(source).toContain('function settlePhotoSlide(')
+    expect(source).toContain('class="photo-slideshow__track"')
+    expect(source).toContain('const animation = track.animate(')
+    expect(source).toContain("easing: 'cubic-bezier(0.22, 1, 0.36, 1)'")
+    expect(source).toMatch(
+      /updatePhotoSlideIndex\(videoId, index\)[\s\S]*?const animation = track\.animate\(/,
+    )
+    expect(source).toContain('startIndex: photoSlideIndex(videoId)')
+    expect(source).not.toContain('element.scrollLeft')
+    expect(source).toContain('moveComposerPhoto(1)')
+    expect(source).toContain('video-shade--passive')
     expect(migrationSource).toContain('sky_phone_fliptok_video_media')
+    expect(serverSource).toContain(
+      'if not Bridge.Database.Transaction(queries) then',
+    )
+    expect(serverSource).toContain(
+      'return { success = false, error = "request_failed" }',
+    )
+    expect(source).toMatch(
+      /\.media-source-grid button strong\s*\{[^}]*width:\s*100%;[^}]*overflow-wrap:\s*anywhere;/s,
+    )
   })
 
-  it('shows a transient follow confirmation', () => {
+  it('shows a centered transient follow control', () => {
     expect(source).toContain('followFeedbackIds')
     expect(source).toContain('follow-dot--confirmed')
     expect(source).toContain('@click="followFromFeed(video)"')
+    expect(source).toMatch(
+      /\.video-actions \.follow-dot\s*\{[^}]*min-width: 20px !important;[^}]*min-height: 20px !important;[^}]*place-items: center;/s,
+    )
+  })
+
+  it('keeps full-screen media inside FlipTok and raises Discover', () => {
+    expect(source).toMatch(
+      /\.video-feed\s*\{[^}]*position: absolute;[^}]*inset: 0;[^}]*height: 100%;/s,
+    )
+    expect(source).toContain('class="fliptok-navbar fliptok-discover-navbar"')
+    expect(source).toMatch(
+      /\.fliptok-discover-navbar\.sky-navbar--no-navigation\s*\{[^}]*padding-top:/s,
+    )
+  })
+
+  it('uses separate profile action boxes and disables duplicate follows', () => {
+    expect(source).toContain('class="fliptok-navbar fliptok-profile-navbar"')
+    expect(source).toMatch(
+      /\.profile-navbar-actions :deep\(\.sky-link\)\s*\{[^}]*width: 38px;[^}]*border:/s,
+    )
+    expect(source).toContain(':disabled="profile.is_following"')
+    expect(source).toContain('@click="followConnection(profile)"')
   })
 
   it('supports validated custom audio links in the composer', () => {
@@ -131,4 +193,54 @@ describe('FlipTokApp Sky UI contract', () => {
       /\.profile-form-list,[\s\S]*?\.profile-account-list\s*\{[^}]*border-radius:\s*var\(--sky-radius-card\)/,
     )
   })
+
+  it('keeps private video actions behind one server access check', () => {
+    expect(serverSource).toContain('local function load_accessible_video')
+    expect(
+      serverSource.match(/load_accessible_video\(/g)?.length,
+    ).toBeGreaterThan(6)
+    expect(serverSource).toContain("v.`visibility` = 'followers'")
+    expect(serverSource).toContain('profile_follow.`follower_id` = ?')
+  })
+
+  it('surfaces failed actions and lets owners remove their own videos', () => {
+    expect(source).toContain('if (!(await store.loadComments(video.id)))')
+    expect(source).toContain('if (!response.success) {')
+    expect(source).toContain('function requestDeleteVideo')
+    expect(source).toContain('store.deleteVideo(selectedVideo.value.id)')
+    expect(source).toContain('v-if="selectedVideo?.is_owner"')
+    expect(source).toContain('v-if="selectedVideo?.comments_enabled"')
+  })
+
+  it('keeps discovery localized and cancels delayed searches on close', () => {
+    expect(source).toContain("labelKey: 'trendLosSantos'")
+    expect(source).toContain('@click="search = trend.value"')
+    expect(source).toContain('new Intl.NumberFormat(phone.lang')
+    expect(source).toContain('new Intl.DateTimeFormat(phone.lang')
+    expect(source).toContain(
+      'if (searchTimer !== null) window.clearTimeout(searchTimer)',
+    )
+  })
+
+  it('restores the feed after a discovery preview and safely notifies on comments', () => {
+    expect(source).toContain(
+      'const feedBeforePreview = ref<FlipTokVideo[] | null>(null)',
+    )
+    expect(source).toContain('store.feed = feedBeforePreview.value')
+    expect(source).toContain('@click="openFeedTab"')
+    expect(serverSource).toContain(
+      'parent_id = parents[1].parent_id or parents[1].id',
+    )
+    expect(serverSource).toContain('if owner_id ~= profile.id then')
+    expect(serverSource).not.toContain('videos[1].profile_id')
+  })
+
+  it('keeps photo slides and scoped comments functional in the browser mock', () => {
+    expect(mockServerSource).toContain("media_type: 'photo'")
+    expect(mockServerSource).toContain('comment.video_id === video.id')
+    expect(mockServerSource).toContain(
+      "request.body.mediaType === 'photo' ? 'photo' : 'video'",
+    )
+    expect(mockServerSource).toContain("endpoint === 'fliptok:delete'")
+  })
 })
diff --git a/frontend/src/views/apps/FlipTokApp.vue b/frontend/src/views/apps/FlipTokApp.vue
index 52dce55..edaa799 100644
--- a/frontend/src/views/apps/FlipTokApp.vue
+++ b/frontend/src/views/apps/FlipTokApp.vue
@@ -5,6 +5,8 @@ import {
   Camera,
   Check,
   ChevronDown,
+  ChevronLeft,
+  ChevronRight,
   Compass,
   Heart,
   Home,
@@ -103,6 +105,8 @@ const authConfirmPassword = ref('')
 const authSubmitting = ref(false)
 const logoutDialogOpen = ref(false)
 const logoutSubmitting = ref(false)
+const deleteDialogOpen = ref(false)
+const deleteSubmitting = ref(false)
 const tab = ref<Tab>('feed')
 const selectedVideo = ref<FlipTokVideo | null>(null)
 const selectedMedia = ref<PhoneMedia | null>(null)
@@ -146,7 +150,10 @@ const reportReason = ref<
   'spam' | 'harassment' | 'dangerous' | 'illegal' | 'other'
 >('spam')
 const reportDetails = ref('')
+const reportSubmitting = ref(false)
 const publishing = ref(false)
+const profileSaving = ref(false)
+const profileFollowPending = ref(false)
 const feedback = ref('')
 const likedPulseId = ref<string | null>(null)
 const commentLikePulseId = ref<string | null>(null)
@@ -154,6 +161,9 @@ const reactionPulse = ref<{ id: string; kind: 'like' | 'save' } | null>(null)
 const playbackFailedIds = ref(new Set<string>())
 const followFeedbackIds = ref(new Set<string>())
 const followPendingIds = ref(new Set<string>())
+const feedBeforePreview = ref<FlipTokVideo[] | null>(null)
+const photoSlideIndexes = ref<Record<string, number>>({})
+const composerPhotoIndex = ref(0)
 const profileDraft = ref({
   accountType: 'person',
   avatarMediaId: 0,
@@ -165,6 +175,21 @@ const selectedProfilePhoto = ref<PhoneMedia | null>(null)
 const feedCards = new Map<string, HTMLElement>()
 const videoElements = new Map<string, HTMLVideoElement>()
 const musicElements = new Map<string, HTMLAudioElement>()
+const photoSlideElements = new Map<string, HTMLElement>()
+const photoSlideAnimations = new Map<HTMLElement, Animation>()
+let photoSlideDrag: {
+  currentX: number
+  element: HTMLElement
+  frame: number | null
+  lastMoveAt: number
+  lastX: number
+  pointerId: number
+  startIndex: number
+  startTranslateX: number
+  startX: number
+  track: HTMLElement
+  velocity: number
+} | null = null
 let flipTokYoutubePlayer: YouTubePlayer | null = null
 let flipTokYoutubeApi: YouTubeApi | null = null
 let flipTokYoutubeOwner = ''
@@ -175,6 +200,7 @@ let likePulseTimer: number | null = null
 let commentLikePulseTimer: number | null = null
 let reactionPulseTimer: number | null = null
 let feedbackTimer: number | null = null
+let searchTimer: number | null = null
 const followFeedbackTimers = new Map<string, number>()
 const visibilityOptions = ['public', 'followers', 'private'] as const
 const accountTypeOptions = [
@@ -191,6 +217,11 @@ const reportReasonOptions = [
   'illegal',
   'other',
 ] as const
+const discoveryTags = [
+  { labelKey: 'trendLosSantos', value: '#LosSantos' },
+  { labelKey: 'trendRoleplay', value: '#Roleplay' },
+  { labelKey: 'trendTrending', value: '#Trending' },
+] as const
 
 const currentProfile = computed(() => store.viewedProfile ?? store.profile)
 const selectedMusic = computed(() =>
@@ -215,6 +246,10 @@ const canPublish = computed(
     !customMusicLoadFailed.value,
 )
 const selectedMediaType = computed(() => selectedMedia.value?.mediaType ?? null)
+const selectedComposerPhoto = computed(
+  () =>
+    selectedMediaItems.value[composerPhotoIndex.value] ?? selectedMedia.value,
+)
 const visibilityMenuItems = computed(() =>
   visibilityOptions.map((option) => ({
     checked: visibility.value === option,
@@ -247,7 +282,7 @@ function initials(name: string): string {
 }
 
 function compactCount(value: number): string {
-  return new Intl.NumberFormat('en', {
+  return new Intl.NumberFormat(phone.lang, {
     maximumFractionDigits: 1,
     notation: 'compact',
   }).format(value)
@@ -259,6 +294,177 @@ function videoMedia(video: FlipTokVideo) {
     : [{ id: 0, mediaType: video.media_type ?? 'video', url: video.url }]
 }
 
+function photoSlideIndex(videoId: string): number {
+  return photoSlideIndexes.value[videoId] ?? 0
+}
+
+function setPhotoSlideElement(videoId: string, element: unknown): void {
+  if (element instanceof HTMLElement) {
+    photoSlideElements.set(videoId, element)
+    const track = element.firstElementChild
+    if (track instanceof HTMLElement) {
+      track.style.transform = `translate3d(-${photoSlideIndex(videoId) * 100}%, 0, 0)`
+    }
+    return
+  }
+  const previous = photoSlideElements.get(videoId)
+  if (previous) cancelPhotoSlideAnimation(previous)
+  photoSlideElements.delete(videoId)
+}
+
+function updatePhotoSlideIndex(videoId: string, index: number): void {
+  const normalizedIndex = Math.max(0, index)
+  if (photoSlideIndexes.value[videoId] === normalizedIndex) return
+  photoSlideIndexes.value = {
+    ...photoSlideIndexes.value,
+    [videoId]: normalizedIndex,
+  }
+}
+
+function photoSlideTranslateX(track: HTMLElement): number {
+  const transform = window.getComputedStyle(track).transform
+  if (!transform || transform === 'none') return 0
+  try {
+    return new DOMMatrixReadOnly(transform).m41
+  } catch {
+    return 0
+  }
+}
+
+function beginPhotoSlideDrag(videoId: string, event: PointerEvent): void {
+  if (event.pointerType === 'mouse' && event.button !== 0) return
+  const element = photoSlideElements.get(videoId)
+  const track = element?.firstElementChild
+  if (!element || !(track instanceof HTMLElement)) return
+  const currentTransform = window.getComputedStyle(track).transform
+  cancelPhotoSlideAnimation(element)
+  track.style.transform =
+    currentTransform && currentTransform !== 'none'
+      ? currentTransform
+      : `translate3d(-${photoSlideIndex(videoId) * 100}%, 0, 0)`
+  const startTranslateX = photoSlideTranslateX(track)
+  const now = performance.now()
+  photoSlideDrag = {
+    currentX: event.clientX,
+    element,
+    frame: null,
+    lastMoveAt: now,
+    lastX: event.clientX,
+    pointerId: event.pointerId,
+    startIndex: photoSlideIndex(videoId),
+    startTranslateX,
+    startX: event.clientX,
+    track,
+    velocity: 0,
+  }
+  element.classList.add('photo-slideshow--dragging')
+  element.setPointerCapture(event.pointerId)
+}
+
+function renderPhotoSlideDrag(
+  drag: NonNullable<typeof photoSlideDrag>,
+): void {
+  drag.frame = null
+  if (photoSlideDrag !== drag) return
+  const translateX = drag.startTranslateX + (drag.currentX - drag.startX)
+  drag.track.style.transform = `translate3d(${translateX}px, 0, 0)`
+}
+
+function updatePhotoSlideDrag(event: PointerEvent): void {
+  if (!photoSlideDrag || photoSlideDrag.pointerId !== event.pointerId) return
+  event.preventDefault()
+  const samples = event.getCoalescedEvents?.() ?? [event]
+  const sample = samples.at(-1) ?? event
+  const now = performance.now()
+  const elapsed = Math.max(1, now - photoSlideDrag.lastMoveAt)
+  const instantVelocity = (photoSlideDrag.lastX - sample.clientX) / elapsed
+  photoSlideDrag.velocity =
+    photoSlideDrag.velocity * 0.68 + instantVelocity * 0.32
+  photoSlideDrag.currentX = sample.clientX
+  photoSlideDrag.lastX = sample.clientX
+  photoSlideDrag.lastMoveAt = now
+  if (photoSlideDrag.frame === null) {
+    const drag = photoSlideDrag
+    drag.frame = window.requestAnimationFrame(() => renderPhotoSlideDrag(drag))
+  }
+}
+
+function endPhotoSlideDrag(video: FlipTokVideo, event: PointerEvent): void {
+  if (!photoSlideDrag || photoSlideDrag.pointerId !== event.pointerId) return
+  const drag = photoSlideDrag
+  const { element, pointerId } = drag
+  drag.currentX = event.clientX
+  if (drag.frame !== null) window.cancelAnimationFrame(drag.frame)
+  renderPhotoSlideDrag(drag)
+  const lastIndex = videoMedia(video).length - 1
+  const distance = drag.startX - drag.currentX
+  const shouldAdvance =
+    Math.abs(distance) > element.clientWidth * 0.12 ||
+    Math.abs(drag.velocity) > 0.35
+  const direction = Math.sign(distance || drag.velocity)
+  const nextIndex = Math.max(
+    0,
+    Math.min(
+      lastIndex,
+      shouldAdvance ? drag.startIndex + direction : drag.startIndex,
+    ),
+  )
+  if (element.hasPointerCapture(pointerId)) element.releasePointerCapture(pointerId)
+  element.classList.remove('photo-slideshow--dragging')
+  photoSlideDrag = null
+  settlePhotoSlide(video.id, element, nextIndex)
+}
+
+function cancelPhotoSlideAnimation(element: HTMLElement): void {
+  const animation = photoSlideAnimations.get(element)
+  animation?.cancel()
+  photoSlideAnimations.delete(element)
+  element.classList.remove('photo-slideshow--settling')
+}
+
+function settlePhotoSlide(
+  videoId: string,
+  element: HTMLElement,
+  index: number,
+): void {
+  cancelPhotoSlideAnimation(element)
+  const track = element.firstElementChild
+  if (!(track instanceof HTMLElement)) return
+  const startTransform = window.getComputedStyle(track).transform
+  const targetTransform = `translate3d(-${index * 100}%, 0, 0)`
+  const animationTarget = `translate3d(${-index * element.clientWidth}px, 0, 0)`
+  updatePhotoSlideIndex(videoId, index)
+  element.classList.add('photo-slideshow--settling')
+  const animation = track.animate(
+    [
+      { transform: startTransform === 'none' ? track.style.transform : startTransform },
+      { transform: animationTarget },
+    ],
+    {
+      duration: 420,
+      easing: 'cubic-bezier(0.22, 1, 0.36, 1)',
+      fill: 'forwards',
+    },
+  )
+  photoSlideAnimations.set(element, animation)
+  animation.onfinish = () => {
+    track.style.transform = targetTransform
+    animation.cancel()
+    photoSlideAnimations.delete(element)
+    element.classList.remove('photo-slideshow--settling')
+  }
+}
+
+function moveComposerPhoto(direction: -1 | 1): void {
+  composerPhotoIndex.value = Math.max(
+    0,
+    Math.min(
+      selectedMediaItems.value.length - 1,
+      composerPhotoIndex.value + direction,
+    ),
+  )
+}
+
 function parseYoutubeVideoId(value: string): string {
   const trimmed = value.trim()
   if (!trimmed || trimmed.length > 500) return ''
@@ -351,7 +557,7 @@ function formatTimestamp(value: number): string {
     timestamp.getFullYear() === now.getFullYear() &&
     timestamp.getMonth() === now.getMonth() &&
     timestamp.getDate() === now.getDate()
-  return new Intl.DateTimeFormat(undefined, {
+  return new Intl.DateTimeFormat(phone.lang, {
     ...(sameDay ? {} : { day: '2-digit', month: 'short' }),
     hour: '2-digit',
     minute: '2-digit',
@@ -710,7 +916,12 @@ function observeVideos(): void {
             : undefined
           if (item && video) void playFeedVideo(item, video)
           else if (item?.music_source === 'youtube' && item.music_video_id) {
-            void playFlipTokYoutube(id, item.music_video_id, item.music_volume, 0)
+            void playFlipTokYoutube(
+              id,
+              item.music_video_id,
+              item.music_volume,
+              0,
+            )
           } else if (item) {
             const music = musicElements.get(id)
             if (music) void music.play().catch(() => undefined)
@@ -860,10 +1071,14 @@ async function followFromFeed(video: FlipTokVideo): Promise<void> {
   const pending = new Set(followPendingIds.value)
   pending.add(video.id)
   followPendingIds.value = pending
-  await store.follow(video)
+  const followed = await store.follow(video)
   const settled = new Set(followPendingIds.value)
   settled.delete(video.id)
   followPendingIds.value = settled
+  if (!followed) {
+    notify(t('errors.default'))
+    return
+  }
   if (!video.is_following) return
 
   const visible = new Set(followFeedbackIds.value)
@@ -883,7 +1098,11 @@ async function followFromFeed(video: FlipTokVideo): Promise<void> {
 }
 
 async function changeMode(mode: 'for-you' | 'following'): Promise<void> {
-  await store.loadFeed(mode)
+  if (!(await store.loadFeed(mode))) {
+    notify(t('errors.default'))
+    return
+  }
+  feedBeforePreview.value = null
   await nextTick()
   observeVideos()
 }
@@ -892,7 +1111,10 @@ async function openComments(video: FlipTokVideo): Promise<void> {
   selectedVideo.value = video
   replyingTo.value = null
   expandedCommentThreads.value = new Set()
-  await store.loadComments(video.id)
+  if (!(await store.loadComments(video.id))) {
+    notify(t('errors.video_not_found'))
+    return
+  }
   commentsOpen.value = true
 }
 
@@ -926,23 +1148,32 @@ async function submitComment(): Promise<void> {
   await store.loadComments(selectedVideo.value.id)
 }
 
-function chooseMedia(source: 'camera' | 'photos', mediaType: 'photo' | 'video'): void {
-  messageMedia.begin('fliptok:compose', mediaType, '/apps/fliptok?compose=1', mediaType === 'photo' ? 10 : 1, {
-    caption: caption.value,
-    commentsEnabled: commentsEnabled.value,
-    visibility: visibility.value,
-    trimStartMs: trimStartMs.value,
-    trimEndMs: trimEndMs.value,
-    coverTimeMs: coverTimeMs.value,
-    originalVolume: originalVolume.value,
-    musicVolume: musicVolume.value,
-    musicTrack: musicTrack.value,
-    customMusicUrl: customMusicUrl.value,
-    customMusicTitle: customMusicTitle.value,
-    customMusicArtist: customMusicArtist.value,
-    customMusicVideoId: customMusicVideoId.value,
-    selectedMediaItems: selectedMediaItems.value,
-  })
+function chooseMedia(
+  source: 'camera' | 'photos',
+  mediaType: 'photo' | 'video',
+): void {
+  messageMedia.begin(
+    'fliptok:compose',
+    mediaType,
+    '/apps/fliptok?compose=1',
+    mediaType === 'photo' ? 10 : 1,
+    {
+      caption: caption.value,
+      commentsEnabled: commentsEnabled.value,
+      visibility: visibility.value,
+      trimStartMs: trimStartMs.value,
+      trimEndMs: trimEndMs.value,
+      coverTimeMs: coverTimeMs.value,
+      originalVolume: originalVolume.value,
+      musicVolume: musicVolume.value,
+      musicTrack: musicTrack.value,
+      customMusicUrl: customMusicUrl.value,
+      customMusicTitle: customMusicTitle.value,
+      customMusicArtist: customMusicArtist.value,
+      customMusicVideoId: customMusicVideoId.value,
+      selectedMediaItems: selectedMediaItems.value,
+    },
+  )
   void router.push({
     path: `/apps/${source}`,
     query: { mediaAttachment: mediaType },
@@ -959,13 +1190,18 @@ function choosePhotoSlideshow(source: 'camera' | 'photos' = 'photos'): void {
 
 async function publish(draft = false): Promise<void> {
   if (!selectedMedia.value || publishing.value) return
+  const mediaIds = (
+    selectedMediaItems.value.length
+      ? selectedMediaItems.value
+      : [selectedMedia.value]
+  ).map((media) => media.id)
   publishing.value = true
   const response = await nuiCall('fliptok:publish', {
     caption: caption.value,
     commentsEnabled: commentsEnabled.value,
     draft,
     mediaId: selectedMedia.value.id,
-    mediaIds: selectedMediaItems.value.map((media) => media.id),
+    mediaIds,
     mediaType: selectedMediaType.value,
     trimStartMs: trimStartMs.value,
     trimEndMs: trimEndMs.value || null,
@@ -982,6 +1218,7 @@ async function publish(draft = false): Promise<void> {
   resetComposer()
   composeOpen.value = false
   tab.value = 'feed'
+  feedBeforePreview.value = null
   await store.loadFeed('for-you')
   await nextTick()
   observeVideos()
@@ -991,6 +1228,7 @@ async function publish(draft = false): Promise<void> {
 function resetComposer(): void {
   selectedMedia.value = null
   selectedMediaItems.value = []
+  composerPhotoIndex.value = 0
   caption.value = ''
   visibility.value = 'public'
   commentsEnabled.value = true
@@ -1109,22 +1347,38 @@ async function runSearch(): Promise<void> {
 }
 
 function openDiscoveredVideo(video: FlipTokVideo): void {
+  if (!feedBeforePreview.value) feedBeforePreview.value = [...store.feed]
   store.feed = [video]
   tab.value = 'feed'
 }
 
+async function openFeedTab(): Promise<void> {
+  if (feedBeforePreview.value) {
+    store.feed = feedBeforePreview.value
+    feedBeforePreview.value = null
+  }
+  tab.value = 'feed'
+  await nextTick()
+  observeVideos()
+}
+
 async function openProfile(profileId?: number, handle?: string): Promise<void> {
   const loaded = await store.loadProfile(handle ? { handle } : { profileId })
   if (loaded) {
     commentsOpen.value = false
     actionsOpen.value = false
     tab.value = 'profile'
+    return
   }
+  notify(t('errors.profile_not_found'))
 }
 
 async function openOwnProfile(): Promise<void> {
   if (store.profile) {
-    await store.loadProfile({ profileId: store.profile.id })
+    if (!(await store.loadProfile({ profileId: store.profile.id }))) {
+      notify(t('errors.profile_not_found'))
+      return
+    }
     store.viewedProfile = null
   } else store.showOwnProfile()
   tab.value = 'profile'
@@ -1146,6 +1400,11 @@ async function openConnectionProfile(profile: FlipTokProfile): Promise<void> {
   await openProfile(profile.id)
 }
 
+async function followConnection(profile: FlipTokProfile): Promise<void> {
+  if (profile.is_owner || profile.is_following) return
+  if (!(await store.followProfile(profile))) notify(t('errors.default'))
+}
+
 function openActions(video: FlipTokVideo): void {
   selectedVideo.value = video
   actionsOpen.value = true
@@ -1153,7 +1412,11 @@ function openActions(video: FlipTokVideo): void {
 
 async function shareVideo(video: FlipTokVideo): Promise<void> {
   const response = await nuiCall('fliptok:share', { id: video.id })
-  if (response.success) video.share_count += 1
+  if (!response.success) {
+    notify(t(`errors.${response.error ?? 'default'}`))
+    return
+  }
+  video.share_count += 1
   useEasyShareStore().open({
     appId: 'fliptok',
     copyText: `@${video.handle}: ${video.caption}`,
@@ -1181,12 +1444,14 @@ function shareCurrentProfile(): void {
 }
 
 async function reportVideo(): Promise<void> {
-  if (!selectedVideo.value) return
+  if (!selectedVideo.value || reportSubmitting.value) return
+  reportSubmitting.value = true
   const response = await nuiCall('fliptok:report', {
     details: reportDetails.value.trim(),
     id: selectedVideo.value.id,
     reason: reportReason.value,
   })
+  reportSubmitting.value = false
   if (!response.success)
     return notify(t(`errors.${response.error ?? 'default'}`))
   actionsOpen.value = false
@@ -1211,7 +1476,7 @@ async function blockCreator(): Promise<void> {
 async function blockCurrentProfile(): Promise<void> {
   if (!currentProfile.value || currentProfile.value.is_owner) return
   if (await store.blockProfile(currentProfile.value.id)) {
-    openOwnProfile()
+    await openOwnProfile()
     notify(t('blocked'))
   }
 }
@@ -1254,11 +1519,14 @@ function removeProfilePhoto(): void {
 }
 
 async function saveProfile(): Promise<void> {
+  if (profileSaving.value) return
+  profileSaving.value = true
   const response = await nuiCall<FlipTokProfile>('fliptok:update-profile', {
     ...profileDraft.value,
     avatarMediaId:
       selectedProfilePhoto.value?.id ?? profileDraft.value.avatarMediaId,
   })
+  profileSaving.value = false
   if (!response.success || !response.data)
     return notify(t(`errors.${response.error ?? 'default'}`))
   store.profile = response.data
@@ -1267,11 +1535,41 @@ async function saveProfile(): Promise<void> {
   profileEditOpen.value = false
 }
 
+async function followCurrentProfile(): Promise<void> {
+  const profile = currentProfile.value
+  if (!profile || profile.is_owner || profileFollowPending.value) return
+  profileFollowPending.value = true
+  const success = await store.followProfile(profile)
+  profileFollowPending.value = false
+  if (!success) notify(t('errors.default'))
+}
+
+function requestDeleteVideo(): void {
+  if (!selectedVideo.value?.is_owner) return
+  actionsOpen.value = false
+  deleteDialogOpen.value = true
+}
+
+async function confirmDeleteVideo(): Promise<void> {
+  if (!selectedVideo.value || deleteSubmitting.value) return
+  deleteSubmitting.value = true
+  const deleted = await store.deleteVideo(selectedVideo.value.id)
+  deleteSubmitting.value = false
+  if (!deleted) {
+    notify(t('errors.video_not_found'))
+    return
+  }
+  deleteDialogOpen.value = false
+  selectedVideo.value = null
+  notify(t('videoDeleted'))
+}
+
 watch(tab, async (value) => {
   videoElements.forEach((video) => video.pause())
   musicElements.forEach((audio) => audio.pause())
   pauseFlipTokYoutube()
-  if (value === 'activity') await store.loadActivities()
+  if (value === 'activity' && !(await store.loadActivities()))
+    notify(t('errors.default'))
   if (value === 'discover' && store.searchResults.length === 0)
     await runSearch()
   if (value === 'feed') {
@@ -1280,6 +1578,22 @@ watch(tab, async (value) => {
   }
 })
 
+watch(commentsOpen, (opened) => {
+  if (opened) return
+  expandedCommentThreads.value = new Set()
+  replyingTo.value = null
+})
+
+watch(
+  () => selectedMediaItems.value.length,
+  (length) => {
+    composerPhotoIndex.value = Math.max(
+      0,
+      Math.min(composerPhotoIndex.value, length - 1),
+    )
+  },
+)
+
 watch(
   () => store.authenticated,
   async (authenticated) => {
@@ -1290,11 +1604,11 @@ watch(
 )
 
 watch(search, () => {
-  window.clearTimeout((runSearch as unknown as { timer?: number }).timer)
-  ;(runSearch as unknown as { timer?: number }).timer = window.setTimeout(
-    runSearch,
-    250,
-  )
+  if (searchTimer !== null) window.clearTimeout(searchTimer)
+  searchTimer = window.setTimeout(() => {
+    searchTimer = null
+    void runSearch()
+  }, 250)
 })
 
 watch(originalVolume, (value) => {
@@ -1368,6 +1682,7 @@ onMounted(async () => {
       : (selection.context?.selectedMediaItems ?? [])
     selectedMedia.value = restoredMedia[0] ?? null
     selectedMediaItems.value = restoredMedia
+    composerPhotoIndex.value = 0
     caption.value = selection.context?.caption ?? ''
     commentsEnabled.value = selection.context?.commentsEnabled ?? true
     visibility.value = selection.context?.visibility ?? 'public'
@@ -1387,7 +1702,8 @@ onMounted(async () => {
     composeOpen.value = true
   }
   await store.bootstrap()
-  if (route.query.compose === '1' && store.authenticated) composeOpen.value = true
+  if (route.query.compose === '1' && store.authenticated)
+    composeOpen.value = true
   const easyShareId = String(route.query.easyShareId ?? '')
   if (easyShareId && route.query.easyShareKind === 'profile') {
     const profileId = Number(easyShareId)
@@ -1410,9 +1726,23 @@ onBeforeUnmount(() => {
   if (likePulseTimer !== null) window.clearTimeout(likePulseTimer)
   if (commentLikePulseTimer !== null) window.clearTimeout(commentLikePulseTimer)
   if (reactionPulseTimer !== null) window.clearTimeout(reactionPulseTimer)
+  if (feedbackTimer !== null) window.clearTimeout(feedbackTimer)
+  if (searchTimer !== null) window.clearTimeout(searchTimer)
   followFeedbackTimers.forEach((timer) => window.clearTimeout(timer))
   followFeedbackTimers.clear()
+  if (photoSlideDrag) {
+    if (photoSlideDrag.frame !== null) {
+      window.cancelAnimationFrame(photoSlideDrag.frame)
+    }
+    if (photoSlideDrag.element.hasPointerCapture(photoSlideDrag.pointerId)) {
+      photoSlideDrag.element.releasePointerCapture(photoSlideDrag.pointerId)
+    }
+    photoSlideDrag.element.classList.remove('photo-slideshow--dragging')
+    photoSlideDrag = null
+  }
+  Array.from(photoSlideAnimations.keys()).forEach(cancelPhotoSlideAnimation)
   feedCards.clear()
+  photoSlideElements.clear()
   videoElements.forEach((video) => video.pause())
   destroyFlipTokYoutube()
 })
@@ -1567,15 +1897,33 @@ onBeforeUnmount(() => {
           :key="video.id"
           :ref="(el) => setFeedCard(video.id, el)"
           class="video-card"
+          :class="{ 'video-card--photo': video.media_type === 'photo' }"
         >
-          <div v-if="video.media_type === 'photo'" class="photo-slideshow">
-            <img
-              v-for="media in videoMedia(video)"
-              :key="media.id || media.url"
-              :src="media.url"
-              alt=""
-            />
+          <div
+            v-if="video.media_type === 'photo'"
+            :ref="(el) => setPhotoSlideElement(video.id, el)"
+            class="photo-slideshow"
+            @pointerdown="beginPhotoSlideDrag(video.id, $event)"
+            @pointermove="updatePhotoSlideDrag"
+            @pointerup="endPhotoSlideDrag(video, $event)"
+            @pointercancel="endPhotoSlideDrag(video, $event)"
+          >
+            <div class="photo-slideshow__track">
+              <img
+                v-for="media in videoMedia(video)"
+                :key="media.id || media.url"
+                :src="media.url"
+                alt=""
+              />
+            </div>
           </div>
+          <span
+            v-if="video.media_type === 'photo' && videoMedia(video).length > 1"
+            class="photo-slideshow__count"
+          >
+            {{ photoSlideIndex(video.id) + 1 }} /
+            {{ videoMedia(video).length }}
+          </span>
           <video
             v-else
             :ref="(el) => setVideoElement(video.id, el)"
@@ -1604,8 +1952,13 @@ onBeforeUnmount(() => {
           />
           <div
             class="video-shade"
-            @click="handleVideoClick(video)"
-            @dblclick.prevent="handleVideoDoubleClick(video)"
+            :class="{
+              'video-shade--passive': video.media_type === 'photo',
+            }"
+            @click="video.media_type !== 'photo' && handleVideoClick(video)"
+            @dblclick.prevent="
+              video.media_type !== 'photo' && handleVideoDoubleClick(video)
+            "
           />
           <button
             v-if="playbackFailedIds.has(video.id)"
@@ -1671,7 +2024,11 @@ onBeforeUnmount(() => {
           </section>
           <aside class="video-actions">
             <div class="video-profile-action">
-              <button class="avatar" @click="openProfile(video.profile_id)">
+              <button
+                class="avatar"
+                :aria-label="video.display_name"
+                @click="openProfile(video.profile_id)"
+              >
                 <img v-if="video.avatar_url" :src="video.avatar_url" alt="" />
                 <template v-else>{{ initials(video.display_name) }}</template>
               </button>
@@ -1729,7 +2086,9 @@ onBeforeUnmount(() => {
             <button @click="shareVideo(video)">
               <Share2 /><span>{{ compactCount(video.share_count) }}</span>
             </button>
-            <button @click="openActions(video)"><MoreHorizontal /></button>
+            <button :aria-label="t('more')" @click="openActions(video)">
+              <MoreHorizontal />
+            </button>
           </aside>
         </article>
         <div v-if="!store.feed.length" class="empty-feed">
@@ -1740,7 +2099,11 @@ onBeforeUnmount(() => {
     </template>
 
     <template v-else-if="tab === 'discover'">
-      <SkyNavbar class="fliptok-navbar" :title="t('discover')" variant="medium">
+      <SkyNavbar
+        class="fliptok-navbar fliptok-discover-navbar"
+        :title="t('discover')"
+        variant="medium"
+      >
         <template #subnavbar>
           <SkySearchbar
             v-model="search"
@@ -1753,9 +2116,15 @@ onBeforeUnmount(() => {
       </SkyNavbar>
       <SkyScrollArea padded with-tabbar class="light-screen discover-screen">
         <div class="trend-pills">
-          <SkyChip component="button" type="button"># LosSantos</SkyChip>
-          <SkyChip component="button" type="button"># Roleplay</SkyChip>
-          <SkyChip component="button" type="button"># Trending</SkyChip>
+          <SkyChip
+            v-for="trend in discoveryTags"
+            :key="trend.value"
+            component="button"
+            type="button"
+            @click="search = trend.value"
+          >
+            {{ t(trend.labelKey) }}
+          </SkyChip>
         </div>
         <div class="video-grid">
           <button
@@ -1763,11 +2132,7 @@ onBeforeUnmount(() => {
             :key="video.id"
             @click="openDiscoveredVideo(video)"
           >
-            <img
-              v-if="video.media_type === 'photo'"
-              :src="video.url"
-              alt=""
-            />
+            <img v-if="video.media_type === 'photo'" :src="video.url" alt="" />
             <video
               v-else
               :src="video.url"
@@ -1784,7 +2149,11 @@ onBeforeUnmount(() => {
     </template>
 
     <template v-else-if="tab === 'activity'">
-      <SkyNavbar class="fliptok-navbar" :title="t('activity')" variant="large" />
+      <SkyNavbar
+        class="fliptok-navbar"
+        :title="t('activity')"
+        variant="large"
+      />
       <SkyScrollArea padded with-tabbar class="light-screen activity-list">
         <article
           v-for="activity in store.activities"
@@ -1810,7 +2179,7 @@ onBeforeUnmount(() => {
 
     <template v-else-if="tab === 'profile'">
       <SkyNavbar
-        class="fliptok-navbar"
+        class="fliptok-navbar fliptok-profile-navbar"
         title=""
         :show-back="Boolean(store.viewedProfile)"
         :back-label="phone.t('Common.back')"
@@ -1878,7 +2247,11 @@ onBeforeUnmount(() => {
         <p class="bio">{{ currentProfile.bio || t('emptyBio') }}</p>
         <div v-if="!currentProfile.is_owner" class="profile-actions">
           <template>
-            <SkyButton rounded @click="store.followProfile(currentProfile)">
+            <SkyButton
+              rounded
+              :disabled="profileFollowPending"
+              @click="followCurrentProfile"
+            >
               {{ currentProfile.is_following ? t('unfollow') : t('follow') }}
             </SkyButton>
             <SkyButton
@@ -1896,11 +2269,7 @@ onBeforeUnmount(() => {
             :key="video.id"
             @click="openDiscoveredVideo(video)"
           >
-            <img
-              v-if="video.media_type === 'photo'"
-              :src="video.url"
-              alt=""
-            />
+            <img v-if="video.media_type === 'photo'" :src="video.url" alt="" />
             <video
               v-else
               :src="video.url"
@@ -1939,7 +2308,7 @@ onBeforeUnmount(() => {
         <SkySegmentedButton
           :active="tab === 'feed'"
           class="main-tab"
-          @click="tab = 'feed'"
+          @click="openFeedTab"
         >
           <Home /><small>{{ t('home') }}</small>
         </SkySegmentedButton>
@@ -2021,11 +2390,44 @@ onBeforeUnmount(() => {
           />
           <div v-else class="compose-photo-preview">
             <img
-              v-for="media in selectedMediaItems"
-              :key="media.id"
-              :src="media.url"
+              v-if="selectedComposerPhoto"
+              :key="selectedComposerPhoto.id"
+              :src="selectedComposerPhoto.url"
               alt=""
             />
+            <template v-if="selectedMediaItems.length > 1">
+              <button
+                type="button"
+                class="compose-photo-preview__arrow compose-photo-preview__arrow--previous"
+                :disabled="composerPhotoIndex === 0"
+                :aria-label="t('previousPhoto')"
+                @click="moveComposerPhoto(-1)"
+              >
+                <ChevronLeft />
+              </button>
+              <button
+                type="button"
+                class="compose-photo-preview__arrow compose-photo-preview__arrow--next"
+                :disabled="composerPhotoIndex === selectedMediaItems.length - 1"
+                :aria-label="t('nextPhoto')"
+                @click="moveComposerPhoto(1)"
+              >
+                <ChevronRight />
+              </button>
+              <span class="compose-photo-preview__count">
+                {{ composerPhotoIndex + 1 }} / {{ selectedMediaItems.length }}
+              </span>
+              <div class="compose-photo-preview__dots" aria-hidden="true">
+                <span
+                  v-for="media in selectedMediaItems"
+                  :key="media.id"
+                  :class="{
+                    active:
+                      selectedMediaItems[composerPhotoIndex]?.id === media.id,
+                  }"
+                />
+              </div>
+            </template>
           </div>
           <div class="media-preview__actions">
             <SkyButton
@@ -2211,8 +2613,14 @@ onBeforeUnmount(() => {
         @back="profileEditOpen = false"
       >
         <template #right>
-          <SkyButton small rounded class="done-button" @click="saveProfile">
-            {{ t('done') }}
+          <SkyButton
+            small
+            rounded
+            class="done-button"
+            :disabled="profileSaving"
+            @click="saveProfile"
+          >
+            {{ profileSaving ? t('savingProfile') : t('done') }}
           </SkyButton>
         </template>
       </SkyNavbar>
@@ -2277,6 +2685,7 @@ onBeforeUnmount(() => {
           />
           <SkyListItem
             link
+            link-component="button"
             :title="t('accountType')"
             :after="t(`accountTypes.${profileDraft.accountType}`)"
             @click="accountTypeSheetOpen = true"
@@ -2400,7 +2809,9 @@ onBeforeUnmount(() => {
                 <span></span>
                 {{
                   expandedCommentThreads.has(thread.comment.id)
-                    ? t('hideReplies')
+                    ? t('hideReplies', {
+                        count: String(thread.replies.length),
+                      })
                     : t('showReplies', {
                         count: String(thread.replies.length),
                       })
@@ -2463,7 +2874,11 @@ onBeforeUnmount(() => {
               {{ t('noComments') }}
             </div>
           </div>
-          <form class="comments-composer" @submit.prevent="submitComment">
+          <form
+            v-if="selectedVideo?.comments_enabled"
+            class="comments-composer"
+            @submit.prevent="submitComment"
+          >
             <div v-if="replyingTo" class="replying-to">
               <span>{{
                 t('replyingTo', { handle: `@${replyingTo.handle}` })
@@ -2498,21 +2913,39 @@ onBeforeUnmount(() => {
               </template>
             </SkyMessagebar>
           </form>
+          <p v-else class="comments-disabled">
+            {{ t('errors.comments_disabled') }}
+          </p>
         </div>
       </SkySheet>
     </div>
 
     <div v-if="actionsOpen" class="fliptok-sheet">
-      <SkySheet :opened="actionsOpen" @backdropclick="actionsOpen = false"
-        ><div class="sheet-handle" />
+      <SkySheet
+        :opened="actionsOpen"
+        grabber-clickable
+        swipe-to-close
+        @backdropclick="actionsOpen = false"
+        @grabberclick="actionsOpen = false"
+        @swipeclose="actionsOpen = false"
+      >
         <div class="action-sheet">
           <SkyList inset strong
             ><SkyListItem
+              v-if="selectedVideo?.is_owner"
+              link
+              link-component="button"
+              content-class="w-full"
+              class="danger"
+              :title="t('removeVideo')"
+              @click="requestDeleteVideo" /><SkyListItem
+              v-if="!selectedVideo?.is_owner"
               link
               link-component="button"
               content-class="w-full"
               :title="t('report')"
               @click="openReport" /><SkyListItem
+              v-if="!selectedVideo?.is_owner"
               link
               link-component="button"
               content-class="w-full"
@@ -2522,8 +2955,8 @@ onBeforeUnmount(() => {
           ><SkyButton large rounded tonal @click="actionsOpen = false">{{
             t('cancel')
           }}</SkyButton>
-        </div></SkySheet
-      >
+        </div>
+      </SkySheet>
     </div>
     <div v-if="reportSheetOpen" class="fliptok-sheet">
       <SkySheet
@@ -2564,12 +2997,19 @@ onBeforeUnmount(() => {
             />
           </SkyList>
           <div class="report-sheet__actions">
-            <SkyButton rounded @click="reportVideo">{{
-              t('submitReport')
-            }}</SkyButton>
-            <SkyButton rounded tonal @click="reportSheetOpen = false">{{
-              t('cancel')
-            }}</SkyButton>
+            <SkyButton
+              rounded
+              :disabled="reportSubmitting"
+              @click="reportVideo"
+              >{{ t('submitReport') }}</SkyButton
+            >
+            <SkyButton
+              rounded
+              tonal
+              :disabled="reportSubmitting"
+              @click="reportSheetOpen = false"
+              >{{ t('cancel') }}</SkyButton
+            >
           </div>
         </div>
       </SkySheet>
@@ -2577,9 +3017,12 @@ onBeforeUnmount(() => {
     <div v-if="musicSheetOpen" class="fliptok-sheet">
       <SkySheet
         :opened="musicSheetOpen"
+        grabber-clickable
+        swipe-to-close
         @backdropclick="musicSheetOpen = false"
+        @grabberclick="musicSheetOpen = false"
+        @swipeclose="musicSheetOpen = false"
       >
-        <div class="sheet-handle" />
         <div class="selection-sheet music-selection-sheet">
           <h3>{{ t('chooseSound') }}</h3>
           <SkyList inset strong>
@@ -2699,10 +3142,13 @@ onBeforeUnmount(() => {
       <SkySheet
         :opened="profilePhotoSheetOpen"
         :aria-label="t('profilePhoto')"
+        grabber-clickable
+        swipe-to-close
         @backdropclick="profilePhotoSheetOpen = false"
         @escape="profilePhotoSheetOpen = false"
+        @grabberclick="profilePhotoSheetOpen = false"
+        @swipeclose="profilePhotoSheetOpen = false"
       >
-        <div class="sheet-handle" />
         <div class="selection-sheet profile-photo-sheet">
           <h3>{{ t('profilePhoto') }}</h3>
           <SkyList inset strong>
@@ -2746,8 +3192,12 @@ onBeforeUnmount(() => {
     <div v-if="accountTypeSheetOpen" class="fliptok-sheet">
       <SkySheet
         :opened="accountTypeSheetOpen"
+        grabber-clickable
+        swipe-to-close
         @backdropclick="accountTypeSheetOpen = false"
-        ><div class="sheet-handle" />
+        @grabberclick="accountTypeSheetOpen = false"
+        @swipeclose="accountTypeSheetOpen = false"
+      >
         <div class="selection-sheet">
           <h3>{{ t('accountType') }}</h3>
           <SkyList inset strong
@@ -2794,13 +3244,20 @@ onBeforeUnmount(() => {
           <SkySegmentedButton
             :active="connectionsMode === 'followers'"
             @click="openConnections('followers')"
-          >{{ t('followers') }}</SkySegmentedButton>
+            >{{ t('followers') }}</SkySegmentedButton
+          >
           <SkySegmentedButton
             :active="connectionsMode === 'following'"
             @click="openConnections('following')"
-          >{{ t('following') }}</SkySegmentedButton>
+            >{{ t('following') }}</SkySegmentedButton
+          >
         </SkySegmented>
-        <SkyList v-if="store.connections.length" inset strong class="connections-list">
+        <SkyList
+          v-if="store.connections.length"
+          inset
+          strong
+          class="connections-list"
+        >
           <SkyListItem
             v-for="profile in store.connections"
             :key="profile.id"
@@ -2815,8 +3272,14 @@ onBeforeUnmount(() => {
                 @click="openConnectionProfile(profile)"
               >
                 <span class="connection-avatar">
-                  <img v-if="profile.avatar_url" :src="profile.avatar_url" alt="" />
-                  <template v-else>{{ initials(profile.display_name) }}</template>
+                  <img
+                    v-if="profile.avatar_url"
+                    :src="profile.avatar_url"
+                    alt=""
+                  />
+                  <template v-else>{{
+                    initials(profile.display_name)
+                  }}</template>
                 </span>
               </button>
             </template>
@@ -2826,8 +3289,12 @@ onBeforeUnmount(() => {
                 small
                 rounded
                 :tonal="profile.is_following"
-                @click="store.followProfile(profile)"
-              >{{ profile.is_following ? t('unfollow') : t('follow') }}</SkyButton>
+                :disabled="profile.is_following"
+                @click="followConnection(profile)"
+                >{{
+                  profile.is_following ? t('unfollow') : t('follow')
+                }}</SkyButton
+              >
             </template>
           </SkyListItem>
         </SkyList>
@@ -2859,6 +3326,29 @@ onBeforeUnmount(() => {
         </SkyDialogButton>
       </template>
     </SkyDialog>
+    <SkyDialog
+      :opened="deleteDialogOpen"
+      @backdropclick="!deleteSubmitting && (deleteDialogOpen = false)"
+    >
+      <template #title>{{ t('deleteVideoTitle') }}</template>
+      <p>{{ t('deleteVideoBody') }}</p>
+      <template #buttons>
+        <SkyDialogButton
+          :disabled="deleteSubmitting"
+          @click="deleteDialogOpen = false"
+        >
+          {{ t('cancel') }}
+        </SkyDialogButton>
+        <SkyDialogButton
+          strong
+          class="logout-dialog-button"
+          :disabled="deleteSubmitting"
+          @click="confirmDeleteVideo"
+        >
+          {{ deleteSubmitting ? t('deletingVideo') : t('removeVideo') }}
+        </SkyDialogButton>
+      </template>
+    </SkyDialog>
     <SkyToast
       :opened="Boolean(feedback)"
       position="center"
@@ -4821,6 +5311,16 @@ onBeforeUnmount(() => {
   background: transparent;
 }
 
+.comments-disabled {
+  margin: 0;
+  padding: var(--sky-space-3) var(--sky-space-2)
+    calc(var(--sky-safe-area-bottom) + var(--sky-space-3));
+  border-top: 1px solid var(--sky-hairline);
+  color: var(--sky-muted);
+  font-size: 10px;
+  text-align: center;
+}
+
 .replying-to {
   min-height: 20px;
   padding: 0 var(--sky-space-2) 2px;
@@ -4891,20 +5391,38 @@ onBeforeUnmount(() => {
 
 .photo-slideshow,
 .compose-photo-preview {
-  display: flex;
   width: 100%;
   height: 100%;
+}
+
+.photo-slideshow {
+  overflow: hidden;
+}
+
+.photo-slideshow__track,
+.compose-photo-preview {
+  display: flex;
+}
+
+.photo-slideshow__track {
+  width: 100%;
+  height: 100%;
+  backface-visibility: hidden;
+  transform: translate3d(0, 0, 0);
+  will-change: transform;
+}
+
+.compose-photo-preview {
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   scrollbar-width: none;
 }
 
-.photo-slideshow::-webkit-scrollbar,
 .compose-photo-preview::-webkit-scrollbar {
   display: none;
 }
 
-.photo-slideshow img,
+.photo-slideshow__track img,
 .compose-photo-preview img {
   width: 100%;
   height: 100%;
@@ -4913,6 +5431,13 @@ onBeforeUnmount(() => {
   scroll-snap-align: center;
 }
 
+.photo-slideshow__track img {
+  backface-visibility: hidden;
+  pointer-events: none;
+  transform: translateZ(0);
+  -webkit-user-drag: none;
+}
+
 .photo-slideshow__count {
   position: absolute;
   top: calc(var(--sky-safe-area-top) + 58px);
@@ -4948,11 +5473,21 @@ onBeforeUnmount(() => {
 }
 
 @keyframes follow-confirmed-fade-centered {
-  0%, 48% { opacity: 1; transform: translateX(-50%) scale(1); }
-  100% { opacity: 0; transform: translateX(-50%) scale(0.72); }
+  0%,
+  48% {
+    opacity: 1;
+    transform: translateX(-50%) scale(1);
+  }
+  100% {
+    opacity: 0;
+    transform: translateX(-50%) scale(0.72);
+  }
 }
 
 .video-actions button {
+  width: 44px;
+  min-width: 44px;
+  min-height: 44px;
   gap: 2px;
 }
 
@@ -5085,6 +5620,23 @@ onBeforeUnmount(() => {
   color: var(--sky-app-accent);
 }
 
+.media-picker > header strong,
+.media-picker > header span {
+  max-width: 100%;
+  overflow-wrap: anywhere;
+}
+
+.media-picker > header strong {
+  font-size: 13px;
+  line-height: 1.25;
+}
+
+.media-picker > header span {
+  color: var(--sky-muted);
+  font-size: 10px;
+  line-height: 1.35;
+}
+
 .media-source-grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -5106,9 +5658,15 @@ onBeforeUnmount(() => {
   color: var(--sky-text);
   font: inherit;
   font-size: 9px;
+  line-height: 1.2;
   text-align: center;
 }
 
+.media-source-grid button strong {
+  width: 100%;
+  overflow-wrap: anywhere;
+}
+
 .media-source-grid svg {
   width: 20px;
   height: 20px;
@@ -5270,4 +5828,229 @@ onBeforeUnmount(() => {
   min-width: var(--sky-touch-target);
   flex: 0 0 var(--sky-touch-target);
 }
+
+/* Feed interaction and photo posts stay inside the phone viewport. */
+.video-feed {
+  overscroll-behavior-y: contain;
+  contain: layout paint;
+}
+
+.video-card {
+  block-size: 100%;
+  inline-size: 100%;
+}
+
+.video-shade--passive {
+  pointer-events: none;
+}
+
+.photo-slideshow {
+  position: absolute;
+  inset: 0;
+  overscroll-behavior-inline: contain;
+  cursor: grab;
+  touch-action: pan-y;
+  user-select: none;
+  contain: layout paint;
+}
+
+.compose-photo-preview__arrow {
+  width: 44px;
+  height: 44px;
+  min-width: 44px;
+  min-height: 44px;
+  padding: 0;
+  display: grid;
+  place-items: center;
+  border: 1px solid rgb(255 255 255 / 22%);
+  border-radius: 50%;
+  background: rgb(14 14 16 / 58%);
+  color: #fff;
+  box-shadow: 0 4px 14px rgb(0 0 0 / 24%);
+  backdrop-filter: blur(10px);
+  pointer-events: auto;
+}
+
+.photo-slideshow--dragging,
+.photo-slideshow--settling {
+  cursor: grabbing;
+}
+
+.compose-photo-preview__arrow svg {
+  width: 17px;
+  height: 17px;
+}
+
+.compose-photo-preview__arrow:disabled {
+  opacity: 0;
+  pointer-events: none;
+}
+
+.photo-slideshow__count {
+  top: calc(var(--sky-safe-area-top) + 58px);
+  right: 12px;
+  z-index: 1;
+  pointer-events: none;
+}
+
+/* The avatar follow control must not inherit the generic action height. */
+.video-actions .follow-dot {
+  width: 20px !important;
+  height: 20px !important;
+  min-width: 20px !important;
+  min-height: 20px !important;
+  padding: 0 !important;
+  display: grid;
+  place-items: center;
+  border: 2px solid #111;
+  border-radius: 50% !important;
+  background: var(--sky-app-accent) !important;
+}
+
+.video-actions .follow-dot svg {
+  width: 11px !important;
+  height: 11px !important;
+  margin: 0;
+}
+
+/* No unused action row is reserved above Discover. */
+.fliptok-discover-navbar.sky-navbar--no-navigation {
+  padding-top: calc(var(--sky-navbar-safe-area-top) + var(--sky-space-2));
+}
+
+.compose-photo-preview {
+  position: relative;
+  display: block;
+  overflow: hidden;
+  background: #111;
+}
+
+.compose-photo-preview img {
+  width: 100%;
+  height: 100%;
+  display: block;
+  object-fit: contain;
+}
+
+.compose-photo-preview__arrow {
+  position: absolute;
+  z-index: 2;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.compose-photo-preview__arrow--previous {
+  left: 10px;
+}
+
+.compose-photo-preview__arrow--next {
+  right: 10px;
+}
+
+.compose-photo-preview__count {
+  position: absolute;
+  z-index: 2;
+  top: 10px;
+  right: 10px;
+  padding: 4px 8px;
+  border-radius: var(--sky-radius-pill);
+  background: rgb(14 14 16 / 58%);
+  color: #fff;
+  font-size: 10px;
+  font-weight: 700;
+  backdrop-filter: blur(10px);
+}
+
+.compose-photo-preview__dots {
+  position: absolute;
+  z-index: 2;
+  right: 42px;
+  bottom: 10px;
+  left: 42px;
+  display: flex;
+  justify-content: center;
+  gap: 4px;
+}
+
+.compose-photo-preview__dots span {
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  background: rgb(255 255 255 / 48%);
+  box-shadow: 0 1px 3px rgb(0 0 0 / 36%);
+}
+
+.compose-photo-preview__dots span.active {
+  width: 13px;
+  border-radius: var(--sky-radius-pill);
+  background: #fff;
+}
+
+/* Login and register center in the remaining phone area and still scroll. */
+.fliptok-auth {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.fliptok-auth__navbar {
+  flex: 0 0 auto;
+}
+
+.fliptok-auth__body {
+  min-height: 0;
+  padding-top: var(--sky-space-3);
+  flex: 1 1 auto;
+  overflow-y: auto;
+}
+
+.fliptok-auth__glass {
+  margin-block: auto;
+}
+
+/* Profile actions are separate icon surfaces instead of one shared pill. */
+.fliptok-profile-navbar :deep(.sky-navbar__right) {
+  overflow: visible;
+  background: transparent;
+  box-shadow: none;
+}
+
+.profile-navbar-actions {
+  gap: 6px;
+}
+
+.profile-navbar-actions :deep(.sky-link) {
+  width: 38px;
+  height: 38px;
+  min-width: 38px;
+  min-height: 38px;
+  border: 1px solid var(--sky-hairline);
+  border-radius: var(--sky-radius-control);
+  background: var(--sky-surface);
+  color: var(--sky-text);
+  box-shadow: var(--sky-shadow-thumb);
+}
+
+.connections-list :deep(.sky-list-item__media) {
+  width: var(--sky-touch-target);
+  min-width: var(--sky-touch-target);
+  display: grid;
+  place-items: center;
+}
+
+.connections-list .connection-profile {
+  height: var(--sky-touch-target);
+  padding: 0;
+  display: grid;
+  place-items: center;
+}
+
+.connections-list .connection-avatar {
+  line-height: 1;
+  text-align: center;
+}
+
+.connections-list :deep(.sky-button:disabled) {
+  opacity: 0.72;
+}
 </style>
diff --git a/frontend/testserver/index.cjs b/frontend/testserver/index.cjs
index 1dd7343..9b16da3 100644
--- a/frontend/testserver/index.cjs
+++ b/frontend/testserver/index.cjs
@@ -585,6 +585,14 @@ let flipTokVideos = [
     music_source: '',
     music_url: '',
     music_video_id: '',
+    media_type: 'video',
+    media: [
+      {
+        id: 2,
+        mediaType: 'video',
+        url: 'https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4',
+      },
+    ],
     url: 'https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4',
     comments_enabled: true,
     is_liked: false,
@@ -617,6 +625,14 @@ let flipTokVideos = [
     music_source: 'audio',
     music_url: flipTokMusicTracks[0].url,
     music_video_id: '',
+    media_type: 'video',
+    media: [
+      {
+        id: 6,
+        mediaType: 'video',
+        url: 'https://media.w3.org/2010/05/sintel/trailer.mp4',
+      },
+    ],
     url: 'https://media.w3.org/2010/05/sintel/trailer.mp4',
     comments_enabled: true,
     is_liked: true,
@@ -629,6 +645,56 @@ let flipTokVideos = [
     share_count: 220,
     created_at: Date.now() - 7200000,
   },
+  {
+    avatar_url: null,
+    id: 'fliptok-3',
+    profile_id: 1,
+    handle: 'skyline',
+    display_name: 'Skyline',
+    verified: true,
+    caption: 'Three stops through Los Santos. #CityLife',
+    location: '',
+    trim_start_ms: 0,
+    trim_end_ms: null,
+    cover_time_ms: 0,
+    original_volume: 0,
+    music_volume: 0,
+    music_track: '',
+    music_title: '',
+    music_artist: '',
+    music_source: '',
+    music_url: '',
+    music_video_id: '',
+    media_type: 'photo',
+    media: [
+      {
+        id: 1,
+        mediaType: 'photo',
+        url: mockGalleryImage('City Night', '#172554', '#111827', '#7c3aed'),
+      },
+      {
+        id: 3,
+        mediaType: 'photo',
+        url: mockGalleryImage('Beach Drive', '#0369a1', '#164e63', '#fbbf24'),
+      },
+      {
+        id: 4,
+        mediaType: 'photo',
+        url: mockGalleryImage('Mountain Road', '#475569', '#334155', '#e2e8f0'),
+      },
+    ],
+    url: mockGalleryImage('City Night', '#172554', '#111827', '#7c3aed'),
+    comments_enabled: true,
+    is_liked: false,
+    is_saved: false,
+    is_following: false,
+    is_owner: true,
+    like_count: 812,
+    comment_count: 0,
+    view_count: 17300,
+    share_count: 64,
+    created_at: Date.now() - 10800000,
+  },
 ]
 let flipTokComments = [
   {
@@ -637,6 +703,7 @@ let flipTokComments = [
     is_liked: false,
     like_count: 7,
     parent_id: null,
+    video_id: 'fliptok-1',
     profile_id: 2,
     reply_to_handle: null,
     handle: 'nova',
@@ -6951,9 +7018,14 @@ app.post('/api/:endpoint', (request, response) => {
     const video = flipTokVideos.find((item) => item.id === request.body.id)
     if (video) {
       const key = request.body.kind === 'like' ? 'is_liked' : 'is_saved'
+      const changed = video[key] !== request.body.active
       video[key] = request.body.active
+      if (changed && request.body.kind === 'like')
+        video.like_count += request.body.active ? 1 : -1
     }
-    response.json({ success: true })
+    response.json(
+      video ? { success: true } : { success: false, error: 'video_not_found' },
+    )
     return
   }
   if (endpoint === 'fliptok:video') {
@@ -6981,16 +7053,36 @@ app.post('/api/:endpoint', (request, response) => {
     return
   }
   if (endpoint === 'fliptok:comments') {
-    response.json({ success: true, data: flipTokComments })
+    const video = flipTokVideos.find((item) => item.id === request.body.id)
+    response.json(
+      video
+        ? {
+            success: true,
+            data: flipTokComments.filter(
+              (comment) => comment.video_id === video.id,
+            ),
+          }
+        : { success: false, error: 'video_not_found' },
+    )
     return
   }
   if (endpoint === 'fliptok:comment') {
+    const video = flipTokVideos.find((item) => item.id === request.body.id)
+    if (!video) {
+      response.json({ success: false, error: 'video_not_found' })
+      return
+    }
+    if (!video.comments_enabled) {
+      response.json({ success: false, error: 'comments_disabled' })
+      return
+    }
     const comment = {
       avatar_url: flipTokProfile.avatar_url,
       id: `comment-${Date.now()}`,
       is_liked: false,
       like_count: 0,
       parent_id: request.body.parentId || null,
+      video_id: video.id,
       profile_id: 1,
       reply_to_handle: request.body.parentId
         ? flipTokComments.find((item) => item.id === request.body.parentId)
@@ -7003,16 +7095,22 @@ app.post('/api/:endpoint', (request, response) => {
       created_at: Date.now(),
     }
     flipTokComments.push(comment)
+    video.comment_count += 1
     response.json({ success: true, data: { id: comment.id } })
     return
   }
   if (endpoint === 'fliptok:comment-react') {
     const comment = flipTokComments.find((item) => item.id === request.body.id)
     if (comment) {
+      const changed = comment.is_liked !== (request.body.active === true)
       comment.is_liked = request.body.active === true
-      comment.like_count += comment.is_liked ? 1 : -1
+      if (changed) comment.like_count += comment.is_liked ? 1 : -1
     }
-    response.json({ success: true })
+    response.json(
+      comment
+        ? { success: true }
+        : { success: false, error: 'invalid_comment' },
+    )
     return
   }
   if (endpoint === 'fliptok:activities') {
@@ -7197,13 +7295,24 @@ app.post('/api/:endpoint', (request, response) => {
     return
   }
   if (endpoint === 'fliptok:publish') {
-    const media = mockMedia.find(
-      (item) => item.id === request.body.mediaId && item.mediaType === 'video',
+    const mediaType = request.body.mediaType === 'photo' ? 'photo' : 'video'
+    const submittedMediaIds = Array.isArray(request.body.mediaIds)
+      ? request.body.mediaIds
+      : [request.body.mediaId]
+    const mediaIds = [...new Set(submittedMediaIds.map(Number))]
+    const mediaItems = mediaIds.map((id) =>
+      mockMedia.find((item) => item.id === id && item.mediaType === mediaType),
     )
-    if (!media) {
+    if (
+      mediaItems.length < 1 ||
+      mediaItems.length > 10 ||
+      (mediaType === 'video' && mediaItems.length !== 1) ||
+      mediaItems.some((item) => !item)
+    ) {
       response.json({ success: false, error: 'invalid_media' })
       return
     }
+    const media = mediaItems[0]
     const musicTrack = String(request.body.musicTrack || '')
     const configuredTrack = flipTokMusicTracks.find(
       (track) => track.id === musicTrack,
@@ -7222,7 +7331,7 @@ app.post('/api/:endpoint', (request, response) => {
       response.json({ success: false, error: 'invalid_music_url' })
       return
     }
-    flipTokVideos.unshift({
+    const createdVideo = {
       avatar_url: flipTokProfile.avatar_url,
       id: `fliptok-${Date.now()}`,
       profile_id: 1,
@@ -7230,11 +7339,13 @@ app.post('/api/:endpoint', (request, response) => {
       display_name: flipTokProfile.display_name,
       verified: flipTokProfile.verified,
       caption: request.body.caption,
-      location: request.body.location,
-      trim_start_ms: request.body.trimStartMs || 0,
-      trim_end_ms: request.body.trimEndMs || null,
-      cover_time_ms: request.body.coverTimeMs || 0,
-      original_volume: request.body.originalVolume ?? 100,
+      location: String(request.body.location || ''),
+      trim_start_ms: mediaType === 'photo' ? 0 : request.body.trimStartMs || 0,
+      trim_end_ms:
+        mediaType === 'photo' ? null : request.body.trimEndMs || null,
+      cover_time_ms: mediaType === 'photo' ? 0 : request.body.coverTimeMs || 0,
+      original_volume:
+        mediaType === 'photo' ? 0 : (request.body.originalVolume ?? 100),
       music_volume: request.body.musicVolume || 0,
       music_track: configuredTrack?.id || '',
       music_title: configuredTrack?.title || youtubeMetadata?.title || '',
@@ -7248,6 +7359,12 @@ app.post('/api/:endpoint', (request, response) => {
             : '',
       music_url: youtubeVideoId ? '' : configuredTrack?.url || customMusicUrl,
       music_video_id: youtubeVideoId,
+      media_type: mediaType,
+      media: mediaItems.map((item) => ({
+        id: item.id,
+        mediaType: item.mediaType,
+        url: item.url,
+      })),
       url: media.url,
       comments_enabled: request.body.commentsEnabled,
       is_liked: false,
@@ -7259,8 +7376,28 @@ app.post('/api/:endpoint', (request, response) => {
       view_count: 0,
       share_count: 0,
       created_at: Date.now(),
-    })
-    response.json({ success: true, data: { id: flipTokVideos[0].id } })
+    }
+    if (request.body.draft !== true) {
+      flipTokVideos.unshift(createdVideo)
+      flipTokProfile.video_count += 1
+    }
+    response.json({ success: true, data: { id: createdVideo.id } })
+    return
+  }
+  if (endpoint === 'fliptok:delete') {
+    const index = flipTokVideos.findIndex(
+      (video) => video.id === request.body.id && video.is_owner,
+    )
+    if (index < 0) {
+      response.json({ success: false, error: 'video_not_found' })
+      return
+    }
+    flipTokVideos.splice(index, 1)
+    flipTokComments = flipTokComments.filter(
+      (comment) => comment.video_id !== request.body.id,
+    )
+    flipTokProfile.video_count = Math.max(0, flipTokProfile.video_count - 1)
+    response.json({ success: true })
     return
   }
   if (endpoint.startsWith('fliptok:')) {
diff --git a/frontend/testserver/smoke.cjs b/frontend/testserver/smoke.cjs
index 5df0991..33f2753 100644
--- a/frontend/testserver/smoke.cjs
+++ b/frontend/testserver/smoke.cjs
@@ -201,6 +201,80 @@ async function verifyStatefulActions(baseUrl) {
       .every((item) => typeof item.thumbnailUrl === 'string'),
     'gallery:list returned a test video without a thumbnail',
   )
+  const flipTokPhotos = gallery
+    .filter((item) => item.mediaType === 'photo')
+    .slice(0, 3)
+  const createdFlipTok = await expectSuccess(
+    baseUrl,
+    'fliptok:publish',
+    {
+      caption: 'Browser mock photo slideshow',
+      commentsEnabled: true,
+      coverTimeMs: 0,
+      customMusicUrl: '',
+      draft: false,
+      mediaId: flipTokPhotos[0].id,
+      mediaIds: flipTokPhotos.map((item) => item.id),
+      mediaType: 'photo',
+      musicTrack: '',
+      musicVolume: 0,
+      originalVolume: 0,
+      trimEndMs: null,
+      trimStartMs: 0,
+      visibility: 'public',
+    },
+    true,
+  )
+  let flipTokFeed = await expectSuccess(
+    baseUrl,
+    'fliptok:feed',
+    { mode: 'for-you', offset: 0 },
+    true,
+  )
+  const photoFlipTok = flipTokFeed.items.find(
+    (item) => item.id === createdFlipTok.id,
+  )
+  assert.equal(photoFlipTok.media_type, 'photo')
+  assert.deepEqual(
+    photoFlipTok.media.map((item) => item.id),
+    flipTokPhotos.map((item) => item.id),
+    'fliptok:publish did not preserve photo order',
+  )
+  await expectSuccess(baseUrl, 'fliptok:comment', {
+    body: 'Browser mock scoped comment',
+    id: createdFlipTok.id,
+  })
+  const createdComments = await expectSuccess(
+    baseUrl,
+    'fliptok:comments',
+    { id: createdFlipTok.id },
+    true,
+  )
+  assert(
+    createdComments.some((comment) => comment.body.includes('scoped comment')),
+    'fliptok:comment did not persist for its video',
+  )
+  const otherComments = await expectSuccess(
+    baseUrl,
+    'fliptok:comments',
+    { id: 'fliptok-1' },
+    true,
+  )
+  assert(
+    !otherComments.some((comment) => comment.body.includes('scoped comment')),
+    'fliptok:comments leaked comments from another video',
+  )
+  await expectSuccess(baseUrl, 'fliptok:delete', { id: createdFlipTok.id })
+  flipTokFeed = await expectSuccess(
+    baseUrl,
+    'fliptok:feed',
+    { mode: 'for-you', offset: 0 },
+    true,
+  )
+  assert(
+    !flipTokFeed.items.some((item) => item.id === createdFlipTok.id),
+    'fliptok:delete kept the removed video in the feed',
+  )
   await expectSuccess(
     baseUrl,
     'gallery:favorite',
diff --git a/sky_phone/config/locales/en.lua b/sky_phone/config/locales/en.lua
index 3d2cd2e..c040bbf 100644
--- a/sky_phone/config/locales/en.lua
+++ b/sky_phone/config/locales/en.lua
@@ -562,12 +562,13 @@ Locales["en"] = {
                 name = "FlipTok", loading = "Loading FlipTok", following = "Following", forYou = "For You", verified = "Verified account",
                 originalSound = "original sound", save = "Save", home = "Home", discover = "Discover", create = "Create", activity = "Activity", profile = "Profile", navigation = "FlipTok navigation",
                 emptyFeed = "No videos yet", emptyFeedBody = "Follow creators or post the first FlipTok.", searchPlaceholder = "Search creators and videos", clearSearch = "Clear search",
-                noActivity = "No activity yet", followers = "Followers", videos = "Videos", emptyBio = "No bio yet.", editProfile = "Edit profile",
-                newVideo = "New FlipTok", createTitle = "Create your next FlipTok", createBody = "Record a clip or turn photos into a swipeable FlipTok.", chooseMedia = "Add media", chooseMediaHint = "Record a video, choose a clip, or select up to 10 photos.", recordVideo = "Record", camera = "Camera", chooseVideo = "Video", photoSlideshow = "Photo slides", changeMedia = "Change",
+                trendLosSantos = "# Los Santos", trendRoleplay = "# Roleplay", trendTrending = "# Trending",
+                noActivity = "No activity yet", followers = "Followers", videos = "Videos", emptyBio = "No bio yet.", editProfile = "Edit profile", more = "More",
+                newVideo = "New FlipTok", createTitle = "Create your next FlipTok", createBody = "Record a clip or turn photos into a swipeable FlipTok.", chooseMedia = "Choose media", chooseMediaHint = "Record a video, choose a clip, or select up to 10 photos.", recordVideo = "Record video", camera = "Camera", chooseVideo = "Choose video", photoSlideshow = "Photos as FlipTok", changeMedia = "Change", previousPhoto = "Previous photo", nextPhoto = "Next photo",
                 caption = "Caption", captionPlaceholder = "Write a caption...", location = "Add location", whoCanWatch = "Who can watch", public = "Everyone",
                 followersOnly = "Followers", private = "Only me", allowComments = "Allow comments", saveDraft = "Drafts", publishing = "Posting...", post = "Post",
-                draftSaved = "Draft saved.", published = "Your FlipTok is live.", linkCopied = "Video link copied.", reported = "Report submitted.", blocked = "Creator blocked.",
-                comments = "Comments", noComments = "No comments yet", addComment = "Add comment...", reply = "Reply", showReplies = "View {count} replies", hideReplies = "Hide replies", replyPlaceholder = "Write a reply...", replyingTo = "Replying to {handle}", cancelReply = "Cancel reply", report = "Report video", reportReason = "Reason",
+                draftSaved = "Draft saved.", published = "Your FlipTok is live.", videoDeleted = "Video removed.", deleteVideoTitle = "Remove this video?", deleteVideoBody = "The video disappears from FlipTok and cannot be restored.", deletingVideo = "Removing...", linkCopied = "Video link copied.", reported = "Report submitted.", blocked = "Creator blocked.",
+                comments = "Comments", noComments = "No comments yet", addComment = "Add comment...", reply = "Reply", showReplies = "Show {count} replies", hideReplies = "Hide {count} replies", replyPlaceholder = "Write a reply...", replyingTo = "Replying to {handle}", cancelReply = "Cancel reply", report = "Report video", reportReason = "Reason",
                 reportDetails = "Additional details (optional)", submitReport = "Submit report", reportDiscordNote = "This report is sent directly to the moderation team through Discord.",
                 reportReasons = { spam = "Spam or misleading", harassment = "Harassment or bullying", dangerous = "Dangerous activity", illegal = "Illegal content", other = "Something else" },
                 block = "Block creator", follow = "Follow", unfollow = "Following", backToProfile = "Back", cancel = "Cancel",
@@ -576,7 +577,7 @@ Locales["en"] = {
                 customSoundFormats = "YouTube, YouTube Music, Shorts, MP3, M4A, AAC, OGG, OPUS, WAV, or WEBM", useCustomSound = "Use sound", loadingSound = "Loading sound", invalidCustomSoundLink = "Use a YouTube link or a direct public HTTPS audio-file link.", customSoundLoadFailed = "This sound could not be loaded.",
                 trimAndCover = "Trim & cover", trimStart = "Start", trimEnd = "End", coverFrame = "Cover", originalVolume = "Original sound", musicVolume = "Music",
                 moderation = "Moderation", reports = "Open reports", noReports = "No open reports", removeVideo = "Remove video", dismissReport = "Dismiss",
-                done = "Done", displayName = "Name", username = "Username", bio = "Bio", accountType = "Account type", profilePhoto = "Profile photo", changePhoto = "Change photo", chooseFromGallery = "Photos", takePhoto = "Camera", removePhoto = "Remove photo", noConnections = "No profiles to show",
+                done = "Done", savingProfile = "Saving...", displayName = "Name", username = "Username", bio = "Bio", accountType = "Account type", profilePhoto = "Profile photo", changePhoto = "Change photo", chooseFromGallery = "Photos", takePhoto = "Camera", removePhoto = "Remove photo", noConnections = "No profiles to show",
                 authTitle = "Your FlipTok account", login = "Sign In", register = "Register", createAccount = "Create Account", logout = "Sign Out",
                 loginBody = "Sign in to continue with your videos, follows, and saved posts.", registerBody = "Create a private FlipTok login for this profile.",
                 password = "Password", confirmPassword = "Confirm password", passwordsMismatch = "The passwords do not match.",
@@ -587,7 +588,7 @@ Locales["en"] = {
                 accountTypes = { person = "Person", business = "Business", organization = "Organization", media = "Media", event = "Event" },
                 activityKinds = { like = "liked your video", comment = "commented on your video", follow = "started following you", verified = "verification changed" },
                 notifications = { like = "{actor} liked your video.", comment = "{actor} commented on your video.", follow = "{actor} started following you.", verified = "Your FlipTok account is now verified.", default = "You have new FlipTok activity." },
-                errors = { invalid_video = "Check the FlipTok details.", invalid_music_url = "Use a valid YouTube or direct HTTPS audio-file link.", invalid_media = "Choose valid media from this phone.", invalid_comment = "Enter a valid comment.", comments_disabled = "Comments are disabled.", invalid_profile = "Check your profile details.", invalid_profile_image = "Choose a valid photo from this phone.", invalid_handle = "Use 3–24 letters, numbers, dots, or underscores.", invalid_display_name = "Enter a display name.", invalid_password = "Password must be 8–72 characters.", invalid_credentials = "Username or password is incorrect.", already_registered = "This Sky Cloud account already owns a registered FlipTok profile.", handle_taken = "This username is already taken.", video_not_found = "This video is unavailable.", blocked = "This account is blocked.", not_authorized = "You do not have moderation access.", report_not_found = "This report is no longer open.", report_unavailable = "Discord reporting is not configured yet.", rate_limited = "Too many actions. Try again shortly.", not_authenticated = "Sign in to Sky Cloud first.", default = "FlipTok could not complete the request." },
+                errors = { invalid_video = "Check the FlipTok details.", invalid_music_url = "Use a valid YouTube or direct HTTPS audio-file link.", invalid_media = "Choose valid media from this phone.", invalid_comment = "Enter a valid comment.", comments_disabled = "Comments are disabled.", invalid_profile = "Check your profile details.", invalid_profile_image = "Choose a valid photo from this phone.", invalid_handle = "Use 3–24 letters, numbers, dots, or underscores.", invalid_display_name = "Enter a display name.", invalid_password = "Password must be 8–72 characters.", invalid_credentials = "Username or password is incorrect.", already_registered = "This Sky Cloud account already owns a registered FlipTok profile.", handle_taken = "This username is already taken.", video_not_found = "This video is unavailable.", profile_not_found = "This profile is unavailable.", blocked = "This account is blocked.", not_authorized = "You do not have moderation access.", report_not_found = "This report is no longer open.", report_unavailable = "Discord reporting is not configured yet.", request_failed = "Your FlipTok request could not be completed. Try again.", rate_limited = "Too many actions. Try again shortly.", not_authenticated = "Sign in to Sky Cloud first.", default = "FlipTok could not complete the request." },
             },
             darkchat = {
                 name = "DarkChat", newMessage = "New DarkChat message from {sender}", privateNotification = "New DarkChat message",
diff --git a/sky_phone/source/server/fliptok.lua b/sky_phone/source/server/fliptok.lua
index 7996c81..15b57c1 100644
--- a/sky_phone/source/server/fliptok.lua
+++ b/sky_phone/source/server/fliptok.lua
@@ -155,11 +155,31 @@ local function load_profile(profile_id, viewer_id)
     return rows[1] and hydrate_profile(rows[1], viewer_id) or nil
 end
 
+local function load_accessible_video(video_id, viewer_id)
+    if type(video_id) ~= "string" or video_id == "" or #video_id > 64 then return nil end
+    local rows = Bridge.Database.Query([[SELECT v.`profile_id`, v.`comments_enabled`
+        FROM `sky_phone_fliptok_videos` v
+        WHERE v.`id` = ? AND v.`status` = 'published'
+            AND (v.`profile_id` = ? OR v.`visibility` = 'public' OR
+                (v.`visibility` = 'followers' AND EXISTS(
+                    SELECT 1 FROM `sky_phone_fliptok_follows` follow
+                    WHERE follow.`follower_id` = ? AND follow.`following_id` = v.`profile_id`)))
+            AND NOT EXISTS(SELECT 1 FROM `sky_phone_fliptok_blocks` block WHERE
+                (block.`blocker_id` = ? AND block.`blocked_id` = v.`profile_id`) OR
+                (block.`blocked_id` = ? AND block.`blocker_id` = v.`profile_id`))
+        LIMIT 1]], { video_id, viewer_id, viewer_id, viewer_id, viewer_id })
+    return rows[1]
+end
+
 local function notify_profile(recipient_id, actor_id, kind, video_id)
     local rows = Bridge.Database.Query([[SELECT recipient.`account_id`, actor.`display_name` AS `actor_name`
         FROM `sky_phone_fliptok_profiles` recipient
         JOIN `sky_phone_fliptok_profiles` actor ON actor.`id` = ?
         WHERE recipient.`id` = ? LIMIT 1]], { actor_id, recipient_id })
+    if not rows[1] then
+        Bridge.Debug("warn", "[sky_phone] FlipTok notification target or actor no longer exists.", { always = true })
+        return
+    end
     SkyPhone.NotifyAccountDevices(tonumber(rows[1].account_id), "sky_phone:fliptok:new", {
         actor = rows[1].actor_name,
         kind = kind,
@@ -544,7 +564,9 @@ Bridge.Callbacks.Register("sky_phone:fliptok:publish", function(source, data)
             params = { id, current_media_id, index },
         }
     end
-    Bridge.Database.Transaction(queries)
+    if not Bridge.Database.Transaction(queries) then
+        return { success = false, error = "request_failed" }
+    end
     return { success = true, data = { id = id } }
 end)
 
@@ -555,16 +577,13 @@ Bridge.Callbacks.Register("sky_phone:fliptok:react", function(source, data)
     if type(data) ~= "table" or type(data.id) ~= "string" or (data.kind ~= "like" and data.kind ~= "save") or type(data.active) ~= "boolean" then
         return { success = false, error = "invalid_request" }
     end
-    local videos = Bridge.Database.Query("SELECT `profile_id` FROM `sky_phone_fliptok_videos` WHERE `id` = ? AND `status` = 'published' LIMIT 1", { data.id })
-    if not videos[1] then return { success = false, error = "video_not_found" } end
-    local owner_id = tonumber(videos[1].profile_id)
-    if owner_id ~= profile.id and are_profiles_blocked(profile.id, owner_id) then
-        return { success = false, error = "blocked" }
-    end
+    local video = load_accessible_video(data.id, profile.id)
+    if not video then return { success = false, error = "video_not_found" } end
+    local owner_id = tonumber(video.profile_id)
     if data.active then
         local inserted = Bridge.Database.Query("INSERT IGNORE INTO `sky_phone_fliptok_reactions` (`video_id`, `profile_id`, `kind`) VALUES (?, ?, ?)", { data.id, profile.id, data.kind })
         if affected_rows(inserted) > 0 and data.kind == "like" and owner_id ~= profile.id then
-            Bridge.Database.Query("INSERT INTO `sky_phone_fliptok_notifications` (`id`, `recipient_id`, `actor_id`, `video_id`, `kind`) VALUES (?, ?, ?, ?, 'like')", { new_id(), videos[1].profile_id, profile.id, data.id })
+            Bridge.Database.Query("INSERT INTO `sky_phone_fliptok_notifications` (`id`, `recipient_id`, `actor_id`, `video_id`, `kind`) VALUES (?, ?, ?, ?, 'like')", { new_id(), video.profile_id, profile.id, data.id })
             notify_profile(owner_id, profile.id, "like", data.id)
         end
     else
@@ -576,8 +595,13 @@ end)
 Bridge.Callbacks.Register("sky_phone:fliptok:follow", function(source, data)
     local profile, error_response = require_profile(source)
     if not profile then return error_response end
+    if not SkyPhone.AllowOperation(source, "fliptok:follow", 30, 60) then
+        return { success = false, error = "rate_limited" }
+    end
     local target_id = type(data) == "table" and tonumber(data.profileId) or nil
     if not target_id or target_id == profile.id or type(data.active) ~= "boolean" then return { success = false, error = "invalid_request" } end
+    local targets = Bridge.Database.Query("SELECT `id` FROM `sky_phone_fliptok_profiles` WHERE `id` = ? LIMIT 1", { target_id })
+    if not targets[1] then return { success = false, error = "profile_not_found" } end
     if are_profiles_blocked(profile.id, target_id) then return { success = false, error = "blocked" } end
     if data.active then
         local inserted = Bridge.Database.Query("INSERT IGNORE INTO `sky_phone_fliptok_follows` (`follower_id`, `following_id`) SELECT ?, `id` FROM `sky_phone_fliptok_profiles` WHERE `id` = ?", { profile.id, target_id })
@@ -594,7 +618,9 @@ end)
 Bridge.Callbacks.Register("sky_phone:fliptok:comments", function(source, data)
     local profile, error_response = require_profile(source)
     if not profile then return error_response end
-    if type(data) ~= "table" or type(data.id) ~= "string" then return { success = false, error = "invalid_request" } end
+    if type(data) ~= "table" or not load_accessible_video(data.id, profile.id) then
+        return { success = false, error = "video_not_found" }
+    end
     local rows = Bridge.Database.Query([[SELECT c.`id`, c.`parent_id`, c.`body`, UNIX_TIMESTAMP(c.`created_at`) * 1000 AS `created_at`,
         p.`id` AS `profile_id`, p.`handle`, p.`display_name`, p.`verified`, avatar.`url` AS `avatar_url`,
         parent_author.`handle` AS `reply_to_handle`,
@@ -630,25 +656,24 @@ Bridge.Callbacks.Register("sky_phone:fliptok:comment", function(source, data)
     local parent_id = type(data) == "table" and trim(data.parentId) or nil
     if type(data) ~= "table" or type(data.id) ~= "string" or not valid_text(body, 1, Config.FlipTok.CommentMaxLength) then return { success = false, error = "invalid_comment" } end
     if parent_id and #parent_id ~= 36 then return { success = false, error = "invalid_comment" } end
-    local videos = Bridge.Database.Query("SELECT `profile_id` FROM `sky_phone_fliptok_videos` WHERE `id` = ? AND `status` = 'published' AND `comments_enabled` = 1 LIMIT 1", { data.id })
-    if not videos[1] then return { success = false, error = "comments_disabled" } end
-    local owner_id = tonumber(videos[1].profile_id)
-    if owner_id ~= profile.id and are_profiles_blocked(profile.id, owner_id) then
-        return { success = false, error = "blocked" }
-    end
+    local video = load_accessible_video(data.id, profile.id)
+    if not video then return { success = false, error = "video_not_found" } end
+    if tonumber(video.comments_enabled) ~= 1 then return { success = false, error = "comments_disabled" } end
+    local owner_id = tonumber(video.profile_id)
     if parent_id then
-        local parents = Bridge.Database.Query([[SELECT c.`id`, c.`profile_id` FROM `sky_phone_fliptok_comments` c
+        local parents = Bridge.Database.Query([[SELECT c.`id`, c.`parent_id`, c.`profile_id` FROM `sky_phone_fliptok_comments` c
             WHERE c.`id` = ? AND c.`video_id` = ? AND c.`status` = 'visible' LIMIT 1]], { parent_id, data.id })
         if not parents[1] or are_profiles_blocked(profile.id, tonumber(parents[1].profile_id)) then
             return { success = false, error = "invalid_comment" }
         end
+        parent_id = parents[1].parent_id or parents[1].id
     end
     local comment_id = new_id()
     Bridge.Database.Query("INSERT INTO `sky_phone_fliptok_comments` (`id`, `video_id`, `profile_id`, `parent_id`, `body`) VALUES (?, ?, ?, ?, ?)", {
         comment_id, data.id, profile.id, parent_id, body,
     })
-    if tonumber(videos[1].profile_id) ~= profile.id then
-        Bridge.Database.Query("INSERT INTO `sky_phone_fliptok_notifications` (`id`, `recipient_id`, `actor_id`, `video_id`, `kind`) VALUES (?, ?, ?, ?, 'comment')", { new_id(), videos[1].profile_id, profile.id, data.id })
+    if owner_id ~= profile.id then
+        Bridge.Database.Query("INSERT INTO `sky_phone_fliptok_notifications` (`id`, `recipient_id`, `actor_id`, `video_id`, `kind`) VALUES (?, ?, ?, ?, 'comment')", { new_id(), video.profile_id, profile.id, data.id })
         notify_profile(owner_id, profile.id, "comment", data.id)
     end
     return { success = true, data = { id = comment_id } }
@@ -664,10 +689,13 @@ Bridge.Callbacks.Register("sky_phone:fliptok:comment-react", function(source, da
     if type(comment_id) ~= "string" or #comment_id ~= 36 or type(data.active) ~= "boolean" then
         return { success = false, error = "invalid_request" }
     end
-    local comments = Bridge.Database.Query([[SELECT c.`profile_id` FROM `sky_phone_fliptok_comments` c
+    local comments = Bridge.Database.Query([[SELECT c.`profile_id`, c.`video_id` FROM `sky_phone_fliptok_comments` c
         JOIN `sky_phone_fliptok_videos` v ON v.`id` = c.`video_id`
         WHERE c.`id` = ? AND c.`status` = 'visible' AND v.`status` = 'published' LIMIT 1]], { comment_id })
     if not comments[1] then return { success = false, error = "invalid_comment" } end
+    if not load_accessible_video(comments[1].video_id, profile.id) then
+        return { success = false, error = "video_not_found" }
+    end
     if are_profiles_blocked(profile.id, tonumber(comments[1].profile_id)) then
         return { success = false, error = "blocked" }
     end
@@ -682,19 +710,23 @@ Bridge.Callbacks.Register("sky_phone:fliptok:comment-react", function(source, da
 end)
 
 Bridge.Callbacks.Register("sky_phone:fliptok:view", function(source, data)
-    local _, error_response = require_profile(source)
-    if error_response then return error_response end
+    local profile, error_response = require_profile(source)
+    if not profile then return error_response end
     if not SkyPhone.AllowOperation(source, "fliptok:view", 120, 60) then return { success = false, error = "rate_limited" } end
-    if type(data) ~= "table" or type(data.id) ~= "string" then return { success = false, error = "invalid_request" } end
+    if type(data) ~= "table" or not load_accessible_video(data.id, profile.id) then
+        return { success = false, error = "video_not_found" }
+    end
     Bridge.Database.Query("UPDATE `sky_phone_fliptok_videos` SET `view_count` = `view_count` + 1 WHERE `id` = ? AND `status` = 'published'", { data.id })
     return { success = true }
 end)
 
 Bridge.Callbacks.Register("sky_phone:fliptok:share", function(source, data)
-    local _, error_response = require_profile(source)
-    if error_response then return error_response end
+    local profile, error_response = require_profile(source)
+    if not profile then return error_response end
     if not SkyPhone.AllowOperation(source, "fliptok:share", 30, 60) then return { success = false, error = "rate_limited" } end
-    if type(data) ~= "table" or type(data.id) ~= "string" then return { success = false, error = "invalid_request" } end
+    if type(data) ~= "table" or not load_accessible_video(data.id, profile.id) then
+        return { success = false, error = "video_not_found" }
+    end
     Bridge.Database.Query("UPDATE `sky_phone_fliptok_videos` SET `share_count` = `share_count` + 1 WHERE `id` = ? AND `status` = 'published'", { data.id })
     return { success = true }
 end)
@@ -711,7 +743,10 @@ Bridge.Callbacks.Register("sky_phone:fliptok:profile", function(source, data)
     end
     local target = load_profile(tonumber(rows[1].id), viewer.id)
     if not target then return { success = false, error = "profile_not_found" } end
-    local videos = list_videos(viewer.id, "v.`profile_id` = ? AND (v.`visibility` = 'public' OR v.`profile_id` = ?)", { target.id, viewer.id, viewer.id, viewer.id }, 60, 0, "v.`created_at` DESC")
+    local videos = list_videos(viewer.id, [[v.`profile_id` = ? AND (v.`visibility` = 'public' OR v.`profile_id` = ? OR
+        (v.`visibility` = 'followers' AND EXISTS(SELECT 1 FROM `sky_phone_fliptok_follows` profile_follow
+            WHERE profile_follow.`follower_id` = ? AND profile_follow.`following_id` = v.`profile_id`)))]],
+        { target.id, viewer.id, viewer.id, viewer.id, viewer.id }, 60, 0, "v.`created_at` DESC")
     return { success = true, data = { profile = target, videos = videos } }
 end)
 
@@ -856,12 +891,17 @@ end)
 Bridge.Callbacks.Register("sky_phone:fliptok:block", function(source, data)
     local profile, error_response = require_profile(source)
     if not profile then return error_response end
+    if not SkyPhone.AllowOperation(source, "fliptok:block", 20, 60) then
+        return { success = false, error = "rate_limited" }
+    end
     local target_id = type(data) == "table" and tonumber(data.profileId) or nil
     if not target_id or target_id == profile.id then return { success = false, error = "invalid_request" } end
-    Bridge.Database.Transaction({
+    local targets = Bridge.Database.Query("SELECT `id` FROM `sky_phone_fliptok_profiles` WHERE `id` = ? LIMIT 1", { target_id })
+    if not targets[1] then return { success = false, error = "profile_not_found" } end
+    if not Bridge.Database.Transaction({
         { query = "INSERT IGNORE INTO `sky_phone_fliptok_blocks` (`blocker_id`, `blocked_id`) VALUES (?, ?)", params = { profile.id, target_id } },
         { query = "DELETE FROM `sky_phone_fliptok_follows` WHERE (`follower_id` = ? AND `following_id` = ?) OR (`follower_id` = ? AND `following_id` = ?)", params = { profile.id, target_id, target_id, profile.id } },
-    })
+    }) then return { success = false, error = "request_failed" } end
     return { success = true }
 end)