);
}
diff --git a/apps/web-chat/src/BotIcon.tsx b/apps/web-chat/src/BotIcon.tsx
new file mode 100644
index 0000000..b0de5c3
--- /dev/null
+++ b/apps/web-chat/src/BotIcon.tsx
@@ -0,0 +1,38 @@
+import { useId } from "react";
+
+/** Знак агента (утверждён владельцем 20.09.2026).
+ *
+ * Глаза вырезаны маской и моргают одной группой — синхронно, раз в четыре с
+ * небольшим секунды. Маска получает свой id на каждый экземпляр: с общим id
+ * все знаки на странице смотрели бы в одну маску, и размонтирование соседа
+ * ломало бы остальные.
+ */
+export function BotIcon({ size = 24, color = "currentColor" }: { size?: number; color?: string }) {
+ const maskId = useId();
+ return (
+
+ );
+}
+
+/** Круглый аватар агента: фон — акцент канала, внутри знак. */
+export function BotAvatar({ size = 30, accent, color = "#fff" }: { size?: number; accent: string; color?: string }) {
+ return (
+
+
+
+ );
+}
diff --git a/apps/web-chat/src/BrandFooter.tsx b/apps/web-chat/src/BrandFooter.tsx
new file mode 100644
index 0000000..8f8ca55
--- /dev/null
+++ b/apps/web-chat/src/BrandFooter.tsx
@@ -0,0 +1,39 @@
+import { useState } from "react";
+
+import { t } from "./i18n";
+
+const SITE = "https://chatballs.ru";
+
+/** Подпись под полем ввода: чей это чат.
+ *
+ * Ссылка открывается новой вкладкой: виджет живёт в iframe на чужой странице,
+ * и уводить эту страницу с собой он не должен. Наведение подсвечивает подпись
+ * акцентом канала — состояние держится в React: вокруг только inline-стили,
+ * а :hover в них не живёт.
+ */
+export function BrandFooter({ accent }: { accent: string }) {
+ const [hover, setHover] = useState(false);
+ return (
+