⚠️ Application Error

Failed to load the application. Please try again later.

Error: ${error.message}

\n \n \n `);\n }\n});\n\n// Catch-all for SPA routing\napp.get(\"*\", async c => {\n try {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n } catch (error) {\n return c.text(\"Page not found\", 404);\n }\n});\n\nexport default app.fetch;",[],[151,220],[151],{"_103":230,"_95":231,"_152":232,"_154":-5,"_155":137,"_156":233,"_158":159,"_105":234,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":235,"_98":306},"6bed42fa-3fab-11f0-80f9-76b3cceeab13","frontend","37c7fc35-2d1a-4a90-bcef-4324c7d2b617",15,["D",1748866593107],[236,288,297],{"_103":237,"_95":238,"_152":239,"_154":232,"_155":137,"_156":240,"_158":159,"_105":241,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":242,"_98":287},"8b845ab8-3fab-11f0-83b7-76b3cceeab13","components","9780a577-c4c6-47c1-b02e-9c0314b59dae",17,["D",1748866646106],[243,251,260,269,278],{"_103":244,"_95":245,"_152":246,"_154":239,"_155":137,"_156":240,"_158":159,"_105":247,"_100":32,"_161":180,"_163":248,"_164":22,"_165":-5,"_166":249,"_98":250},"8b84400a-3fab-11f0-83b7-76b3cceeab13","App.tsx","8b8440d2-3fab-11f0-83b7-76b3cceeab13",["D",1748866646106],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { Product, WhatsAppCatalogItem, AutoReplyScript } from \"../../shared/types.ts\";\nimport ProductForm from \"./ProductForm.tsx\";\nimport VoiceInput from \"./VoiceInput.tsx\";\nimport CatalogPreview from \"./CatalogPreview.tsx\";\nimport AutoReplyGenerator from \"./AutoReplyGenerator.tsx\";\n\nexport default function App() {\n const [products, setProducts] = useState([]);\n const [whatsappProducts, setWhatsappProducts] = useState([]);\n const [autoReplies, setAutoReplies] = useState([]);\n const [businessName, setBusinessName] = useState(\"My Business\");\n const [businessType, setBusinessType] = useState(\"retail\");\n const [activeTab, setActiveTab] = useState<'products' | 'voice' | 'preview' | 'replies'>('products');\n const [isLoading, setIsLoading] = useState(false);\n\n // Load initial data\n useEffect(() => {\n const initialData = (window as any).__INITIAL_DATA__;\n if (initialData) {\n console.log(\"Loaded initial data:\", initialData);\n }\n }, []);\n\n const addProduct = (product: Product) => {\n setProducts(prev => [...prev, product]);\n };\n\n const updateProduct = (id: string, updates: Partial) => {\n setProducts(prev => prev.map(p => p.id === id ? { ...p, ...updates } : p));\n };\n\n const removeProduct = (id: string) => {\n setProducts(prev => prev.filter(p => p.id !== id));\n };\n\n const generateCatalog = async () => {\n if (products.length === 0) {\n alert(\"Please add some products first!\");\n return;\n }\n\n setIsLoading(true);\n try {\n const response = await fetch(\"/api/catalog/format\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ products })\n });\n\n if (!response.ok) {\n throw new Error(\"Failed to format catalog\");\n }\n\n const data = await response.json();\n setWhatsappProducts(data.products);\n \n if (data.validationErrors) {\n console.warn(\"Validation errors:\", data.validationErrors);\n alert(`Generated catalog with ${data.totalValid} valid products. Check console for validation errors.`);\n }\n \n setActiveTab('preview');\n } catch (error) {\n console.error(\"Catalog generation error:\", error);\n alert(\"Failed to generate catalog. Please try again.\");\n } finally {\n setIsLoading(false);\n }\n };\n\n const generateAutoReplies = async () => {\n setIsLoading(true);\n try {\n const response = await fetch(\"/api/catalog/auto-replies\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ businessName, businessType })\n });\n\n if (!response.ok) {\n throw new Error(\"Failed to generate auto-replies\");\n }\n\n const data = await response.json();\n setAutoReplies(data.autoReplies);\n setActiveTab('replies');\n } catch (error) {\n console.error(\"Auto-reply generation error:\", error);\n alert(\"Failed to generate auto-replies. Please try again.\");\n } finally {\n setIsLoading(false);\n }\n };\n\n const exportCatalog = async (format: 'csv' | 'json' | 'instructions') => {\n if (whatsappProducts.length === 0) {\n alert(\"Please generate a catalog first!\");\n return;\n }\n\n try {\n const response = await fetch(\"/api/catalog/export\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n products: whatsappProducts,\n autoReplies,\n businessName,\n format\n })\n });\n\n if (!response.ok) {\n throw new Error(\"Failed to export catalog\");\n }\n\n // Download the file\n const blob = await response.blob();\n const url = window.URL.createObjectURL(blob);\n const a = document.createElement('a');\n a.href = url;\n a.download = `whatsapp-catalog.${format === 'instructions' ? 'txt' : format}`;\n document.body.appendChild(a);\n a.click();\n window.URL.revokeObjectURL(url);\n document.body.removeChild(a);\n } catch (error) {\n console.error(\"Export error:\", error);\n alert(\"Failed to export catalog. Please try again.\");\n }\n };\n\n const tabs = [\n { id: 'products', label: '📝 Products', count: products.length },\n { id: 'voice', label: '🎤 Voice Input', count: null },\n { id: 'preview', label: '📱 Preview', count: whatsappProducts.length },\n { id: 'replies', label: '🤖 Auto-Replies', count: autoReplies.length }\n ] as const;\n\n return (\n

\n {/* Header */}\n

📱

WhatsApp Business Catalog Generator

Create professional catalogs and auto-replies

\n \n

\n setBusinessName(e.target.value)}\n className=\"px-3 py-1 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-green-500\"\n />\n setBusinessType(e.target.value)}\n className=\"ml-2 px-3 py-1 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-green-500\"\n >\n \n \n \n \n \n \n \n

\n\n {/* Navigation Tabs */}\n

\n {tabs.map((tab) => (\n setActiveTab(tab.id)}\n className={`py-4 px-1 border-b-2 font-medium text-sm transition-colors ${\n activeTab === tab.id\n ? 'border-green-500 text-green-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n {tab.label}\n {tab.count !== null && (\n \n {tab.count}\n \n )}\n \n ))}\n

\n\n {/* Action Bar */}\n

\n \n {products.length} products • {whatsappProducts.length} formatted • {autoReplies.length} auto-replies\n \n

\n \n

\n \n {isLoading ? Generating : '🔄 Generate Catalog'}\n \n \n \n {isLoading ? Generating : '🤖 Generate Auto-Replies'}\n \n \n

\n exportCatalog('csv')}\n disabled={whatsappProducts.length === 0}\n className=\"px-3 py-2 bg-gray-600 text-white rounded-md hover:bg-gray-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors text-sm\"\n >\n 📊 CSV\n \n exportCatalog('json')}\n disabled={whatsappProducts.length === 0}\n className=\"px-3 py-2 bg-gray-600 text-white rounded-md hover:bg-gray-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors text-sm\"\n >\n 📄 JSON\n \n exportCatalog('instructions')}\n className=\"px-3 py-2 bg-purple-600 text-white rounded-md hover:bg-purple-700 transition-colors text-sm\"\n >\n 📋 Instructions\n \n

\n\n {/* Main Content */}\n

\n {activeTab === 'products' && (\n \n )}\n \n {activeTab === 'voice' && (\n {\n newProducts.forEach(product => addProduct(product as Product));\n setActiveTab('products');\n }}\n businessType={businessType}\n />\n )}\n \n {activeTab === 'preview' && (\n \n )}\n \n {activeTab === 'replies' && (\n \n )}\n

\n );\n}",[],[231,238,245],{"_103":252,"_95":253,"_152":254,"_154":239,"_155":137,"_156":255,"_158":159,"_105":256,"_100":32,"_161":180,"_163":257,"_164":22,"_165":-5,"_166":258,"_98":259},"1633f4e8-3fac-11f0-b644-76b3cceeab13","AutoReplyGenerator.tsx","1633f588-3fac-11f0-b644-76b3cceeab13",21,["D",1748866878782],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { AutoReplyScript } from \"../../shared/types.ts\";\n\ninterface AutoReplyGeneratorProps {\n autoReplies: AutoReplyScript[];\n onUpdateAutoReplies: (replies: AutoReplyScript[]) => void;\n businessName: string;\n businessType: string;\n}\n\nexport default function AutoReplyGenerator({ \n autoReplies, \n onUpdateAutoReplies, \n businessName,\n businessType \n}: AutoReplyGeneratorProps) {\n const [customTrigger, setCustomTrigger] = useState('');\n const [isGenerating, setIsGenerating] = useState(false);\n const [editingReply, setEditingReply] = useState(null);\n const [selectedCategory, setSelectedCategory] = useState('all');\n\n const categories = [\n { id: 'all', label: 'All Categories', icon: '📋' },\n { id: 'greeting', label: 'Greetings', icon: '👋' },\n { id: 'product_inquiry', label: 'Product Inquiries', icon: '🛍️' },\n { id: 'order_status', label: 'Order Status', icon: '📦' },\n { id: 'support', label: 'Support', icon: '🛠️' },\n { id: 'closing', label: 'Closing', icon: '👋' }\n ];\n\n const filteredReplies = selectedCategory === 'all' \n ? autoReplies \n : autoReplies.filter(reply => reply.category === selectedCategory);\n\n const generateCustomReply = async () => {\n if (!customTrigger.trim()) {\n alert('Please enter a trigger phrase or scenario');\n return;\n }\n\n setIsGenerating(true);\n try {\n const response = await fetch('/api/catalog/auto-replies', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ \n businessName, \n businessType, \n customTriggers: [customTrigger] \n })\n });\n\n if (!response.ok) {\n throw new Error('Failed to generate custom reply');\n }\n\n const data = await response.json();\n const newReplies = data.autoReplies.filter((reply: AutoReplyScript) => \n reply.id.startsWith('custom_')\n );\n \n onUpdateAutoReplies([...autoReplies, ...newReplies]);\n setCustomTrigger('');\n } catch (error) {\n console.error('Custom reply generation error:', error);\n alert('Failed to generate custom reply. Please try again.');\n } finally {\n setIsGenerating(false);\n }\n };\n\n const updateReply = (id: string, updates: Partial) => {\n onUpdateAutoReplies(\n autoReplies.map(reply => \n reply.id === id ? { ...reply, ...updates } : reply\n )\n );\n };\n\n const deleteReply = (id: string) => {\n if (confirm('Are you sure you want to delete this auto-reply?')) {\n onUpdateAutoReplies(autoReplies.filter(reply => reply.id !== id));\n }\n };\n\n const exportAutoReplies = () => {\n const exportData = {\n businessName,\n businessType,\n autoReplies: autoReplies.map(reply => ({\n trigger: reply.trigger,\n response: reply.response,\n category: reply.category\n })),\n instructions: `\n# WhatsApp Business Auto-Reply Setup\n\n## How to use these auto-replies:\n\n1. **WhatsApp Business App:**\n - Go to Settings > Business tools > Quick replies\n - Create new quick replies using the responses below\n - Set up keywords/triggers as specified\n\n2. **WhatsApp Business API:**\n - Use these in your webhook logic\n - Match incoming messages against trigger patterns\n - Send appropriate responses automatically\n\n3. **Third-party Tools:**\n - Import into chatbot platforms\n - Use with WhatsApp automation tools\n - Customize triggers based on your needs\n\n## Trigger Patterns:\nEach trigger supports multiple keywords separated by \"|\"\nExample: \"hello|hi|hey\" matches any of these words\n\n## Variables:\nSome responses include placeholders like {businessName}\nReplace these with actual values in your implementation.\n `\n };\n\n const blob = new Blob([JSON.stringify(exportData, null, 2)], { \n type: 'application/json' \n });\n const url = URL.createObjectURL(blob);\n const a = document.createElement('a');\n a.href = url;\n a.download = 'whatsapp-auto-replies.json';\n document.body.appendChild(a);\n a.click();\n URL.revokeObjectURL(url);\n document.body.removeChild(a);\n };\n\n if (autoReplies.length === 0) {\n return (\n

🤖

No Auto-Replies Generated

\n Click \"Generate Auto-Replies\" to create professional customer support scripts.\n

🤖 Auto-Replies Include:

• Welcome greetings
• Product inquiry responses
• Order status updates
• Support and help messages
• Professional closing messages

\n );\n }\n\n return (\n

\n {/* Header with Stats */}\n

\n 🤖\n Auto-Reply Scripts ({autoReplies.length})\n

\n \n \n 📥 Export Scripts\n \n

\n\n {/* Category Filter */}\n

\n {categories.map((category) => (\n setSelectedCategory(category.id)}\n className={`px-3 py-2 rounded-md text-sm transition-colors ${\n selectedCategory === category.id\n ? 'bg-blue-600 text-white'\n : 'bg-gray-200 text-gray-700 hover:bg-gray-300'\n }`}\n >\n {category.icon} {category.label}\n {category.id !== 'all' && (\n \n ({autoReplies.filter(r => r.category === category.id).length})\n \n )}\n \n ))}\n

\n\n {/* Add Custom Reply */}\n

➕ Add Custom Auto-Reply

\n setCustomTrigger(e.target.value)}\n placeholder=\"e.g., 'refund policy', 'shipping time', 'bulk orders'\"\n className=\"flex-1 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n \n {isGenerating ? Generating : '✨ Generate'}\n \n

\n Describe a customer scenario or question to generate a custom auto-reply\n

\n\n {/* Auto-Replies List */}\n

\n {filteredReplies.map((reply) => (\n

\n \n {reply.category === 'greeting' && '👋'}\n {reply.category === 'product_inquiry' && '🛍️'}\n {reply.category === 'order_status' && '📦'}\n {reply.category === 'support' && '🛠️'}\n {reply.category === 'closing' && '👋'}\n \n

\n {reply.category.replace('_', ' ')}\n

\n \n {reply.id.startsWith('custom_') ? 'Custom' : 'Default'}\n \n

\n \n

\n setEditingReply(editingReply === reply.id ? null : reply.id)}\n className=\"px-3 py-1 text-sm bg-blue-600 text-white rounded hover:bg-blue-700 transition-colors\"\n >\n {editingReply === reply.id ? '💾 Save' : '✏️ Edit'}\n \n {reply.id.startsWith('custom_') && (\n deleteReply(reply.id)}\n className=\"px-3 py-1 text-sm bg-red-600 text-white rounded hover:bg-red-700 transition-colors\"\n >\n 🗑️ Delete\n \n )}\n

\n\n {/* Trigger Keywords */}\n

\n \n 🔍 Trigger Keywords\n \n {editingReply === reply.id ? (\n updateReply(reply.id, { trigger: e.target.value })}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n placeholder=\"keyword1|keyword2|keyword3\"\n />\n ) : (\n

\n {reply.trigger.split('|').map((keyword, index) => (\n \n {keyword.trim()}\n \n ))}\n

\n )}\n

\n\n {/* Response */}\n

\n \n 💬 Auto-Reply Response\n \n {editingReply === reply.id ? (\n updateReply(reply.id, { response: e.target.value })}\n rows={6}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n ) : (\n

\n {reply.response}\n

\n )}\n

\n\n {/* WhatsApp Preview */}\n {editingReply !== reply.id && (\n

📱 WhatsApp Preview:

\n {businessName.charAt(0).toUpperCase()}\n

\n {businessName}\n • Auto-reply\n

\n {reply.response}\n

\n )}\n

\n ))}\n

\n\n {filteredReplies.length === 0 && selectedCategory !== 'all' && (\n

🔍

\n No {categories.find(c => c.id === selectedCategory)?.label} Found\n

\n Try selecting \"All Categories\" or generate more auto-replies.\n

\n )}\n\n {/* Setup Instructions */}\n

\n 💡\n Setup Instructions\n

WhatsApp Business App:

Go to Settings → Business tools → Quick replies
Create new quick replies using the responses above
Set keywords as shortcuts (use trigger words)

\n \n

WhatsApp Business API:

Implement keyword matching in your webhook
Use the trigger patterns to detect customer intent
Send appropriate auto-reply responses

\n \n

Tips:

Test all auto-replies before going live
Customize responses to match your brand voice
Monitor performance and update as needed
Always provide a way to reach human support

\n );\n}",[],[231,238,253],{"_103":261,"_95":262,"_152":263,"_154":239,"_155":137,"_156":264,"_158":159,"_105":265,"_100":32,"_161":180,"_163":266,"_164":22,"_165":-5,"_166":267,"_98":268},"ed9675c4-3fab-11f0-a858-76b3cceeab13","CatalogPreview.tsx","ed96768c-3fab-11f0-a858-76b3cceeab13",20,["D",1748866810644],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { WhatsAppCatalogItem } from \"../../shared/types.ts\";\n\ninterface CatalogPreviewProps {\n products: WhatsAppCatalogItem[];\n businessName: string;\n}\n\nexport default function CatalogPreview({ products, businessName }: CatalogPreviewProps) {\n const [viewMode, setViewMode] = useState<'whatsapp' | 'table'>('whatsapp');\n const [selectedProduct, setSelectedProduct] = useState(null);\n\n if (products.length === 0) {\n return (\n

📱

No Catalog Generated

\n Add some products and click \"Generate Catalog\" to see the WhatsApp preview.\n

💡 Quick Start:

1. Go to the Products tab
2. Add your products manually or use voice input
3. Click \"Generate Catalog\" button
4. Return here to preview your WhatsApp catalog

\n );\n }\n\n const totalValue = products.reduce((sum, product) => sum + parseFloat(product.price || '0'), 0);\n const inStockCount = products.filter(p => p.availability === 'in_stock').length;\n const categories = [...new Set(products.map(p => p.category).filter(Boolean))];\n\n return (\n

\n {/* Header with Stats */}\n

\n 📱\n WhatsApp Catalog Preview\n

\n \n

\n setViewMode('whatsapp')}\n className={`px-4 py-2 rounded-md transition-colors ${\n viewMode === 'whatsapp' \n ? 'bg-green-600 text-white' \n : 'bg-gray-200 text-gray-700 hover:bg-gray-300'\n }`}\n >\n 📱 WhatsApp View\n \n setViewMode('table')}\n className={`px-4 py-2 rounded-md transition-colors ${\n viewMode === 'table' \n ? 'bg-green-600 text-white' \n : 'bg-gray-200 text-gray-700 hover:bg-gray-300'\n }`}\n >\n 📊 Table View\n \n

\n\n {/* Stats */}\n

{products.length}

Total Products

{inStockCount}

In Stock

{categories.length}

{businessName}

Business Catalog

\n\n {/* Catalog Grid */}\n

\n {products.map((product) => (\n setSelectedProduct(product)}\n className=\"border border-gray-200 rounded-lg overflow-hidden hover:shadow-md transition-shadow cursor-pointer\"\n >\n {/* Product Image Placeholder */}\n

\n {product.image_url ? (\n {\n (e.target as HTMLImageElement).style.display = 'none';\n (e.target as HTMLImageElement).nextElementSibling!.classList.remove('hidden');\n }}\n />\n ) : null}\n

\n 📦\n

\n\n {/* Product Info */}\n

\n {product.name}\n

\n {product.description}\n

\n \n {product.currency} {parseFloat(product.price || '0').toFixed(2)}\n \n \n {product.availability === 'in_stock' ? 'Available' : 'Out of Stock'}\n \n

\n ))}\n

\n )}\n\n {/* Table View */}\n {viewMode === 'table' && (\n

\n \n \n \n \n \n \n \n \n \n \n \n {products.map((product) => (\n \n \n \n \n \n \n \n ))}\n \n

\n Product\n	\n Category\n	\n Price\n	\n Availability\n	\n ID\n
\n \n {product.name} \n \n {product.description}\n \n \n	\n {product.category \|\| '-'}\n	\n {product.currency} {parseFloat(product.price \|\| '0').toFixed(2)}\n	\n \n {product.availability === 'in_stock' ? 'In Stock' : 'Out of Stock'}\n \n	\n {product.retailer_id}\n

\n )}\n\n {/* Product Detail Modal */}\n {selectedProduct && (\n

\n {/* Modal Header */}\n

Product Details

\n setSelectedProduct(null)}\n className=\"text-white hover:text-gray-200 text-xl\"\n >\n ✕\n \n

\n\n {/* Modal Content */}\n

\n {/* Product Image */}\n

\n {selectedProduct.image_url ? (\n {\n (e.target as HTMLImageElement).style.display = 'none';\n (e.target as HTMLImageElement).nextElementSibling!.classList.remove('hidden');\n }}\n />\n ) : null}\n

\n 📦\n

\n\n {/* Product Info */}\n

\n {selectedProduct.name}\n

\n \n

\n {selectedProduct.description}\n

\n\n

\n Price:\n \n {selectedProduct.currency} {parseFloat(selectedProduct.price || '0').toFixed(2)}\n \n

\n \n

\n Category:\n {selectedProduct.category || 'General'}\n

\n \n

\n Availability:\n \n {selectedProduct.availability === 'in_stock' ? 'In Stock' : 'Out of Stock'}\n \n

\n \n

\n Product ID:\n {selectedProduct.retailer_id}\n

\n\n {/* WhatsApp Message Preview */}\n

WhatsApp Message Preview:

\n {selectedProduct.name}
\n {selectedProduct.description}

\n 💰 {selectedProduct.currency} {parseFloat(selectedProduct.price || '0').toFixed(2)}
\n 📦 {selectedProduct.availability === 'in_stock' ? 'Available now!' : 'Currently out of stock'}\n

\n )}\n\n {/* Categories Summary */}\n {categories.length > 0 && (\n

\n 📂\n Categories ({categories.length})\n

\n \n

\n {categories.map((category) => {\n const categoryProducts = products.filter(p => p.category === category);\n return (\n

{category}

{categoryProducts.length} products

\n );\n })}\n

\n )}\n \n );\n}",[],[231,238,262],{"_103":270,"_95":271,"_152":272,"_154":239,"_155":137,"_156":273,"_158":159,"_105":274,"_100":32,"_161":180,"_163":275,"_164":22,"_165":-5,"_166":276,"_98":277},"a966c994-3fab-11f0-89e1-76b3cceeab13","ProductForm.tsx","a966ca5c-3fab-11f0-89e1-76b3cceeab13",18,["D",1748866696245],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { Product } from \"../../shared/types.ts\";\n\ninterface ProductFormProps {\n products: Product[];\n onAddProduct: (product: Product) => void;\n onUpdateProduct: (id: string, updates: Partial) => void;\n onRemoveProduct: (id: string) => void;\n businessType: string;\n}\n\nexport default function ProductForm({ \n products, \n onAddProduct, \n onUpdateProduct, \n onRemoveProduct,\n businessType \n}: ProductFormProps) {\n const [formData, setFormData] = useState({\n name: '',\n description: '',\n price: '',\n currency: 'USD',\n category: '',\n imageUrl: '',\n sku: '',\n availability: 'in_stock' as const\n });\n const [isEnhancing, setIsEnhancing] = useState(null);\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n \n if (!formData.name.trim() || !formData.description.trim()) {\n alert('Product name and description are required!');\n return;\n }\n\n const product: Product = {\n id: `product_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,\n name: formData.name.trim(),\n description: formData.description.trim(),\n price: parseFloat(formData.price) || 0,\n currency: formData.currency,\n category: formData.category.trim() || 'General',\n imageUrl: formData.imageUrl.trim() || undefined,\n sku: formData.sku.trim() || undefined,\n availability: formData.availability,\n tags: []\n };\n\n onAddProduct(product);\n \n // Reset form\n setFormData({\n name: '',\n description: '',\n price: '',\n currency: 'USD',\n category: '',\n imageUrl: '',\n sku: '',\n availability: 'in_stock'\n });\n };\n\n const enhanceDescription = async (productId: string, product: Product) => {\n setIsEnhancing(productId);\n try {\n const response = await fetch('/api/catalog/enhance-description', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ product, businessType })\n });\n\n if (!response.ok) {\n throw new Error('Failed to enhance description');\n }\n\n const data = await response.json();\n onUpdateProduct(productId, { description: data.generated });\n \n if (data.suggestions && data.suggestions.length > 0) {\n const useAlternative = confirm(\n `Enhanced description generated! Would you like to see alternatives?\\n\\nGenerated: ${data.generated}\\n\\nAlternative 1: ${data.suggestions[0]}\\n\\nClick OK to use Alternative 1, Cancel to keep the generated version.`\n );\n \n if (useAlternative) {\n onUpdateProduct(productId, { description: data.suggestions[0] });\n }\n }\n } catch (error) {\n console.error('Enhancement error:', error);\n alert('Failed to enhance description. Please try again.');\n } finally {\n setIsEnhancing(null);\n }\n };\n\n const categories = [\n 'Electronics', 'Fashion', 'Food & Beverages', 'Health & Beauty', \n 'Home & Garden', 'Sports & Outdoors', 'Books & Media', 'Toys & Games',\n 'Automotive', 'Services', 'Other'\n ];\n\n const currencies = ['USD', 'EUR', 'GBP', 'INR', 'BRL', 'MXN', 'CAD', 'AUD'];\n\n return (\n

\n {/* Add Product Form */}\n

\n ➕\n Add New Product\n

\n \n

\n \n Product Name *\n \n setFormData(prev => ({ ...prev, name: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500\"\n placeholder=\"e.g., Premium Wireless Headphones\"\n required\n />\n

\n \n

\n \n Category\n \n setFormData(prev => ({ ...prev, category: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500\"\n >\n \n {categories.map(cat => (\n \n ))}\n \n

\n\n

\n \n Description *\n \n setFormData(prev => ({ ...prev, description: e.target.value }))}\n rows={3}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500\"\n placeholder=\"Describe your product features, benefits, and what makes it special...\"\n required\n />\n

\n\n

\n \n Price\n \n setFormData(prev => ({ ...prev, price: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500\"\n placeholder=\"0.00\"\n />\n

\n \n

\n \n Currency\n \n setFormData(prev => ({ ...prev, currency: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500\"\n >\n {currencies.map(curr => (\n \n ))}\n \n

\n \n

\n \n Availability\n \n setFormData(prev => ({ ...prev, availability: e.target.value as 'in_stock' | 'out_of_stock' }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500\"\n >\n \n \n \n

\n\n

\n \n Image URL (optional)\n \n setFormData(prev => ({ ...prev, imageUrl: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500\"\n placeholder=\"https://example.com/image.jpg\"\n />\n

\n \n

\n \n SKU (optional)\n \n setFormData(prev => ({ ...prev, sku: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500\"\n placeholder=\"e.g., WH-001\"\n />\n

\n\n

\n \n Add Product\n \n

\n\n {/* Products List */}\n

\n 📦\n Products ({products.length})\n

\n \n {products.length === 0 ? (\n

📦

No products yet

Add your first product using the form above or try voice input!

\n ) : (\n

\n {products.map((product) => (\n

{product.name}

\n \n {product.availability === 'in_stock' ? '✅ In Stock' : '❌ Out of Stock'}\n \n {product.category && (\n \n {product.category}\n \n )}\n

\n \n

{product.description}

\n \n

\n {product.price > 0 && (\n \n {product.currency} {product.price.toFixed(2)}\n \n )}\n {product.sku && SKU: {product.sku}}\n {product.imageUrl && 🖼️ Has Image}\n

\n \n

\n enhanceDescription(product.id, product)}\n disabled={isEnhancing === product.id}\n className=\"px-3 py-1 text-sm bg-blue-600 text-white rounded hover:bg-blue-700 disabled:opacity-50 transition-colors\"\n >\n {isEnhancing === product.id ? '✨...' : '✨ Enhance'}\n \n onRemoveProduct(product.id)}\n className=\"px-3 py-1 text-sm bg-red-600 text-white rounded hover:bg-red-700 transition-colors\"\n >\n 🗑️ Remove\n \n

\n ))}\n

\n )}\n

\n );\n}",[],[231,238,271],{"_103":279,"_95":280,"_152":281,"_154":239,"_155":137,"_156":282,"_158":159,"_105":283,"_100":32,"_161":180,"_163":284,"_164":22,"_165":-5,"_166":285,"_98":286},"ca529160-3fab-11f0-966e-76b3cceeab13","VoiceInput.tsx","ca529282-3fab-11f0-966e-76b3cceeab13",19,["D",1748866751478],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useRef, useEffect } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { Product } from \"../../shared/types.ts\";\n\ninterface VoiceInputProps {\n onProductsExtracted: (products: Partial[]) => void;\n businessType: string;\n}\n\nexport default function VoiceInput({ onProductsExtracted, businessType }: VoiceInputProps) {\n const [isRecording, setIsRecording] = useState(false);\n const [transcript, setTranscript] = useState('');\n const [isProcessing, setIsProcessing] = useState(false);\n const [extractedProducts, setExtractedProducts] = useState[]>([]);\n const [error, setError] = useState(null);\n const [isSupported, setIsSupported] = useState(true);\n \n const recognitionRef = useRef(null);\n const timeoutRef = useRef(null);\n\n useEffect(() => {\n // Check if speech recognition is supported\n const SpeechRecognition = (window as any).SpeechRecognition || (window as any).webkitSpeechRecognition;\n if (!SpeechRecognition) {\n setIsSupported(false);\n setError('Speech recognition is not supported in this browser. Please use Chrome, Edge, or Safari.');\n return;\n }\n\n // Initialize speech recognition\n const recognition = new SpeechRecognition();\n recognition.continuous = true;\n recognition.interimResults = true;\n recognition.lang = 'en-US';\n\n recognition.onstart = () => {\n setIsRecording(true);\n setError(null);\n };\n\n recognition.onresult = (event: any) => {\n let finalTranscript = '';\n let interimTranscript = '';\n\n for (let i = event.resultIndex; i < event.results.length; i++) {\n const transcript = event.results[i][0].transcript;\n if (event.results[i].isFinal) {\n finalTranscript += transcript;\n } else {\n interimTranscript += transcript;\n }\n }\n\n setTranscript(finalTranscript + interimTranscript);\n\n // Auto-stop after 3 seconds of silence\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n timeoutRef.current = setTimeout(() => {\n if (isRecording) {\n stopRecording();\n }\n }, 3000);\n };\n\n recognition.onerror = (event: any) => {\n console.error('Speech recognition error:', event.error);\n setError(`Speech recognition error: ${event.error}`);\n setIsRecording(false);\n };\n\n recognition.onend = () => {\n setIsRecording(false);\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n };\n\n recognitionRef.current = recognition;\n\n return () => {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n };\n }, [isRecording]);\n\n const startRecording = () => {\n if (!isSupported || !recognitionRef.current) return;\n \n setTranscript('');\n setExtractedProducts([]);\n setError(null);\n \n try {\n recognitionRef.current.start();\n } catch (error) {\n console.error('Failed to start recording:', error);\n setError('Failed to start recording. Please try again.');\n }\n };\n\n const stopRecording = () => {\n if (recognitionRef.current && isRecording) {\n recognitionRef.current.stop();\n }\n };\n\n const processTranscript = async () => {\n if (!transcript.trim()) {\n setError('No transcript to process. Please record some speech first.');\n return;\n }\n\n setIsProcessing(true);\n setError(null);\n\n try {\n const response = await fetch('/api/voice/extract-products', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ transcript, businessType })\n });\n\n if (!response.ok) {\n throw new Error('Failed to process voice input');\n }\n\n const data = await response.json();\n setExtractedProducts(data.products);\n \n if (data.products.length === 0) {\n setError('No products could be extracted from the transcript. Please try describing your products more clearly.');\n }\n } catch (error) {\n console.error('Processing error:', error);\n setError('Failed to process voice input. Please try again.');\n } finally {\n setIsProcessing(false);\n }\n };\n\n const addExtractedProducts = () => {\n if (extractedProducts.length > 0) {\n onProductsExtracted(extractedProducts);\n setTranscript('');\n setExtractedProducts([]);\n }\n };\n\n const editProduct = (index: number, field: keyof Product, value: any) => {\n setExtractedProducts(prev => \n prev.map((product, i) => \n i === index ? { ...product, [field]: value } : product\n )\n );\n };\n\n if (!isSupported) {\n return (\n

🚫

Voice Input Not Supported

\n Your browser doesn't support speech recognition. Please use Chrome, Edge, or Safari for voice input.\n

\n You can still add products manually using the Products tab.\n

\n );\n }\n\n return (\n

\n {/* Voice Recording Interface */}\n

\n 🎤\n Voice Input\n

\n\n

\n {/* Recording Button */}\n

\n \n {isRecording ? '⏹️' : '🎤'}\n \n

\n\n {/* Status */}\n

\n {isRecording && (\n

\n 🔴 Recording... Speak clearly about your products\n

\n )}\n {isProcessing && (\n

\n Processing voice input\n

\n )}\n {!isRecording && !isProcessing && transcript && (\n

\n ✅ Recording complete. Review and process below.\n

\n )}\n

\n\n {/* Instructions */}\n

💡 Voice Input Tips:

• Speak clearly and at a normal pace
• Mention product names, descriptions, and prices
• Example: \"I'm selling wireless headphones for $99, they have noise cancellation and 20-hour battery life\"
• You can describe multiple products in one recording
• Recording stops automatically after 3 seconds of silence

\n\n {/* Transcript Display */}\n {transcript && (\n

\n 📝\n Transcript\n

\n \n

{transcript}

\n\n

\n setTranscript('')}\n className=\"px-4 py-2 text-gray-600 hover:text-gray-800 transition-colors\"\n >\n 🗑️ Clear\n \n \n \n {isProcessing ? Processing : '🔍 Extract Products'}\n \n

\n )}\n\n {/* Error Display */}\n {error && (\n

\n ⚠️\n

{error}

\n )}\n\n {/* Extracted Products */}\n {extractedProducts.length > 0 && (\n

\n 🎯\n Extracted Products ({extractedProducts.length})\n

\n\n

\n {extractedProducts.map((product, index) => (\n

\n \n Product Name\n \n editProduct(index, 'name', e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n \n

\n \n Category\n \n editProduct(index, 'category', e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n\n

\n \n Description\n \n editProduct(index, 'description', e.target.value)}\n rows={2}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n\n

\n \n Price\n \n editProduct(index, 'price', parseFloat(e.target.value) || 0)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n \n

\n \n Currency\n \n editProduct(index, 'currency', e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n >\n \n \n \n \n \n

\n \n

\n \n Availability\n \n editProduct(index, 'availability', e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n >\n \n \n \n

\n ))}\n

\n\n

\n setExtractedProducts([])}\n className=\"px-4 py-2 text-gray-600 hover:text-gray-800 transition-colors\"\n >\n 🗑️ Clear All\n \n \n \n ➕ Add Products ({extractedProducts.length})\n \n

\n )}\n

\n );\n}",[],[231,238,280],[231,238],{"_103":289,"_95":290,"_152":291,"_154":232,"_155":137,"_156":233,"_158":159,"_105":292,"_100":32,"_161":293,"_163":294,"_164":22,"_165":-5,"_166":295,"_98":296},"6bed3526-3fab-11f0-80f9-76b3cceeab13","index.html","6bed35ee-3fab-11f0-80f9-76b3cceeab13",["D",1748866593107],"file","\n\n\n \n \n WhatsApp Business Catalog Generator\n \n \n 📱\">\n \n\n\n

\n \n \n\n",[],[231,290],{"_103":298,"_95":299,"_152":300,"_154":232,"_155":137,"_156":301,"_158":159,"_105":302,"_100":32,"_161":180,"_163":303,"_164":22,"_165":-5,"_166":304,"_98":305},"718960e0-3fab-11f0-bde1-76b3cceeab13","index.tsx","7189618a-3fab-11f0-bde1-76b3cceeab13",16,["D",1748866602520],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0,react-dom@18.2.0\";\nimport App from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[231,299],[231],{"_103":308,"_95":99,"_152":309,"_154":-5,"_155":137,"_156":310,"_158":159,"_105":311,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":312,"_98":321},"18d889bc-3fab-11f0-8d21-76b3cceeab13","472838cf-90ef-41ac-bd0a-f11cf4b1ce3d",9,["D",1748866453717],[313],{"_103":314,"_95":315,"_152":316,"_154":309,"_155":137,"_156":310,"_158":159,"_105":317,"_100":32,"_161":180,"_163":318,"_164":22,"_165":-5,"_166":319,"_98":320},"18d880a2-3fab-11f0-8d21-76b3cceeab13","types.ts","18d8814c-3fab-11f0-8d21-76b3cceeab13",["D",1748866453717],"// Shared types for WhatsApp Business Catalog Generator\n\nexport interface Product {\n id: string;\n name: string;\n description: string;\n price: number;\n currency: string;\n category: string;\n imageUrl?: string;\n availability: 'in_stock' | 'out_of_stock';\n sku?: string;\n tags?: string[];\n}\n\nexport interface WhatsAppCatalogItem {\n retailer_id: string;\n name: string;\n description: string;\n price: string;\n currency: string;\n availability: string;\n category: string;\n image_url?: string;\n url?: string;\n}\n\nexport interface AutoReplyScript {\n id: string;\n trigger: string;\n response: string;\n category: 'greeting' | 'product_inquiry' | 'order_status' | 'support' | 'closing';\n variables?: string[];\n}\n\nexport interface VoiceInputResult {\n transcript: string;\n confidence: number;\n products?: Partial[];\n}\n\nexport interface CatalogExport {\n products: WhatsAppCatalogItem[];\n autoReplies: AutoReplyScript[];\n metadata: {\n businessName: string;\n generatedAt: string;\n totalProducts: number;\n };\n}\n\nexport interface AIGenerationRequest {\n type: 'description' | 'auto_reply';\n input: string;\n context?: {\n productName?: string;\n category?: string;\n businessType?: string;\n };\n}\n\nexport interface AIGenerationResponse {\n generated: string;\n suggestions?: string[];\n}",[],[99,315],[99],{"_103":323,"_95":324,"_152":325,"_154":-5,"_155":137,"_156":223,"_158":159,"_105":326,"_100":32,"_161":180,"_163":327,"_164":22,"_165":-5,"_166":328,"_98":329},"d18d0044-3fa8-11f0-b121-76b3cceeab13","01_script.tsx","d18d0102-3fa8-11f0-b121-76b3cceeab13",["D",1748865475117],"// This script returns a random fun fact\n// You can run scripts manually in this view or call it from other vals.\nexport default function getRandomFact() {\n const funFacts = [\n \"Honey never spoils.\",\n \"Bananas are actually berries, but strawberries are not.\",\n \"Val Town has a citizen Juicy Bear. 🐻\",\n ];\n const fact = funFacts[Math.floor(Math.random() * funFacts.length)];\n return fact;\n}\nconsole.log(\"Fun fact:\", getRandomFact());\n",[],[324],{"_103":331,"_95":332,"_152":333,"_154":-5,"_155":137,"_156":334,"_158":159,"_105":335,"_100":32,"_161":224,"_163":336,"_164":22,"_165":-5,"_166":337,"_98":338},"d1907850-3fa8-11f0-b121-76b3cceeab13","02_http.tsx","d1907918-3fa8-11f0-b121-76b3cceeab13",3,["D",1748865475139],"// This code responds to HTTP web requests.\n// Access it via its public URL (you can also pick a nicer subdomain).\n// Try adding ?name=YourName to the URL!\nexport default function httpHandler(req: Request): Response {\n const url = new URL(req.url);\n const name = url.searchParams.get(\"name\") || \"Friend\";\n console.log(`Greeted ${name} via HTTP`);\n return new Response(`Hello, ${name}! Welcome to Val Town.`);\n}",[],[332],{"_103":340,"_95":341,"_152":342,"_154":-5,"_155":137,"_156":343,"_158":159,"_105":344,"_100":32,"_161":345,"_163":346,"_164":22,"_165":-5,"_166":347,"_98":348},"d1937b4a-3fa8-11f0-b121-76b3cceeab13","03_cron.tsx","d1937bf4-3fa8-11f0-b121-76b3cceeab13",4,["D",1748865475159],"interval","// This cron runs on a schedule (e.g. every hour, day).\n// Configure the timer with the 🕒 icon in the top right.\n// This example just logs the current time.\nexport function scheduledHandler() {\n const timestamp = new Date().toISOString();\n console.log(`Cron val executed at: ${timestamp}`);\n return `Executed at ${timestamp}`;\n}",[],[341],{"_103":350,"_95":351,"_152":352,"_154":-5,"_155":137,"_156":353,"_158":159,"_105":354,"_100":32,"_161":355,"_163":356,"_164":22,"_165":-5,"_166":357,"_98":358},"d197d938-3fa8-11f0-b121-76b3cceeab13","04_email.tsx","d197d9c4-3fa8-11f0-b121-76b3cceeab13",5,["D",1748865475188],"email","// This code is triggered when an email is sent to its unique address.\n// Click \"Run\", copy and paste the email address and send an email to it.\n// This example will log the email details received.\nexport default async function emailHandler(email: Email){\n console.log(\"Email received!\", email.from, email.subject, email.text);\n for (const file of email.attachments) {\n console.log(`Filename: ${file.name}`);\n console.log(`Content Type: ${file.type}`);\n console.log(`Content: ${await file.text()}`);\n }\n}",[],[351],{"_103":360,"_95":361,"_152":362,"_154":-5,"_155":137,"_156":363,"_158":159,"_105":364,"_100":365,"_161":293,"_163":366,"_164":22,"_165":-5,"_166":367,"_98":368},"130d28bc-3fab-11f0-8946-76b3cceeab13","README.md","d1897014-3fa8-11f0-b121-76b3cceeab13",8,["D",1748866443995],1,"# WhatsApp Business Catalog Generator\n\nA comprehensive tool for generating WhatsApp Business catalog content and auto-response scripts.\n\n## Features\n\n- **Product Catalog Generation**: Convert product lists into WhatsApp catalog-ready format\n- **Voice Input Support**: Add products using voice commands\n- **AI-Enhanced Descriptions**: Generate compelling product descriptions\n- **Auto-Reply Scripts**: Create professional customer support responses\n- **Export Options**: Download catalog data and scripts\n\n## Project Structure\n\n```\n├── backend/\n│ ├── index.ts # Main Hono server\n│ ├── routes/\n│ │ ├── catalog.ts # Catalog generation endpoints\n│ │ └── voice.ts # Voice processing endpoints\n│ └── services/\n│ ├── ai.ts # AI content generation\n│ └── whatsapp.ts # WhatsApp formatting utilities\n├── frontend/\n│ ├── index.html # Main application\n│ ├── index.tsx # React app entry point\n│ ├── components/\n│ │ ├── App.tsx # Main app component\n│ │ ├── ProductForm.tsx # Product input form\n│ │ ├── VoiceInput.tsx # Voice recording component\n│ │ ├── CatalogPreview.tsx # Catalog preview\n│ │ └── AutoReplyGenerator.tsx # Auto-reply scripts\n│ └── style.css # Custom styles\n└── shared/\n └── types.ts # Shared TypeScript types\n```\n\n## Usage\n\n1. **Add Products**: Enter product details manually or use voice input\n2. **Generate Descriptions**: AI enhances product descriptions for better appeal\n3. **Preview Catalog**: See how products will appear in WhatsApp Business\n4. **Create Auto-Replies**: Generate professional customer support scripts\n5. **Export**: Download catalog data and scripts\n\n## Tech Stack\n\n- **Backend**: Hono + TypeScript\n- **Frontend**: React + TypeScript + TailwindCSS\n- **AI**: OpenAI GPT for content generation\n- **Voice**: Web Speech API for voice input",[],[361],"files",[149,168,175,184,194,200,208,218,229,236,243,251,260,269,278,288,297,307,313,322,330,339,349,359],"counts",{"_373":32,"_374":365,"_375":32,"_376":32},"pulls","branches","forks","envVars","contents",[379],{"_103":314,"_95":315,"_152":316,"_154":309,"_155":137,"_156":310,"_158":159,"_105":380,"_100":32,"_161":180,"_163":318,"_164":22,"_165":-5,"_98":381},["D",1748866453717],[99,315],{"_103":308,"_155":137,"_152":309,"_95":99,"_163":-5,"_161":162,"_100":32,"_154":-5,"_105":383,"_156":310,"_165":-5,"_98":384},["D",1748866453717],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_93":94,"_95":96,"_97":43,"_98":99,"_101":393,"_293":398,"_401":402,"_405":406,"_409":-7,"_410":32,"_411":22},{"_103":104,"_95":96,"_105":394,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":395,"_131":396,"_134":397,"_146":22},["D",1748865475083],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_100":136,"_95":43,"_103":137,"_138":104,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":96,"_145":94},{"_103":308,"_95":99,"_152":309,"_154":-5,"_155":137,"_156":310,"_158":159,"_105":399,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_98":400},["D",1748866453717],[99],"history",[403],{"_103":308,"_155":137,"_152":309,"_95":99,"_163":-5,"_161":162,"_100":32,"_154":-5,"_105":404,"_156":310,"_165":-5},["D",1748866453717],"versions",[407],{"_293":403,"_408":-5},"previous","versionNumber","page","hasNext","actionData","errors"]

History for shared