diff --git a/webclient-vue/src/components/feedback/AppErrorState.vue b/webclient-vue/src/components/feedback/AppErrorState.vue
index 06feb9c..c268ce6 100644
--- a/webclient-vue/src/components/feedback/AppErrorState.vue
+++ b/webclient-vue/src/components/feedback/AppErrorState.vue
@@ -1,15 +1,31 @@
 <template>
   <GnAlert variant="danger" role="alert">
     <strong>{{ title }}</strong>
-    <p v-if="message">{{ message }}</p>
-    <GnButton v-if="retry" variant="danger" @click="retry">Retry</GnButton>
+    <p v-if="displayMessage">{{ displayMessage }}</p>
+
+    <div v-if="error" class="error-meta">
+      <GnBadge v-if="error.type" variant="secondary">{{ error.type }}</GnBadge>
+      <GnBadge v-if="error.statusCode" variant="secondary">HTTP {{ error.statusCode }}</GnBadge>
+      <GnBadge v-if="error.errorAlias" variant="warning">{{ error.errorAlias }}</GnBadge>
+    </div>
+
+    <div class="error-actions">
+      <GnCopyButton
+        v-if="error"
+        :text="formattedDetails"
+        label="Copy error details"
+        size="sm"
+      />
+      <GnButton v-if="retry" variant="danger" @click="retry">Retry</GnButton>
+    </div>
   </GnAlert>
 </template>
 
 <script setup>
-import { GnAlert, GnButton } from "gnexus-ui-kit/vue";
+import { computed } from "vue";
+import { GnAlert, GnBadge, GnButton, GnCopyButton } from "gnexus-ui-kit/vue";
 
-defineProps({
+const props = defineProps({
   title: {
     type: String,
     default: "Request failed",
@@ -22,5 +38,37 @@
     type: Function,
     default: null,
   },
+  error: {
+    type: Object,
+    default: null,
+  },
+});
+
+const displayMessage = computed(() => props.message || props.error?.message || "");
+
+const formattedDetails = computed(() => {
+  if (!props.error) return "";
+  try {
+    return JSON.stringify(props.error, null, 2);
+  } catch {
+    return String(props.error);
+  }
 });
 </script>
+
+<style scoped>
+.error-meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-top: 8px;
+}
+
+.error-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  align-items: center;
+  margin-top: 12px;
+}
+</style>
diff --git a/webclient-vue/src/components/feedback/__tests__/AppErrorState.spec.js b/webclient-vue/src/components/feedback/__tests__/AppErrorState.spec.js
index ee3963f..92144b2 100644
--- a/webclient-vue/src/components/feedback/__tests__/AppErrorState.spec.js
+++ b/webclient-vue/src/components/feedback/__tests__/AppErrorState.spec.js
@@ -53,4 +53,76 @@
 
     expect(retry).toHaveBeenCalled();
   });
+
+  it("renders error type, statusCode and errorAlias badges when error prop provided", () => {
+    const wrapper = mount(AppErrorState, {
+      props: {
+        title: "Failed",
+        error: {
+          type: "api_error",
+          message: "Invalid input",
+          statusCode: 422,
+          errorAlias: "VALIDATION_FAILED",
+          raw: { status: false },
+        },
+      },
+    });
+
+    expect(wrapper.text()).toContain("api_error");
+    expect(wrapper.text()).toContain("HTTP 422");
+    expect(wrapper.text()).toContain("VALIDATION_FAILED");
+  });
+
+  it("shows copy button when error prop is provided", () => {
+    const wrapper = mount(AppErrorState, {
+      props: {
+        title: "Failed",
+        error: {
+          type: "network_error",
+          message: "Connection refused",
+        },
+      },
+    });
+
+    const copyBtn = wrapper.find('button[aria-label="Copy error details"]');
+    expect(copyBtn.exists()).toBe(true);
+  });
+
+  it("hides copy button when no error prop is provided", () => {
+    const wrapper = mount(AppErrorState, {
+      props: {
+        title: "Failed",
+        retry: null,
+      },
+    });
+
+    const copyBtn = wrapper.find('button[aria-label="Copy error details"]');
+    expect(copyBtn.exists()).toBe(false);
+  });
+
+  it("formats error details as JSON for copying", async () => {
+    Object.assign(navigator, {
+      clipboard: { writeText: vi.fn().mockResolvedValue(undefined) },
+    });
+
+    const error = {
+      type: "api_error",
+      message: "Invalid input",
+      statusCode: 422,
+      raw: { status: false },
+    };
+
+    const wrapper = mount(AppErrorState, {
+      props: { title: "Failed", error },
+    });
+
+    const copyBtn = wrapper.find('button[aria-label="Copy error details"]');
+    expect(copyBtn.exists()).toBe(true);
+
+    await copyBtn.trigger("click");
+
+    expect(navigator.clipboard.writeText).toHaveBeenCalledWith(
+      JSON.stringify(error, null, 2)
+    );
+  });
 });
diff --git a/webclient-vue/src/features/areas/pages/AreaDetailPage.vue b/webclient-vue/src/features/areas/pages/AreaDetailPage.vue
index ba92f82..3d1cac2 100644
--- a/webclient-vue/src/features/areas/pages/AreaDetailPage.vue
+++ b/webclient-vue/src/features/areas/pages/AreaDetailPage.vue
@@ -5,14 +5,14 @@
     <AppErrorState
       v-else-if="areasStore.error && !areasStore.areas.length"
       title="Areas loading failed"
-      :message="areasStore.error.message"
+      :error="areasStore.error"
       :retry="init"
     />
 
     <AppErrorState
       v-else-if="areasStore.errorAreaDetail"
       title="Area loading failed"
-      :message="areasStore.errorAreaDetail.message"
+      :error="areasStore.errorAreaDetail"
       :retry="init"
     />
 
diff --git a/webclient-vue/src/features/areas/pages/AreaFavoritesPage.vue b/webclient-vue/src/features/areas/pages/AreaFavoritesPage.vue
index 5bbfaba..4fdf185 100644
--- a/webclient-vue/src/features/areas/pages/AreaFavoritesPage.vue
+++ b/webclient-vue/src/features/areas/pages/AreaFavoritesPage.vue
@@ -11,7 +11,7 @@
     <AppErrorState
       v-else-if="areasStore.error"
       title="Areas loading failed"
-      :message="areasStore.error.message"
+      :error="areasStore.error"
       :retry="areasStore.loadAreas"
     />
 
diff --git a/webclient-vue/src/features/areas/pages/AreaTreePage.vue b/webclient-vue/src/features/areas/pages/AreaTreePage.vue
index d112571..d3a5db4 100644
--- a/webclient-vue/src/features/areas/pages/AreaTreePage.vue
+++ b/webclient-vue/src/features/areas/pages/AreaTreePage.vue
@@ -11,7 +11,7 @@
     <AppErrorState
       v-else-if="areasStore.error"
       title="Areas loading failed"
-      :message="areasStore.error.message"
+      :error="areasStore.error"
       :retry="areasStore.loadAreas"
     />
 
diff --git a/webclient-vue/src/features/devices/pages/DeviceDetailPage.vue b/webclient-vue/src/features/devices/pages/DeviceDetailPage.vue
index e6e935e..59b89d8 100644
--- a/webclient-vue/src/features/devices/pages/DeviceDetailPage.vue
+++ b/webclient-vue/src/features/devices/pages/DeviceDetailPage.vue
@@ -5,7 +5,7 @@
     <AppErrorState
       v-else-if="error"
       title="Device loading failed"
-      :message="error.message"
+      :error="error"
       :retry="init"
     />
 
diff --git a/webclient-vue/src/features/devices/pages/DevicesListPage.vue b/webclient-vue/src/features/devices/pages/DevicesListPage.vue
index 99576d4..278f69b 100644
--- a/webclient-vue/src/features/devices/pages/DevicesListPage.vue
+++ b/webclient-vue/src/features/devices/pages/DevicesListPage.vue
@@ -17,7 +17,7 @@
     <AppErrorState
       v-else-if="devicesStore.error"
       title="Devices loading failed"
-      :message="devicesStore.error.message"
+      :error="devicesStore.error"
       :retry="reload"
     />
 
@@ -38,7 +38,7 @@
       <AppErrorState
         v-if="devicesStore.stateError"
         title="Device states loading failed"
-        :message="devicesStore.stateError.message"
+        :error="devicesStore.stateError"
       />
 
       <DeviceTable :devices="devicesStore.devices" caption="Registered devices" />
diff --git a/webclient-vue/src/features/devices/pages/DevicesScanningPage.vue b/webclient-vue/src/features/devices/pages/DevicesScanningPage.vue
index 1610070..03f16eb 100644
--- a/webclient-vue/src/features/devices/pages/DevicesScanningPage.vue
+++ b/webclient-vue/src/features/devices/pages/DevicesScanningPage.vue
@@ -37,7 +37,7 @@
     <AppErrorState
       v-else-if="scanningStore.error"
       title="Scan failed"
-      :message="scanningStore.error.message"
+      :error="scanningStore.error"
       :retry="scan"
     />
 
diff --git a/webclient-vue/src/features/scripts/pages/ScriptDetailPage.vue b/webclient-vue/src/features/scripts/pages/ScriptDetailPage.vue
index 8105059..e8d178d 100644
--- a/webclient-vue/src/features/scripts/pages/ScriptDetailPage.vue
+++ b/webclient-vue/src/features/scripts/pages/ScriptDetailPage.vue
@@ -5,7 +5,7 @@
     <AppErrorState
       v-else-if="listError && !hasList"
       :title="`${kicker} loading failed`"
-      :message="listError.message"
+      :error="listError"
       :retry="init"
     />
 
@@ -104,7 +104,7 @@
         <AppErrorState
           v-else-if="codeError"
           title="Code loading failed"
-          :message="codeError.message"
+          :error="codeError"
           :retry="loadCode"
         />
         <pre v-else-if="currentCode" class="code-block"><code class="language-php" v-html="highlightedCode"></code></pre>
diff --git a/webclient-vue/src/features/scripts/pages/ScriptsActionsPage.vue b/webclient-vue/src/features/scripts/pages/ScriptsActionsPage.vue
index b8e3043..6df139e 100644
--- a/webclient-vue/src/features/scripts/pages/ScriptsActionsPage.vue
+++ b/webclient-vue/src/features/scripts/pages/ScriptsActionsPage.vue
@@ -11,7 +11,7 @@
     <AppErrorState
       v-else-if="scriptsStore.errorActions"
       title="Actions loading failed"
-      :message="scriptsStore.errorActions.message"
+      :error="scriptsStore.errorActions"
       :retry="scriptsStore.loadActions"
     />
 
diff --git a/webclient-vue/src/features/scripts/pages/ScriptsRegularPage.vue b/webclient-vue/src/features/scripts/pages/ScriptsRegularPage.vue
index c2a0004..a667231 100644
--- a/webclient-vue/src/features/scripts/pages/ScriptsRegularPage.vue
+++ b/webclient-vue/src/features/scripts/pages/ScriptsRegularPage.vue
@@ -11,7 +11,7 @@
     <AppErrorState
       v-else-if="scriptsStore.errorRegular"
       title="Regular scripts loading failed"
-      :message="scriptsStore.errorRegular.message"
+      :error="scriptsStore.errorRegular"
       :retry="scriptsStore.loadRegular"
     />
 
diff --git a/webclient-vue/src/features/scripts/pages/ScriptsScopesPage.vue b/webclient-vue/src/features/scripts/pages/ScriptsScopesPage.vue
index f950996..59276bf 100644
--- a/webclient-vue/src/features/scripts/pages/ScriptsScopesPage.vue
+++ b/webclient-vue/src/features/scripts/pages/ScriptsScopesPage.vue
@@ -11,7 +11,7 @@
     <AppErrorState
       v-else-if="scriptsStore.errorScopes"
       title="Scopes loading failed"
-      :message="scriptsStore.errorScopes.message"
+      :error="scriptsStore.errorScopes"
       :retry="scriptsStore.loadScopes"
     />