Truth-in-UI cleanup: wire real dashboard data, fix delete/dialog gaps

Phase 1 of frontend_tasks.md - stop showing fabricated/broken UI:

- Dashboard now fetches real stats (projects, tasks, users, pending
  approvals, API keys, developer stats, pending reviews, admin
  activity) instead of hardcoded numbers. Added services/developer.ts
  and services/review.ts wrappers for previously-unused backend
  endpoints.
- Wired ActivityFeed into every project's Overview page in place of
  the "coming soon" placeholder.
- Registered the missing /projects/:id/technical-specs route (view
  and service already existed, just unreachable).
- Fixed AssetDeleteConfirmDialog's raw styled divs to use the shared
  Alert component and wired it into AssetBrowser, matching
  ShotBrowser's impact-summary + type-to-confirm safety pattern
  (asset deletion was previously less safe than shot deletion).
- Fixed a shared bug in both delete dialogs where the impact-summary
  section never rendered (watch on the open prop needed
  { immediate: true }).
- Replaced native confirm()/alert() with styled AlertDialog/Dialog in
  NoteItem, TaskAttachments, and UserMenu's keyboard-shortcuts item.
- Removed dead-end UI: Google OAuth stub buttons, UserMenu items
  pointing at non-existent routes, the /developer/docs dead link, and
  the no-op action button on the API Keys placeholder page.
- Removed leftover debug console logging across 8 files.

Added frontend_report.md (full audit) and frontend_tasks.md (phased
checklist) as the reference for this and future phases.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

frontend/src/components/layout/AppSidebar.vue

@@ -119,7 +119,6 @@ import {
   Key,
   Database,
   BarChart3,
-  FileText,
   RotateCcw,
 } from 'lucide-vue-next'
 
@@ -183,8 +182,7 @@ const developerItems = computed(() => [
   { title: 'API Keys', url: '/developer/api-keys', icon: Key },
   { title: 'All Projects', url: '/developer/projects', icon: Database },
   { title: 'All Tasks', url: '/developer/tasks', icon: CheckSquare },
-  { title: 'Usage Analytics', url: '/developer/analytics', icon: BarChart3 },
-  { title: 'Documentation', url: '/developer/docs', icon: FileText }
+  { title: 'Usage Analytics', url: '/developer/analytics', icon: BarChart3 }
 ])
 
 // Mock recent projects - this would come from a store in real implementation

frontend/src/components/layout/UserMenu.vue

@@ -65,26 +65,11 @@
               <User class="size-4" />
               Profile
             </DropdownMenuItem>
-            <DropdownMenuItem @click="navigateTo('/settings/preferences')">
-              <Palette class="size-4" />
-              Preferences
-            </DropdownMenuItem>
-            <DropdownMenuItem @click="toggleNotifications">
-              <Bell class="size-4" />
-              Notifications
-              <span class="ml-auto text-xs text-muted-foreground">
-                {{ notificationsEnabled ? 'On' : 'Off' }}
-              </span>
-            </DropdownMenuItem>
           </DropdownMenuGroup>
           <DropdownMenuSeparator />
-          
+
           <!-- Help and support -->
           <DropdownMenuGroup>
-            <DropdownMenuItem @click="navigateTo('/help')">
-              <HelpCircle class="size-4" />
-              Help & Support
-            </DropdownMenuItem>
             <DropdownMenuItem @click="showKeyboardShortcuts">
               <Keyboard class="size-4" />
               Keyboard Shortcuts
@@ -99,6 +84,24 @@
           </DropdownMenuItem>
         </DropdownMenuContent>
       </DropdownMenu>
+
+      <Dialog v-model:open="showShortcutsDialog">
+        <DialogContent class="sm:max-w-md">
+          <DialogHeader>
+            <DialogTitle>Keyboard Shortcuts</DialogTitle>
+          </DialogHeader>
+          <div class="grid gap-2 text-sm">
+            <div class="flex justify-between">
+              <span class="text-muted-foreground">Toggle sidebar</span>
+              <span class="font-mono">⌘/Ctrl + B</span>
+            </div>
+            <div class="flex justify-between">
+              <span class="text-muted-foreground">Quick search</span>
+              <span class="font-mono">⌘/Ctrl + K</span>
+            </div>
+          </div>
+        </DialogContent>
+      </Dialog>
     </SidebarMenuItem>
   </SidebarMenu>
 </template>
@@ -111,11 +114,8 @@ import {
   LogOut,
   User,
   Settings,
-  Bell,
   Key,
   Users,
-  Palette,
-  HelpCircle,
   Keyboard,
 } from 'lucide-vue-next'
 import {
@@ -132,6 +132,12 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu'
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
 import {
   SidebarMenu,
   SidebarMenuButton,
@@ -181,8 +187,7 @@ const showRoleFeatures = computed(() => {
   return user.value?.role === 'developer' || isAdminOrCoordinator.value || user.value?.is_admin
 })
 
-// Notifications state (this would typically come from a notifications store)
-const notificationsEnabled = ref(true)
+const showShortcutsDialog = ref(false)
 
 // Actions
 const navigateTo = (path: string) => {
@@ -198,24 +203,8 @@ const handleLogout = async () => {
   }
 }
 
-const toggleNotifications = () => {
-  notificationsEnabled.value = !notificationsEnabled.value
-  // In a real app, this would update user preferences
-  console.log('Notifications toggled:', notificationsEnabled.value)
-}
-
 const showKeyboardShortcuts = () => {
-  // In a real app, this would open a modal with keyboard shortcuts
-  console.log('Keyboard shortcuts modal would open here')
-  // For now, just show an alert with some common shortcuts
-  alert(`Keyboard Shortcuts:
-  
-⌘/Ctrl + B - Toggle sidebar
-⌘/Ctrl + K - Quick search
-⌘/Ctrl + , - Open preferences
-⌘/Ctrl + / - Show help
-
-More shortcuts available in the help documentation.`)
+  showShortcutsDialog.value = true
 }