diff --git a/webclient-vue/src/features/areas/pages/AreaDetailPage.vue b/webclient-vue/src/features/areas/pages/AreaDetailPage.vue
index 306f65e..192c87a 100644
--- a/webclient-vue/src/features/areas/pages/AreaDetailPage.vue
+++ b/webclient-vue/src/features/areas/pages/AreaDetailPage.vue
@@ -56,6 +56,45 @@
         <DeviceTable v-else :devices="areasStore.currentAreaDevices" caption="Area devices" />
       </div>
 
+      <div class="actions-panel">
+        <div class="block-title">Actions ({{ areaActionScripts.length }})</div>
+        <AppEmptyState
+          v-if="areaActionScripts.length === 0"
+          title="No actions"
+          message="No action scripts assigned to this area."
+        />
+        <div v-else class="area-grid">
+          <GnActionCard
+            v-for="script in areaActionScripts"
+            :key="script.alias"
+            :title="script.name"
+            @click="goToScriptDetail(script.alias)"
+          >
+            <template #default>
+              <div v-if="script.icon" v-html="script.icon" class="script-icon" />
+              <p v-if="script.description">{{ script.description }}</p>
+              <div class="script-meta">
+                <GnBadge :variant="script.state === 'enabled' ? 'success' : 'secondary'"
+                >{{ script.state }}</GnBadge>
+                <GnBadge v-if="script.scope" variant="primary">{{ script.scope }}</GnBadge>
+              </div>
+              <small v-if="script.created_by || script.author">{{ script.created_by || script.author }}</small>
+            </template>
+            <template #actions>
+              <GnButton
+                variant="primary"
+                icon="ph-play"
+                :loading="scriptsStore.isRunning(script.alias)"
+                :disabled="script.state !== 'enabled'"
+                @click.stop="runAction(script.alias)"
+              >
+                Run
+              </GnButton>
+            </template>
+          </GnActionCard>
+        </div>
+      </div>
+
       <div class="devices-panel">
         <div class="block-title">Scripts ({{ areasStore.currentAreaScripts.length }})</div>
         <AppEmptyState
@@ -171,6 +210,7 @@
 import { useAreasStore } from "../../../stores/areas";
 import { useDevicesStore } from "../../../stores/devices";
 import { useFavoritesStore } from "../../../stores/favorites";
+import { useScriptsStore } from "../../../stores/scripts";
 import { useAreaAssign } from "../../../composables/useAreaAssign";
 import {
   GnPageHeader,
@@ -180,6 +220,7 @@
   GnInput,
   GnAlert,
   GnSelect,
+  GnActionCard,
   useToast,
 } from "gnexus-ui-kit/vue";
 import AppLoadingState from "../../../components/feedback/AppLoadingState.vue";
@@ -196,6 +237,7 @@
 const areasStore = useAreasStore();
 const devicesStore = useDevicesStore();
 const favoritesStore = useFavoritesStore();
+const scriptsStore = useScriptsStore();
 const toast = useToast();
 
 const {
@@ -243,6 +285,10 @@
   return areasStore.areasById[String(area.value.parent_id)] || null;
 });
 
+const areaActionScripts = computed(() =>
+  areasStore.currentAreaScripts.filter((s) => s.type === "action")
+);
+
 const isLastRoot = computed(() => {
   if (!area.value) return false;
   const isRoot = !area.value.parent_id || area.value.parent_id <= 0;
@@ -290,6 +336,22 @@
 const unassignLoading = ref(false);
 const unassignError = ref("");
 
+function goToScriptDetail(alias) {
+  router.push({ name: "script-detail", params: { type: "actions", id: alias } });
+}
+
+async function runAction(alias) {
+  const result = await scriptsStore.runScript(alias);
+  if (result?.ok) {
+    toast.success({
+      title: `Ran ${alias}`,
+      text: scriptsStore.lastRunResult?.execTime ? `Exec time: ${scriptsStore.lastRunResult.execTime}` : undefined,
+    });
+  } else {
+    toast.error({ title: `Failed ${alias}`, text: result?.error?.message || "Unknown error" });
+  }
+}
+
 function openRename() {
   if (!area.value) return;
   renameForm.areaId = area.value.id;
@@ -413,7 +475,8 @@
   color: var(--color-muted);
 }
 
-.devices-panel {
+.devices-panel,
+.actions-panel {
   margin-bottom: 24px;
 }
 
@@ -424,6 +487,17 @@
   color: var(--color-primary);
 }
 
+.script-icon {
+  font-size: 32px;
+}
+
+.script-meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  align-items: center;
+}
+
 .form-group {
   margin-bottom: 16px;
 }