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

@ -22,7 +22,8 @@ export const ProductCardsBlock = React.memo(function ProductCardsBlock({
}: ProductCardsBlockProps) {
if (!selectedSupplier) {
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">
{/* ОТКАТ: вернули h-full flex flex-col */}
<div className="text-center py-8">
<div className="bg-gradient-to-br from-blue-500/20 to-purple-500/20 rounded-full p-4 w-fit mx-auto mb-3">
<Package className="h-8 w-8 text-blue-300" />
@ -36,7 +37,8 @@ export const ProductCardsBlock = React.memo(function ProductCardsBlock({
if (products.length === 0) {
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">
{/* ОТКАТ: вернули h-full flex flex-col */}
<h3 className="text-white font-semibold text-lg mb-4">2. Товары поставщика (0)</h3>
<div className="text-center py-8">
<div className="bg-gradient-to-br from-orange-500/20 to-red-500/20 rounded-full p-4 w-fit mx-auto mb-3">
@ -50,10 +52,12 @@ export const ProductCardsBlock = React.memo(function ProductCardsBlock({
}
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">
{/* ОТКАТ: вернули h-full flex flex-col */}
<h3 className="text-white font-semibold text-lg mb-4">2. Товары поставщика ({products.length})</h3>
<div className="overflow-x-auto">
<div className="flex-1 overflow-x-auto overflow-y-hidden">
{/* ОТКАТ: вернули flex-1 overflow-x-auto overflow-y-hidden */}
<div className="flex gap-3 pb-2" style={{ width: 'max-content' }}>
{products.slice(0, 10).map(
(