diff --git a/webclient/src/components/artifacts/ArtifactsPanel.vue b/webclient/src/components/artifacts/ArtifactsPanel.vue
index 289dabe..b24dbe5 100644
--- a/webclient/src/components/artifacts/ArtifactsPanel.vue
+++ b/webclient/src/components/artifacts/ArtifactsPanel.vue
@@ -18,7 +18,7 @@
         <div class="artifacts-title">Artifacts</div>
         <div class="artifacts-count">{{ artifacts.length }} published</div>
       </div>
-      <GnIconButton icon="ph-x" label="Close artifacts" class="artifacts-close" @click="emit('close')" />
+      <GnIconButton icon="ph ph-x" label="Close artifacts" class="artifacts-close" @click="emit('close')" />
     </div>
 
     <div v-if="!artifacts.length" class="artifacts-empty">
diff --git a/webclient/src/components/chat/ChatArea.vue b/webclient/src/components/chat/ChatArea.vue
index 79a5a2d..542df0f 100644
--- a/webclient/src/components/chat/ChatArea.vue
+++ b/webclient/src/components/chat/ChatArea.vue
@@ -10,7 +10,7 @@
       <div v-if="ws.reconnectFailed.value" class="reconnect-banner">
         <i class="ph ph-wifi-slash"></i>
         Connection lost. Retrying in background…
-        <GnIconButton icon="ph-arrows-clockwise" label="Retry" @click="retryNow" />
+        <GnIconButton icon="ph ph-arrows-clockwise" label="Retry" @click="retryNow" />
       </div>
     </Transition>
 
diff --git a/webclient/src/components/chat/ChatHeader.vue b/webclient/src/components/chat/ChatHeader.vue
index 23996d7..fa596ae 100644
--- a/webclient/src/components/chat/ChatHeader.vue
+++ b/webclient/src/components/chat/ChatHeader.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="chat-header">
-    <GnIconButton icon="ph-sidebar" label="Menu" class="btn-sidebar-toggle" @click="emit('toggle-sidebar')" />
+    <GnIconButton icon="ph ph-sidebar" label="Menu" class="btn-sidebar-toggle" @click="emit('toggle-sidebar')" />
 
     <div class="chat-header-info">
       <span class="chat-header-title">{{ title }}</span>
@@ -9,7 +9,7 @@
 
     <ContextBar />
 
-    <GnIconButton icon="ph-files" label="Artifacts" class="btn-artifacts-toggle" @click="emit('toggle-artifacts')">
+    <GnIconButton icon="ph ph-files" label="Artifacts" class="btn-artifacts-toggle" @click="emit('toggle-artifacts')">
       <span v-if="artifactCount" class="artifact-count">{{ artifactCount }}</span>
     </GnIconButton>
   </div>
diff --git a/webclient/src/components/messages/AssistantMessage.vue b/webclient/src/components/messages/AssistantMessage.vue
index ab4ed67..82d0518 100644
--- a/webclient/src/components/messages/AssistantMessage.vue
+++ b/webclient/src/components/messages/AssistantMessage.vue
@@ -64,14 +64,14 @@
       <span v-if="msgTime" class="msg-meta-item msg-meta-time">{{ msgTime }}</span>
       <GnIconButton
         v-if="msg.text"
-        :icon="copied ? 'ph-check' : 'ph-copy'"
+        :icon="copied ? 'ph ph-check' : 'ph ph-copy'"
         :label="copied ? 'Copied!' : 'Copy'"
         class="msg-copy-btn"
         @click="copy(msg.text)"
       />
       <GnIconButton
         v-if="canRate"
-        icon="ph-thumbs-up"
+        icon="ph ph-thumbs-up"
         label="Useful"
         class="msg-rate-btn"
         :class="{ active: msg.rating === 1 }"
@@ -79,7 +79,7 @@
       />
       <GnIconButton
         v-if="canRate"
-        icon="ph-thumbs-down"
+        icon="ph ph-thumbs-down"
         label="Not useful"
         class="msg-rate-btn"
         :class="{ active: msg.rating === -1 }"
diff --git a/webclient/src/components/messages/UserMessage.vue b/webclient/src/components/messages/UserMessage.vue
index d01b92a..ec4319d 100644
--- a/webclient/src/components/messages/UserMessage.vue
+++ b/webclient/src/components/messages/UserMessage.vue
@@ -24,7 +24,7 @@
       <div class="msg-user-footer">
         <span v-if="msgTime" class="msg-time msg-time--user">{{ msgTime }}</span>
         <GnIconButton
-          :icon="copied ? 'ph-check' : 'ph-copy'"
+          :icon="copied ? 'ph ph-check' : 'ph ph-copy'"
           :label="copied ? 'Copied!' : 'Copy'"
           class="msg-copy-btn"
           @click="copy(msg.text)"
diff --git a/webclient/src/components/sidebar/AppSidebar.vue b/webclient/src/components/sidebar/AppSidebar.vue
index 563b205..d241afa 100644
--- a/webclient/src/components/sidebar/AppSidebar.vue
+++ b/webclient/src/components/sidebar/AppSidebar.vue
@@ -4,7 +4,7 @@
       <div class="sidebar-logo">
         <img src="/images/logo.svg" alt="Navi" />
         <span>Navi</span>
-        <GnIconButton icon="ph-x" label="Close" class="sidebar-close-btn" @click="emit('close')" />
+        <GnIconButton icon="ph ph-x" label="Close" class="sidebar-close-btn" @click="emit('close')" />
       </div>
 
       <div class="sidebar-controls-row">
@@ -21,7 +21,7 @@
           </select>
         </div>
 
-        <GnButton variant="primary" icon="ph-plus" @click="handleNewSession">
+        <GnButton variant="primary" icon="ph ph-plus" @click="handleNewSession">
           New Chat
         </GnButton>
       </div>
@@ -31,7 +31,7 @@
       <div class="sessions-header">
         <div class="sessions-label">Conversations</div>
         <GnIconButton
-          icon="ph-arrow-clockwise"
+          icon="ph ph-arrow-clockwise"
           label="Refresh"
           class="sessions-refresh-btn"
           :class="{ 'is-spinning': sessionsStore.loading }"
@@ -72,11 +72,11 @@
           >
             <i class="ph ph-shield-check"></i>
           </a>
-          <GnIconButton icon="ph-sign-out" label="Logout" without-hover @click="authStore.logout" />
+          <GnIconButton icon="ph ph-sign-out" label="Logout" without-hover @click="authStore.logout" />
         </div>
       </template>
       <template v-else>
-        <GnButton variant="primary" icon="ph-sign-in" @click="authStore.login">
+        <GnButton variant="primary" icon="ph ph-sign-in" @click="authStore.login">
           Login
         </GnButton>
       </template>
diff --git a/webclient/src/components/ui/LoginScreen.vue b/webclient/src/components/ui/LoginScreen.vue
index 7b46c0a..5f4c32f 100644
--- a/webclient/src/components/ui/LoginScreen.vue
+++ b/webclient/src/components/ui/LoginScreen.vue
@@ -4,7 +4,7 @@
       <img src="/images/logo.svg" alt="Navi" class="login-logo" />
       <h1 class="login-title">Welcome to Navi</h1>
       <p class="login-subtitle">Your personal AI assistant</p>
-      <GnButton variant="primary" class="login-btn" icon="ph-sign-in" @click="login">
+      <GnButton variant="primary" class="login-btn" icon="ph ph-sign-in" @click="login">
         Login with gnexus-auth
       </GnButton>
     </div>
diff --git a/webclient/src/components/ui/SelectionToolbar.vue b/webclient/src/components/ui/SelectionToolbar.vue
index afc2c36..5b6b7ce 100644
--- a/webclient/src/components/ui/SelectionToolbar.vue
+++ b/webclient/src/components/ui/SelectionToolbar.vue
@@ -6,7 +6,7 @@
       :style="{ top: pos.y + 'px', left: pos.x + 'px' }"
       @mousedown.prevent
     >
-      <GnButton variant="warning" size="sm" icon="ph-quotes" style="color:#000" title="Reply to selection" @click="handleReply">
+      <GnButton variant="warning" size="sm" icon="ph ph-quotes" style="color:#000" title="Reply to selection" @click="handleReply">
         Reply
       </GnButton>
     </div>
diff --git a/webclient/src/components/ui/WelcomeScreen.vue b/webclient/src/components/ui/WelcomeScreen.vue
index f648453..b7c320f 100644
--- a/webclient/src/components/ui/WelcomeScreen.vue
+++ b/webclient/src/components/ui/WelcomeScreen.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="welcome-screen">
     <!-- Mobile-only sidebar toggle, pinned to top-left corner -->
-    <GnIconButton icon="ph-sidebar" label="Menu" class="welcome-sidebar-btn" @click="emit('toggle-sidebar')" />
+    <GnIconButton icon="ph ph-sidebar" label="Menu" class="welcome-sidebar-btn" @click="emit('toggle-sidebar')" />
 
     <div class="welcome-logo">
       <img src="/images/logo.svg" alt="Navi" />
@@ -27,7 +27,7 @@
       variant="primary"
       :disabled="!selectedId || creating"
       :loading="creating"
-      icon="ph-chat-centered-text"
+      icon="ph ph-chat-centered-text"
       @click="handleStart"
     >
       Start a conversation