docs: обновление архитектурной документации и модульного рефакторинга

- Обновлен CLAUDE.md с новыми правилами системы
- Дополнен workflow-catalog.md с процессами
- Обновлены interaction-integrity-rules.md
- Завершен модульный рефакторинг create-suppliers компонента
- Добавлен модульный user-settings с блочной архитектурой
- Система готова к следующему этапу архитектурных улучшений

🚀 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Veronika Smirnova
2025-08-13 13:19:11 +03:00
parent 7da70f96e1
commit 5fd92aebfc
24 changed files with 3585 additions and 69 deletions

View File

@ -25,8 +25,8 @@ export const SuppliersBlock = React.memo(function SuppliersBlock({
}: SuppliersBlockProps) {
if (loading) {
return (
<div className="bg-white/10 backdrop-blur-xl border border-white/20 rounded-2xl p-6">
<div className="flex items-center justify-center h-44">
<div className="bg-white/10 backdrop-blur-xl border border-white/20 rounded-2xl p-6 h-full flex flex-col">
<div className="flex items-center justify-center flex-1">
<div className="text-white/60 text-sm">Загрузка поставщиков...</div>
</div>
</div>
@ -34,7 +34,7 @@ export const SuppliersBlock = React.memo(function SuppliersBlock({
}
return (
<div className="bg-white/10 backdrop-blur-xl border border-white/20 rounded-2xl p-6">
<div className="bg-white/10 backdrop-blur-xl border border-white/20 rounded-2xl p-6 h-full flex flex-col">
{/* Заголовок и поиск */}
<div className="flex items-center justify-between mb-4">
<h3 className="text-white font-semibold text-lg">1. Выберите поставщика ({suppliers.length})</h3>
@ -50,7 +50,7 @@ export const SuppliersBlock = React.memo(function SuppliersBlock({
</div>
{suppliers.length === 0 ? (
<div className="flex items-center justify-center h-44">
<div className="flex items-center justify-center flex-1">
<div className="text-center">
<div className="text-white/60 text-sm mb-2">
{searchQuery ? 'Поставщики не найдены' : 'Нет доступных поставщиков'}
@ -66,7 +66,7 @@ export const SuppliersBlock = React.memo(function SuppliersBlock({
</div>
</div>
) : (
<div className="h-44 overflow-hidden">
<div className="flex-1 overflow-hidden">
<div
className={`h-full ${
suppliers.length <= 4