Commit Graph

20 Commits

Author SHA1 Message Date
Urtzi Alfaro
c07df124fb Improve UI 2025-12-30 14:40:20 +01:00
Urtzi Alfaro
667e6e0404 New alert service 2025-12-05 20:07:01 +01:00
Urtzi Alfaro
e902419b6e New alert system and panel de control page 2025-11-27 15:52:40 +01:00
Urtzi Alfaro
b2bde32502 feat(dashboard): Add reasoning modal for action buttons
- Create ReasoningModal component with AI reasoning display
- Add business impact section (financial impact, affected orders)
- Add urgency context display (time remaining)
- Wire up 'reasoning:show' event listener in UnifiedActionQueueCard
- Export ReasoningModal from domain/dashboard index

The smartActionHandlers already emit the 'reasoning:show' event,
this adds the missing listener and modal to display the AI reasoning
when users click "See Full Reasoning" on alerts.

Fixes: Issue #2 - "See Full Reasoning" button not working

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-27 07:36:06 +01:00
Claude
170caa9a0e Implement Phase 1: Post-onboarding configuration system
This commit implements the first phase of the post-onboarding configuration
system based on JTBD analysis:

**1. Fixed Quality Standards Step Missing Next Button**
- Updated StepNavigation logic to enable Next button for optional steps
- Changed: disabled={(!canContinue && !canSkip) || isLoading}
- Quality step now always sets canContinue: true (since it's optional)
- Updated progress indicator to show "2+ recommended (optional)"
- Location: StepNavigation.tsx, QualitySetupStep.tsx

**2. Implemented Configuration Progress Widget**
A comprehensive dashboard widget that guides post-onboarding configuration:

Features:
- Real-time progress tracking (% complete calculation)
- Section-by-section status (Inventory, Suppliers, Recipes, Quality)
- Visual indicators: checkmarks for complete, circles for incomplete
- Minimum requirements vs recommended amounts
- Next action prompts ("Add at least 3 ingredients")
- Feature unlock notifications ("Purchase Orders unlocked!")
- Clickable sections that navigate to configuration pages
- Auto-hides when 100% configured

Location: ConfigurationProgressWidget.tsx (340 lines)
Integration: DashboardPage.tsx

**Configuration Logic:**
- Inventory: 3 minimum, 10 recommended
- Suppliers: 1 minimum, 3 recommended
- Recipes: 1 minimum, 3 recommended
- Quality: 0 minimum (optional), 2 recommended

**UX Improvements:**
- Clear orientation ("Complete Your Bakery Setup")
- Progress bar with percentage
- Next step call-to-action
- Visual hierarchy (gradient borders, icons, colors)
- Responsive design
- Loading states

**Technical Implementation:**
- React hooks: useMemo for calculations
- Real-time data fetching from inventory, suppliers, recipes, quality APIs
- Automatic progress recalculation on data changes
- Navigation integration with react-router
- i18n support for all text

**Files Created:**
- ConfigurationProgressWidget.tsx

**Files Modified:**
- StepNavigation.tsx - Fixed optional step button logic
- QualitySetupStep.tsx - Always allow continuing (optional step)
- DashboardPage.tsx - Added configuration widget

**Pending (Next Phases):**
- Phase 2: Recipe & Supplier Wizard Modals (multi-step forms)
- Phase 3: Recipe templates, bulk operations, configuration recovery

Build:  Success (21.17s)
All TypeScript validations passed.
2025-11-06 17:49:06 +00:00
Claude
000e352ef9 Implement 5 UX enhancements for ingredient management
This commit implements the requested enhancements for the ingredient
quick-add system and batch management:

**1. Duplicate Detection**
- Real-time Levenshtein distance-based similarity checking
- Shows warning with top 3 similar ingredients (70%+ similarity)
- Prevents accidental duplicate creation
- Location: QuickAddIngredientModal.tsx

**2. Smart Category Suggestions**
- Auto-populates category based on ingredient name patterns
- Supports Spanish and English ingredient names
- Shows visual indicator when category is AI-suggested
- Pattern matching for: Baking, Dairy, Fruits, Vegetables, Meat, Seafood, Spices
- Location: ingredientHelpers.ts

**3. Quick Templates**
- 10 pre-configured common bakery ingredients
- One-click template application
- Templates include: Flour, Butter, Sugar, Eggs, Yeast, Milk, Chocolate, Vanilla, Salt, Cream
- Each template has sensible defaults (shelf life, refrigeration requirements)
- Location: QuickAddIngredientModal.tsx

**4. Batch Creation Mode**
- BatchAddIngredientsModal component for adding multiple ingredients at once
- Table-based interface for efficient data entry
- "Load from Templates" quick action
- Duplicate detection within batch
- Partial success handling (some ingredients succeed, some fail)
- Location: BatchAddIngredientsModal.tsx
- Integration: UploadSalesDataStep.tsx (2 buttons: "Add One" / "Add Multiple")

**5. Dashboard Alert for Incomplete Ingredients**
- IncompleteIngredientsAlert component on dashboard
- Queries ingredients with needs_review metadata flag
- Shows count badge and first 5 incomplete ingredients
- "Complete Information" button links to inventory page
- Only shows when incomplete ingredients exist
- Location: IncompleteIngredientsAlert.tsx
- Integration: DashboardPage.tsx

**New Files Created:**
- ingredientHelpers.ts - Utilities for duplicate detection, smart suggestions, templates
- BatchAddIngredientsModal.tsx - Batch ingredient creation component
- IncompleteIngredientsAlert.tsx - Dashboard alert component

**Files Modified:**
- QuickAddIngredientModal.tsx - Added duplicate detection, smart suggestions, templates
- UploadSalesDataStep.tsx - Integrated batch creation modal
- DashboardPage.tsx - Added incomplete ingredients alert

**Technical Highlights:**
- Levenshtein distance algorithm for fuzzy name matching
- Pattern-based category suggestions (supports 100+ ingredient patterns)
- Metadata tracking (needs_review, created_context)
- Real-time validation and error handling
- Responsive UI with animations
- Consistent with existing design system

All features built and tested successfully.
Build time: 21.29s
2025-11-06 15:39:30 +00:00
Urtzi Alfaro
07c33fa578 Improve the frontend and repository layer 2025-10-23 07:44:54 +02:00
Urtzi Alfaro
8d30172483 Improve the frontend 2025-10-21 19:50:07 +02:00
Urtzi Alfaro
1243c2ca6d Add fixes to procurement logic and fix rel-time connections 2025-10-02 13:20:30 +02:00
Urtzi Alfaro
f02a980c87 Support multiple languages 2025-09-25 12:14:46 +02:00
Urtzi Alfaro
7892c5a739 Add improved production UI 3 2025-09-23 19:24:22 +02:00
Urtzi Alfaro
4ae8e14e55 Add improved production UI 2025-09-23 12:49:35 +02:00
Urtzi Alfaro
8d54202e91 Imporve the i18 and frontend UI pages 2025-09-22 16:10:08 +02:00
Urtzi Alfaro
f08667150d Add alerts ssytems to the frontend 2025-09-21 17:35:36 +02:00
Urtzi Alfaro
13ca3e90b4 Improve the production frontend 2025-09-21 07:45:19 +02:00
Urtzi Alfaro
8002d89d2b Create the forntend panel the control 2025-09-19 16:17:04 +02:00
Urtzi Alfaro
2bbbf33d7b Clean frontend 2025-08-28 18:35:29 +02:00
Urtzi Alfaro
68bb5a6449 Fix frontend 1 2025-08-28 18:07:16 +02:00
Urtzi Alfaro
9ea6794923 ADD new frontend 2 2025-08-28 17:15:29 +02:00
Urtzi Alfaro
0fd273cfce ADD new frontend 2025-08-28 10:41:04 +02:00