diff --git a/frontend/src/components/layout/__tests__/AppSidebar.empty.test.js b/frontend/src/components/layout/__tests__/AppSidebar.empty.test.js
new file mode 100644
index 0000000..5e5dd9d
--- /dev/null
+++ b/frontend/src/components/layout/__tests__/AppSidebar.empty.test.js
@@ -0,0 +1,20 @@
+import { describe, it } from 'vitest'
+
+describe('UX-03: AppSidebar shows skeleton placeholders while loading', () => {
+  it.todo('renders skeleton rows in folder section when loadingRoots=true')
+  it.todo('renders skeleton rows in topics section when topicsStore.loading=true')
+  it.todo('renders skeleton rows in cloud section when loadingCloudConnections=true')
+  it.todo('Loading… text is removed from all three sections')
+})
+
+describe('UX-01 (sidebar micro): EmptyState size=sm appears when each section is empty', () => {
+  it.todo('folders empty: EmptyState size=sm with icon=folder')
+  it.todo('topics empty: EmptyState size=sm with icon=tag')
+  it.todo('cloud empty: EmptyState size=sm with icon=cloud and a Settings link in #cta')
+})
+
+describe('UX-14: AppSidebar no longer renders an inline "New" folder button', () => {
+  it.todo('no <button> with text "New" exists in the rendered template')
+  it.todo('startNewFolder/cancelNewFolder/submitNewFolder methods are removed')
+  it.todo('newFolderName/showNewFolderInput state is removed')
+})
diff --git a/frontend/src/components/storage/__tests__/StorageBrowser.skeleton.test.js b/frontend/src/components/storage/__tests__/StorageBrowser.skeleton.test.js
new file mode 100644
index 0000000..55e84c6
--- /dev/null
+++ b/frontend/src/components/storage/__tests__/StorageBrowser.skeleton.test.js
@@ -0,0 +1,14 @@
+import { describe, it } from 'vitest'
+
+describe('UX-02: StorageBrowser shows skeleton rows during loading', () => {
+  it.todo('renders 5+ skeleton rows when loading=true (replaces Loading… text)')
+  it.todo('skeleton rows use grid-cols-[2rem_1fr_6rem_8rem_6rem] matching real row grid')
+  it.todo('skeleton rows use animate-pulse')
+  it.todo('Loading… text is absent when loading=true (skeleton replaces it)')
+})
+
+describe('UX-13: StorageBrowser folder picker uses Teleport + getBoundingClientRect', () => {
+  it.todo('folder picker dropdown is teleported to body (escapes overflow container)')
+  it.todo('dropdown position reflects getBoundingClientRect of the trigger button')
+  it.todo('window scroll while open recalculates position')
+})
diff --git a/frontend/src/components/ui/__tests__/dropdown.test.js b/frontend/src/components/ui/__tests__/dropdown.test.js
new file mode 100644
index 0000000..3836f55
--- /dev/null
+++ b/frontend/src/components/ui/__tests__/dropdown.test.js
@@ -0,0 +1,8 @@
+import { describe, it } from 'vitest'
+
+describe('UX-13: Teleport + getBoundingClientRect dropdown pattern across components', () => {
+  it.todo('DocumentCard folder picker uses Teleport to body')
+  it.todo('DocumentCard folder picker position matches trigger getBoundingClientRect')
+  it.todo('FolderRow three-dot menu uses Teleport to body')
+  it.todo('FolderRow three-dot menu repositions on window scroll')
+})
diff --git a/frontend/src/views/admin/__tests__/AdminAuditView.skeleton.test.js b/frontend/src/views/admin/__tests__/AdminAuditView.skeleton.test.js
new file mode 100644
index 0000000..242bd27
--- /dev/null
+++ b/frontend/src/views/admin/__tests__/AdminAuditView.skeleton.test.js
@@ -0,0 +1,12 @@
+import { describe, it } from 'vitest'
+
+describe('UX-04: AdminAuditView shows skeleton table rows during loading', () => {
+  it.todo('renders 5+ skeleton <tr> rows when loading=true')
+  it.todo('skeleton rows have 5 columns matching the real table header')
+  it.todo('animated spinner Loading audit log… text is removed')
+})
+
+describe('UX-01 (audit empty): EmptyState renders when entries is empty after load', () => {
+  it.todo('EmptyState icon=clipboardList headline="No entries found" appears when entries.length===0 and not loading')
+  it.todo('clear-filters button rendered in #cta slot')
+})
diff --git a/frontend/src/views/admin/__tests__/AdminUsersView.skeleton.test.js b/frontend/src/views/admin/__tests__/AdminUsersView.skeleton.test.js
new file mode 100644
index 0000000..584951d
--- /dev/null
+++ b/frontend/src/views/admin/__tests__/AdminUsersView.skeleton.test.js
@@ -0,0 +1,7 @@
+import { describe, it } from 'vitest'
+
+describe('UX-04: AdminUsersView shows skeleton table rows during loading', () => {
+  it.todo('renders 5+ skeleton <tr> rows when loading=true')
+  it.todo('skeleton rows have 6 columns matching the real table header')
+  it.todo('animated spinner Loading users… text is removed')
+})