diff --git a/frontend/src/components/RuleForm.vue b/frontend/src/components/RuleForm.vue
new file mode 100644
index 0000000..264d46d
--- /dev/null
+++ b/frontend/src/components/RuleForm.vue
@@ -0,0 +1,232 @@
+<!-- Форма правила маршрутизации: общая для создания (RulesView) и
+     правки (RuleDetailView). Родитель монтирует её в модали, а по кнопке
+     сохранения вызывает collect(): он соберёт JSON для POST/PATCH или
+     заполнит formError и вернёт null. -->
+<script setup>
+import { ref } from "vue";
+import {
+  GnButton,
+  GnChip,
+  GnIconButton,
+  GnInput,
+  GnSelect,
+  GnStatusCard,
+  GnSwitch,
+  GnTable,
+  GnTextarea,
+} from "gnexus-ui-kit/vue";
+import { parseList } from "../ui.js";
+
+const props = defineProps({
+  // Источники и цели для селектов (из админ-списков)
+  sources: { type: Array, default: () => [] },
+  targets: { type: Array, default: () => [] },
+  // Существующее правило — режим редактирования, поля предзаполнятся
+  initial: { type: Object, default: null },
+});
+
+// --- состояние формы ---
+const form = ref(props.initial ? fromRule(props.initial) : emptyForm());
+
+function emptyForm() {
+  return {
+    name: "",
+    weight: 0,
+    throttle_seconds: "",
+    source: "",
+    subjects: "",
+    actions: "",
+    priority: "",
+    payload: "",
+    template: "",
+    actionRows: [{ channel: "internal_log", target_id: "", template: "" }],
+  };
+}
+
+// правило из API -> форма (для правки)
+function fromRule(rule) {
+  const cond = rule.conditions || {};
+  return {
+    name: rule.name || "",
+    weight: rule.weight ?? 0,
+    throttle_seconds: rule.throttle_seconds ?? "",
+    source: cond.source || "",
+    subjects: (cond.subjects || []).join(", "),
+    actions: (cond.actions || []).join(", "),
+    priority: cond.priority_min || "",
+    payload: cond.payload ? JSON.stringify(cond.payload, null, 2) : "",
+    template: rule.template || "",
+    actionRows: (rule.actions || []).map((a) => ({
+      channel: a.channel,
+      target_id: a.target_id ?? "",
+      template: a.template || "",
+    })),
+  };
+}
+
+const PRIORITIES = [
+  { value: "", label: "— любая —" },
+  { value: "low", label: "low" },
+  { value: "normal", label: "normal" },
+  { value: "high", label: "high" },
+  { value: "critical", label: "critical" },
+];
+const CHANNELS = ["telegram", "email", "s2s", "internal_log"].map((c) => ({ value: c, label: c }));
+
+const WEIGHT_TIP =
+  "Вес определяет порядок применения правил в режиме «первое подошедшее» (ROUTING_MATCH_MODE=first): меньше важнее, срабатывает раньше. В режиме «все» на результат не влияет.";
+const THROTTLE_TIP =
+  "Шумодав: не чаще одной живой доставки в эту цель за N секунд. Подавленное отмечается статусом skipped, critical проходит всегда.";
+
+const formError = ref("");
+const sourceOptions = [{ value: "", label: "— любой источник —" }];
+
+function addActionRow() {
+  form.value.actionRows.push({ channel: "internal_log", target_id: "", template: "" });
+}
+function removeActionRow(i) {
+  form.value.actionRows.splice(i, 1);
+}
+
+/** Собрать JSON для POST/PATCH; при ошибке заполнить formError и вернуть null. */
+function collect() {
+  formError.value = "";
+  if (!form.value.name.trim()) {
+    formError.value = "Задайте название правила";
+    return null;
+  }
+  let payload_condition = null;
+  try {
+    payload_condition = form.value.payload.trim() ? JSON.parse(form.value.payload) : null;
+  } catch {
+    formError.value = "Требования payload — не корректный JSON";
+    return null;
+  }
+  const actions = form.value.actionRows
+    .filter((a) => a.channel)
+    .map((a) => ({
+      channel: a.channel,
+      ...(a.target_id ? { target_id: Number(a.target_id) } : {}),
+      ...(a.template ? { template: a.template } : {}),
+    }));
+  if (!actions.length) {
+    formError.value = "Добавьте хотя бы одно действие — куда доставлять";
+    return null;
+  }
+  const conditions = {
+    ...(form.value.source ? { source: form.value.source } : {}),
+    ...(parseList(form.value.subjects).length ? { subjects: parseList(form.value.subjects) } : {}),
+    ...(parseList(form.value.actions).length ? { actions: parseList(form.value.actions) } : {}),
+    ...(form.value.priority ? { priority_min: form.value.priority } : {}),
+    ...(payload_condition ? { payload: payload_condition } : {}),
+  };
+  return {
+    name: form.value.name.trim(),
+    weight: Number(form.value.weight) || 0,
+    ...(form.value.throttle_seconds ? { throttle_seconds: Number(form.value.throttle_seconds) } : {}),
+    conditions,
+    ...(form.value.template ? { template: form.value.template } : {}),
+    actions,
+  };
+}
+
+defineExpose({ collect, formError });
+</script>
+
+<template>
+  <div class="form">
+    <GnInput v-model="form.name" label="Название" icon="ph-funnel" help="Как правило подписано в списке, например «контейнеры вниз»" />
+    <div class="row">
+      <GnInput v-model="form.weight" label="Вес (weight)" icon="ph-sort-descending" :help="WEIGHT_TIP" />
+      <GnInput v-model="form.throttle_seconds" label="Шумодав, сек" icon="ph-timer" :help="THROTTLE_TIP" />
+    </div>
+
+    <div class="conditions-title">Условия</div>
+    <p class="section-note">
+      Правило применяется к событию, только если все заданные условия совпали. Пустое условие = всегда подходит.
+    </p>
+    <div class="row">
+      <GnSelect
+        v-model="form.source"
+        label="Источник"
+        :options="sourceOptions.concat(props.sources.map((s) => ({ value: s.name, label: s.name })))"
+      />
+      <GnSelect v-model="form.priority" label="Priority ≥" :options="PRIORITIES" />
+    </div>
+    <GnInput v-model="form.subjects" label="Subjects" icon="ph-shapes" help="Сущности через запятую: container, build…; пусто = любые" />
+    <GnInput v-model="form.actions" label="Actions" icon="ph-lightning" help="Действия события через запятую: down, created…; пусто = любые" />
+    <GnTextarea
+      v-model="form.payload"
+      label="Требования к payload (JSON)"
+      help='Например {"host": ["melody","pilar"]} — событие должно нести host melody или pilar; пусто = без требования'
+    />
+
+    <div class="conditions-title">Действия</div>
+    <p class="section-note">
+      Что делать, когда правило совпало: создать доставку в каждом канале ниже. internal_log без цели — запись в
+      журнал Synapse (аудит); s2s — подписанная отправка в сервис; telegram/email — каналы #29, пока не работают.
+    </p>
+    <div class="row">
+      <GnInput v-model="form.template" label="Шаблон по умолчанию (Jinja2)" icon="ph-file-text" help='{{ payload.поле }} — значение из payload события, например "Контейнер {{ payload.container }} упал"; у действия может быть свой шаблон' />
+    </div>
+    <div v-for="(a, i) in form.actionRows" :key="i" class="action-row">
+      <GnSelect v-model="a.channel" label="Канал" :options="CHANNELS" />
+      <GnSelect
+        v-model="a.target_id"
+        label="Цель"
+        :options="[
+          { value: '', label: '— без цели —' },
+          ...props.targets.filter((t) => t.channel === a.channel).map((t) => ({ value: t.id, label: t.name })),
+        ]"
+      />
+      <GnIconButton icon="ph-x" label="Убрать действие" @click="removeActionRow(i)" />
+    </div>
+    <GnButton variant="secondary" size="sm" icon="ph-plus" @click="addActionRow">Действие</GnButton>
+
+    <GnStatusCard
+      v-if="formError"
+      variant="error"
+      icon="ph-warning-circle"
+      title="Ошибка формы"
+      :text="formError"
+    />
+  </div>
+</template>
+
+<style scoped>
+.form {
+  display: flex;
+  flex-direction: column;
+  gap: var(--gn-space-4);
+  min-width: min(640px, 80vw);
+}
+.row {
+  display: flex;
+  gap: var(--gn-space-4);
+}
+.row > * {
+  flex: 1;
+}
+.conditions-title {
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  font-size: 0.8em;
+}
+.section-note {
+  margin: calc(-1 * var(--gn-space-2)) 0 0;
+  font-size: 0.82em;
+  opacity: 0.75;
+}
+.action-row {
+  display: flex;
+  gap: var(--gn-space-3);
+  align-items: flex-end;
+}
+.action-row > :first-child {
+  min-width: 140px;
+}
+.action-row > :nth-child(2) {
+  flex: 1;
+}
+</style>
\ No newline at end of file
diff --git a/frontend/src/views/RuleDetailView.vue b/frontend/src/views/RuleDetailView.vue
index bc4eecd..442ba4d 100644
--- a/frontend/src/views/RuleDetailView.vue
+++ b/frontend/src/views/RuleDetailView.vue
@@ -1,5 +1,6 @@
-<!-- Карточка правила: условия кодом с подсветкой, действия с целями,
-     шаблон и шумодав. -->
+<!-- Карточка правила: условия кодом с подсветкой, действия, шаблон, шумодав.
+     Правка целиком — модаль с общей формой RuleForm (PATCH поддерживает
+     замену условий и действий атомарно). -->
 <script setup>
 import { computed, onMounted, ref } from "vue";
 import {
@@ -7,8 +8,9 @@
   GnButton,
   GnChip,
   GnConfirmDialog,
-  GnIconButton,
+  GnDropdown,
   GnLoader,
+  GnModal,
   GnPageHeader,
   GnStatusCard,
   GnSwitch,
@@ -18,12 +20,15 @@
 import { api } from "../api.js";
 import { fmtTime, jsonSpans } from "../ui.js";
 import CodeBlock from "../components/CodeBlock.vue";
+import RuleForm from "../components/RuleForm.vue";
 
 const toast = useToast();
 const route = useRoute();
 const router = useRouter();
 
 const rule = ref(null);
+const sources = ref([]);
+const targets = ref([]);
 const loading = ref(true);
 const error = ref("");
 
@@ -31,8 +36,10 @@
   loading.value = true;
   error.value = "";
   try {
-    const rules = await api.listRules();
+    const [rules, src, tg] = await Promise.all([api.listRules(), api.listSources(), api.listTargets()]);
     rule.value = rules.find((r) => r.id === Number(route.params.id)) || null;
+    sources.value = src;
+    targets.value = tg;
     if (!rule.value) error.value = "Правило не найдено";
   } catch (ex) {
     error.value = ex.message;
@@ -52,6 +59,27 @@
   }
 }
 
+// --- редактирование: модаль с общей формой ---
+const showEdit = ref(false);
+const busy = ref(false);
+const editForm = ref(null);
+const editError = ref("");
+
+async function saveEdit() {
+  const payload = editForm.value?.collect();
+  if (!payload) return;
+  busy.value = true;
+  try {
+    rule.value = await api.patchRule(rule.value.id, payload);
+    showEdit.value = false;
+    toast.success("Сохранено");
+  } catch (ex) {
+    toast.error(ex.message);
+  } finally {
+    busy.value = false;
+  }
+}
+
 const confirmDelete = ref(false);
 async function doDelete() {
   try {
@@ -64,7 +92,8 @@
   }
 }
 
-const CONDITION_KEYS = {
+// Условия: ключи с человекочитаемой подписью, значение — код с подсветкой
+const CONDITION_HINTS = {
   source: "Источник: имя source из реестра",
   subjects: "Subject'ы события (любой из)",
   actions: "Action'ы события (любой из)",
@@ -72,11 +101,10 @@
   payload: "Требования к полям payload (все указанные; значение-список = любой из)",
 };
 
-// Условия: ключи с человекочитаемой подписью, значение — код с подсветкой
 const conditionRows = computed(() =>
   Object.entries(rule.value?.conditions || {}).map(([key, value]) => ({
     key,
-    hint: CONDITION_KEYS[key] || "",
+    hint: CONDITION_HINTS[key] || "",
     spans: jsonSpans(value),
     text: JSON.stringify(value, null, 2),
   })),
@@ -91,15 +119,22 @@
 
 <template>
   <main class="container page">
+    <RouterLink to="/rules" class="back-link"><i class="ph ph-arrow-left"></i> К списку правил</RouterLink>
     <GnPageHeader kicker="Synapse · Правило" :title="rule?.name || '…'" subtitle="Условия → действия маршрутизации">
       <template #actions>
-        <GnIconButton icon="ph-arrow-left" label="К списку правил" @click="router.push('/rules')" />
-        <GnIconButton icon="ph-trash" label="Удалить правило" @click="confirmDelete = true" />
         <GnSwitch
           v-if="rule"
           :model-value="rule.enabled"
+          :label="rule.enabled ? 'Включено' : 'Выключено'"
           @update:model-value="(v) => toggleRule(v)"
         />
+        <GnDropdown
+          label="Действия"
+          :items="[
+            { label: 'Редактировать', icon: 'ph-pencil-simple', onSelect: () => (showEdit = true) },
+            { label: 'Удалить', icon: 'ph-trash', danger: true, onSelect: () => (confirmDelete = true) },
+          ]"
+        />
       </template>
     </GnPageHeader>
 
@@ -135,13 +170,17 @@
             <dd>{{ fmtTime(rule.created_at) }}</dd>
           </div>
         </dl>
-        <p v-if="rule.throttle_seconds" class="channel-hint">
+        <p v-if="rule.throttle_seconds" class="panel-note">
           <i class="ph ph-info"></i> {{ THROTTLE_TIP }}
         </p>
       </section>
 
       <section class="panel">
         <h3 class="panel-title">Условия</h3>
+        <p class="panel-note">
+          Событие проходит по правилу, только когда все условия ниже совпали. Здесь нет ни одного — правило подходит
+          к любому событию.
+        </p>
         <ul class="conditions">
           <li v-for="c in conditionRows" :key="c.key" class="condition">
             <div class="condition-name">
@@ -155,12 +194,21 @@
 
       <section class="panel">
         <h3 class="panel-title">Шаблон сообщения</h3>
+        <p class="panel-note">
+          Jinja2-текст, который уйдёт в канал: <code v-pre>{{ payload.поле }}</code> подставит значение из payload
+          события. Если шаблона нет — у действия ниже может быть свой.
+        </p>
         <p v-if="rule.template" class="template-text"><code>{{ rule.template }}</code></p>
-        <p v-else class="template-text muted">— не задан; у действий может быть свой шаблон</p>
+        <p v-else class="template-text muted">— не задан</p>
       </section>
 
       <section class="panel">
         <h3 class="panel-title">Действия</h3>
+        <p class="panel-note">
+          Когда событие совпало с условиями, для каждого действия создаётся доставка. internal_log пишет в журнал
+          Synapse (аудит и деградация), s2s — подписанную отправку в сервис; каналы telegram/email — #29, пока не
+          работают.
+        </p>
         <ul class="actions-list">
           <li v-for="(a, i) in rule.actions" :key="i" class="action-item">
             <div class="action-head">
@@ -176,7 +224,7 @@
                 <span class="mini-hint">шаблон действия:</span>
                 <code class="tpl">{{ a.template }}</code>
               </template>
-              <template v-else-if="!a.template && !rule.template && a.channel !== 'internal_log'">
+              <template v-else-if="!rule.template && a.channel !== 'internal_log'">
                 <span class="mini-hint">шаблон не задан</span>
               </template>
             </div>
@@ -185,6 +233,15 @@
       </section>
     </template>
 
+    <!-- Редактирование правила -->
+    <GnModal v-model:open="showEdit" title="Редактировать правило">
+      <RuleForm v-if="showEdit" ref="editForm" :initial="rule" :sources="sources" :targets="targets" />
+      <template #actions>
+        <GnButton variant="secondary" @click="showEdit = false">Отмена</GnButton>
+        <GnButton variant="primary" :loading="busy" @click="saveEdit">Сохранить</GnButton>
+      </template>
+    </GnModal>
+
     <!-- Удаление правила -->
     <GnConfirmDialog
       v-model:open="confirmDelete"
@@ -207,6 +264,19 @@
   flex-direction: column;
   gap: var(--gn-space-4);
 }
+.back-link {
+  width: max-content;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--gn-space-1);
+  color: inherit;
+  text-decoration: none;
+  font-size: 0.85em;
+  opacity: 0.75;
+}
+.back-link:hover {
+  opacity: 1;
+}
 .panel {
   background: var(--gn-surface-panel);
   border: 1px solid var(--gn-border-color-muted);
@@ -222,6 +292,21 @@
   letter-spacing: 0.04em;
   font-size: 0.8em;
 }
+.panel-note,
+.mini-hint {
+  margin: 0;
+  font-size: 0.82em;
+  opacity: 0.75;
+}
+.panel-note {
+  /* иконка и текст на одной линии — как в карточке цели */
+  display: flex;
+  align-items: center;
+  gap: var(--gn-space-2);
+}
+.mini-hint {
+  opacity: 0.7;
+}
 .meta {
   margin: 0;
   display: grid;
@@ -246,15 +331,6 @@
   gap: var(--gn-space-2);
   flex-wrap: wrap;
 }
-.mini-hint {
-  font-size: 0.8em;
-  opacity: 0.7;
-}
-.channel-hint {
-  margin: 0;
-  font-size: 0.82em;
-  opacity: 0.75;
-}
 .conditions {
   margin: 0;
   padding: 0;
diff --git a/frontend/src/views/RulesView.vue b/frontend/src/views/RulesView.vue
index 09ffbad..634e8ae 100644
--- a/frontend/src/views/RulesView.vue
+++ b/frontend/src/views/RulesView.vue
@@ -1,6 +1,6 @@
 <script setup>
-// Правила маршрутизации: условия → действия (каналы/цели/шаблоны), шумодав.
-// Switch в таблице мгновенно включает/выключает правило (PATCH).
+// Список правил маршрутизации. Условия и правка — на странице правила,
+// здесь обзорные колонки и быстрый переключатель вкл/выкл.
 import { onMounted, ref } from "vue";
 import {
   GnBadge,
@@ -8,23 +8,19 @@
   GnChip,
   GnConfirmDialog,
   GnIconButton,
-  GnInput,
   GnLoader,
   GnModal,
   GnPageHeader,
-  GnSelect,
   GnStatusCard,
   GnSwitch,
   GnTable,
-  GnTextarea,
 } from "gnexus-ui-kit/vue";
 import { useToast } from "gnexus-ui-kit/vue";
-import { useRouter } from "vue-router";
 import { api } from "../api.js";
-import { parseList, th, truncate } from "../ui.js";
+import { th, truncate } from "../ui.js";
+import RuleForm from "../components/RuleForm.vue";
 
 const toast = useToast();
-const router = useRouter();
 
 const rows = ref([]);
 const sources = ref([]);
@@ -32,18 +28,6 @@
 const loading = ref(true);
 const error = ref("");
 
-const PRIORITIES = [
-  { value: "", label: "— любая —" },
-  { value: "low", label: "low" },
-  { value: "normal", label: "normal" },
-  { value: "high", label: "high" },
-  { value: "critical", label: "critical" },
-];
-const SOURCE_CHANNEL_OPTIONS = ["telegram", "email", "s2s", "internal_log"].map((c) => ({
-  value: c,
-  label: c,
-}));
-
 const WEIGHT_TIP =
   "Вес определяет порядок применения правил в режиме «первое подошедшее» (ROUTING_MATCH_MODE=first): меньше важнее, срабатывает раньше. В режиме «все» на результат не влияет.";
 const THROTTLE_TIP =
@@ -64,73 +48,18 @@
   }
 }
 
+// --- создание: модаль с общей формой RuleForm ---
 const showCreate = ref(false);
 const busy = ref(false);
-const emptyRule = () => ({
-  name: "",
-  weight: 0,
-  throttle_seconds: "",
-  source: "",
-  subjects: "",
-  actions: "",
-  priority: "",
-  payload: "",
-  template: "",
-  actionRows: [{ channel: "internal_log", target_id: "", template: "" }],
-});
-const form = ref(emptyRule());
-const formError = ref("");
-
-const sourceOptions = [{ value: "", label: "— любой источник —" }];
-
-const actionsSummary = (rule) =>
-  rule.actions.map((a) => `${a.channel}${a.target_name ? ":" + a.target_name : ""}`).join(", ");
-
-function addActionRow() {
-  form.value.actionRows.push({ channel: "internal_log", target_id: "", template: "" });
-}
-function removeActionRow(i) {
-  form.value.actionRows.splice(i, 1);
-}
+const createForm = ref(null);
 
 async function createRule() {
-  formError.value = "";
-  let payload_condition = {};
-  try {
-    payload_condition = form.value.payload.trim() ? JSON.parse(form.value.payload) : null;
-  } catch {
-    formError.value = "Требования payload — не корректный JSON";
-    return;
-  }
-  const actions = form.value.actionRows
-    .filter((a) => a.channel)
-    .map((a) => ({
-      channel: a.channel,
-      ...(a.target_id ? { target_id: Number(a.target_id) } : {}),
-      ...(a.template ? { template: a.template } : {}),
-    }));
-  if (!actions.length) {
-    formError.value = "Добавьте хотя бы одно действие";
-    return;
-  }
+  const payload = createForm.value?.collect();
+  if (!payload) return;
   busy.value = true;
   try {
-    await api.createRule({
-      name: form.value.name.trim(),
-      weight: Number(form.value.weight) || 0,
-      ...(form.value.throttle_seconds ? { throttle_seconds: Number(form.value.throttle_seconds) } : {}),
-      conditions: {
-        ...(form.value.source ? { source: form.value.source } : {}),
-        ...(parseList(form.value.subjects).length ? { subjects: parseList(form.value.subjects) } : {}),
-        ...(parseList(form.value.actions).length ? { actions: parseList(form.value.actions) } : {}),
-        ...(form.value.priority ? { priority_min: form.value.priority } : {}),
-        ...(payload_condition ? { payload: payload_condition } : {}),
-      },
-      ...(form.value.template ? { template: form.value.template } : {}),
-      actions,
-    });
+    await api.createRule(payload);
     showCreate.value = false;
-    form.value = emptyRule();
     toast.success("Правило создано");
     await load();
   } catch (ex) {
@@ -171,7 +100,7 @@
     <GnPageHeader
       kicker="Synapse"
       title="Правила"
-      subtitle="Условия → действия. Все подошедшие правила применяются; шумодав режет повторные доставки, critical проходит всегда"
+      subtitle="Каждое событие прогоняется через правила: совпали условия — создаётся доставка в каналы действия. Шумодав режет повторы, critical проходит всегда"
     >
       <template #actions>
         <GnButton variant="primary" icon="ph-plus" @click="showCreate = true">Правило</GnButton>
@@ -216,61 +145,16 @@
       </GnTable>
     </template>
 
-    <GnModal v-model:open="showCreate" title="Новое правило" class="rules-modal">
-      <div class="form">
-        <GnInput v-model="form.name" label="Название" icon="ph-funnel" />
-        <div class="row">
-          <GnInput v-model="form.weight" label="Вес (weight)" icon="ph-sort-descending" :help="WEIGHT_TIP" />
-          <GnInput v-model="form.throttle_seconds" label="Шумодав, сек" icon="ph-timer" :help="THROTTLE_TIP" />
-        </div>
-
-        <div class="conditions-title">Условия</div>
-        <div class="row">
-          <GnSelect
-            v-model="form.source"
-            label="Источник"
-            :options="sourceOptions.concat(sources.map((s) => ({ value: s.name, label: s.name })))"
-          />
-          <GnSelect v-model="form.priority" label="Priority ≥" :options="PRIORITIES" />
-        </div>
-        <GnInput v-model="form.subjects" label="Subjects" icon="ph-shapes" help="Через запятую; пусто = любые" />
-        <GnInput v-model="form.actions" label="Actions" icon="ph-lightning" help="Через запятую; пусто = любые" />
-        <GnTextarea v-model="form.payload" label="Требования к payload (JSON)" help='Например {"host": ["melody","pilar"]}; пусто = без требования' />
-
-        <div class="conditions-title">Действия</div>
-        <div class="row">
-          <GnInput v-model="form.template" label="Шаблон по умолчанию (Jinja2)" icon="ph-file-text" help='Например: Контейнер {{ payload.container }} упал на {{ payload.host }}' />
-        </div>
-        <div v-for="(a, i) in form.actionRows" :key="i" class="action-row">
-          <GnSelect v-model="a.channel" label="Канал" :options="SOURCE_CHANNEL_OPTIONS" />
-          <GnSelect
-            v-model="a.target_id"
-            label="Цель"
-            :options="[
-              { value: '', label: '— без цели —' },
-              ...targets.filter((t) => t.channel === a.channel).map((t) => ({ value: t.id, label: t.name })),
-            ]"
-          />
-          <GnIconButton icon="ph-x" label="Убрать действие" @click="removeActionRow(i)" />
-        </div>
-        <GnButton variant="secondary" size="sm" icon="ph-plus" @click="addActionRow">Действие</GnButton>
-
-        <GnStatusCard
-          v-if="formError"
-          variant="error"
-          icon="ph-warning-circle"
-          title="Ошибка формы"
-          :text="formError"
-        />
-      </div>
+    <!-- Создание правила -->
+    <GnModal v-model:open="showCreate" title="Новое правило">
+      <RuleForm ref="createForm" :sources="sources" :targets="targets" />
       <template #actions>
         <GnButton variant="secondary" @click="showCreate = false">Отмена</GnButton>
-        <GnButton variant="primary" :loading="busy" :disabled="!form.name.trim()" @click="createRule">
-          Создать
-        </GnButton>
+        <GnButton variant="primary" :loading="busy" @click="createRule">Создать</GnButton>
       </template>
     </GnModal>
 
+    <!-- Удаление правила -->
     <GnConfirmDialog
       :open="confirmDelete !== null" @update:open="(v) => (v ? null : (confirmDelete = null))"
       :key="confirmDelete?.id"
@@ -293,40 +177,6 @@
   flex-direction: column;
   gap: var(--gn-space-4);
 }
-.form {
-  display: flex;
-  flex-direction: column;
-  gap: var(--gn-space-4);
-  min-width: min(640px, 80vw);
-}
-.row {
-  display: flex;
-  flex-direction: row;
-  gap: var(--gn-space-4);
-}
-.row > :first-child {
-  flex: 1;
-}
-.row > :not(:first-child) {
-  flex: 1;
-}
-.conditions-title {
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-  font-size: 0.8em;
-}
-.action-row {
-  display: flex;
-  gap: var(--gn-space-3);
-  align-items: flex-end;
-}
-.action-row > :first-child {
-  min-width: 140px;
-}
-.action-row > :nth-child(2) {
-  flex: 1;
-}
 .rule-link {
   color: inherit;
   text-decoration: none;
diff --git a/frontend/src/views/SourceDetailView.vue b/frontend/src/views/SourceDetailView.vue
index 15ae388..d9a2fdd 100644
--- a/frontend/src/views/SourceDetailView.vue
+++ b/frontend/src/views/SourceDetailView.vue
@@ -8,6 +8,7 @@
   GnButton,
   GnConfirmDialog,
   GnCopyButton,
+  GnDropdown,
   GnIconButton,
   GnLoader,
   GnModal,
@@ -92,10 +93,16 @@
 
 <template>
   <main class="container page">
+    <RouterLink to="/sources" class="back-link"><i class="ph ph-arrow-left"></i> К списку источников</RouterLink>
     <GnPageHeader kicker="Synapse · Источник" :title="source?.name || '…'" :subtitle="source?.label || ''">
       <template #actions>
-        <GnIconButton icon="ph-arrow-left" label="К списку источников" @click="router.push('/sources')" />
-        <GnIconButton icon="ph-trash" label="Удалить источник" @click="confirmDelete = true" />
+        <GnDropdown
+          label="Действия"
+          :items="[
+            { label: 'Выпустить ключ', icon: 'ph-key', onSelect: createKey },
+            { label: 'Удалить источник', icon: 'ph-trash', danger: true, onSelect: () => (confirmDelete = true) },
+          ]"
+        />
       </template>
     </GnPageHeader>
 
@@ -228,6 +235,19 @@
   flex-direction: column;
   gap: var(--gn-space-4);
 }
+.back-link {
+  width: max-content;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--gn-space-1);
+  color: inherit;
+  text-decoration: none;
+  font-size: 0.85em;
+  opacity: 0.75;
+}
+.back-link:hover {
+  opacity: 1;
+}
 .panel {
   background: var(--gn-surface-panel);
   border: 1px solid var(--gn-border-color-muted);
diff --git a/frontend/src/views/TargetDetailView.vue b/frontend/src/views/TargetDetailView.vue
index 8e2ee62..1ffe13b 100644
--- a/frontend/src/views/TargetDetailView.vue
+++ b/frontend/src/views/TargetDetailView.vue
@@ -7,8 +7,8 @@
   GnButton,
   GnConfirmDialog,
   GnCopyButton,
+  GnDropdown,
   GnInput,
-  GnIconButton,
   GnLoader,
   GnModal,
   GnPageHeader,
@@ -119,16 +119,22 @@
 
 <template>
   <main class="container page">
+    <RouterLink to="/targets" class="back-link"><i class="ph ph-arrow-left"></i> К списку целей</RouterLink>
     <GnPageHeader kicker="Synapse · Цель" :title="row?.name || '…'" :subtitle="row?.channel || ''">
       <template #actions>
-        <GnIconButton icon="ph-arrow-left" label="К списку целей" @click="router.push('/targets')" />
         <GnSwitch
           v-if="row"
           :model-value="row.enabled"
+          :label="row.enabled ? 'Включена' : 'Выключена'"
           @update:model-value="(v) => toggleEnabled(v)"
         />
-        <GnButton variant="secondary" icon="ph-pencil-simple" @click="openEdit">Редактировать</GnButton>
-        <GnIconButton icon="ph-trash" label="Удалить цель" @click="confirmDelete = true" />
+        <GnDropdown
+          label="Действия"
+          :items="[
+            { label: 'Редактировать', icon: 'ph-pencil-simple', onSelect: openEdit },
+            { label: 'Удалить', icon: 'ph-trash', danger: true, onSelect: () => (confirmDelete = true) },
+          ]"
+        />
       </template>
     </GnPageHeader>
 
@@ -222,6 +228,19 @@
   flex-direction: column;
   gap: var(--gn-space-4);
 }
+.back-link {
+  width: max-content;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--gn-space-1);
+  color: inherit;
+  text-decoration: none;
+  font-size: 0.85em;
+  opacity: 0.75;
+}
+.back-link:hover {
+  opacity: 1;
+}
 .panel {
   background: var(--gn-surface-panel);
   border: 1px solid var(--gn-border-color-muted);
@@ -249,6 +268,10 @@
   margin: 0;
   font-size: 0.82em;
   opacity: 0.75;
+  /* иконка и текст на одной линии, без «уехавшей» базовой линии */
+  display: flex;
+  align-items: center;
+  gap: var(--gn-space-2);
 }
 .meta {
   margin: 0;