How montassar2001/commerce works
K is a streetwear commerce application combining a multilingual storefront, product pages, a 3D fitting lab, a stylist assistant, and an independent admin studio. The shopper workflow runs from storefront/catalog and product detail to fitting or stylist guidance and commerce actions; the admin workflow manages catalog, orders, media, promotions, and Graph RAG. Supabase backs persisted commerce and retrieval data, while Graph RAG also uses local ranking and semantic-vector logic. Some major components are documented but unsampled, so their internal connections are omitted unless supported by the README or source index.
Main entry points: kronosGraphRag.js Hybrid Graph RAG · AdminDashboard.jsx Admin Dashboard · kronosDataService.js Commerce Data Service · App.jsx App Shell
Components 24
Storefront
- App Shell
src/App.jsx - Storefront Engine
src/components/RawlineMasterEngine.jsx - Product Detail
src/components/ZaraProductDetailPage.jsx - 3D Fitting Lab
src/components/Rawline3DFittingLab.jsx - 3D Renderer
src/lib/software3dRenderer.js - Localization
src/lib/i18nEngine.js
Stylist & Retrieval
- Personal Stylist
src/components/RawlineAIChatbot.jsx - Chat Message View
src/components/RichChatbotMessage.jsx - Hybrid Graph RAG
src/lib/kronosGraphRag.js - Semantic Vectors
src/lib/semanticVectorEngine.js - Graph Analytics
src/lib/enterpriseGraphEngine.js
Admin Studio
- Admin Dashboard
src/pages/AdminDashboard.jsx - Catalog & Orders
src/components/admin/AdminCatalogOrders.jsx - Media Storefront
src/components/admin/AdminMediaStorefront.jsx - Promos & Supabase
src/components/admin/AdminPromosSupabase.jsx - Graph RAG Studio
src/components/admin/AdminGraphRagStudio.jsx - Graph Explorer
src/components/admin/EnterpriseGraphCanvas.jsx
Data & Services
- Commerce Data Service
src/lib/kronosDataService.js - Default Store Data
src/data/defaultRawlineData.js - Supabase Client
src/lib/supabaseClient.js - Supabase
- Groq Inference
Other components
- Shopper
- Admin
Connections 27
- Shopper → App Shell: browses
README.md - App Shell → Storefront Engine: renders
src/App.jsx - Shopper → Product Detail: opens product
README.md - Product Detail → 3D Fitting Lab: launches try-on
README.md - 3D Fitting Lab → 3D Renderer: uses renderer
src/components/Rawline3DFittingLab.jsx - Shopper → Personal Stylist: asks advice
README.md - Personal Stylist → Hybrid Graph RAG: queries
src/components/RawlineAIChatbot.jsx - Personal Stylist → Chat Message View: renders messages
src/components/RawlineAIChatbot.jsx - Hybrid Graph RAG → Semantic Vectors: embeds queries
src/lib/kronosGraphRag.js - Hybrid Graph RAG → Graph Analytics: ranks graph
src/lib/kronosGraphRag.js - Hybrid Graph RAG → Supabase: retrieves from
README.md - Hybrid Graph RAG → Groq Inference: requests inference
README.md - App Shell → Commerce Data Service: loads and syncs
src/App.jsx - App Shell → Default Store Data: loads fallback
src/App.jsx - Commerce Data Service → Supabase Client: uses client
src/lib/kronosDataService.js - Supabase Client → Supabase: connects
src/lib/supabaseClient.js - Admin → Admin Dashboard: manages store
README.md - Admin Dashboard → Catalog & Orders: opens catalog
src/pages/AdminDashboard.jsx - Admin Dashboard → Media Storefront: opens media
src/pages/AdminDashboard.jsx - Admin Dashboard → Promos & Supabase: opens promos
src/pages/AdminDashboard.jsx - Admin Dashboard → Graph RAG Studio: opens RAG studio
src/pages/AdminDashboard.jsx - Graph RAG Studio → Hybrid Graph RAG: runs diagnostics
src/components/admin/AdminGraphRagStudio.jsx - Graph RAG Studio → Graph Explorer: shows graph
src/components/admin/AdminGraphRagStudio.jsx - Catalog & Orders → Commerce Data Service: uses data service
src/components/admin/AdminCatalogOrders.jsx - Media Storefront → Commerce Data Service: uses data service
src/components/admin/AdminMediaStorefront.jsx - Promos & Supabase → Commerce Data Service: uses data service
src/components/admin/AdminPromosSupabase.jsx - Product Detail → Localization: localizes UI
src/components/ZaraProductDetailPage.jsx