diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css
index 402a52c3..f65addb5 100644
--- a/frontend/src/app/globals.css
+++ b/frontend/src/app/globals.css
@@ -271,6 +271,14 @@ html[data-bs-theme="dark"] .app-input::-webkit-calendar-picker-indicator {
   color: var(--muted-foreground);
 }
 
+.app-card-caption {
+  color: var(--muted-foreground);
+  font-size: 0.875rem;
+  font-weight: 600;
+  letter-spacing: 0.025em;
+  text-transform: uppercase;
+}
+
 .app-divider {
   border-color: var(--border-subtle);
 }
diff --git a/frontend/src/app/profile/page.tsx b/frontend/src/app/profile/page.tsx
index 7213b42f..a820ec50 100644
--- a/frontend/src/app/profile/page.tsx
+++ b/frontend/src/app/profile/page.tsx
@@ -1,430 +1,801 @@
 "use client";
 
 import Image from "next/image";
-import Link from "next/link";
-import { useEffect, useMemo, useRef, useState } from "react";
-import { AppShell } from "../../components/AppShell";
+import { useEffect, useMemo, useState } from "react";
+import {
+  Mail,
+  MessageCircle,
+  Phone,
+  Plus,
+  RefreshCw,
+  X,
+} from "lucide-react";
+
+import { AppShell } from "@/components/AppShell";
 import { useUser } from "@/contexts/UserContext";
 import { apiClient } from "@/lib/api";
 import { resolveMediaUrl } from "@/lib/url";
-import { Camera, Pencil, Save, X } from "lucide-react";
+import { getWorkDuration } from "@/lib/users/userDetailUtils";
+import type { DirectoryLoginResult } from "@/types/api";
 
 function formatDate(value?: string): string {
-	if (!value) return "";
-	const d = new Date(value);
-	if (Number.isNaN(d.getTime())) return "";
-	return d.toLocaleString("ru-RU", {
-		day: "2-digit",
-		month: "2-digit",
-		year: "numeric",
-		hour: "2-digit",
-		minute: "2-digit",
-	});
+  if (!value) return "—";
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return value;
+  return date.toLocaleDateString("ru-RU", {
+    day: "2-digit",
+    month: "2-digit",
+    year: "numeric",
+  });
+}
+
+function formatDateTime(value?: string): string {
+  if (!value) return "—";
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return value;
+  return date.toLocaleString("ru-RU", {
+    day: "2-digit",
+    month: "2-digit",
+    year: "numeric",
+    hour: "2-digit",
+    minute: "2-digit",
+  });
+}
+
+function formatBirthdayWithYear(value?: string): string | null {
+  if (!value) return null;
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return value;
+  return date.toLocaleDateString("ru-RU", {
+    day: "numeric",
+    month: "long",
+    year: "numeric",
+  });
+}
+
+function getActionTimestamp(action: {
+  date?: string;
+  created_at?: string;
+}): number {
+  return new Date(action.date || action.created_at || 0).getTime();
+}
+
+function initials(firstName?: string, lastName?: string) {
+  return `${lastName?.[0] || ""}${firstName?.[0] || ""}`.trim() || "П";
+}
+
+function normalizeTelegram(value: string) {
+  const trimmed = value.trim();
+  if (!trimmed) return "";
+  if (/^https?:\/\//i.test(trimmed)) return trimmed;
+  return `https://t.me/${trimmed.replace(/^@/, "")}`;
+}
+
+function normalizeWhatsApp(value: string) {
+  const trimmed = value.trim();
+  if (!trimmed) return "";
+  if (/^https?:\/\//i.test(trimmed)) return trimmed;
+  const digits = trimmed.replace(/[^\d]/g, "");
+  return digits ? `https://wa.me/${digits}` : "";
+}
+
+function truncateText(value?: string, maxLength = 120) {
+  if (!value) return "";
+  if (value.length <= maxLength) return value;
+  return `${value.slice(0, maxLength).trimEnd()}…`;
+}
+
+function getActionTone(action?: string) {
+  switch (action) {
+    case "on_leave":
+    case "on_maternity":
+      return {
+        badgeClass: "app-feedback-warning",
+        lineClass: "bg-amber-400/80",
+      };
+    case "dismissed":
+      return {
+        badgeClass: "app-feedback-danger",
+        lineClass: "bg-red-400/80",
+      };
+    case "transferred":
+      return {
+        badgeClass: "app-selected",
+        lineClass: "bg-sky-400/80",
+      };
+    default:
+      return {
+        badgeClass: "app-feedback-success",
+        lineClass: "bg-emerald-400/80",
+      };
+  }
+}
+
+function SectionTitle({
+  title,
+  icon,
+  action,
+}: {
+  title: string;
+  icon?: React.ReactNode;
+  action?: React.ReactNode;
+}) {
+  return (
+    <div className="mb-4 flex items-start justify-between gap-4">
+      <div className="flex items-center gap-2">
+        {icon}
+        <h2 className="app-card-caption">{title}</h2>
+      </div>
+      {action}
+    </div>
+  );
 }
 
 export default function ProfilePage() {
-	const { user, loading, refreshUser } = useUser();
-	const avatarInputRef = useRef<HTMLInputElement | null>(null);
-	const [editProfileOpen, setEditProfileOpen] = useState(false);
-	const [editContactsOpen, setEditContactsOpen] = useState(false);
-	const [savingProfile, setSavingProfile] = useState(false);
-	const [savingContacts, setSavingContacts] = useState(false);
-	const [profileError, setProfileError] = useState<string | null>(null);
-	const [contactsError, setContactsError] = useState<string | null>(null);
-	const [avatarFile, setAvatarFile] = useState<File | null>(null);
-	const [profileForm, setProfileForm] = useState({
-		last_name: "",
-		first_name: "",
-		patronymic: "",
-		birth_date: "",
-	});
-	const [contactsForm, setContactsForm] = useState({
-		email: "",
-		phone_number: "",
-		telegram: "",
-		whatsapp: "",
-		wechat: "",
-	});
+  const { user, loading } = useUser();
+  const [showAllActions, setShowAllActions] = useState(false);
+  const [directoryLogin, setDirectoryLogin] = useState<string | null>(null);
+  const [directoryLoginLoading, setDirectoryLoginLoading] = useState(false);
+  const [directoryLoginRefreshing, setDirectoryLoginRefreshing] =
+    useState(false);
+  const [directoryLoginError, setDirectoryLoginError] = useState<string | null>(
+    null,
+  );
+  const [availableSkills, setAvailableSkills] = useState<
+    Array<{ id: number; name: string; description?: string }>
+  >([]);
+  const [profileSkills, setProfileSkills] = useState<
+    Array<{ id: number; name: string; description?: string }>
+  >([]);
+  const [skillsLoading, setSkillsLoading] = useState(false);
+  const [skillsSaving, setSkillsSaving] = useState(false);
+  const [skillName, setSkillName] = useState("");
+  const [skillsError, setSkillsError] = useState<string | null>(null);
 
-	const fullName = useMemo(() => {
-		if (!user) return "";
-		return `${user.last_name || ""} ${user.first_name || ""} ${user.patronymic || ""}`.trim() || "Пользователь";
-	}, [user]);
+  const fullName = useMemo(() => {
+    if (!user) return "Пользователь";
+    return `${user.last_name || ""} ${user.first_name || ""} ${
+      user.patronymic || ""
+    }`.trim() || "Пользователь";
+  }, [user]);
 
-	const initials = useMemo(() => {
-		if (!user) return "П";
-		const s = `${user.last_name?.[0] || ""}${user.first_name?.[0] || ""}`.trim();
-		return s || "П";
-	}, [user]);
+  const currentAction = useMemo(() => {
+    if (!user?.actions?.length) return null;
+    const now = Date.now();
+    return [...user.actions]
+      .filter((action) => getActionTimestamp(action) <= now)
+      .sort((left, right) => getActionTimestamp(right) - getActionTimestamp(left))[0] || null;
+  }, [user?.actions]);
 
-	const departments = user?.departments || [];
-	const skills = user?.skills || [];
-	const actions = user?.actions || [];
+  const sortedActions = useMemo(() => {
+    if (!user?.actions?.length) return [];
+    return [...user.actions].sort(
+      (left, right) => getActionTimestamp(right) - getActionTimestamp(left),
+    );
+  }, [user?.actions]);
 
-	const birthDateLabel = useMemo(() => {
-		if (!user?.birth_date) return "—";
-		const d = new Date(user.birth_date);
-		if (Number.isNaN(d.getTime())) return user.birth_date;
-		return d.toLocaleDateString("ru-RU", {
-			day: "2-digit",
-			month: "2-digit",
-			year: "numeric",
-		});
-	}, [user?.birth_date]);
+  const currentActionId = useMemo(
+    () => currentAction?.id ?? null,
+    [currentAction?.id],
+  );
 
-	useEffect(() => {
-		if (!user) return;
-		setProfileForm({
-			last_name: user.last_name || "",
-			first_name: user.first_name || "",
-			patronymic: user.patronymic || "",
-			birth_date: user.birth_date || "",
-		});
-		setContactsForm({
-			email: user.email || "",
-			phone_number: user.phone_number || "",
-			telegram: user.telegram || "",
-			whatsapp: user.whatsapp || "",
-			wechat: user.wechat || "",
-		});
-	}, [user]);
+  const visibleActions = useMemo(
+    () => (showAllActions ? sortedActions : sortedActions.slice(0, 3)),
+    [showAllActions, sortedActions],
+  );
 
-	const handleSaveProfile = async () => {
-		try {
-			setSavingProfile(true);
-			setProfileError(null);
+  const normalizedSkillName = skillName.trim().toLowerCase();
 
-			await apiClient.updateCurrentUserProfile({
-				last_name: profileForm.last_name.trim(),
-				first_name: profileForm.first_name.trim(),
-				patronymic: profileForm.patronymic.trim(),
-				birth_date: profileForm.birth_date.trim() || null,
-				avatar: avatarFile || undefined,
-			});
+  const selectedSkillIds = useMemo(
+    () => new Set(profileSkills.map((skill) => skill.id)),
+    [profileSkills],
+  );
 
-			await refreshUser();
-			setAvatarFile(null);
-			setEditProfileOpen(false);
-		} catch (e: any) {
-			setProfileError(String(e?.message || "Не удалось сохранить профиль"));
-		} finally {
-			setSavingProfile(false);
-		}
-	};
+  const suggestedSkills = useMemo(
+    () =>
+      availableSkills
+        .filter((skill) => !selectedSkillIds.has(skill.id))
+        .filter((skill) =>
+          normalizedSkillName
+            ? skill.name.toLowerCase().includes(normalizedSkillName)
+            : true,
+        )
+        .slice(0, 10),
+    [availableSkills, normalizedSkillName, selectedSkillIds],
+  );
 
-	const handleSaveContacts = async () => {
-		try {
-			setSavingContacts(true);
-			setContactsError(null);
+  useEffect(() => {
+    setDirectoryLogin(user?.username?.trim() || null);
+    setDirectoryLoginError(null);
+  }, [user?.username]);
 
-			await apiClient.updateCurrentUserProfile({
-				email: contactsForm.email.trim(),
-				phone_number: contactsForm.phone_number.trim(),
-				telegram: contactsForm.telegram.trim(),
-				whatsapp: contactsForm.whatsapp.trim(),
-				wechat: contactsForm.wechat.trim(),
-			});
+  useEffect(() => {
+    setProfileSkills(user?.skills || []);
+  }, [user?.skills]);
 
-			await refreshUser();
-			setEditContactsOpen(false);
-		} catch (e: any) {
-			setContactsError(String(e?.message || "Не удалось сохранить контакты"));
-		} finally {
-			setSavingContacts(false);
-		}
-	};
+  useEffect(() => {
+    let mounted = true;
 
-	if (loading) {
-		return (
-			<AppShell>
-				<div className="flex items-center justify-center py-12">
-					<div className="text-center">
-						<div className="mb-4 inline-block h-8 w-8 animate-spin rounded-full border-4 border-sky-400 border-t-transparent" />
-						<p className="text-sm text-gray-500">Загрузка профиля...</p>
-					</div>
-				</div>
-			</AppShell>
-		);
-	}
+    async function loadDirectoryLogin() {
+      if (!user?.is_ldap_managed || user.username?.trim()) {
+        return;
+      }
 
-	if (!user) {
-		return null;
-	}
+      try {
+        setDirectoryLoginLoading(true);
+        setDirectoryLoginError(null);
+        const response =
+          (await apiClient.getDirectoryLogin()) as DirectoryLoginResult;
+        if (!mounted) return;
+        setDirectoryLogin(response.username?.trim() || null);
+      } catch (error: any) {
+        if (!mounted) return;
+        setDirectoryLoginError(
+          String(error?.message || "Не удалось получить логин из каталога"),
+        );
+      } finally {
+        if (mounted) {
+          setDirectoryLoginLoading(false);
+        }
+      }
+    }
 
-	const normalizeTelegram = (value: string) => {
-		const v = value.trim();
-		if (!v) return "";
-		if (/^https?:\/\//i.test(v)) return v;
-		return `https://t.me/${v.replace(/^@/, "")}`;
-	};
+    void loadDirectoryLogin();
 
-	const normalizeWhatsApp = (value: string) => {
-		const v = value.trim();
-		if (!v) return "";
-		if (/^https?:\/\//i.test(v)) return v;
-		const digits = v.replace(/[^\d]/g, "");
-		return digits ? `https://wa.me/${digits}` : "";
-	};
+    return () => {
+      mounted = false;
+    };
+  }, [user?.id, user?.is_ldap_managed, user?.username]);
 
-	const contactItems = [
-		{ label: "Телефон", value: user.phone_number?.trim() || "", href: user.phone_number?.trim() ? `tel:${user.phone_number.trim().replace(/\s+/g, "")}` : "", external: false },
-		{ label: "Почта", value: user.email?.trim() || "", href: user.email?.trim() ? `mailto:${user.email.trim()}` : "", external: false },
-		{ label: "Telegram", value: user.telegram?.trim() || "", href: normalizeTelegram(user.telegram || ""), external: true },
-		{ label: "WhatsApp", value: user.whatsapp?.trim() || "", href: normalizeWhatsApp(user.whatsapp || ""), external: true },
-		{ label: "WeChat", value: user.wechat?.trim() || "", href: "", external: false },
-	].filter((item) => item.value);
+  useEffect(() => {
+    let mounted = true;
 
-	const editableContactItems = [
-		{ label: "Телефон", key: "phone_number" as const },
-		{ label: "Почта", key: "email" as const },
-		{ label: "Telegram", key: "telegram" as const },
-		{ label: "WhatsApp", key: "whatsapp" as const },
-		{ label: "WeChat", key: "wechat" as const },
-	];
+    async function loadSkills() {
+      try {
+        setSkillsLoading(true);
+        const response = (await apiClient.getSkills()) as Array<{
+          id: number;
+          name: string;
+          description?: string;
+        }>;
+        if (!mounted) return;
+        setAvailableSkills(response);
+      } catch (error: any) {
+        if (!mounted) return;
+        setSkillsError(
+          String(error?.message || "Не удалось загрузить список навыков"),
+        );
+      } finally {
+        if (mounted) {
+          setSkillsLoading(false);
+        }
+      }
+    }
 
-	return (
-		<AppShell>
-			<div className="space-y-4">
-				<section className="rounded-2xl bg-white p-5 shadow-sm ring-1 ring-gray-100">
-					<div className="flex items-start gap-4">
-						<div className="shrink-0">
-							<div className="relative h-16 w-16">
-								{user.avatar ? (
-									<a href={resolveMediaUrl(user.avatar)} target="_blank" rel="noreferrer" title="Открыть фото" className="block h-16 w-16 overflow-hidden rounded-full bg-sky-400">
-										<Image
-											src={resolveMediaUrl(user.avatar)}
-											alt={fullName}
-											width={64}
-											height={64}
-											className="h-full w-full object-cover"
-											unoptimized
-										/>
-									</a>
-								) : (
-									<div className="flex h-16 w-16 items-center justify-center overflow-hidden rounded-full bg-sky-400 text-lg font-semibold text-white">{initials}</div>
-								)}
-							</div>
-							<input
-								ref={avatarInputRef}
-								type="file"
-								accept="image/*"
-								onChange={(e) => {
-									setAvatarFile(e.target.files?.[0] || null);
-									setEditProfileOpen(true);
-								}}
-								className="hidden"
-							/>
-							{editProfileOpen ? (
-								<button
-									type="button"
-									onClick={() => avatarInputRef.current?.click()}
-									className="mt-2 inline-flex w-full items-center justify-center rounded-md border border-gray-200 px-2 py-1 text-gray-700 hover:bg-gray-50"
-									title="Заменить фото"
-								>
-									<Camera size={14} />
-								</button>
-							) : null}
-						</div>
+    void loadSkills();
 
-						<div className="min-w-0 flex-1">
-							<div className="flex items-start justify-between gap-3">
-								{editProfileOpen ? (
-									<div className="grid min-w-0 flex-1 gap-2 sm:grid-cols-3">
-										<input value={profileForm.last_name} onChange={(e) => setProfileForm((p) => ({ ...p, last_name: e.target.value }))} placeholder="Фамилия" className="rounded-lg border border-gray-300 px-3 py-2 text-sm" />
-										<input value={profileForm.first_name} onChange={(e) => setProfileForm((p) => ({ ...p, first_name: e.target.value }))} placeholder="Имя" className="rounded-lg border border-gray-300 px-3 py-2 text-sm" />
-										<input value={profileForm.patronymic} onChange={(e) => setProfileForm((p) => ({ ...p, patronymic: e.target.value }))} placeholder="Отчество" className="rounded-lg border border-gray-300 px-3 py-2 text-sm" />
-									</div>
-								) : (
-									<p className="truncate text-xl font-semibold text-gray-900">{fullName}</p>
-								)}
-								<button
-									type="button"
-									onClick={() => {
-										setEditProfileOpen((v) => !v);
-										setProfileError(null);
-									}}
-									className="inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-gray-200 text-gray-600 hover:bg-gray-50"
-									title="Редактировать профиль"
-								>
-									<Pencil size={14} />
-								</button>
-							</div>
-							{editProfileOpen ? (
-								<div className="mt-2 flex items-center gap-2 text-sm text-gray-600">
-									<span>Дата рождения:</span>
-									<input type="date" value={profileForm.birth_date} onChange={(e) => setProfileForm((p) => ({ ...p, birth_date: e.target.value }))} className="rounded-lg border border-gray-300 px-2 py-1 text-sm" />
-								</div>
-							) : (
-								<p className="mt-1 text-sm text-gray-600">Дата рождения: {birthDateLabel}</p>
-							)}
-							<p className="mt-1 text-sm text-gray-600">Должность: {user.position?.name || "—"}</p>
+    return () => {
+      mounted = false;
+    };
+  }, []);
 
-							<div className="mt-3 space-y-2">
-								{departments.length === 0 ? (
-									<p className="text-sm text-gray-500">Отделы не указаны</p>
-								) : (
-									departments.map((d, index) => {
-										const deptId = Number((d as any).id ?? (d as any).department_id);
-										const isValidDeptId = Number.isFinite(deptId) && deptId > 0;
+  const handleRefreshDirectoryLogin = async () => {
+    try {
+      setDirectoryLoginRefreshing(true);
+      setDirectoryLoginError(null);
+      const response =
+        (await apiClient.refreshDirectoryLogin()) as DirectoryLoginResult;
+      setDirectoryLogin(response.username?.trim() || null);
+    } catch (error: any) {
+      setDirectoryLoginError(
+        String(error?.message || "Не удалось обновить логин из каталога"),
+      );
+    } finally {
+      setDirectoryLoginRefreshing(false);
+    }
+  };
 
-										return isValidDeptId ? (
-											<Link key={deptId} href={`/departments/${deptId}`} className="flex items-center justify-between gap-3 rounded-lg bg-gray-50 px-3 py-2 text-sm text-gray-800 transition hover:bg-gray-100">
-												<div className="min-w-0">
-													<p className="truncate font-medium">{d.name}</p>
-													{d.role_name ? <p className="truncate text-xs text-gray-500">{d.role_name}</p> : null}
-												</div>
-												{d.is_head ? <span className="shrink-0 rounded-full bg-sky-100 px-2 py-0.5 text-xs text-sky-700">Руководитель</span> : null}
-											</Link>
-										) : (
-											<div key={`${d.name || "dept"}-${index}`} className="flex items-center justify-between gap-3 rounded-lg bg-gray-50 px-3 py-2 text-sm text-gray-800">
-												<div className="min-w-0">
-													<p className="truncate font-medium">{d.name}</p>
-													{d.role_name ? <p className="truncate text-xs text-gray-500">{d.role_name}</p> : null}
-												</div>
-												{d.is_head ? <span className="shrink-0 rounded-full bg-sky-100 px-2 py-0.5 text-xs text-sky-700">Руководитель</span> : null}
-											</div>
-										);
-									})
-								)}
-							</div>
-						</div>
-					</div>
+  const saveSkills = async (skillIds: number[]) => {
+    try {
+      setSkillsSaving(true);
+      setSkillsError(null);
+      const response = (await apiClient.updateCurrentUserProfile({
+        skills_ids: skillIds,
+      })) as {
+        skills?: Array<{ id: number; name: string; description?: string }>;
+      };
+      setProfileSkills(response.skills || []);
+    } catch (error: any) {
+      setSkillsError(
+        String(error?.message || "Не удалось обновить навыки"),
+      );
+    } finally {
+      setSkillsSaving(false);
+    }
+  };
 
-					{editProfileOpen ? (
-						<div className="mt-4 border-t border-gray-100 pt-4">
-							{profileError ? <p className="mb-3 rounded-lg bg-red-50 px-3 py-2 text-sm text-red-700">{profileError}</p> : null}
-							{avatarFile ? <p className="mb-3 text-xs text-gray-500">Выбран файл: {avatarFile.name}</p> : null}
-							<div className="mt-3 flex items-center justify-end gap-2">
-								<button
-									type="button"
-									onClick={() => {
-										setEditProfileOpen(false);
-										setProfileError(null);
-										setAvatarFile(null);
-									}}
-									className="inline-flex items-center gap-1 rounded-lg bg-gray-200 px-3 py-2 text-sm font-medium text-gray-700 hover:bg-gray-300"
-								>
-									<X size={14} /> Отмена
-								</button>
-								<button
-									type="button"
-									onClick={handleSaveProfile}
-									disabled={savingProfile}
-									className="inline-flex items-center gap-1 rounded-lg bg-sky-500 px-3 py-2 text-sm font-medium text-white hover:bg-sky-600 disabled:opacity-60"
-								>
-									<Save size={14} /> {savingProfile ? "Сохраняем..." : "Сохранить"}
-								</button>
-							</div>
-						</div>
-					) : null}
-				</section>
+  const handleRemoveSkill = async (skillId: number) => {
+    if (!user) return;
+    const nextIds = profileSkills
+      .map((skill) => skill.id)
+      .filter((id) => id !== skillId);
+    await saveSkills(nextIds);
+  };
 
-				<article className="rounded-2xl bg-white p-5 shadow-sm ring-1 ring-gray-100">
-					<div className="mb-3 flex items-start justify-between gap-3">
-						<h3 className="text-sm font-semibold uppercase tracking-wide text-gray-500">Контакты</h3>
-						<button
-							type="button"
-							onClick={() => {
-								setEditContactsOpen((v) => !v);
-								setContactsError(null);
-							}}
-							className="inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-gray-200 text-gray-600 hover:bg-gray-50"
-							title="Редактировать контакты"
-						>
-							<Pencil size={14} />
-						</button>
-					</div>
+  const handleAddSkill = async (forcedSkill?: { id: number; name: string }) => {
+    if (!user) return;
+    const rawName = forcedSkill?.name || skillName;
+    const trimmedName = rawName.trim();
+    if (!trimmedName || skillsSaving) return;
 
-					{editContactsOpen ? (
-						<>
-							{contactsError ? <p className="mb-3 rounded-lg bg-red-50 px-3 py-2 text-sm text-red-700">{contactsError}</p> : null}
-							<ul className="space-y-2">
-								{editableContactItems.map((item) => (
-									<li key={item.key} className="rounded-lg bg-gray-50 px-3 py-2 text-sm text-gray-800">
-										<label className="mb-1 block font-medium">{item.label}</label>
-										<input
-											value={contactsForm[item.key]}
-											onChange={(e) => setContactsForm((p) => ({ ...p, [item.key]: e.target.value }))}
-											placeholder={item.label}
-											className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm"
-										/>
-									</li>
-								))}
-							</ul>
+    try {
+      setSkillsSaving(true);
+      setSkillsError(null);
 
-							<div className="mt-3 flex items-center justify-end gap-2">
-								<button
-									type="button"
-									onClick={() => {
-										setEditContactsOpen(false);
-										setContactsError(null);
-									}}
-									className="inline-flex items-center gap-1 rounded-lg bg-gray-200 px-3 py-2 text-sm font-medium text-gray-700 hover:bg-gray-300"
-								>
-									<X size={14} /> Отмена
-								</button>
-								<button
-									type="button"
-									onClick={handleSaveContacts}
-									disabled={savingContacts}
-									className="inline-flex items-center gap-1 rounded-lg bg-sky-500 px-3 py-2 text-sm font-medium text-white hover:bg-sky-600 disabled:opacity-60"
-								>
-									<Save size={14} /> {savingContacts ? "Сохраняем..." : "Сохранить"}
-								</button>
-							</div>
-						</>
-					) : contactItems.length === 0 ? (
-						<p className="text-sm text-gray-500">Контакты не указаны</p>
-					) : (
-						<ul className="space-y-2">
-							{contactItems.map((item) => (
-								<li key={item.label} className="rounded-lg bg-gray-50 px-3 py-2 text-sm text-gray-800">
-									<span className="font-medium">{item.label}:</span>{" "}
-									{item.href ? (
-										<a href={item.href} target={item.external ? "_blank" : undefined} rel={item.external ? "noreferrer" : undefined} className="text-sky-700 underline decoration-sky-300 underline-offset-2 hover:text-sky-800">
-											{item.value}
-										</a>
-									) : (
-										<span>{item.value}</span>
-									)}
-								</li>
-							))}
-						</ul>
-					)}
-				</article>
+      const existingSkill =
+        forcedSkill ||
+        availableSkills.find(
+          (skill) => skill.name.trim().toLowerCase() === trimmedName.toLowerCase(),
+        );
 
-				<article className="rounded-2xl bg-white p-5 shadow-sm ring-1 ring-gray-100">
-					<h3 className="mb-3 text-sm font-semibold uppercase tracking-wide text-gray-500">Навыки</h3>
-					{skills.length === 0 ? (
-						<p className="text-sm text-gray-500">Навыки не указаны</p>
-					) : (
-						<div className="flex flex-wrap gap-2">
-							{skills.map((s) => (
-								<span key={s.id} className="rounded-full bg-sky-50 px-3 py-1 text-xs font-medium text-sky-700 ring-1 ring-sky-100">
-									{s.name}
-								</span>
-							))}
-						</div>
-					)}
-				</article>
+      let skillId = existingSkill?.id;
 
-				<article className="rounded-2xl bg-white p-5 shadow-sm ring-1 ring-gray-100">
-					<h3 className="mb-3 text-sm font-semibold uppercase tracking-wide text-gray-500">Кадровые события</h3>
-					{actions.length === 0 ? (
-						<p className="text-sm text-gray-500">Событий нет</p>
-					) : (
-						<div className="space-y-2">
-							{actions.map((a) => (
-								<div key={a.id} className="rounded-lg bg-gray-50 px-3 py-2">
-									<p className="text-sm font-medium text-gray-900">{a.action_display || a.action}</p>
-									{a.comment ? <p className="text-xs text-gray-600">{a.comment}</p> : null}
-									<p className="mt-1 text-xs text-gray-500">{formatDate(a.date || a.created_at)}</p>
-								</div>
-							))}
-						</div>
-					)}
-				</article>
-			</div>
-		</AppShell>
-	);
+      if (!skillId) {
+        const createdSkill = (await apiClient.createSkill({
+          name: trimmedName,
+        })) as { id: number; name: string; description?: string };
+        skillId = createdSkill.id;
+        setAvailableSkills((current) =>
+          [...current, createdSkill].sort((left, right) =>
+            left.name.localeCompare(right.name, "ru"),
+          ),
+        );
+      }
+
+      const nextIds = Array.from(
+        new Set([...profileSkills.map((skill) => skill.id), skillId]),
+      );
+
+      const response = (await apiClient.updateCurrentUserProfile({
+        skills_ids: nextIds,
+      })) as {
+        skills?: Array<{ id: number; name: string; description?: string }>;
+      };
+      setProfileSkills(response.skills || []);
+      setSkillName("");
+    } catch (error: any) {
+      setSkillsError(
+        String(error?.message || "Не удалось добавить навык"),
+      );
+    } finally {
+      setSkillsSaving(false);
+    }
+  };
+
+  if (loading) {
+    return (
+      <AppShell>
+        <div className="flex items-center justify-center py-16">
+          <div className="text-center">
+            <div className="mx-auto mb-4 h-10 w-10 animate-spin rounded-full border-4 border-[var(--border-subtle)] border-t-[var(--accent-primary)]" />
+            <p className="app-text-muted text-sm">Загрузка профиля...</p>
+          </div>
+        </div>
+      </AppShell>
+    );
+  }
+
+  if (!user) {
+    return null;
+  }
+
+  return (
+    <AppShell>
+      <div className="mx-auto max-w-5xl space-y-5">
+        <section className="app-surface rounded-[28px] p-6">
+          <div className="mb-5 flex items-start justify-between gap-4">
+            <p className="app-card-caption">Мой профиль</p>
+            {currentAction ? (
+              <span
+                className={`${getActionTone(currentAction.action).badgeClass} inline-flex items-center rounded-full px-3 py-1 text-sm font-medium`}
+              >
+                {currentAction.action_display || currentAction.action}
+              </span>
+            ) : null}
+          </div>
+          <div className="space-y-5">
+            <div className="flex items-start gap-4">
+              <div className="h-24 w-24 shrink-0 overflow-hidden rounded-full app-avatar-frame">
+                {user.avatar ? (
+                  <Image
+                    src={resolveMediaUrl(user.avatar)}
+                    alt={fullName}
+                    width={96}
+                    height={96}
+                    className="h-full w-full object-cover"
+                    unoptimized
+                  />
+                ) : (
+                  <div className="app-avatar-fallback flex h-full w-full items-center justify-center text-3xl font-semibold">
+                    {initials(user.first_name, user.last_name)}
+                  </div>
+                )}
+              </div>
+
+              <div className="min-w-0 flex-1">
+                <h1 className="text-3xl font-semibold leading-tight text-[var(--foreground)]">
+                  {fullName}
+                </h1>
+                <p className="app-text-muted mt-2 text-base">
+                  {formatBirthdayWithYear(user.birth_date) || "Не указана"}
+                </p>
+                <div className="mt-3 flex flex-wrap items-center gap-2">
+                  <span className="app-text-muted text-base">
+                    {user.position?.name || "Должность не указана"}
+                  </span>
+                  {!!user.departments?.length && (
+                    <span className="app-pill inline-flex items-center rounded-full px-3 py-1 text-sm font-medium">
+                      {user.departments.length === 1
+                        ? user.departments[0].name
+                        : `${user.departments.length} отделов`}
+                    </span>
+                  )}
+                </div>
+              </div>
+            </div>
+
+            <div className="app-surface-muted rounded-2xl p-4">
+              <div className="mb-4">
+              </div>
+              <div>
+                <div className="flex items-start gap-3 px-4 py-4">
+                  <span className="app-badge mt-0.5 flex h-10 w-10 shrink-0 items-center justify-center rounded-xl">
+                    <Mail size={18} />
+                  </span>
+                  <div className="min-w-0 flex-1">
+                    <p className="text-sm font-semibold text-[var(--foreground)]">
+                      Почта
+                    </p>
+                    {user.email ? (
+                      <a
+                        href={`mailto:${user.email.trim()}`}
+                        className="app-text-muted mt-1 block truncate text-sm hover:text-[var(--accent-primary)]"
+                      >
+                        {user.email}
+                      </a>
+                    ) : (
+                      <p className="app-text-muted mt-1 text-sm">Не указана</p>
+                    )}
+                  </div>
+                </div>
+                <div className="mx-4 border-t border-[var(--border-subtle)]" />
+                <div className="flex items-start gap-3 px-4 py-4">
+                  <span className="app-badge mt-0.5 flex h-10 w-10 shrink-0 items-center justify-center rounded-xl">
+                    <Phone size={18} />
+                  </span>
+                  <div className="min-w-0 flex-1">
+                    <p className="text-sm font-semibold text-[var(--foreground)]">
+                      Телефон
+                    </p>
+                    {user.phone_number ? (
+                      <a
+                        href={`tel:${user.phone_number.trim()}`}
+                        className="app-text-muted mt-1 block truncate text-sm hover:text-[var(--accent-primary)]"
+                      >
+                        {user.phone_number}
+                      </a>
+                    ) : (
+                      <p className="app-text-muted mt-1 text-sm">Не указан</p>
+                    )}
+                  </div>
+                </div>
+                {!!user.telegram && (
+                  <>
+                    <div className="mx-4 border-t border-[var(--border-subtle)]" />
+                    <div className="flex items-start gap-3 px-4 py-4">
+                      <span className="app-badge mt-0.5 flex h-10 w-10 shrink-0 items-center justify-center rounded-xl">
+                        <MessageCircle size={18} />
+                      </span>
+                      <div className="min-w-0 flex-1">
+                        <p className="text-sm font-semibold text-[var(--foreground)]">
+                          Telegram
+                        </p>
+                        <a
+                          href={normalizeTelegram(user.telegram)}
+                          target="_blank"
+                          rel="noreferrer"
+                          className="app-text-muted mt-1 block truncate text-sm hover:text-[var(--accent-primary)]"
+                        >
+                          {user.telegram}
+                        </a>
+                      </div>
+                    </div>
+                  </>
+                )}
+                {!!user.whatsapp && (
+                  <>
+                    <div className="mx-4 border-t border-[var(--border-subtle)]" />
+                    <div className="flex items-start gap-3 px-4 py-4">
+                      <span className="app-badge mt-0.5 flex h-10 w-10 shrink-0 items-center justify-center rounded-xl">
+                        <MessageCircle size={18} />
+                      </span>
+                      <div className="min-w-0 flex-1">
+                        <p className="text-sm font-semibold text-[var(--foreground)]">
+                          WhatsApp
+                        </p>
+                        <a
+                          href={normalizeWhatsApp(user.whatsapp)}
+                          target="_blank"
+                          rel="noreferrer"
+                          className="app-text-muted mt-1 block truncate text-sm hover:text-[var(--accent-primary)]"
+                        >
+                          {user.whatsapp}
+                        </a>
+                      </div>
+                    </div>
+                  </>
+                )}
+                {!!user.wechat && (
+                  <>
+                    <div className="mx-4 border-t border-[var(--border-subtle)]" />
+                    <div className="flex items-start gap-3 px-4 py-4">
+                      <span className="app-badge mt-0.5 flex h-10 w-10 shrink-0 items-center justify-center rounded-xl">
+                        <MessageCircle size={18} />
+                      </span>
+                      <div className="min-w-0 flex-1">
+                        <p className="text-sm font-semibold text-[var(--foreground)]">
+                          WeChat
+                        </p>
+                        <p className="app-text-muted mt-1 truncate text-sm">
+                          {user.wechat}
+                        </p>
+                      </div>
+                    </div>
+                  </>
+                )}
+                {(user.is_ldap_managed ||
+                  directoryLoginLoading ||
+                  directoryLoginError ||
+                  directoryLogin) && (
+                  <>
+                    <div className="mx-4 border-t border-[var(--border-subtle)]" />
+                    <div className="flex items-start gap-3 px-4 py-4">
+                      <span className="app-badge mt-0.5 flex h-10 w-10 shrink-0 items-center justify-center rounded-xl">
+                        <RefreshCw
+                          size={18}
+                          className={directoryLoginRefreshing ? "animate-spin" : ""}
+                        />
+                      </span>
+                      <div className="min-w-0 flex-1">
+                        <div className="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
+                          <div className="min-w-0">
+                            <p className="text-sm font-semibold text-[var(--foreground)]">
+                              Логин в каталоге
+                            </p>
+                            <p className="app-text-muted mt-1 truncate text-sm">
+                              {directoryLoginLoading
+                                ? "Загружаем..."
+                                : directoryLogin || "Не найден"}
+                            </p>
+                           
+                          </div>
+                          <button
+                            type="button"
+                            onClick={() => void handleRefreshDirectoryLogin()}
+                            disabled={directoryLoginRefreshing}
+                            className="app-action-secondary shrink-0 rounded-xl px-3 py-2 text-sm font-medium disabled:opacity-50"
+                          >
+                            Обновить
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+                  </>
+                )}
+              </div>
+            </div>
+          </div>
+        </section>
+
+        <section className="app-surface rounded-[24px] p-5">
+          <SectionTitle title="Навыки" />
+          <div className="app-surface-muted rounded-2xl p-4">
+            <div className="flex flex-col gap-3 md:flex-row">
+              <div className="min-w-0 flex-1">
+                <input
+                  list="profile-skills-list"
+                  value={skillName}
+                  onChange={(event) => setSkillName(event.target.value)}
+                  placeholder="Добавить навык"
+                  className="app-input w-full rounded-xl px-4 py-3 text-sm"
+                  disabled={skillsSaving}
+                />
+                <datalist id="profile-skills-list">
+                  {availableSkills.map((skill) => (
+                    <option key={skill.id} value={skill.name} />
+                  ))}
+                </datalist>
+              </div>
+              <button
+                type="button"
+                onClick={() => void handleAddSkill()}
+                disabled={!skillName.trim() || skillsSaving}
+                className="app-action-primary inline-flex items-center justify-center gap-2 rounded-xl px-4 py-3 text-sm font-medium disabled:opacity-50"
+              >
+                <Plus size={16} />
+                Добавить
+              </button>
+            </div>
+
+            {skillsError ? (
+              <p className="mt-3 text-sm text-red-400">{skillsError}</p>
+            ) : null}
+
+            <div className="mt-4">
+              {profileSkills.length ? (
+                <div className="flex flex-wrap gap-2">
+                  {profileSkills.map((skill) => (
+                    <button
+                      key={skill.id}
+                      type="button"
+                      onClick={() => void handleRemoveSkill(skill.id)}
+                      disabled={skillsSaving}
+                      className="app-pill inline-flex items-center gap-2 rounded-full px-3 py-2 text-sm font-medium transition hover:border-[var(--accent-primary)] hover:text-[var(--accent-primary)] disabled:opacity-50"
+                      title="Удалить навык"
+                    >
+                      <span>{skill.name}</span>
+                      <X size={14} />
+                    </button>
+                  ))}
+                </div>
+              ) : (
+                <p className="app-text-muted text-sm">Навыки пока не указаны</p>
+              )}
+            </div>
+
+            {suggestedSkills.length ? (
+              <div className="mt-4 border-t border-[var(--border-subtle)] pt-4">
+                <p className="mb-3 text-sm font-semibold text-[var(--foreground)]">
+                  Доступные навыки
+                </p>
+                <div className="flex flex-wrap gap-2">
+                  {suggestedSkills.map((skill) => (
+                    <button
+                      key={skill.id}
+                      type="button"
+                      onClick={() => void handleAddSkill(skill)}
+                      disabled={skillsSaving}
+                      className="app-action-secondary rounded-full px-3 py-2 text-sm font-medium disabled:opacity-50"
+                    >
+                      {skill.name}
+                    </button>
+                  ))}
+                </div>
+              </div>
+            ) : null}
+
+            {skillsLoading ? (
+              <p className="app-text-muted mt-3 text-sm">Загружаем навыки...</p>
+            ) : null}
+          </div>
+        </section>
+
+        <section className="app-surface rounded-[24px] p-5">
+          <SectionTitle title="Информация" />
+          <div className="app-surface-muted overflow-hidden rounded-2xl">
+            <div className="grid md:grid-cols-2 xl:grid-cols-3">
+              <div className="px-4 py-4">
+                <p className="text-sm font-semibold text-[var(--foreground)]">
+                  В компании
+                </p>
+                <p className="app-text-muted mt-1 text-sm">
+                  {getWorkDuration(user.date_joined) || "—"}
+                </p>
+              </div>
+              <div className="border-t border-[var(--border-subtle)] px-4 py-4 md:border-l md:border-t-0">
+                <p className="text-sm font-semibold text-[var(--foreground)]">
+                  Дата найма
+                </p>
+                <p className="app-text-muted mt-1 text-sm">
+                  {formatDate(user.date_joined)}
+                </p>
+              </div>
+            </div>
+            <div className="border-t border-[var(--border-subtle)]" />
+            <div className="grid md:grid-cols-2">
+              <div className="px-4 py-4">
+                <p className="text-sm font-semibold text-[var(--foreground)]">
+                  Профиль создан
+                </p>
+                <p className="app-text-muted mt-1 text-sm">
+                  {formatDate(user.created_at)}
+                </p>
+              </div>
+              <div className="border-t border-[var(--border-subtle)] px-4 py-4 md:border-l md:border-t-0">
+                <p className="text-sm font-semibold text-[var(--foreground)]">
+                  Последний вход
+                </p>
+                <p className="app-text-muted mt-1 text-sm">
+                  {formatDateTime(user.last_login)}
+                </p>
+              </div>
+            </div>
+          </div>
+        </section>
+
+        <section className="app-surface rounded-[24px] p-5">
+          <SectionTitle
+            title="Кадровые события"
+            action={
+              sortedActions.length > 3 ? (
+                <button
+                  type="button"
+                  onClick={() => setShowAllActions((current) => !current)}
+                  className="app-action-secondary rounded-xl px-3 py-2 text-sm font-medium"
+                >
+                  {showAllActions
+                    ? "Свернуть"
+                    : `Показать все (${sortedActions.length})`}
+                </button>
+              ) : undefined
+            }
+          />
+          {sortedActions.length ? (
+            <div className="space-y-3">
+              {!showAllActions && sortedActions.length > 3 ? (
+                <p className="app-text-muted text-sm">
+                  Последние {visibleActions.length} из {sortedActions.length}
+                </p>
+              ) : null}
+              {visibleActions.map((action) => {
+                const tone = getActionTone(action.action);
+                const isCurrentAction = action.id === currentActionId;
+                return (
+                  <div key={action.id} className="relative pl-5">
+                    <span
+                      className={`absolute bottom-0 left-1.5 top-0 w-px ${tone.lineClass}`}
+                    />
+                    {isCurrentAction ? (
+                      <span
+                        className={`absolute left-0 top-2 h-3.5 w-3.5 rounded-full border-4 border-[var(--surface-primary)] ${tone.lineClass}`}
+                      />
+                    ) : null}
+                    <div className="app-surface-muted rounded-2xl px-4 py-3">
+                      <div className="flex flex-col gap-2 md:flex-row md:items-start md:justify-between">
+                        <div className="min-w-0">
+                          <span
+                            className={`${tone.badgeClass} inline-flex rounded-full px-3 py-1 text-sm font-medium`}
+                          >
+                            {action.action_display || action.action}
+                          </span>
+                          {isCurrentAction ? (
+                            <span className="app-text-muted ml-2 inline-flex text-xs font-medium">
+                              текущий
+                            </span>
+                          ) : null}
+                          {action.comment ? (
+                            <p className="app-text-muted mt-2 text-sm leading-6">
+                              {truncateText(
+                                action.comment,
+                                showAllActions ? 240 : 120,
+                              )}
+                            </p>
+                          ) : null}
+                        </div>
+                        <p className="app-text-muted shrink-0 text-sm md:pt-1">
+                          {formatDateTime(action.date || action.created_at)}
+                        </p>
+                      </div>
+                    </div>
+                  </div>
+                );
+              })}
+            </div>
+          ) : (
+            <p className="app-text-muted text-sm">Событий нет</p>
+          )}
+        </section>
+      </div>
+    </AppShell>
+  );
 }
diff --git a/frontend/src/app/settings/page.tsx b/frontend/src/app/settings/page.tsx
index aaab253c..ecf4cf69 100644
--- a/frontend/src/app/settings/page.tsx
+++ b/frontend/src/app/settings/page.tsx
@@ -13,7 +13,6 @@ import {
   Mail,
   Monitor,
   Moon,
-  RefreshCw,
   Save,
   Smartphone,
   Sun,
@@ -28,7 +27,7 @@ import { useWebPush } from "@/hooks/useWebPush";
 import { apiClient } from "@/lib/api";
 import type { ThemePreference } from "@/lib/theme";
 import { resolveMediaUrl } from "@/lib/url";
-import type { AuthSession, DirectoryLoginResult } from "@/types/api";
+import type { AuthSession } from "@/types/api";
 import { getVerbName } from "@/lib/verbTranslations";
 
 type NotificationPreferences = {
@@ -186,7 +185,7 @@ function SectionCard({
     <section id={id} className="app-surface scroll-mt-24 rounded-2xl p-5">
       <div className="mb-5 flex flex-col gap-3 md:flex-row md:items-start md:justify-between">
         <div>
-          <h2 className="text-base font-semibold text-[var(--foreground)]">{title}</h2>
+          <h2 className="app-card-caption">{title}</h2>
           <p className="app-text-muted mt-1 text-sm">{description}</p>
         </div>
         {action ? <div className="shrink-0">{action}</div> : null}
@@ -239,11 +238,6 @@ export default function SettingsPage() {
     next: false,
     confirm: false,
   });
-  const [directoryLogin, setDirectoryLogin] = useState<string | null>(null);
-  const [directoryLoginLoading, setDirectoryLoginLoading] = useState(false);
-  const [directoryLoginRefreshing, setDirectoryLoginRefreshing] = useState(false);
-  const [directoryLoginError, setDirectoryLoginError] = useState<string | null>(null);
-
   const {
     isSupported,
     isSubscribed,
@@ -268,44 +262,8 @@ export default function SettingsPage() {
       whatsapp: user.whatsapp || "",
       wechat: user.wechat || "",
     });
-    setDirectoryLogin(user.username?.trim() || null);
-    setDirectoryLoginError(null);
   }, [user]);
 
-  useEffect(() => {
-    let mounted = true;
-
-    async function loadDirectoryLogin() {
-      if (!user?.is_ldap_managed || user.username?.trim()) {
-        return;
-      }
-
-      try {
-        setDirectoryLoginLoading(true);
-        setDirectoryLoginError(null);
-        const response = (await apiClient.getDirectoryLogin()) as DirectoryLoginResult;
-        if (!mounted) return;
-        setDirectoryLogin(response.username?.trim() || null);
-      } catch (error) {
-        console.error(error);
-        if (!mounted) return;
-        setDirectoryLoginError(
-          error instanceof Error ? error.message : "Не удалось получить логин из каталога",
-        );
-      } finally {
-        if (mounted) {
-          setDirectoryLoginLoading(false);
-        }
-      }
-    }
-
-    void loadDirectoryLogin();
-
-    return () => {
-      mounted = false;
-    };
-  }, [user?.id, user?.is_ldap_managed, user?.username]);
-
   useEffect(() => {
     const section = new URLSearchParams(window.location.search).get("section");
     if (!section) return;
@@ -655,32 +613,6 @@ export default function SettingsPage() {
     }
   };
 
-  const handleRefreshDirectoryLogin = async () => {
-    try {
-      setDirectoryLoginRefreshing(true);
-      setDirectoryLoginError(null);
-      const response =
-        (await apiClient.refreshDirectoryLogin()) as DirectoryLoginResult;
-      setDirectoryLogin(response.username?.trim() || null);
-      await refreshUser();
-      toast.success(
-        response.username
-          ? "Логин в каталоге обновлен"
-          : "Логин в каталоге не найден",
-      );
-    } catch (error) {
-      console.error(error);
-      setDirectoryLoginError(
-        error instanceof Error
-          ? error.message
-          : "Не удалось обновить логин из каталога",
-      );
-      toast.error("Не удалось обновить логин из каталога");
-    } finally {
-      setDirectoryLoginRefreshing(false);
-    }
-  };
-
   if (loading || !user) {
     return (
       <AppShell>
@@ -775,47 +707,6 @@ export default function SettingsPage() {
                     <p className="text-sm font-semibold text-[var(--foreground)]">{fullName}</p>
                     <p className="app-text-muted mt-1 text-sm">{user.email || "Почта не указана"}</p>
                   </div>
-                  <div className="app-surface-muted rounded-2xl p-4 md:col-span-2">
-                    <div className="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
-                      <div className="min-w-0">
-                        <p className="app-text-muted text-xs uppercase tracking-[0.16em]">
-                          Логин в каталоге
-                        </p>
-                        <p className="mt-2 text-sm font-semibold text-[var(--foreground)]">
-                          {!user.is_ldap_managed
-                            ? "Не используется"
-                            : directoryLoginLoading
-                              ? "Загружаем..."
-                              : directoryLogin || "Не найден"}
-                        </p>
-                        {directoryLoginError ? (
-                          <p className="mt-1 text-sm text-[var(--danger-foreground)]">
-                            {directoryLoginError}
-                          </p>
-                        ) : user.is_ldap_managed ? (
-                          <p className="app-text-muted mt-1 text-sm">
-                            Берется из кэша БД и при необходимости обновляется из LDAP.
-                          </p>
-                        ) : (
-                          <p className="app-text-muted mt-1 text-sm">
-                            Для локального аккаунта логин каталога не используется.
-                          </p>
-                        )}
-                      </div>
-                      <button
-                        type="button"
-                        onClick={() => void handleRefreshDirectoryLogin()}
-                        disabled={!user.is_ldap_managed || directoryLoginRefreshing}
-                        className="app-action-secondary inline-flex items-center justify-center gap-2 rounded-lg px-3 py-2 text-sm font-medium disabled:opacity-50"
-                      >
-                        <RefreshCw
-                          size={16}
-                          className={directoryLoginRefreshing ? "animate-spin" : ""}
-                        />
-                        Обновить
-                      </button>
-                    </div>
-                  </div>
                   <label className="block">
                     <span className="app-text-muted mb-2 block text-sm">Имя</span>
                     <input
diff --git a/frontend/src/lib/api/client.ts b/frontend/src/lib/api/client.ts
index c1da1caf..d15131bc 100644
--- a/frontend/src/lib/api/client.ts
+++ b/frontend/src/lib/api/client.ts
@@ -184,7 +184,12 @@ export class ApiClientBase {
     async updateCurrentUserProfile(data: Record<string, any>): Promise<any> {
         const formData = new FormData();
         Object.keys(data).forEach((key) => {
-            if (data[key] instanceof File) { formData.append(key, data[key]); }
+            if (Array.isArray(data[key])) {
+                data[key].forEach((value: any) => {
+                    if (value !== null && value !== undefined) formData.append(key, String(value));
+                });
+            }
+            else if (data[key] instanceof File) { formData.append(key, data[key]); }
             else if (data[key] !== null && data[key] !== undefined) { formData.append(key, data[key]); }
         });
         const token = this.getToken();
diff --git a/frontend/src/lib/api/employees.ts b/frontend/src/lib/api/employees.ts
index 7705ef7f..ac337476 100644
--- a/frontend/src/lib/api/employees.ts
+++ b/frontend/src/lib/api/employees.ts
@@ -3,6 +3,12 @@ import { type RequestFn } from './utils';
 
 export function createEmployeesApi(request: RequestFn) {
     return {
+        getSkills: () => request('/api/v1/skills/'),
+        createSkill: (data: { name: string; description?: string }) =>
+            request('/api/v1/skills/', {
+                method: 'POST',
+                body: JSON.stringify(data),
+            }),
         getDirectoryLogin: () =>
             request('/api/v1/directory/me/login/'),
         refreshDirectoryLogin: () =>