- Created DATABASE_BACKUP_SETUP.md for detailed backup instructions
- Implemented backup-databases.sh for automated database backups
- Added logrotate configuration for managing backup logs
- Developed setup scripts for user-specific backup configurations
- Included error handling and logging in backup processes
- Established cron job setup for automated backups
- Provided examples and troubleshooting tips in documentation
- Integrated OpenAI Costs API into the backend service with new methods for fetching costs and detailed breakdowns.
- Added new API endpoints for retrieving costs, budget status, and detailed cost breakdown.
- Updated frontend to display OpenAI costs and budget status, including new UI components and states.
- Enhanced styling for budget status and cost breakdown sections.
- Configured environment variables for OpenAI API access.
- Created comprehensive documentation for setup, API endpoints, and user flow.
- Added test script for validating API endpoints.
- Fixed production issues by ensuring new endpoints are loaded correctly.
- Created a new dashboard component for displaying real-time quote metrics.
- Integrated with Ordrestyring GraphQL API for fetching offers and metrics.
- Added backend endpoint for dashboard data retrieval.
- Implemented responsive design and error handling for user-friendly experience.
- Configured auto-refresh for live data updates every 5 minutes.
fix: Resolve issues with API key configuration and pagination limits
- Updated service to check for both API key variable names.
- Adjusted pagination limit from 500 to 200 to comply with API constraints.
- Modified status mapping logic to align with actual API responses.
docs: Add quick start guide and detailed implementation summary
- Created quick start guide for easy access to the dashboard.
- Documented technical implementation details, including API key management and error handling.
- Provided troubleshooting tips for common issues encountered by users.
- Created `test_alignment.html` to test Excel-style table alignment.
- Implemented `test_excel_table_prod.py` for verifying Excel-style table in production.
- Developed `test_material_search.py` to check styling of material search table.
- Added `test_materials_screenshot.py` for taking screenshots of materials page and verifying table styling.
- Created `test_materials_with_login.py` to test materials table styling with user login.
- Implemented `test_prod_materials.py` to validate production materials page styling and CSS loading.
- Added PUT /api/customer-projects/:projectId endpoint to handle updates for selected_package_id and selected_package_name.
- Implemented auto-save feature in FinalReview.js to persist material changes automatically.
- Enhanced error handling in InlineSmartPackage.js for package selection saving.
- Updated documentation for materials saving error analysis and implementation details.
- Removed unused code sections in PlanningDashboard.js and added comments for future features.
- Tilføjet /api/materials/search endpoint som søger i bygma_products
- Søger i tekst, vareNr og varegrp kolonner
- Returnerer max 50 resultater sorteret alfabetisk
- Frontend kan nu søge materialer i database via manuel tilføjelse
- Tilføjet condition så B7 pakke-beskrivelse kun vises hvis selectedPackage.id !== 'manual'
- Disabled fallback materials useEffect for manuel mode
- Materialer kommer nu kun fra smart pakke valg eller manuel tilføjelse
- Tilføjet 'Spring over - Tilføj manuelt' knap i Smart Pakke vælger
- Material søgning i database med autocomplete
- Manuel material tilføjelse (eksisterende funktionalitet)
- Hurtig opgave oprettelse med prompts
- Fuld fleksibilitet: vælg mellem Smart Pakke eller manuel mode
- Kan søge i 1000+ materialer fra database
- Kan tilføje custom opgaver med timer/m² eller fast tid
- Fjernet automatisk valg af B7 pakken
- Tilføjet intelligent AI-baseret pakke forslag baseret på projekt titel
- Tilføjet Tagpap Renovering pakke
- Tilføjet Facade Træbeklædning pakke
- Smart forslag UI med lilla gradient boks
- Bruger kan nu selv vælge mellem 3 pakker
- Implemented VisualAITester class for automated UI/UX testing
- Configured environment variables for API keys and paths
- Developed methods for browser setup, login, screenshot capture, and image encoding
- Integrated OpenAI Vision API for visual quality analysis with detailed feedback
- Created tests for various application pages including homepage, project flow, geometry form, and more
- Generated comprehensive HTML report summarizing test results and AI analysis
- Added functionality to copy AI prompts for automated issue resolution
- Implemented authentication tests including valid login and logout
- Developed navigation tests for various sections: Projekt Flow, Planlægning, Materialer, Smart Pakker, Nøgletal, and AI Budget
- Created end-to-end tests for project flow including project creation and geometry input
- Added countdown tests to verify countdown functionality and text format
- Included detailed logging of test results and execution summary
- Configured WebDriver setup with headless option for CI/CD compatibility
- Integrated screenshot functionality for error tracking
- Added a comprehensive manual testing guide for the countdown functionality in `test_countdown_manual.md`.
- Developed a detailed Selenium test suite in `test_countdown_selenium.py` to verify countdown behavior, including server accessibility, login, countdown progression, and UI elements.
- Created a minimal Selenium test version in `test_countdown_selenium_minimal.py` for quick checks without complex setup.
- Introduced a verification script in `test_countdown_verification.py` to analyze code correctness, including server checks, build file existence, and countdown logic.
- Implemented BackupImport component for exporting and importing SmartPackages.
- Added API calls for exporting JSON backups and importing packages.
- Included file validation for JSON format during import.
- Enhanced user interface with MUI components for better user experience.
feat: Create Components Library for reusable components
- Developed ComponentsLibrary component to manage reusable components for SmartPackages.
- Integrated CRUD operations for components with API endpoints.
- Added filtering functionality by component category.
- Included dummy data for initial testing and development.
feat: Implement Statistics View for SmartPackages
- Created StatisticsView component to display package statistics.
- Added API call to fetch statistics and display key metrics.
- Included visual representation of categories and most used materials.
chore: Create migration for smart_package_components table
- Added SQL migration script to create smart_package_components table.
- Inserted sample data for testing and development purposes.
- Included verification query to check data integrity after insertion.
- Created a new HTML page for testing the Tømmer Opgaver API with buttons for various endpoints.
- Added a LICENSE file for React and related libraries in the frontend build.
- Documented a complete server check report, detailing fixes, test results, and server status.
- Added sample test data for quotes, including project details, geometry, labor, materials, and calculations.
- Implemented a new test suite for production API verification using curl, ensuring all critical endpoints respond correctly and return valid JSON.
- Added frontend integration tests to check for critical errors in the UI and verify key UI elements are present and functional.
- Created test data for quotes and project calculations to facilitate testing.
- Developed a script to check offers in the Ordrestyring system, including detailed task descriptions.
- Added tests for generating PDFs from quote data, ensuring the output is valid and contains expected information.
- Implemented a test script for the Røsevangen project, integrating with the Ordrestyring API and verifying database entries.
Task 22: Fix Kalendervisning/planlægning
Changes:
- Added comprehensive empty state messages for calendar view
- Better data validation before rendering calendar grid
- Helpful messages when no calendar data is available
- Separate message when no employees are found
- Empty week message when no tasks are scheduled
- User-friendly tips for troubleshooting calendar issues
- Improved UX with clear explanations of what might be wrong
- All messages in Danish matching application language
Messages include:
- 'Ingen kalenderdata tilgængelig' with sync tips
- 'Ingen medarbejdere fundet' with Ordrestyring reference
- 'Ingen planlagte opgaver denne uge' with navigation help
Task 21: Vinkelhus calculation support
Changes:
- Added 'Vinkelhus' checkbox to enable L-shaped building mode
- Added fields for second wing dimensions (wing2Width, wing2Length)
- Visual UI section for second wing with green highlighting
- Real-time total area calculation showing both wings combined
- Backend calculates area for both wings separately and combines:
* Flat roof: wing1_area + wing2_area
* Pitched roof: calculates each wing surface area independently
- Database migration adds is_corner_house, wing2_width, wing2_length columns
- Form labels update dynamically (Vinge 1/Vinge 2) when corner house mode active
- Proper data persistence and loading for corner house configurations
Task 5: Tag med kviste - Add kvist details
Changes:
- Added kvist_size (m²) and number_of_kviste fields to geometry form
- Fields only appear when 'Tag med kviste' is selected
- Total kvist area is calculated and displayed (size × number)
- Backend saves kvist data to roof_geometry table
- Area calculation includes kvist area when applicable
- Database migration adds kvist_size and number_of_kviste columns
- Visual feedback with highlighted kvist section in form
Task 9 completed:
- Added smart category matching for 'Tag' category
- 'Tag' category now shows ALL tag-related packages automatically
- Includes: Tag, Tagrenovering, Tagudskiftning, Tagmaterialer, Tagrende
- Prevents duplicate tag subcategories in dropdown menu
Backend changes:
- smartPackageManagementService.js: Smart category filtering
- When category='Tag', uses LIKE matching for all tag-related items
- Supports both 'Tag' and 'tag' case variations
- Specific subcategories (Tagrenovering, etc.) still work as before
Frontend changes:
- SmartPackages.js: Added 'Tag (alle tag-relaterede)' option
- Filters out tag subcategories from dropdown to avoid duplication
- Clean dropdown with main 'Tag' category + other categories
Technical improvements:
- Case-insensitive category matching
- LIKE pattern matching for flexibility
- Maintains backward compatibility with existing categories
Customer feedback: Task 9 - Fix kategori dropdown to show all tag-related items
Tasks 6-7 completed:
- Added search functionality for materials and tasks
- Implemented auto-save (saves 2 seconds after last change)
- Removed manual 'Gem pakke' button in edit mode
- Added auto-save status indicator showing last save time
Search features:
- Material search box filters materials in real-time
- Task search box filters tasks in real-time
- Search is case-insensitive and searches by name
- Compact UI with search + add button in same row
Auto-save features:
- Automatic save 2 seconds after any change (edit mode only)
- Silent background saves - no user notification for success
- Last saved timestamp displayed at bottom
- Manual save button still available when creating new package
- Prevents data loss from accidental page closure
Technical improvements:
- Added materialSearchTerm and taskSearchTerm state
- Added autoSaveTimeout and lastSaved state
- useEffect hook triggers auto-save on packageData changes
- Filter functions on materials/tasks arrays
- Conditional rendering of save button vs auto-save indicator
Customer feedback: Tasks 6-7 - Search function + Auto-save for smartboks
- Added customer_address field to static quote template
- Updated AI quote template to include [KUNDE_ADRESSE] placeholder
- Added instruction to AI to replace address placeholder with actual customer address
- Both static and AI-generated quotes now show complete customer information
Technical changes:
- buildCompleteStaticQuote: Added conditional customer_address display
- buildStaticQuoteTemplate: Added [KUNDE_ADRESSE] placeholder
- buildOptimizedPrompt: Added instruction #3 to replace address placeholder
Customer feedback: Task 17 - Fix tilbudstekst address not working
- Changed 'Vis PDF' link to 'Åben PDF' button with proper onClick handler
- Fixed blob URL management - now properly cleans up old URLs
- Added useEffect cleanup to revoke blob URLs on component unmount
- Improved error handling with user-friendly alerts
- Added success message after PDF generation
- Fixed button styling - converted link to button for consistency
- Added tooltips to explain button functionality
Technical improvements:
- handleOpenPDF: Opens PDF in new window using window.open()
- Memory leak fix: Revokes old blob URLs before creating new ones
- Better UX: Clear feedback for success/error states
Customer feedback: Tasks 15-16 - Fix 'Åben PDF' and 'Vis PDF' buttons
- Removed 'Guide' tab with stepper wizard (3 steps)
- Kept only 'Materialer og opgaver' and 'Alle detaljer' tabs
- Simplified package creation workflow
- Removed unused stepper components and handlers
- Tab indices automatically adjusted after removal
The Guide tab was redundant as 'Alle detaljer' shows all fields
in a single view, providing better overview for users.
Customer feedback: Task 11 - Remove Guide tab if not needed
- Changed .source-badge.static background from yellow (#fff3cd) to white
- Updated text color from #856404 to neutral #6c757d
- Changed border from yellow (#ffeaa7) to neutral gray (#dee2e6)
- Improves readability and consistency with other badges
Customer feedback: Task 12 - Change yellow material box to white
- Replaced complex 'ARBEJDE DER UDFØRES' section with simple format
- Now only shows: work hours and total area (m²)
- Added customer's preferred text: 'Med mange års erfaring...'
- Removed detailed breakdowns (tag type, antal tømrere, timepris)
- Simplified price section to only show: price excl. VAT, VAT, total
- Updated AI instructions to generate simpler, focused quotes
- Removed company values, guarantees, and service descriptions from template
Customer feedback: Tasks 18, 19, 20 from customer email
- Added automatic scroll to top when navigating to:
- EnhancedGeometry component
- FinalReview component
- CalculationView component
- InlineSmartPackage component
- Uses smooth scrolling behavior for better UX
- Prevents users from landing at bottom of page after navigation
Customer feedback addressed:
- Navigation now scrolls to top on page change
- All material prices and quantities now editable
- All labor hours and rates now editable
- Added profit margin percentage input (moved from smartboks)
- Prices recalculate automatically when values change
- Added editable input styling with focus states
- Profit margin shows in highlighted yellow section
Customer feedback addressed:
- Unlock timer/priser boxes for editing
- Move fortjeneste procent to Final Review (from smartboks)
- Allow last-minute price adjustments before sending quote
- Replaced 'Komplekst tag' with proper tag types: Sadeltag/Skråttag, Valmtag, Københavnertag, Fladtag, Pulttag, Tag med kviste, Mansardtag
- Removed parentheses from tag type names for cleaner UI
- Removed 'Komplekse detaljer' checkbox (karnapper, kviste)
- Removed manual 'Gem Geometri' button - geometry now auto-saves after calculation
- Updated backend complexity calculations to support new tag types
- Updated getRoofTypeDisplayName to include all new tag types
Customer feedback addressed:
- Tag type cleanup and proper Danish names
- Removed komplekst tag option
- Removed manual save button
FEATURES IMPLEMENTED:
✅ Full GraphQL integration with Ordrestyring API
✅ Automatic offer creation from Tilbudsgiveren quotes
✅ Customer management (find existing or create new)
✅ Task/Opgave management with full quote description
✅ Material lines (tilbudslinjer) with pricing
✅ Internal notes in bemærkninger field
✅ Department assignment (Tømrer = ID 2)
✅ Status management (Tilbudsgiver Oprettet Tilbud)
KEY COMPONENTS:
1. OrdrestyringQuoteService (backend/src/services/ordrestyringQuoteService.js)
- generateDetailedQuoteDescription(): Creates formatted quote text
- findOrCreateCustomer(): Handles customer, contact, delivery address
- createOfferLines(): Updates default task & adds material lines
- sendQuoteToOrdrestyring(): Main orchestration method
- getOfferWithTasks(): Query offers with task details
2. Smart Task Management:
- Finds and updates existing default 'Opgave 1' task
- Renames to 'Tilbudsgivertekst' for clarity
- Adds full 2000+ character quote description
- Creates material lines under the task
- Fallback: Creates new task if none exists
3. GraphQL Mutations & Queries:
- createOffer: Creates offer with customer, status, department
- updateOfferTask: Updates existing task with description
- createOfferTask: Fallback for new task creation
- createOfferLine: Adds material lines with pricing
- Proper error handling and logging throughout
4. Database Integration:
- Migration: add_ordrestyring_columns.sql
- Tracks ordrestyring_offer_id, ordrestyring_offer_number
- Status synchronization with ordrestyring_status
- Timestamp tracking with ordrestyring_sent_at
5. Route Updates (backend/routes/ordrestyring.js):
- POST /api/ordrestyring/send-quote-graphql
- Optional customerId parameter (uses existing or creates new)
- Validation for projectId and calculationId
- Returns complete offer details
TECHNICAL HIGHLIGHTS:
• GraphQL Client: graphql-request v7.3.1
• API Endpoint: https://graphql.ordrestyring.dk/graphql
• Authentication: Bearer token in headers
• Error Handling: Graceful fallbacks, detailed logging
• Field Discovery: Used introspection to find correct types
- UpdateOfferTaskInput (not OfferTaskInput)
- Task fields: header & text (not name & description)
- productNumber required for offer lines
TESTING:
• Test scripts: test_roesevangen_ordrestyring.py
• Verification: test_check_offer.js
• Live testing with Project 22 (Røsevangen 44)
• Confirmed: Single task with full description
• Confirmed: 10 material lines with correct pricing
• Confirmed: Department, status, and internal notes working
RESULT:
Complete end-to-end integration from Tilbudsgiveren → Ordrestyring
- Creates professional offers with all data
- Single 'Tilbudsgivertekst' task (not duplicate Opgave 1)
- Full quote description visible in task
- Material lines with quantities and prices
- Ready for production use
Co-authored-by: AI Assistant <copilot@github.com>
- Created a comprehensive SQL migration script for TØMRER SMART PACKAGES, including detailed material packages, tasks, and calculations for various roofing tasks.
- Implemented a cleanup process to remove existing test packages related to 'Tagrende' and 'Nedløb' before inserting new data.
- Structured the material packages to include specific materials, quantities, and pricing, ensuring accurate calculations for installation tasks.
- Added detailed task descriptions and estimated hours for each package to enhance clarity and usability for users.
- Included completion checks to verify the successful creation of packages, tasks, and materials.
- Updated AI prompt in projectQuoteGenerationService.js to include a hierarchical task description format for professional quotes.
- Added critical rules for AI to follow, emphasizing action words and specific material descriptions.
- Created comprehensive documentation for the updated quote system, including examples and guidelines for AI prompts.
- Developed a new layout template for quotes to improve readability and professionalism.
- Established a detailed guide on professional quote structure based on Mikael Holck's standards.
- Added `scrape_fixed_v2.py` for scraping installation manuals from Bygma using Playwright.
- Created `test-custom-task.js` to test custom task creation in the smart packages API.
- Developed `test-customer-search.html` for testing customer search functionality with auto-fill capabilities.
- Implemented `test-manuals.html` for testing the retrieval and display of installation manuals.
- Added SQL script `test_project_21_materials.sql` to insert test materials for project 21 and check for manual availability.
