diff --git a/frontend/src/components/CodeHighlight.vue b/frontend/src/components/CodeHighlight.vue
index 002c3c4..988827c 100644
--- a/frontend/src/components/CodeHighlight.vue
+++ b/frontend/src/components/CodeHighlight.vue
@@ -14,6 +14,7 @@ import bash from 'highlight.js/lib/languages/bash'
 import json from 'highlight.js/lib/languages/json'
 import ini from 'highlight.js/lib/languages/ini'
 import javascript from 'highlight.js/lib/languages/javascript'
+import { log } from '@/utils/logger'
 
 const props = defineProps<{
   code: string
@@ -105,7 +106,7 @@ const highlightedCode = computed(() => {
       result = hljs.highlight(code, { language }).value
     }
   } catch (e) {
-    console.error('Highlight error:', e)
+    log.error('Highlight error:', e)
     result = code
       .replace(/&/g, '&amp;')
       .replace(/</g, '&lt;')
diff --git a/frontend/src/components/common/EmptyState.vue b/frontend/src/components/common/EmptyState.vue
index 84defe8..329c628 100644
--- a/frontend/src/components/common/EmptyState.vue
+++ b/frontend/src/components/common/EmptyState.vue
@@ -79,8 +79,6 @@ import {
   Inbox,
   AlertCircle,
   PackageOpen,
-  FolderOpen,
-  Database,
   Filter
 } from 'lucide-vue-next'
 import type { Component } from 'vue'
@@ -118,6 +116,11 @@ interface Emits {
 
 const props = withDefaults(defineProps<Props>(), {
   type: 'default',
+  icon: undefined,
+  title: undefined,
+  description: undefined,
+  actionText: undefined,
+  actionIcon: undefined,
   actionVariant: 'default',
   actionSize: 'default',
   size: 'md',
diff --git a/frontend/src/components/common/LoadingState.vue b/frontend/src/components/common/LoadingState.vue
index 566ccf6..eb59efa 100644
--- a/frontend/src/components/common/LoadingState.vue
+++ b/frontend/src/components/common/LoadingState.vue
@@ -48,6 +48,7 @@ interface Props {
 
 const props = withDefaults(defineProps<Props>(), {
   variant: 'spinner',
+  message: undefined,
   size: 'md',
   fullHeight: false,
 })