From d625fca8d3a3c91a72932ec55bdb9037f220612b Mon Sep 17 00:00:00 2001 From: "google-labs-jules[bot]" <161369871+google-labs-jules[bot]@users.noreply.github.com> Date: Mon, 8 Jun 2026 04:48:01 +0000 Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Add=20aria-hidden=20t?= =?UTF-8?q?o=20decorative=20icons=20and=20aria-labels=20to=20buttons?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Adds `aria-hidden="true"` to `` elements across all HTML templates to prevent screen readers from announcing raw ligatures. - Adds appropriate `aria-label`s to purely icon-based buttons (Deploy, Copy, Download, Back) to ensure screen reader accessibility. - Creates `.jules/palette.md` to log critical UX/a11y learnings regarding Material Symbols. Co-authored-by: Bhishaj9 <144550237+Bhishaj9@users.noreply.github.com> --- .jules/palette.md | 3 + code.html | 503 +++++++++++++-------- dashboard.html | 947 ++++++++++++++++++++++++-------------- glassui.html | 1018 +++++++++++++++++++++++++---------------- landingpage.html | 1106 ++++++++++++++++++++++++++++----------------- 5 files changed, 2241 insertions(+), 1336 deletions(-) create mode 100644 .jules/palette.md diff --git a/.jules/palette.md b/.jules/palette.md new file mode 100644 index 0000000..c2b9ba2 --- /dev/null +++ b/.jules/palette.md @@ -0,0 +1,3 @@ +## 2024-03-24 - Material Symbols Aria Hidden +**Learning:** Structural icon elements like `` without `aria-hidden="true"` cause screen readers to read raw ligatures, resulting in poor accessibility. +**Action:** Always add `aria-hidden="true"` to purely decorative or structural icons (especially Material Symbols) to prevent screen reader noise, and ensure parent elements have appropriate accessible names via `aria-label` or text content. diff --git a/code.html b/code.html index 802d964..c5e002f 100644 --- a/code.html +++ b/code.html @@ -1,173 +1,316 @@ - - - - -MerchFlow AI Dashboard - - - - - - + + + + + - - - -
-
-
-all_inclusive -
-
-

MerchFlow AI

-Enterprise Edition -
-
- -
-
-
-
-
-

Input Data

-Step 1 of 2 -
-
-
-
-cloud_upload -
-
-

Drop Product Image Here

-

Supports JPG, PNG, WEBP

-
- -
-
-
-
- -
- -
-
-
- -
-
-
-
-
-
-
-

Generated Output

-
- - -
-
-
-
-
- - -
-
-Vision Agent -Gemini Pro 1.5 -
-visibility -
-
-
- -
-
-Reasoning Agent -Llama 3 70B -
-psychology -
-
-
- -
-
-SEO Context -Pinecone DB -
-database -
-
-
-
-output.json -
-
-
-
-
-
-
-
1  {
+SKU: JK-2024-WTR"
+              >
+
+
+
+ +
+
+
+
+
+
+
+

+ Generated Output +

+
+ + +
+
+
+
+
+ + +
+
+ Vision Agent + Gemini Pro 1.5 +
+ +
+
+
+ +
+
+ Reasoning Agent + Llama 3 70B +
+ +
+
+
+ +
+
+ SEO Context + Pinecone DB +
+ +
+
+
+
+ output.json +
+
+
+
+
+
+
+ 
1  {
 2    "product_analysis": {
 3      "title": "Apex Terrain All-Weather Performance Jacket",
 4      "category": "Outerwear / Men's / Technical Shells",
@@ -184,20 +327,20 @@ 
Genera
 15   },
 16   "deployment_status": "Ready"
 17 }
-
-
-
-
-
- - - \ No newline at end of file + + diff --git a/dashboard.html b/dashboard.html index a73dccc..65be138 100644 --- a/dashboard.html +++ b/dashboard.html @@ -1,268 +1,484 @@ - - - - -MerchFlow AI Dashboard - - - - - - + + + + + - + - - -
-
-
-
-all_inclusive -
-
-

MerchFlow AI

-
- -Enterprise Edition -
-
-
- - -
-
-
-
-
-
-
-
-

Input Data

-Step 1 of 2 -
-
- -
-
-
-cloud_upload -
-
-

Drop Product Image Here

-

Supports JPG, PNG, WEBP

-
- -
-
-
- -
- -
-
-
- -
-
-
-
-
-
-
-

Generated Output

-
- - - - -
-
-
-
-
- - -
-
-Vision Agent -Gemini Pro 1.5 -
-
-
-
- -
-
-Reasoning Agent -Llama 3 70B -
-
-
-
- -
-
-SEO Context -Pinecone DB -
-
-
-
-
-
- -code - output.json - -
-
-
-
-
-
-
-
01{
+  
+    

+      

+        

+          

+            
+          

+          

+            

+              MerchFlow AI
+            

+            

+              
+              Enterprise Edition
+            

+          

+        

+        
+        
+      

+    

+    

+      

+      

+      

+        

+          

+            

+              Input Data
+            

+            Step 1 of 2
+          

+          

+            
+            

+              

+              

+                
+              

+              

+                

+                  Drop Product Image Here
+                

+                

+                  Supports JPG, PNG, WEBP
+                

+              

+              
+            

+          

+          

+            
+            

+              
+            

+          

+          

+            
+          

+        

+      

+      

+        

+        

+          

+            

+              Generated Output
+            

+            

+              
+              
+              
+              
+            

+          

+          

+            

+              

+                
+                
+              

+              

+                Vision Agent
+                Gemini Pro 1.5
+              

+            

+            

+              

+                
+              

+              

+                Reasoning Agent
+                Llama 3 70B
+              

+            

+            

+              

+                
+              

+              

+                SEO Context
+                Pinecone DB
+              

+            

+          

+          

+            

+            

+              
+                
+                output.json
+              
+              

+                

+                

+                

+              

+            

+            

+              
01{
 02  "product_analysis": {
 03    "title": "Noir Elite Series Artisan Timepiece",
 04    "category": "Luxury / Accessories",
@@ -279,32 +495,37 @@ 
Generated Ou
 15  },
 16  "deployment_status": "Authorized"
 17}

-

-

-

-

-

-

-© 2026 Bhishaj Technologies — All Rights Reserved
-

-
-
-
+        document
+          .getElementById("removeFileBtn")
+          .addEventListener("click", (e) => {
+            e.stopPropagation();
+            e.preventDefault();
+            resetUploadUI();
+          });
+      }
+      function resetUploadUI() {
+        selectedFile = null;
+        fileInput.value = "";
+        dropZone.innerHTML = defaultDropZoneContent;
+        initDropZone();
+      }
+      startBtn.addEventListener("click", async (e) => {
+        e.preventDefault();
+        if (!fileInput.files || fileInput.files.length === 0) {
+          alert("Please select or drop an image first.");
+          return;
+        }
+        const originalBtnContent = startBtn.innerHTML;
+        startBtn.innerHTML =
+          '
Synthesizing...
';
+        startBtn.disabled = true;
+        startBtn.classList.remove("animate-pulse-slow", "animate-glow-pulse");
 
+        try {
+          const formData = new FormData();
+          formData.append("file", fileInput.files[0]);
+          const response = await fetch("/generate-catalog", {
+            method: "POST",
+            body: formData,
+          });
+          if (!response.ok) throw new Error("Server Error " + response.status);
+          const data = await response.json();
+          jsonOutput.textContent = JSON.stringify(data, null, 2);
+          isCatalogGenerated = true;
+        } catch (error) {
+          console.error("Agent Error:", error);
+          alert("Pipeline failed: " + error.message);
+        } finally {
+          startBtn.innerHTML = originalBtnContent;
+          startBtn.disabled = false;
+          startBtn.classList.add("animate-pulse-slow", "animate-glow-pulse");
+        }
+      });
+      copyBtn.addEventListener("click", () => {
+        navigator.clipboard.writeText(jsonOutput.innerText).then(() => {
+          const originalIcon = copyIcon.innerText;
+          copyIcon.innerText = "check";
+          copyIcon.classList.add("text-green-400");
+          setTimeout(() => {
+            copyIcon.innerText = originalIcon;
+            copyIcon.classList.remove("text-green-400");
+          }, 2000);
+        });
+      });
+    
+  
+
diff --git a/glassui.html b/glassui.html
index 700dc49..95ad0d0 100644
--- a/glassui.html
+++ b/glassui.html
@@ -1,264 +1,472 @@
-
-
-
-
-MerchFlow AI Dashboard
-
-
-
-
-
-
+    
+    
+    
+    
+    
-
+    
-
   
-
-

-

-

-

-all_inclusive
-

-

-
MerchFlow AI

-

-
-Enterprise Edition
-

-

-

-
-

-

-

-

-

-

-

-

-
Input Data

-Step 1 of 2
-

-

-
-

-

-

-cloud_upload
-

-

-
Drop Product Image Here

-
Supports JPG, PNG, WEBP

-

-
-

-

-

-
-

-
-

-

-

-
-

-

-

-

-

-

-

-
Generated Output

-

-
-
-
-
-

-

-

-

-

-
-
-

-

-Vision Agent
-Gemini Pro 1.5
-

-

-

-

-
-

-

-Reasoning Agent
-Llama 3 70B
-

-

-

-

-
-

-

-SEO Context
-Pinecone DB
-

-

-

-

-

-

-
-code
-                            output.json
-                        
-

-

-

-

-

-

-

-
01{
+  
+    

+      

+        

+          

+            
+          

+          

+            

+              MerchFlow AI
+            

+            

+              
+              Enterprise Edition
+            

+          

+        

+        
+      

+    

+    

+      

+      

+      

+        

+          

+            

+              Input Data
+            

+            Step 1 of 2
+          

+          

+            
+            

+              

+              

+                
+              

+              

+                

+                  Drop Product Image Here
+                

+                

+                  Supports JPG, PNG, WEBP
+                

+              

+              
+            

+          

+          

+            
+            

+              
+            

+          

+          

+            
+          

+        

+      

+      

+        

+        

+          

+            

+              Generated Output
+            

+            

+              
+              
+              
+              
+            

+          

+          

+            

+              

+                
+                
+              

+              

+                Vision Agent
+                Gemini Pro 1.5
+              

+            

+            

+              

+                
+              

+              

+                Reasoning Agent
+                Llama 3 70B
+              

+            

+            

+              

+                
+              

+              

+                SEO Context
+                Pinecone DB
+              

+            

+          

+          

+            

+            

+              
+                
+                output.json
+              
+              

+                

+                

+                

+              

+            

+            

+              
01{
 02  "product_analysis": {
 03    "title": "Noir Elite Series Artisan Timepiece",
 04    "category": "Luxury / Accessories",
@@ -275,38 +483,43 @@ 
Generated Ou
 15  },
 16  "deployment_status": "Authorized"
 17}

-

-

-

-

-

-

-© 2026 Bhishaj Technologies — All Rights Reserved
-

-
-
-
\ No newline at end of file
+  
+
diff --git a/landingpage.html b/landingpage.html
index 55a1b54..46de584 100644
--- a/landingpage.html
+++ b/landingpage.html
@@ -1,426 +1,716 @@
-
+
 
-
-
-
-MerchFlow AI | Autonomous E-Commerce Catalog Intelligence
-
-
-
-
-
-
-
-
-
+    
+    
+    
+    
+    
+    
+    
-
-
-
-
-
-
-
-

-

-

-all_inclusive
-

-

-
MerchFlow AI

-
Enterprise Edition

-

-

-
-

-
-

-

-
-

-
-

-

-

-
-
-
-
-
-            Now in Private Beta
-          
-

-            Autonomous 

-E-Commerce 

-            Intelligence
-          

-

-            A multi-agent AI pipeline that converts raw product imagery into enterprise-grade, SEO-optimized e-commerce catalogs in seconds.
+      .reveal-card.is-visible {
+        opacity: 1;
+        transform: translateY(0);
+      }
+    
+    
+  
+  
+    
+    

+      

+        

+          
+        

+        

+          

+            MerchFlow AI
+          

+          

+            Enterprise Edition
           

-

-
-rocket_launch
-              Enter Dashboard
-            
-
-

-

-
-

-

-

-
-

-

-image
-

-

-

-

-

-

-

-

-

-

-
-

-

-

-output.json
-

-
{
+        

+      

+      
+      

+        
+      

+    

+    
+    

+      
+      

+        

+          

+            
+              
+                
+                
+              
+              Now in Private Beta
+            
+            

+              Autonomous 

+              E-Commerce
+              

+              Intelligence
+            

+            

+              A multi-agent AI pipeline that converts raw product imagery into
+              enterprise-grade, SEO-optimized e-commerce catalogs in seconds.
+            

+            

+              
+                
+                Enter Dashboard
+              
+              
+            

+          

+          
+          

+            

+            

+              
+              

+                

+                  
+                

+                

+                  

+                  

+                  

+                    

+                    

+                    

+                  

+                

+                
+                

+                  

+                    

+                    output.json
+                  

+                  
{
   "sku": "MF-9902",
   "name": "AeroShell X",
   "tags": ["SEO", "Hiker"]
 }

-

-

-

-

-

-

-
-
-

-

-
Zero Manual Bottlenecks

-
Shift from human-in-the-loop to autonomous excellence. Our pipeline ensures your inventory is ready for global distribution instantly.

-

-

-

-

-bolt
-

-
Instant Delivery

-
Go from product photo to live Shopify entry in under 15 seconds with zero latency agents.

-

-

-

-verified
-

-
0% Human Error

-
Automated cross-referencing against technical specs ensures 100% attribute accuracy.

-

-

-

-trending_up
-

-
SEO Native

-
Every description is engineered for search algorithms using real-time market sentiment data.

-

-

-

-
-
-

-

-

-
Multi-Agent 
Pipeline

-
A sophisticated orchestration of specialized AI agents working in harmony to deliver high-fidelity catalog data.

-

-

-memory
-              Orchestration Layer: FastAPI + LangGraph
+                

+              

+            

+          

+        

+      

+      
+      
+      

+        

+          

+            Zero Manual Bottlenecks
+          

+          

+            Shift from human-in-the-loop to autonomous excellence. Our pipeline
+            ensures your inventory is ready for global distribution instantly.
+          

+        

+        

+          

+            

+              
+            

+            
Instant Delivery

+            

+              Go from product photo to live Shopify entry in under 15 seconds
+              with zero latency agents.
+            

+          

+          

+            

+              
             

-

-

-

-
-

-

-visibility
-

-

-

-
Visual Analyst

-GEMINI 2.5 FLASH
-

-
Performs deep pixel analysis to extract material textures, silhouettes, and hardware details directly from raw imagery.

-

-

-
-

-

-database
-

-

-

-
Semantic Memory

-PINECONE RAG
-

-
Queries vector databases for historical product context, brand voice guidelines, and competitive SEO keywords.

-

-

-
-

-

-edit_note
-

-

-

-
Writer Agent

-LLAMA 3.3 70B (GROQ)
-

-
Synthesizes visual and semantic data into high-converting product descriptions, bullet points, and metadata.

-

-

-

-

-
-
-
-

-

-

-
Technical Infrastructure

-SYSTEM_MANIFEST.V2
-

-

-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
ComponentTechnologyPurposeStatus
Core BackendPython 3.10+ / FastAPIAsynchronous high-throughput processingSTABLE
Agent FrameworkGoogle GenAI / Groq SDKMulti-LLM orchestration & executionSTABLE
Knowledge BasePinecone Vector DBRetrieval Augmented Generation (RAG)STABLE
DeploymentDocker / KubernetesContainerized auto-scaling architectureSTABLE

-

-

-

-
-
-

-

-

-
Scale Your Catalog To 
Infinite.

-
Join enterprise retail leaders who are automating their supply chain intelligence with MerchFlow AI.

-

-
-
-

-

-

-
-

-
-

-

-

-

-

-all_inclusive
-

-MerchFlow AI
-

-

-          The exclusive proprietary property of Bhishaj Technologies. Designed and engineered for high-performance e-commerce logistics.
+            
0% Human Error

+            

+              Automated cross-referencing against technical specs ensures 100%
+              attribute accuracy.
+            

+          

+          

+            

+              
+            

+            
SEO Native

+            

+              Every description is engineered for search algorithms using
+              real-time market sentiment data.
+            

+          

+        

+      
+      
+      
+      

+        

+          

+            

+              Multi-Agent 
Pipeline
+            

+            

+              A sophisticated orchestration of specialized AI agents working in
+              harmony to deliver high-fidelity catalog data.
+            

+            

+              

+                
+                Orchestration Layer: FastAPI + LangGraph
+              

+            

+          

+          

+            
+            

+              

+                
+              

+              

+                

+                  
Visual Analyst

+                  GEMINI 2.5 FLASH
+                

+                

+                  Performs deep pixel analysis to extract material textures,
+                  silhouettes, and hardware details directly from raw imagery.
+                

+              

+            

+            
+            

+              

+                
+              

+              

+                

+                  
Semantic Memory

+                  PINECONE RAG
+                

+                

+                  Queries vector databases for historical product context, brand
+                  voice guidelines, and competitive SEO keywords.
+                

+              

+            

+            
+            

+              

+                
+              

+              

+                

+                  
Writer Agent

+                  LLAMA 3.3 70B (GROQ)
+                

+                

+                  Synthesizes visual and semantic data into high-converting
+                  product descriptions, bullet points, and metadata.
+                

+              

+            

+          

+        

+      

+      
+      
+      

+        

+          

+            

+              Technical Infrastructure
+            

+            SYSTEM_MANIFEST.V2
+          

+          

+            
+              
+                
+                  
+                  
+                  
+                  
+                
+              
+              
+                
+                  
+                  
+                  
+                  
+                
+                
+                  
+                  
+                  
+                  
+                
+                
+                  
+                  
+                  
+                  
+                
+                
+                  
+                  
+                  
+                  
+                
+              
+            
ComponentTechnologyPurposeStatus
Core Backend
+                    Python 3.10+ / FastAPI
+                  
+                    Asynchronous high-throughput processing
+                  
+                    STABLE
+                  

+                    Agent Framework
+                  
+                    Google GenAI / Groq SDK
+                  
+                    Multi-LLM orchestration & execution
+                  
+                    STABLE
+                  
Knowledge BasePinecone Vector DB
+                    Retrieval Augmented Generation (RAG)
+                  
+                    STABLE
+                  
DeploymentDocker / Kubernetes
+                    Containerized auto-scaling architecture
+                  
+                    STABLE
+                  

+          

+        

+      

+      
+      
+      

+        

+          

+          

+            Scale Your Catalog To 
Infinite.
+          

+          

+            Join enterprise retail leaders who are automating their supply chain
+            intelligence with MerchFlow AI.
+          

+          

+            
+            
+          

+        

+      

+      
+
+ + - - - - - \ No newline at end of file + const revealCards = document.querySelectorAll(".reveal-card"); + revealCards.forEach((card) => observer.observe(card)); + }); + + + +