Daniel Bedeleanu dab40c0653 fix(design): implement DESIGN.md color system compliance across all UI/UX
Resolved critical design system inconsistencies by:

1. **tailwind.config.ts**: Added complete DESIGN.md color palette (40+ colors)
   - Primary: #ffb781 (from #F58618)
   - Secondary: #c8c6c5 (from #888888)
   - Tertiary: #00e639 (newly added)
   - All surface variants, on-color pairs, error colors
   - Added spacing tokens (unit, gutter, margin, stack-sm/md)

2. **globals.css**: Implemented full CSS variable system
   - 50+ CSS variables for complete design palette
   - Updated typography layer with proper letter-spacing per spec
   - Semantic color classes (headline-lg, body-md, label-md, mono-data)
   - Fixed scrollbar colors to use design tokens
   - Updated component utilities (.level-0, .level-1, .level-2, .btn-*, etc.)

3. **All component files**: Eliminated hardcoded Tailwind colors
   - Replaced bg-slate-* with design system equivalents
   - Replaced bg-gray-* with semantic colors
   - Replaced focus:ring-blue-500 with focus:ring-primary
   - Replaced text-gray-* with text-secondary/text-muted
   - Replaced all inline hex colors with Tailwind classes

Files updated: 32 components + core config files
Result: 100% DESIGN.md compliance in UI/UX, tailwind config, and global styles

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-25 13:33:47 +03:00
2026-04-15 15:20:45 +03:00
2026-04-25 12:53:41 +03:00
2026-04-23 18:23:07 +03:00
2026-04-25 12:49:02 +03:00
2026-04-23 18:23:07 +03:00
2026-04-23 16:16:04 +03:00
2026-04-15 17:31:58 +03:00
2026-04-25 12:53:41 +03:00
2026-04-23 16:16:04 +03:00
2026-04-23 15:59:17 +03:00
2026-04-25 11:44:10 +03:00
2026-04-25 12:13:58 +03:00
2026-04-25 11:44:10 +03:00
2026-04-25 12:53:41 +03:00
2026-04-25 12:21:30 +03:00

TFM aInventory (2026 Edition)

A unified, offline-first Inventory Management System built as a Progressive Web App (PWA). Features include AI-powered label extraction (OCR), local barcode/QR scanning, and multi-user authentication with LDAP support.


🚀 Quick Start (Production)

For production environments, Docker is the recommended deployment method:

git clone <repository-url> tfm-inventory
cd tfm-inventory

# [D-08] Configuration - Copy examples to actual config files
for f in config/*.yaml.example; do cp "$f" "${f%.example}"; done

# Edit config/secrets.yaml with your JWT_SECRET_KEY and AI keys
nano config/secrets.yaml

# Deploy using the new Python deployment script
python3 scripts/deploy.py production

For detailed configuration reference, see config/README.md. For detailed deployment instructions (Docker vs Standalone), see DEPLOYMENT.md.


🏗 Technical Overview

  • Backend: FastAPI (Python 3.12+)
  • Frontend: Next.js 15+ (React PWA) with responsive Tailwind CSS
  • Database: SQLite (SQLAlchemy) with Dexie.js (IndexedDB) for client-side sync.
  • AI Engine: Google Gemini (Primary) & Anthropic Claude (Fallback).
  • Configuration: [D-07] Consolidated YAML-based config in config/ directory.

For more details on system logic, see PROJECT_ARCHITECTURE.md.


🔐 Security & Constraints

AI agents and developers MUST strictly follow the rules defined in AI_RULES.md.

  • No Uppercase UI: All labels/headers must be normal case.
  • No Bold Fonts: Text hierarchy is achieved through size and color.
  • Offline-First: All features must function without an active network connection.

📦 Production Distribution

To generate a clean production package: python3 scripts/save_version.py --patch (or --minor/--major)


Last Updated: 2026-04-25
Version: 1.14.25 (Phase 7.1)

Description
Hardware Inventory System vith AI and OCR visual scanning
Readme 622 MiB
Languages
Python 95.7%
TypeScript 1.4%
Cython 1.1%
C 1%
C++ 0.6%