Add theme hard-delete and admin UI controls

Implement hardDelete in useDataThemes and wire a delete action:
expose a delete emit and admin/owner visibility checks in ThemeCard,
and make ThemeGallery use hardDelete. Also update package deps and
include regenerated database.types.ts.

Author: zealsprince

app/components/Settings/ThemeCard.vue

@@ -16,13 +16,19 @@ const props = defineProps<{
 const emit = defineEmits<{
   apply: []
   deprecate: []
+  delete: []
   edit: []
 }>()
 
 const userId = useUserId()
-const user = useSupabaseUser()
+const { user: userData } = useDataUser(userId, { includeRole: true })
+
+const isAdmin = computed(() => userData.value?.role === 'admin')
+const isOwner = computed(() => userId.value != null && props.item.created_by === userId.value)
+const canSeeDropdown = computed(() => isOwner.value || isAdmin.value)
 
 const confirmDeprecate = ref(false)
+const confirmDelete = ref(false)
 
 // Fetch the forked theme name & author
 const fork = ref<{ name: string, created_by: string } | null>(null)
@@ -112,18 +118,21 @@ if (props.item.forked_from) {
             </template>
             Apply
           </Button>
-          <Dropdown v-if="userId && props.item.created_by === userId">
+          <Dropdown v-if="canSeeDropdown && !props.item.is_official">
             <template #trigger="{ toggle, isOpen }">
               <Button size="s" square :class="{ active: isOpen }" @click="toggle">
                 <Icon name="ph:dots-three-bold" :size="18" />
               </Button>
             </template>
-            <DropdownItem @click="emit('edit')">
+            <DropdownItem v-if="isOwner" @click="emit('edit')">
               Edit
             </DropdownItem>
-            <DropdownItem v-if="userId === props.item.created_by || user?.role === 'moderator' || user?.role === 'admin'" @click="confirmDeprecate = true">
+            <DropdownItem v-if="!props.item.is_unmaintained && !props.item.is_official" @click="confirmDeprecate = true">
               Deprecate
             </DropdownItem>
+            <DropdownItem v-if="isAdmin && props.item.is_unmaintained" class="text-danger" @click="confirmDelete = true">
+              Delete
+            </DropdownItem>
           </Dropdown>
         </ButtonGroup>
       </Flex>
@@ -135,11 +144,25 @@ if (props.item.forked_from) {
     title="Deprecate theme?"
     confirm-text="Deprecate"
     destructive
-    @confirm="emit('deprecate')"
+    @confirm="emit('deprecate'); confirmDeprecate = false"
     @cancel="confirmDeprecate = false"
   >
     <p class="mb-xs">
-      Users who are currently using the theme will still be able to keep it, but it won't be visible.
+      Users who are currently using the theme will still be able to keep it, but it won't be visible in the gallery.
+    </p>
+    <p>This action cannot be undone.</p>
+  </ConfirmModal>
+
+  <ConfirmModal
+    :open="confirmDelete"
+    title="Delete theme?"
+    confirm-text="Delete"
+    destructive
+    @confirm="emit('delete'); confirmDelete = false"
+    @cancel="confirmDelete = false"
+  >
+    <p class="mb-xs">
+      This will permanently delete <strong>{{ props.item.name }}</strong> and remove it for all users currently using it.
     </p>
     <p>This action cannot be undone.</p>
   </ConfirmModal>
@@ -279,6 +302,10 @@ if (props.item.forked_from) {
   }
 }
 
+.text-danger {
+  color: var(--color-text-red);
+}
+
 :root.light .theme-menu__card--preview::before {
   background: linear-gradient(to top, rgba(8, 8, 8, 0.1), transparent);
 }

app/components/Settings/ThemeGallery.vue

@@ -14,7 +14,7 @@ const supabase = useSupabaseClient<Database>()
 const userId = useUserId()
 
 const { activeTheme, setActiveTheme } = useUserTheme()
-const { softDelete } = useDataThemes()
+const { softDelete, hardDelete } = useDataThemes()
 
 const activeTab = ref<'community' | 'official' | 'created'>('official')
 const search = ref('')
@@ -136,6 +136,16 @@ function deprecateTheme(id: string) {
   })
 }
 
+function deleteTheme(id: string) {
+  if (activeTheme.value?.id === id) {
+    setActiveTheme(null)
+  }
+
+  void hardDelete(id).then(() => {
+    void fetchPage(activeTab.value, currentPage.value, search.value)
+  })
+}
+
 // Initial load
 onMounted(() => {
   void fetchPage(activeTab.value, currentPage.value, search.value)
@@ -228,6 +238,7 @@ defineExpose({ refresh })
           @apply="setActiveTheme(item.id)"
           @edit="emit('edit', item)"
           @deprecate="deprecateTheme(item.id)"
+          @delete="deleteTheme(item.id)"
         />
       </template>
     </Grid>

app/composables/useDataThemes.ts

@@ -103,6 +103,26 @@ export function useDataThemes() {
     return null
   }
 
+  /**
+   * Hard-delete a theme row. Admin-only - RLS will reject this for regular users.
+   * Removes the theme from the local ref immediately and invalidates the cache.
+   * Returns an error string on failure, or null on success.
+   */
+  async function hardDelete(id: string): Promise<string | null> {
+    const { error: deleteError } = await supabase
+      .from('themes')
+      .delete()
+      .eq('id', id)
+
+    if (deleteError)
+      return deleteError.message
+
+    themes.value = themes.value.filter(t => t.id !== id)
+    invalidate()
+
+    return null
+  }
+
   onMounted(() => {
     void fetch()
   })
@@ -115,5 +135,6 @@ export function useDataThemes() {
     refresh,
     invalidate,
     softDelete,
+    hardDelete,
   }
 }

app/composables/useForumActivityFeed.ts

@@ -159,7 +159,7 @@ export function useForumActivityFeed({
         const isTopic = !('discussion_topic_id' in item)
         const id = item.id
 
-        const title = (isTopic ? (item as Tables<'discussion_topics'>).name : (item).title) ?? (isTopic ? 'Topic' : 'Discussion')
+        const title = (isTopic ? (item).name : (item).title) ?? (isTopic ? 'Topic' : 'Discussion')
 
         return {
           id,