diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index d2b6de1..4daef8d 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -20,10 +20,11 @@
 const router = useRouter();
 
 // Секции админки; иконки — только Phosphor (правила кита).
+// pulse/shapes в шрифте Phosphor из кита отсутствуют — берём activity/squares-four.
 const items = [
-  { to: "/dashboard", label: "Обзор", icon: "ph-pulse" },
+  { to: "/dashboard", label: "Обзор", icon: "ph-activity" },
   { to: "/sources", label: "Источники", icon: "ph-broadcast" },
-  { to: "/types", label: "Типы", icon: "ph-shapes" },
+  { to: "/types", label: "Типы", icon: "ph-squares-four" },
   { to: "/targets", label: "Цели", icon: "ph-target" },
   { to: "/rules", label: "Правила", icon: "ph-funnel" },
   { to: "/deliveries", label: "Доставки", icon: "ph-paper-plane-tilt" },
@@ -36,7 +37,14 @@
   "/rules": "Правила",
   "/deliveries": "Доставки",
 };
-const current = computed(() => currents[route.path] || "");
+// Префиксно: /sources/7 тоже подписывается «Источники».
+const current = computed(
+  () =>
+    Object.entries(currents)
+      .filter(([p]) => route.path === p || route.path.startsWith(p + "/"))
+      .sort((a, b) => b[0].length - a[0].length)
+      .map(([, v]) => v)[0] || "",
+);
 const bare = computed(() => Boolean(route.meta.bare));
 
 const me = ref(null);
diff --git a/frontend/src/components/CodeBlock.vue b/frontend/src/components/CodeBlock.vue
new file mode 100644
index 0000000..0540d74
--- /dev/null
+++ b/frontend/src/components/CodeBlock.vue
@@ -0,0 +1,44 @@
+<!-- Кодовый блок с подсветкой JSON (config цели, условия правила).
+     Компонента кода в каталоге кита нет — сделан по его стилистике:
+     поверхность elevated, токены цвета кита, IBM Plex Mono не переопределяем. -->
+<script setup>
+import { computed } from "vue";
+import { jsonSpans } from "../ui.js";
+
+const props = defineProps({
+  value: { type: [Object, Array, String], default: () => ({}) },
+});
+
+const spans = computed(() => jsonSpans(props.value ?? {}));
+</script>
+
+<template>
+  <pre class="code-panel"><code><span
+    v-for="(s, i) in spans"
+    :key="i"
+    :class="s.cls"
+  >{{ s.text }}</span></code></pre>
+</template>
+
+<style scoped>
+.code-panel {
+  background: var(--gn-surface-panel-muted);
+  border: 1px solid var(--gn-border-color-muted);
+  border-radius: 6px;
+  padding: var(--gn-space-3) var(--gn-space-4);
+  margin: 0;
+  overflow-x: auto;
+  font-size: 0.86em;
+  white-space: pre;
+}
+.code-panel .code-key {
+  color: var(--gn-color-accent);
+}
+.code-panel .code-string {
+  color: var(--gn-color-success);
+}
+.code-panel .code-number,
+.code-panel .code-boolean {
+  color: var(--gn-color-warning);
+}
+</style>
\ No newline at end of file
diff --git a/frontend/src/router.js b/frontend/src/router.js
index ee5ccba..ce556ba 100644
--- a/frontend/src/router.js
+++ b/frontend/src/router.js
@@ -5,9 +5,12 @@
 import DeniedView from "./views/DeniedView.vue";
 import OauthCallbackView from "./views/OauthCallbackView.vue";
 import SourcesView from "./views/SourcesView.vue";
+import SourceDetailView from "./views/SourceDetailView.vue";
 import TypesView from "./views/TypesView.vue";
 import TargetsView from "./views/TargetsView.vue";
+import TargetDetailView from "./views/TargetDetailView.vue";
 import RulesView from "./views/RulesView.vue";
+import RuleDetailView from "./views/RuleDetailView.vue";
 import DeliveriesView from "./views/DeliveriesView.vue";
 
 // Гейт ролей: /dashboard и далее — только system_role admin и выше.
@@ -27,9 +30,12 @@
       meta: { requiresAuth: true },
     },
     { path: "/sources", component: SourcesView, meta: { requiresAuth: true } },
+    { path: "/sources/:id", component: SourceDetailView, meta: { requiresAuth: true } },
     { path: "/types", component: TypesView, meta: { requiresAuth: true } },
     { path: "/targets", component: TargetsView, meta: { requiresAuth: true } },
+    { path: "/targets/:id", component: TargetDetailView, meta: { requiresAuth: true } },
     { path: "/rules", component: RulesView, meta: { requiresAuth: true } },
+    { path: "/rules/:id", component: RuleDetailView, meta: { requiresAuth: true } },
     { path: "/deliveries", component: DeliveriesView, meta: { requiresAuth: true } },
   ],
 });
diff --git a/frontend/src/ui.js b/frontend/src/ui.js
index 21cee9c..4657335 100644
--- a/frontend/src/ui.js
+++ b/frontend/src/ui.js
@@ -1,4 +1,6 @@
 /** Общие мелочи для админ-разделов: бейджи статусов, формат времени, сокращение. */
+import { h } from "vue";
+import { GnTooltip } from "gnexus-ui-kit/vue";
 
 /** Разрешённые варианты кита: primary, secondary, accent, success, warning, danger, error, info. */
 export const statusVariant = {
@@ -17,11 +19,61 @@
   return { label: status, variant: statusVariant[status] || "secondary" };
 }
 
+/** Вариант бейджа для канала: служебный internal_log нейтрален. */
+export function badgeChannel(channel) {
+  return channel === "internal_log" ? "secondary" : "accent";
+}
+
+// Время первым, как просил владелец: «03:44:35, 3 октября» (год — только не текущий).
+const MONTHS = [
+  "января", "февраля", "марта", "апреля", "мая", "июня",
+  "июля", "августа", "сентября", "октября", "ноября", "декабря",
+];
 export function fmtTime(iso) {
   if (!iso) return "—";
-  return new Date(iso).toLocaleString("ru-RU", {
-    day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit",
-  });
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return String(iso);
+  const pad = (n) => String(n).padStart(2, "0");
+  const time = `${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}`;
+  const date = `${d.getDate()} ${MONTHS[d.getMonth()]}`;
+  const year = d.getFullYear() === new Date().getFullYear() ? "" : ` ${d.getFullYear()}`;
+  return `${time}, ${date}${year}`;
+}
+
+const TOKEN_RE = /("(?:[^"\\]|\\.)*")(\s*:)?|(-?\d+(?:\.\d+)?)\b|(\btrue\b|\bfalse\b|\bnull\b)/g;
+
+/**
+ * Подсветка JSON: массив сегментов {cls, text} для CodeBlock — ключи, строки,
+ * числа, булевы/null окрашиваются классами; пунктуация остаётся базовой.
+ */
+export function jsonSpans(value) {
+  const text = typeof value === "string" ? value : JSON.stringify(value, null, 2);
+  const spans = [];
+  let last = 0;
+  for (const m of text.matchAll(TOKEN_RE)) {
+    const [full, str, colon, num, bool] = m;
+    const start = m.index;
+    if (start > last) spans.push({ cls: "", text: text.slice(last, start) });
+    if (str !== undefined) {
+      // строка с двоеточием после неё — ключ объекта
+      spans.push({ cls: colon ? "code-key" : "code-string", text: full });
+    } else if (num !== undefined) {
+      spans.push({ cls: "code-number", text: num });
+    } else if (bool !== undefined) {
+      spans.push({ cls: "code-boolean", text: bool });
+    }
+    last = start + full.length;
+  }
+  if (last < text.length) spans.push({ cls: "", text: text.slice(last) });
+  return spans;
+}
+
+/**
+ * Заголовок колонки GnTable с тултипом кита: GnTable рендерит column.label
+ * как есть, поэтому передаём VNode с GnTooltip вокруг подписи.
+ */
+export function th(label, text) {
+  return h(GnTooltip, { text }, () => label);
 }
 
 export function truncate(text, n = 80) {
diff --git a/frontend/src/views/DeliveriesView.vue b/frontend/src/views/DeliveriesView.vue
index e46df4f..c13059e 100644
--- a/frontend/src/views/DeliveriesView.vue
+++ b/frontend/src/views/DeliveriesView.vue
@@ -3,7 +3,6 @@
 import { onMounted, ref } from "vue";
 import {
   GnBadge,
-  GnButton,
   GnIconButton,
   GnLoader,
   GnPageHeader,
@@ -13,7 +12,7 @@
 } from "gnexus-ui-kit/vue";
 import { useToast } from "gnexus-ui-kit/vue";
 import { api } from "../api.js";
-import { badgeFor, fmtTime, truncate } from "../ui.js";
+import { badgeFor, fmtTime, th, truncate } from "../ui.js";
 
 const toast = useToast();
 
@@ -64,13 +63,14 @@
       kicker="Synapse"
       title="Доставки"
       subtitle="Лог попыток: канал, цель, статус, ретраи и текст, реально ушедший в канал"
-    >
-      <template #actions>
-        <GnSelect v-model="status" label="" :options="STATUSES" @update:model-value="load" />
-        <GnSelect v-model="channel" label="" :options="CHANNELS" @update:model-value="load" />
-        <GnIconButton icon="ph-arrow-counter-clockwise" label="Обновить" @click="load" />
-      </template>
-    </GnPageHeader>
+    />
+
+    <!-- Фильтры отдельным блоком, с подписями -->
+    <div class="filters">
+      <GnSelect v-model="status" label="Статус" :options="STATUSES" @update:model-value="load" />
+      <GnSelect v-model="channel" label="Канал" :options="CHANNELS" @update:model-value="load" />
+      <GnIconButton icon="ph-arrow-counter-clockwise" label="Обновить" @click="load" />
+    </div>
 
     <GnLoader v-if="loading" />
     <GnStatusCard v-else-if="error" variant="error" icon="ph-warning-circle" :text="error" />
@@ -80,11 +80,11 @@
         empty-text="Доставок ещё не было"
         :columns="[
           { key: 'created_at', label: 'Время' },
-          { key: 'event', label: 'Событие' },
+          { key: 'event', label: th('Событие', 'Идентификатор события, породившего доставку') },
           { key: 'channel', label: 'Канал' },
           { key: 'target_name', label: 'Цель' },
-          { key: 'status', label: 'Статус' },
-          { key: 'attempts', label: 'Попытки' },
+          { key: 'status', label: th('Статус', 'delivered — доставлено; pending — ждёт отправки или ретрая; skipped — отсеял шумодав; failed — попытки кончились') },
+          { key: 'attempts', label: th('Попытки', 'Сколько раз пытались отправить (ретраи 30с → 2мин → 10мин → 30мин)') },
           { key: 'last_error', label: 'Ошибка' },
           { key: 'rendered_message', label: 'Сообщение' },
         ]"
@@ -115,6 +115,14 @@
   flex-direction: column;
   gap: var(--gn-space-4);
 }
+.filters {
+  display: flex;
+  align-items: flex-end;
+  gap: var(--gn-space-4);
+}
+.filters > :nth-child(3) {
+  margin-bottom: var(--gn-space-3);
+}
 .event-id {
   font-size: 0.78em;
 }
diff --git a/frontend/src/views/RuleDetailView.vue b/frontend/src/views/RuleDetailView.vue
new file mode 100644
index 0000000..9279659
--- /dev/null
+++ b/frontend/src/views/RuleDetailView.vue
@@ -0,0 +1,311 @@
+<!-- Карточка правила: условия кодом с подсветкой, действия с целями,
+     шаблон и шумодав. -->
+<script setup>
+import { computed, onMounted, ref } from "vue";
+import {
+  GnBadge,
+  GnButton,
+  GnChip,
+  GnConfirmDialog,
+  GnIconButton,
+  GnLoader,
+  GnPageHeader,
+  GnStatusCard,
+  GnSwitch,
+} from "gnexus-ui-kit/vue";
+import { useToast } from "gnexus-ui-kit/vue";
+import { useRoute, useRouter } from "vue-router";
+import { api } from "../api.js";
+import { fmtTime, jsonSpans } from "../ui.js";
+import CodeBlock from "../components/CodeBlock.vue";
+
+const toast = useToast();
+const route = useRoute();
+const router = useRouter();
+
+const rule = ref(null);
+const loading = ref(true);
+const error = ref("");
+
+async function load() {
+  loading.value = true;
+  error.value = "";
+  try {
+    const rules = await api.listRules();
+    rule.value = rules.find((r) => r.id === Number(route.params.id)) || null;
+    if (!rule.value) error.value = "Правило не найдено";
+  } catch (ex) {
+    error.value = ex.message;
+  } finally {
+    loading.value = false;
+  }
+}
+
+async function toggleRule(enabled) {
+  try {
+    await api.patchRule(rule.value.id, { enabled });
+    rule.value = { ...rule.value, enabled };
+    toast.info(`Правило ${enabled ? "включено" : "выключено"}`);
+  } catch (ex) {
+    toast.error(ex.message);
+    await load();
+  }
+}
+
+const confirmDelete = ref(false);
+async function doDelete() {
+  try {
+    await api.deleteRule(rule.value.id);
+    toast.success("Правило удалено");
+    router.push("/rules");
+  } catch (ex) {
+    toast.error(ex.message);
+    confirmDelete.value = false;
+  }
+}
+
+const CONDITION_KEYS = {
+  source: "Источник: имя source из реестра",
+  subjects: "Subject'ы события (любой из)",
+  actions: "Action'ы события (любой из)",
+  priority_min: "Минимальный приоритет (low/normal/high/critical)",
+  payload: "Требования к полям payload (все указанные; значение-список = любой из)",
+};
+
+// Условия: ключи с человекочитаемой подписью, значение — код с подсветкой
+const conditionRows = computed(() =>
+  Object.entries(rule.value?.conditions || {}).map(([key, value]) => ({
+    key,
+    hint: CONDITION_KEYS[key] || "",
+    spans: jsonSpans(value),
+    text: JSON.stringify(value, null, 2),
+  })),
+);
+
+const WEIGHT_TIP =
+  "Вес определяет порядок применения правил в режиме «первое подошедшее» (ROUTING_MATCH_MODE=first): меньше важнее, срабатывает раньше. В режиме «все» на результат не влияет.";
+const THROTTLE_TIP =
+  "Шумодав: не чаще одной живой доставки в эту цель за N секунд. Подавленное отмечается статусом skipped, critical проходит всегда.";
+onMounted(load);
+</script>
+
+<template>
+  <main class="container page">
+    <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"
+          @update:model-value="(v) => toggleRule(v)"
+        />
+      </template>
+    </GnPageHeader>
+
+    <GnLoader v-if="loading" />
+    <GnStatusCard v-else-if="error" variant="error" icon="ph-warning-circle" :text="error" />
+    <template v-else>
+      <section class="panel">
+        <h3 class="panel-title">Параметры</h3>
+        <dl class="meta">
+          <div class="meta-row">
+            <dt>Статус</dt>
+            <dd>
+              <GnBadge :variant="rule.enabled ? 'success' : 'secondary'" outline>
+                {{ rule.enabled ? "включено" : "выключено" }}
+              </GnBadge>
+            </dd>
+          </div>
+          <div class="meta-row">
+            <dt>Вес</dt>
+            <dd>{{ rule.weight }} <span class="mini-hint">{{ WEIGHT_TIP }}</span></dd>
+          </div>
+          <div class="meta-row">
+            <dt>Шумодав</dt>
+            <dd>
+              <template v-if="rule.throttle_seconds">
+                <GnBadge variant="warning" outline>{{ rule.throttle_seconds }} с</GnBadge>
+              </template>
+              <template v-else>—</template>
+            </dd>
+          </div>
+          <div class="meta-row">
+            <dt>Создано</dt>
+            <dd>{{ fmtTime(rule.created_at) }}</dd>
+          </div>
+        </dl>
+        <p v-if="rule.throttle_seconds" class="channel-hint">
+          <i class="ph ph-info"></i> {{ THROTTLE_TIP }}
+        </p>
+      </section>
+
+      <section class="panel">
+        <h3 class="panel-title">Условия</h3>
+        <ul class="conditions">
+          <li v-for="c in conditionRows" :key="c.key" class="condition">
+            <div class="condition-name">
+              <code>{{ c.key }}</code>
+              <span v-if="c.hint" class="condition-hint">{{ c.hint }}</span>
+            </div>
+            <CodeBlock :value="c.text" />
+          </li>
+        </ul>
+      </section>
+
+      <section class="panel">
+        <h3 class="panel-title">Шаблон сообщения</h3>
+        <p v-if="rule.template" class="template-text"><code>{{ rule.template }}</code></p>
+        <p v-else class="template-text muted">— не задан; у действий может быть свой шаблон</p>
+      </section>
+
+      <section class="panel">
+        <h3 class="panel-title">Действия</h3>
+        <ul class="actions-list">
+          <li v-for="(a, i) in rule.actions" :key="i" class="action-item">
+            <div class="action-head">
+              <span class="action-num">{{ i + 1 }}</span>
+              <GnBadge :variant="a.channel === 'internal_log' ? 'secondary' : 'accent'">
+                {{ a.channel }}
+              </GnBadge>
+              <GnChip v-if="a.target_name" variant="accent">{{ a.target_name }}</GnChip>
+              <span v-else class="mini-hint">без цели</span>
+            </div>
+            <div class="action-body">
+              <template v-if="a.template">
+                <span class="mini-hint">шаблон действия:</span>
+                <code class="tpl">{{ a.template }}</code>
+              </template>
+              <template v-else-if="!a.template && !rule.template && a.channel !== 'internal_log'">
+                <span class="mini-hint">шаблон не задан</span>
+              </template>
+            </div>
+          </li>
+        </ul>
+      </section>
+    </template>
+
+    <!-- Удаление правила -->
+    <GnConfirmDialog
+      v-model:open="confirmDelete"
+      title="Удалить правило?"
+      :message="`Правило «${rule?.name}» будет удалено вместе с действиями. История доставок останется.`"
+      confirm-variant="danger"
+      confirm-text="Удалить"
+      cancel-text="Отмена"
+      @confirm="doDelete"
+    />
+  </main>
+</template>
+
+<style scoped>
+.page {
+  max-width: 1440px;
+  margin-inline: auto;
+  padding-block: var(--gn-space-6);
+  display: flex;
+  flex-direction: column;
+  gap: var(--gn-space-4);
+}
+.panel {
+  background: var(--gn-surface-panel);
+  border: 1px solid var(--gn-border-color-muted);
+  border-radius: 6px;
+  padding: var(--gn-space-4) var(--gn-space-5);
+  display: flex;
+  flex-direction: column;
+  gap: var(--gn-space-3);
+}
+.panel-title {
+  margin: 0;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  font-size: 0.8em;
+}
+.meta {
+  margin: 0;
+  display: grid;
+  gap: var(--gn-space-2);
+}
+.meta-row {
+  display: grid;
+  grid-template-columns: minmax(120px, 160px) 1fr;
+  gap: var(--gn-space-3);
+  align-items: start;
+}
+.meta-row dt {
+  color: var(--gn-color-text-medium);
+  font-size: 0.82em;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+.meta-row dd {
+  margin: 0;
+  display: flex;
+  align-items: center;
+  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;
+  list-style: none;
+  display: grid;
+  gap: var(--gn-space-4);
+}
+.condition-name {
+  display: flex;
+  align-items: baseline;
+  gap: var(--gn-space-3);
+  margin-bottom: var(--gn-space-1);
+}
+.condition-hint {
+  font-size: 0.82em;
+  opacity: 0.75;
+}
+.template-text {
+  margin: 0;
+  border-radius: 6px;
+  padding: var(--gn-space-3) var(--gn-space-4);
+  background: var(--gn-surface-panel-muted);
+  overflow-wrap: anywhere;
+  white-space: pre-wrap;
+}
+.template-text.muted {
+  background: none;
+}
+.actions-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: grid;
+  gap: var(--gn-space-3);
+}
+.action-item {
+  padding: var(--gn-space-3) var(--gn-space-4);
+  border: 1px solid var(--gn-border-color-muted);
+  border-radius: 6px;
+  background: var(--gn-surface-panel-muted);
+  display: flex;
+  align-items: baseline;
+  gap: var(--gn-space-3);
+  flex-wrap: wrap;
+}
+.action-num {
+  opacity: 0.6;
+  font-size: 0.85em;
+}
+.tpl {
+  font-size: 0.85em;
+  overflow-wrap: anywhere;
+}
+</style>
\ No newline at end of file
diff --git a/frontend/src/views/RulesView.vue b/frontend/src/views/RulesView.vue
index 8fe364b..d04075e 100644
--- a/frontend/src/views/RulesView.vue
+++ b/frontend/src/views/RulesView.vue
@@ -19,10 +19,12 @@
   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, shortJson, truncate } from "../ui.js";
+import { parseList, shortJson, th, truncate } from "../ui.js";
 
 const toast = useToast();
+const router = useRouter();
 
 const rows = ref([]);
 const sources = ref([]);
@@ -42,6 +44,11 @@
   label: c,
 }));
 
+const WEIGHT_TIP =
+  "Вес определяет порядок применения правил в режиме «первое подошедшее» (ROUTING_MATCH_MODE=first): меньше важнее, срабатывает раньше. В режиме «все» на результат не влияет.";
+const THROTTLE_TIP =
+  "Шумодав: не чаще одной живой доставки в эту цель за N секунд. Подавленное отмечается статусом skipped, critical проходит всегда.";
+
 async function load() {
   loading.value = true;
   error.value = "";
@@ -179,16 +186,18 @@
         empty-text="Правил нет — событие, не попавшее ни в одно правило, только логируется историей"
         :columns="[
           { key: 'name', label: 'Правило' },
-          { key: 'weight', label: 'W' },
-          { key: 'conditions', label: 'Условия' },
-          { key: 'throttle_seconds', label: 'Шумодав' },
-          { key: 'actionsList', label: 'Действия' },
+          { key: 'weight', label: th('Вес', WEIGHT_TIP) },
+          { key: 'conditions', label: th('Условия', 'Source, subjects, actions, priority_min и требования к payload — правило применяется, только если всё совпало') },
+          { key: 'throttle_seconds', label: th('Шумодав', THROTTLE_TIP) },
+          { key: 'actionsList', label: th('Действия', 'Куда доставить: канал и цель. internal_log без цели пишет журнал Synapse') },
           { key: 'enabled', label: 'Вкл./выкл.' },
           { key: 'actions', label: '' },
         ]"
       >
         <template #cell-conditions="{ row }">
-          <code class="cond">{{ shortJson(row.conditions, 100) }}</code>
+          <RouterLink :to="`/rules/${row.id}`" class="cond-link">
+            <code class="cond" :title="JSON.stringify(row.conditions)">{{ shortJson(row.conditions, 100) }}</code>
+          </RouterLink>
         </template>
         <template #cell-throttle_seconds="{ row }">
           <GnBadge v-if="row.throttle_seconds" :variant="'warning'" outline>{{ row.throttle_seconds }} с</GnBadge>
@@ -204,8 +213,11 @@
         <template #cell-enabled="{ row }">
           <GnSwitch :model-value="row.enabled" @update:model-value="(v) => toggleRule(row, v)" />
         </template>
+        <template #cell-name="{ row }">
+          <RouterLink :to="`/rules/${row.id}`" class="rule-link">{{ row.name }}</RouterLink>
+        </template>
         <template #cell-actions="{ row }">
-          <GnButton variant="danger" size="sm" icon="ph-trash" @click="confirmDelete = row" />
+          <GnIconButton icon="ph-trash" size="sm" label="Удалить правило" @click="confirmDelete = row" />
         </template>
       </GnTable>
     </template>
@@ -214,8 +226,8 @@
       <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-desc" help="Меньше = раньше (важно в режиме first)" />
-          <GnInput v-model="form.throttle_seconds" label="Шумодав, сек" icon="ph-timer" help="Не чаще одной доставки в цель; пусто = без ограничения" />
+          <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>
@@ -325,6 +337,15 @@
   font-size: 0.78em;
   word-break: break-all;
 }
+.rule-link,
+.cond-link {
+  color: inherit;
+  text-decoration: none;
+}
+.rule-link:hover,
+.cond-link:hover .cond {
+  text-decoration: underline;
+}
 .chips {
   display: flex;
   flex-wrap: wrap;
diff --git a/frontend/src/views/SourceDetailView.vue b/frontend/src/views/SourceDetailView.vue
new file mode 100644
index 0000000..15ae388
--- /dev/null
+++ b/frontend/src/views/SourceDetailView.vue
@@ -0,0 +1,286 @@
+<!-- Карточка источника: описание, ключи (выпуск/отзыв, токен показывается один
+     раз — в БД только sha256), зарегистрированные типы событий источника. -->
+<script setup>
+import { computed, onMounted, ref } from "vue";
+import {
+  GnAlert,
+  GnBadge,
+  GnButton,
+  GnConfirmDialog,
+  GnCopyButton,
+  GnIconButton,
+  GnLoader,
+  GnModal,
+  GnPageHeader,
+  GnStatusCard,
+  GnTable,
+} from "gnexus-ui-kit/vue";
+import { useToast } from "gnexus-ui-kit/vue";
+import { useRoute, useRouter } from "vue-router";
+import { api } from "../api.js";
+import { fmtTime, th } from "../ui.js";
+
+const toast = useToast();
+const route = useRoute();
+const router = useRouter();
+const sourceId = Number(route.params.id);
+
+const source = ref(null);
+const keys = ref([]);
+const types = ref([]);
+const loading = ref(true);
+const error = ref("");
+
+async function load() {
+  loading.value = true;
+  error.value = "";
+  try {
+    const [src, allTypes] = await Promise.all([api.listSources(), api.listTypes()]);
+    source.value = src.find((s) => s.id === sourceId) || null;
+    if (!source.value) {
+      error.value = "Источник не найден";
+      return;
+    }
+    types.value = allTypes.filter((t) => t.source_id === sourceId || t.source_name === source.value.name);
+    keys.value = await api.listKeys(sourceId);
+  } catch (ex) {
+    error.value = ex.message;
+  } finally {
+    loading.value = false;
+  }
+}
+
+async function createKey() {
+  try {
+    const created = await api.createKey(sourceId, { name: source.value.name });
+    tokenModal.value = created;
+    keys.value = await api.listKeys(sourceId);
+  } catch (ex) {
+    toast.error(ex.message);
+  }
+}
+
+// Токен показывается один раз
+const tokenModal = ref(null);
+
+async function revokeKey(key) {
+  try {
+    await api.revokeKey(sourceId, key.id);
+    keys.value = await api.listKeys(sourceId);
+    toast.success("Ключ отозван");
+  } catch (ex) {
+    toast.error(ex.message);
+  }
+}
+
+const confirmDelete = ref(false);
+async function doDelete() {
+  try {
+    await api.deleteSource(sourceId);
+    toast.success("Источник удалён");
+    router.push("/sources");
+  } catch (ex) {
+    // 409: у источника есть события — удалить нельзя
+    toast.error(ex.message);
+    confirmDelete.value = false;
+  }
+}
+
+const createdAt = computed(() => fmtTime(source.value?.created_at));
+onMounted(load);
+</script>
+
+<template>
+  <main class="container page">
+    <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" />
+      </template>
+    </GnPageHeader>
+
+    <GnLoader v-if="loading" />
+    <GnStatusCard v-else-if="error" variant="error" icon="ph-warning-circle" :text="error" />
+    <template v-else>
+      <!-- Паспорт источника -->
+      <section class="panel">
+        <h3 class="panel-title">О сервисе</h3>
+        <dl class="meta">
+          <div class="meta-row">
+            <dt>Slug</dt>
+            <dd><code>{{ source.name }}</code></dd>
+          </div>
+          <div class="meta-row">
+            <dt>Название</dt>
+            <dd>{{ source.label || "—" }}</dd>
+          </div>
+          <div class="meta-row">
+            <dt>Описание</dt>
+            <dd>{{ source.description || "—" }}</dd>
+          </div>
+          <div class="meta-row">
+            <dt>Создан</dt>
+            <dd>{{ createdAt }}</dd>
+          </div>
+        </dl>
+      </section>
+
+      <!-- API-ключи -->
+      <section class="panel">
+        <div class="panel-head">
+          <h3 class="panel-title">API-ключи</h3>
+          <GnButton variant="primary" size="sm" icon="ph-plus" @click="createKey">Выпустить ключ</GnButton>
+        </div>
+        <p class="panel-note">
+          Токен <code>syn_*</code> показывается один раз при выпуске — в Synapse хранится только sha256-хэш.
+        </p>
+        <GnTable
+          :rows="keys"
+          empty-text="Ключей нет — выпустите первый"
+          :columns="[
+            { key: 'name', label: 'Ключ' },
+            { key: 'token_hint', label: 'Хвост' },
+            { key: 'created_at', label: th('Создан', 'Момент выпуска ключа') },
+            { key: 'last_used_at', label: th('Использован', 'Последнее событие с этим ключом') },
+            { key: 'revoked_at', label: 'Статус' },
+            { key: 'actions', label: '' },
+          ]"
+        >
+          <template #cell-created_at="{ value }">{{ fmtTime(value) }}</template>
+          <template #cell-last_used_at="{ value }">{{ fmtTime(value) }}</template>
+          <template #cell-revoked_at="{ value }">
+            <GnBadge :variant="value ? 'danger' : 'success'" outline>
+              {{ value ? "отозван" : "активен" }}
+            </GnBadge>
+          </template>
+          <template #cell-actions="{ row }">
+            <GnIconButton
+              v-if="!row.revoked_at"
+              icon="ph-x-circle"
+              size="sm"
+              label="Отозвать"
+              @click="revokeKey(row)"
+            />
+          </template>
+        </GnTable>
+      </section>
+
+      <!-- Типы событий -->
+      <section class="panel">
+        <div class="panel-head">
+          <h3 class="panel-title">Типы событий</h3>
+          <GnButton variant="secondary" size="sm" icon="ph-shapes" @click="router.push('/types')">
+            Все типы
+          </GnButton>
+        </div>
+        <GnTable
+          :rows="types"
+          empty-text="Типов не зарегистрировано — событие с незнакомой тройкой будет отклонено с 422"
+          :columns="[
+            { key: 'subject', label: th('Subject', 'Сущность события: container, issue, build…') },
+            { key: 'action', label: th('Action', 'Что случилось: down, created, resolved…') },
+            { key: 'created_at', label: th('Создан', 'Момент регистрации типа') },
+          ]"
+        >
+          <template #cell-created_at="{ value }">{{ fmtTime(value) }}</template>
+        </GnTable>
+      </section>
+    </template>
+
+    <!-- Токен показывается один раз -->
+    <GnModal
+      v-if="tokenModal"
+      :open="tokenModal !== null" @update:open="(v) => (v ? null : (tokenModal = null))"
+      title="Токен — показывается один раз"
+      :close-on-backdrop="false"
+    >
+      <GnAlert variant="warning">
+        <i class="ph ph-warning"></i>
+        Токен больше не будет показан: в Synapse хранится только sha256-хэш.
+        Скопируйте сейчас и отдайте владельцу источника.
+      </GnAlert>
+      <p class="token-wrap"><code>{{ tokenModal.token }}</code></p>
+      <template #actions>
+        <GnCopyButton class="token-copy" :text="tokenModal.token" label="Скопировать" icon="ph-copy" />
+        <GnButton variant="primary" @click="tokenModal = null">Готово</GnButton>
+      </template>
+    </GnModal>
+
+    <!-- Удаление источника -->
+    <GnConfirmDialog
+      v-model:open="confirmDelete"
+      title="Удалить источник?"
+      :message="`Источник «${source?.name}» будет удалён вместе с типами и ключами. Если у источника есть события, удаление будет отклонено.`"
+      confirm-variant="danger"
+      confirm-text="Удалить"
+      cancel-text="Отмена"
+      @confirm="doDelete"
+    />
+  </main>
+</template>
+
+<style scoped>
+.page {
+  max-width: 1440px;
+  margin-inline: auto;
+  padding-block: var(--gn-space-6);
+  display: flex;
+  flex-direction: column;
+  gap: var(--gn-space-4);
+}
+.panel {
+  background: var(--gn-surface-panel);
+  border: 1px solid var(--gn-border-color-muted);
+  border-radius: 6px;
+  padding: var(--gn-space-4) var(--gn-space-5);
+  display: flex;
+  flex-direction: column;
+  gap: var(--gn-space-3);
+}
+.panel-title {
+  margin: 0;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  font-size: 0.8em;
+}
+.panel-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--gn-space-3);
+}
+.panel-note {
+  margin: 0;
+  font-size: 0.82em;
+  opacity: 0.75;
+}
+.meta {
+  margin: 0;
+  display: grid;
+  gap: var(--gn-space-2);
+}
+.meta-row {
+  display: grid;
+  grid-template-columns: minmax(120px, 160px) 1fr;
+  gap: var(--gn-space-3);
+}
+.meta-row dt {
+  color: var(--gn-color-text-medium);
+  font-size: 0.82em;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+.meta-row dd {
+  margin: 0;
+}
+.token-wrap {
+  word-break: break-all;
+  background: var(--gn-surface-panel-muted);
+  padding: var(--gn-space-3);
+  border-radius: 6px;
+  overflow-wrap: anywhere;
+}
+.token-copy {
+  margin-right: auto;
+}
+</style>
\ No newline at end of file
diff --git a/frontend/src/views/SourcesView.vue b/frontend/src/views/SourcesView.vue
index 64b6787..17886dc 100644
--- a/frontend/src/views/SourcesView.vue
+++ b/frontend/src/views/SourcesView.vue
@@ -1,12 +1,10 @@
 <script setup>
-// Источники событий и их API-ключи. Токен нового ключа показывается ровно
-// один раз (модаль с GnCopyButton) — в БД лежит только sha256.
+// Список источников. Детали (описание, ключи, типы) — на странице источника,
+// чтобы таблица оставалась обозримой.
 import { onMounted, ref } from "vue";
 import {
-  GnBadge,
   GnButton,
   GnConfirmDialog,
-  GnCopyButton,
   GnInput,
   GnLoader,
   GnModal,
@@ -16,10 +14,12 @@
   GnTextarea,
 } from "gnexus-ui-kit/vue";
 import { useToast } from "gnexus-ui-kit/vue";
+import { useRouter } from "vue-router";
 import { api } from "../api.js";
-import { fmtTime } from "../ui.js";
+import { fmtTime, th } from "../ui.js";
 
 const toast = useToast();
+const router = useRouter();
 
 const sources = ref([]);
 const loading = ref(true);
@@ -66,52 +66,13 @@
     toast.success("Источник удалён");
     await load();
   } catch (ex) {
+    // 409: у источника есть события — удалить нельзя
     toast.error(ex.message);
   } finally {
     confirmDelete.value = null;
   }
 }
 
-// --- ключи ---
-const keysSource = ref(null); // источник, чьи ключи в модали
-const keys = ref([]);
-const keysLoading = ref(false);
-
-async function openKeys(source) {
-  keysSource.value = source;
-  keysLoading.value = true;
-  try {
-    keys.value = await api.listKeys(source.id);
-  } catch (ex) {
-    toast.error(ex.message);
-  } finally {
-    keysLoading.value = false;
-  }
-}
-
-async function createKey() {
-  try {
-    const created = await api.createKey(keysSource.value.id, { name: keysSource.value.name });
-    tokenModal.value = { key: created, source: keysSource.value };
-    keys.value = await api.listKeys(keysSource.value.id);
-  } catch (ex) {
-    toast.error(ex.message);
-  }
-}
-
-// Токен показывается один раз
-const tokenModal = ref(null);
-
-async function revokeKey(key) {
-  try {
-    await api.revokeKey(keysSource.value.id, key.id);
-    keys.value = await api.listKeys(keysSource.value.id);
-    toast.success("Ключ отозван");
-  } catch (ex) {
-    toast.error(ex.message);
-  }
-}
-
 onMounted(load);
 </script>
 
@@ -120,7 +81,7 @@
     <GnPageHeader
       kicker="Synapse"
       title="Источники"
-      subtitle="Сервисы, которые шлют события в хаб. К каждому — API-ключи syn_*"
+      subtitle="Сервисы, которые шлют события в хаб. Описание, ключи и типы — на странице источника"
     >
       <template #actions>
         <GnButton variant="primary" icon="ph-plus" @click="showCreate = true">Источник</GnButton>
@@ -134,21 +95,17 @@
         :rows="sources"
         empty-text="Источников ещё нет — создайте первый"
         :columns="[
-          { key: 'name', label: 'Slug' },
+          { key: 'name', label: th('Slug', 'Имя источника в событии (поле source конверта)') },
           { key: 'label', label: 'Название' },
-          { key: 'description', label: 'Описание' },
-          { key: 'keys_count', label: 'Ключи' },
-          { key: 'types_count', label: 'Типы' },
           { key: 'created_at', label: 'Создан' },
           { key: 'actions', label: '' },
         ]"
       >
-        <template #cell-keys_count="{ value }">{{ value ?? 0 }}</template>
         <template #cell-created_at="{ value }">{{ fmtTime(value) }}</template>
         <template #cell-actions="{ row }">
           <span class="row-actions">
-            <GnButton variant="secondary" size="sm" icon="ph-key" @click="openKeys(row)">Ключи</GnButton>
-            <GnButton variant="danger" size="sm" icon="ph-trash" @click="confirmDelete = row" />
+            <GnIconButton icon="ph-eye" size="sm" label="Открыть" @click="router.push(`/sources/${row.id}`)" />
+            <GnIconButton icon="ph-trash" size="sm" label="Удалить" @click="confirmDelete = row" />
           </span>
         </template>
       </GnTable>
@@ -173,63 +130,6 @@
       </template>
     </GnModal>
 
-    <!-- Ключи источника -->
-    <GnModal :open="keysSource !== null" @update:open="(v) => (v ? null : (keysSource = null))" :title="keysSource ? `Ключи — ${keysSource.name}` : 'Ключи'">
-      <GnLoader v-if="keysLoading" />
-      <template v-else>
-        <GnButton variant="primary" icon="ph-plus" @click="createKey">Выпустить ключ</GnButton>
-        <GnTable
-          class="keys-table"
-          :rows="keys"
-          empty-text="Ключей нет — выпустите"
-          :columns="[
-            { key: 'name', label: 'Ключ' },
-            { key: 'token_hint', label: 'Хвост' },
-            { key: 'created_at', label: 'Создан' },
-            { key: 'last_used_at', label: 'Использован' },
-            { key: 'revoked_at', label: 'Статус' },
-            { key: 'actions', label: '' },
-          ]"
-        >
-          <template #cell-created_at="{ value }">{{ fmtTime(value) }}</template>
-          <template #cell-last_used_at="{ value }">{{ fmtTime(value) }}</template>
-          <template #cell-revoked_at="{ value }">
-            <GnBadge :variant="value ? 'danger' : 'success'" outline>
-              {{ value ? "отозван" : "активен" }}
-            </GnBadge>
-          </template>
-          <template #cell-actions="{ row }">
-            <GnButton
-              v-if="!row.revoked_at"
-              variant="danger"
-              size="sm"
-              icon="ph-x-circle"
-              @click="revokeKey(row)"
-            >
-              Отозвать
-            </GnButton>
-          </template>
-        </GnTable>
-      </template>
-      <template #actions="{ close }">
-        <GnButton variant="secondary" @click="close">Закрыть</GnButton>
-      </template>
-    </GnModal>
-
-    <!-- Токен показывается один раз -->
-    <GnModal v-if="tokenModal" :open="tokenModal !== null" @update:open="(v) => (v ? null : (tokenModal = null))" title="Токен — показывается один раз" :close-on-backdrop="false">
-      <GnAlert variant="warning">
-        <i class="ph ph-warning"></i>
-        Токен больше не будет показан: в Synapse хранится только sha256-хэш.
-        Скопируйте сейчас и отдайте владельцу источника.
-      </GnAlert>
-      <p class="token-wrap"><code>{{ tokenModal.key.token }}</code></p>
-      <template #actions>
-        <GnCopyButton class="token-copy" :text="tokenModal.key.token" label="Скопировать" icon="ph-copy" />
-        <GnButton variant="primary" @click="tokenModal = null">Готово</GnButton>
-      </template>
-    </GnModal>
-
     <!-- Удаление источника -->
     <GnConfirmDialog
       :open="confirmDelete !== null" @update:open="(v) => (v ? null : (confirmDelete = null))"
@@ -262,17 +162,4 @@
   flex-direction: column;
   gap: var(--gn-space-4);
 }
-.keys-table {
-  margin-top: var(--gn-space-4);
-}
-.token-wrap {
-  word-break: break-all;
-  background: var(--gn-surface-elevated);
-  padding: var(--gn-space-3);
-  border-radius: var(--gn-radius-sm);
-  overflow-wrap: anywhere;
-}
-.token-copy {
-  margin-right: auto;
-}
 </style>
\ No newline at end of file
diff --git a/frontend/src/views/TargetDetailView.vue b/frontend/src/views/TargetDetailView.vue
new file mode 100644
index 0000000..0e4a47e
--- /dev/null
+++ b/frontend/src/views/TargetDetailView.vue
@@ -0,0 +1,183 @@
+<!-- Карточка цели канала: паспорт и config как читаемый код с подсветкой. -->
+<script setup>
+import { computed, onMounted, ref } from "vue";
+import {
+  GnBadge,
+  GnButton,
+  GnConfirmDialog,
+  GnCopyButton,
+  GnIconButton,
+  GnLoader,
+  GnPageHeader,
+  GnStatusCard,
+} from "gnexus-ui-kit/vue";
+import { useToast } from "gnexus-ui-kit/vue";
+import { useRoute, useRouter } from "vue-router";
+import { api } from "../api.js";
+import { badgeChannel, fmtTime } from "../ui.js";
+import CodeBlock from "../components/CodeBlock.vue";
+
+const toast = useToast();
+const route = useRoute();
+const router = useRouter();
+
+// В админ-списках целей немного — берём полный список и ищем по id.
+const row = ref(null);
+const loading = ref(true);
+const error = ref("");
+
+async function load() {
+  loading.value = true;
+  error.value = "";
+  try {
+    const targets = await api.listTargets();
+    row.value = targets.find((t) => t.id === Number(route.params.id)) || null;
+    if (!row.value) error.value = "Цель не найдена";
+  } catch (ex) {
+    error.value = ex.message;
+  } finally {
+    loading.value = false;
+  }
+}
+
+const confirmDelete = ref(false);
+async function doDelete() {
+  try {
+    await api.deleteTarget(row.value.id);
+    toast.success("Цель удалена");
+    router.push("/targets");
+  } catch (ex) {
+    toast.error(ex.message);
+    confirmDelete.value = false;
+  }
+}
+
+const configText = computed(() => JSON.stringify(row.value?.config ?? {}, null, 2));
+
+const CHANNEL_HINTS = {
+  s2s: "system-to-system: Synapse подписывает и отправляет событие на endpoint цели. Секрет — в .env воркера под именем S2S_SECRET_<TOKEN_REF>.",
+  telegram: "Telegram-канал (#29, пока не реализован). Config хранит идентификатор чата.",
+  email: "Email-канал (#29, пока не реализован). Config хранит адреса/тему.",
+  internal_log: "Внутренний журнал Synapse: доставка пишется в БД как деградация и аудит.",
+};
+onMounted(load);
+</script>
+
+<template>
+  <main class="container page">
+    <GnPageHeader kicker="Synapse · Цель" :title="row?.name || '…'" :subtitle="row?.channel || ''">
+      <template #actions>
+        <GnIconButton icon="ph-arrow-left" label="К списку целей" @click="router.push('/targets')" />
+        <GnIconButton icon="ph-trash" label="Удалить цель" @click="confirmDelete = true" />
+      </template>
+    </GnPageHeader>
+
+    <GnLoader v-if="loading" />
+    <GnStatusCard v-else-if="error" variant="error" icon="ph-warning-circle" :text="error" />
+    <template v-else>
+      <section class="panel">
+        <h3 class="panel-title">О цели</h3>
+        <dl class="meta">
+          <div class="meta-row">
+            <dt>Канал</dt>
+            <dd><GnBadge :variant="badgeChannel(row.channel)" outline>{{ row.channel }}</GnBadge></dd>
+          </div>
+          <div class="meta-row">
+            <dt>Название</dt>
+            <dd>{{ row.name }}</dd>
+          </div>
+          <div class="meta-row">
+            <dt>Описание</dt>
+            <dd>{{ row.description || "—" }}</dd>
+          </div>
+          <div class="meta-row">
+            <dt>Создана</dt>
+            <dd>{{ fmtTime(row.created_at) }}</dd>
+          </div>
+        </dl>
+        <p v-if="CHANNEL_HINTS[row.channel]" class="channel-hint">
+          <i class="ph ph-info"></i> {{ CHANNEL_HINTS[row.channel] }}
+        </p>
+      </section>
+
+      <section class="panel">
+        <div class="panel-head">
+          <h3 class="panel-title">Config</h3>
+          <GnCopyButton :text="configText" label="Скопировать" icon="ph-copy" />
+        </div>
+        <p class="panel-note">
+          Идентификаторы точки доставки. Секреты и креды в config не пишутся — только в .env (gnexus-creds).
+        </p>
+        <CodeBlock :value="row.config ?? {}" />
+      </section>
+    </template>
+
+    <!-- Удаление цели -->
+    <GnConfirmDialog
+      v-model:open="confirmDelete"
+      title="Удалить цель?"
+      :message="`Цель «${row?.name}» будет удалена. Ссылки из правил и доставок обнулятся, история доставок останется.`"
+      confirm-variant="danger"
+      confirm-text="Удалить"
+      cancel-text="Отмена"
+      @confirm="doDelete"
+    />
+  </main>
+</template>
+
+<style scoped>
+.page {
+  max-width: 1440px;
+  margin-inline: auto;
+  padding-block: var(--gn-space-6);
+  display: flex;
+  flex-direction: column;
+  gap: var(--gn-space-4);
+}
+.panel {
+  background: var(--gn-surface-panel);
+  border: 1px solid var(--gn-border-color-muted);
+  border-radius: 6px;
+  padding: var(--gn-space-4) var(--gn-space-5);
+  display: flex;
+  flex-direction: column;
+  gap: var(--gn-space-3);
+}
+.panel-title {
+  margin: 0;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  font-size: 0.8em;
+}
+.panel-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--gn-space-3);
+}
+.panel-note,
+.channel-hint {
+  margin: 0;
+  font-size: 0.82em;
+  opacity: 0.75;
+}
+.meta {
+  margin: 0;
+  display: grid;
+  gap: var(--gn-space-2);
+}
+.meta-row {
+  display: grid;
+  grid-template-columns: minmax(120px, 160px) 1fr;
+  gap: var(--gn-space-3);
+}
+.meta-row dt {
+  color: var(--gn-color-text-medium);
+  font-size: 0.82em;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+.meta-row dd {
+  margin: 0;
+}
+</style>
\ No newline at end of file
diff --git a/frontend/src/views/TargetsView.vue b/frontend/src/views/TargetsView.vue
index 18daab5..4f06f9c 100644
--- a/frontend/src/views/TargetsView.vue
+++ b/frontend/src/views/TargetsView.vue
@@ -1,9 +1,8 @@
 <script setup>
-// Цели каналов: куда доставлять (TG-чат, SMTP, s2s-endpoint). Секреты — в .env,
-// в config только идентификаторы целей.
+// Список целей каналов. Config (endpoint, chat_id, ...) — на странице цели,
+// там он читаем и подсвечен; секреты только в .env.
 import { onMounted, ref } from "vue";
 import {
-  GnBadge,
   GnButton,
   GnConfirmDialog,
   GnInput,
@@ -16,10 +15,12 @@
   GnTextarea,
 } from "gnexus-ui-kit/vue";
 import { useToast } from "gnexus-ui-kit/vue";
+import { useRouter } from "vue-router";
 import { api } from "../api.js";
-import { fmtTime, shortJson } from "../ui.js";
+import { badgeChannel, fmtTime, th } from "../ui.js";
 
 const toast = useToast();
+const router = useRouter();
 
 const rows = ref([]);
 const loading = ref(true);
@@ -109,32 +110,33 @@
         :columns="[
           { key: 'channel', label: 'Канал' },
           { key: 'name', label: 'Название' },
-          { key: 'description', label: 'Описание' },
-          { key: 'config', label: 'Config' },
           { key: 'created_at', label: 'Создана' },
           { key: 'actions', label: '' },
         ]"
       >
         <template #cell-channel="{ value }">
-          <GnBadge :variant="value === 'internal_log' ? 'secondary' : 'accent'" outline>{{ value }}</GnBadge>
+          <GnBadge :variant="badgeChannel(value)" outline>{{ value }}</GnBadge>
         </template>
-        <template #cell-config="{ row }">{{ shortJson(row.config) }}</template>
         <template #cell-created_at="{ value }">{{ fmtTime(value) }}</template>
         <template #cell-actions="{ row }">
-          <GnButton variant="danger" size="sm" icon="ph-trash" @click="confirmDelete = row" />
+          <span class="row-actions">
+            <GnIconButton icon="ph-eye" size="sm" label="Открыть" @click="router.push(`/targets/${row.id}`)" />
+            <GnIconButton icon="ph-trash" size="sm" label="Удалить" @click="confirmDelete = row" />
+          </span>
         </template>
       </GnTable>
     </template>
 
+    <!-- Создание цели -->
     <GnModal v-model:open="showCreate" title="Новая цель">
       <div class="form">
         <GnSelect v-model="form.channel" label="Канал" :options="CHANNELS.map((c) => ({ value: c, label: c }))" />
         <GnInput v-model="form.name" label="Название" icon="ph-tag" help="Например infra-alerts" />
-        <GnTextarea v-model="form.description" label="Описание" help="Что это за клиент-сервис (для ИИ-агента и человека)" />
+        <GnTextarea v-model="form.description" label="Описание" help="Для чего эта цель (для ИИ-агента и человека)" />
         <GnInput
           v-model="form.config_text"
           label="Config (JSON)"
-          icon="ph-braces"
+          icon="ph-code"
           help='Для s2s: {"endpoint":"http://…","token_ref":"navi-rei"}; для TG: {"chat_id":"@…"}'
           state="error"
           :help="formError || undefined"
@@ -148,6 +150,7 @@
       </template>
     </GnModal>
 
+    <!-- Удаление цели -->
     <GnConfirmDialog
       :open="confirmDelete !== null" @update:open="(v) => (v ? null : (confirmDelete = null))"
       :key="confirmDelete?.id"
@@ -170,6 +173,10 @@
   flex-direction: column;
   gap: var(--gn-space-4);
 }
+.row-actions {
+  display: flex;
+  gap: var(--gn-space-2);
+}
 .form {
   display: flex;
   flex-direction: column;
diff --git a/frontend/src/views/TypesView.vue b/frontend/src/views/TypesView.vue
index 37fd3aa..a17ddac 100644
--- a/frontend/src/views/TypesView.vue
+++ b/frontend/src/views/TypesView.vue
@@ -4,6 +4,7 @@
 import {
   GnButton,
   GnConfirmDialog,
+  GnIconButton,
   GnInput,
   GnLoader,
   GnModal,
@@ -107,7 +108,7 @@
       >
         <template #cell-created_at="{ value }">{{ fmtTime(value) }}</template>
         <template #cell-actions="{ row }">
-          <GnButton variant="danger" size="sm" icon="ph-trash" @click="confirmDelete = row" />
+          <GnIconButton icon="ph-trash" size="sm" label="Удалить тип" @click="confirmDelete = row" />
         </template>
       </GnTable>
     </template>