\n \n

\n );\n }\n\n if (!token || !user) {\n return (\n

\n \n

\n );\n }\n\n // Render the appropriate page based on the current hash\n const renderPage = () => {\n switch (currentPage) {\n case \"dashboard\":\n return ;\n case \"pos\":\n return ;\n case \"products\":\n return ;\n case \"sales\":\n return ;\n case \"users\":\n return user.role === \"admin\" ? : ;\n default:\n return ;\n }\n };\n\n return (\n \n {renderPage()}\n \n );\n};\n\nexport default App;",[],[259,266,273],{"_106":281,"_98":282,"_150":283,"_152":267,"_153":137,"_154":284,"_156":157,"_108":285,"_103":31,"_159":179,"_161":286,"_162":27,"_163":-5,"_164":287,"_101":288},"861bd85c-358e-11f0-93f2-9e149126039e","Button.tsx","861bd9a6-358e-11f0-93f2-9e149126039e",15,["D",1747754670004],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport LoadingSpinner from \"./LoadingSpinner.tsx\";\n\ninterface ButtonProps {\n children: React.ReactNode;\n onClick?: () => void;\n type?: \"button\" | \"submit\" | \"reset\";\n variant?: \"primary\" | \"secondary\" | \"danger\" | \"success\" | \"outline\";\n size?: \"sm\" | \"md\" | \"lg\";\n fullWidth?: boolean;\n disabled?: boolean;\n loading?: boolean;\n icon?: React.ReactNode;\n}\n\nconst Button: React.FC = ({\n children,\n onClick,\n type = \"button\",\n variant = \"primary\",\n size = \"md\",\n fullWidth = false,\n disabled = false,\n loading = false,\n icon\n}) => {\n const baseClasses = \"inline-flex items-center justify-center rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2\";\n \n const variantClasses = {\n primary: \"bg-indigo-600 text-white hover:bg-indigo-700 focus:ring-indigo-500\",\n secondary: \"bg-gray-200 text-gray-900 hover:bg-gray-300 focus:ring-gray-500\",\n danger: \"bg-red-600 text-white hover:bg-red-700 focus:ring-red-500\",\n success: \"bg-green-600 text-white hover:bg-green-700 focus:ring-green-500\",\n outline: \"bg-transparent border border-gray-300 text-gray-700 hover:bg-gray-50 focus:ring-indigo-500\"\n };\n \n const sizeClasses = {\n sm: \"text-sm px-3 py-1.5\",\n md: \"text-base px-4 py-2\",\n lg: \"text-lg px-6 py-3\"\n };\n \n const classes = [\n baseClasses,\n variantClasses[variant],\n sizeClasses[size],\n fullWidth ? \"w-full\" : \"\",\n (disabled || loading) ? \"opacity-60 cursor-not-allowed\" : \"cursor-pointer\"\n ].join(\" \");\n\n return (\n \n {loading ? (\n <>\n \n {children}\n \n ) : (\n <>\n {icon && {icon}}\n {children}\n \n )}\n \n );\n};\n\nexport default Button;",[],[259,266,282],{"_106":290,"_98":291,"_150":292,"_152":267,"_153":137,"_154":293,"_156":157,"_108":294,"_103":31,"_159":179,"_161":295,"_162":27,"_163":-5,"_164":296,"_101":297},"be7a99fe-358e-11f0-ad9e-9e149126039e","Dashboard.tsx","be7a9ac6-358e-11f0-ad9e-9e149126039e",20,["D",1747754764576],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { DashboardStats } from \"../../shared/types.ts\";\nimport LoadingSpinner from \"./LoadingSpinner.tsx\";\n\ninterface DashboardProps {\n token: string;\n}\n\nconst Dashboard: React.FC = ({ token }) => {\n const [stats, setStats] = useState(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n\n useEffect(() => {\n const fetchStats = async () => {\n try {\n const response = await fetch(\"/api/dashboard/stats\", {\n headers: {\n \"Authorization\": `Bearer ${token}`\n }\n });\n\n if (!response.ok) {\n throw new Error(\"Failed to fetch dashboard data\");\n }\n\n const data = await response.json();\n if (data.success) {\n setStats(data.data);\n } else {\n throw new Error(data.error || \"Unknown error\");\n }\n } catch (err) {\n console.error(\"Dashboard error:\", err);\n setError(err.message || \"Failed to load dashboard\");\n } finally {\n setLoading(false);\n }\n };\n\n fetchStats();\n }, [token]);\n\n if (loading) {\n return (\n

\n \n

\n );\n }\n\n if (error) {\n return (\n

\n {error}\n

\n );\n }\n\n if (!stats) {\n return

No data available

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

Dashboard

\n \n

\n {/* Total Sales Card */}\n

\n \n

\n Total Sales\n: \n
\n {stats.totalSales}\n
\n

\n\n {/* Total Revenue Card */}\n

\n \n

\n Total Revenue\n: \n
\n ${stats.totalRevenue.toFixed(2)}\n
\n

\n\n {/* Low Stock Items Card */}\n

\n \n

\n Low Stock Items\n: \n
\n {stats.lowStockItems}\n
\n

\n\n {/* Top Products */}\n

Top Products

\n
\n
\n
\n {product.name}\n
\n
\n
\n {product.quantity} sold\n
\n
\n
\n
\n
No sales data available

\n );\n};\n\nexport default Dashboard;",[],[259,266,291],{"_106":299,"_98":300,"_150":301,"_152":267,"_153":137,"_154":302,"_156":157,"_108":303,"_103":31,"_159":179,"_161":304,"_162":27,"_163":-5,"_164":305,"_101":306},"8cb2791e-358e-11f0-a215-9e149126039e","Input.tsx","8cb279c8-358e-11f0-a215-9e149126039e",16,["D",1747754681055],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface InputProps {\n id: string;\n label?: string;\n type?: string;\n placeholder?: string;\n value: string | number;\n onChange: (e: React.ChangeEvent) => void;\n error?: string;\n required?: boolean;\n disabled?: boolean;\n min?: number;\n max?: number;\n step?: number;\n className?: string;\n}\n\nconst Input: React.FC = ({\n id,\n label,\n type = \"text\",\n placeholder,\n value,\n onChange,\n error,\n required = false,\n disabled = false,\n min,\n max,\n step,\n className = \"\"\n}) => {\n return (\n

\n {label && (\n \n {label}\n {required && *}\n \n )}\n \n {error &&

{error}

}\n

\n );\n};\n\nexport default Input;",[],[259,266,300],{"_106":308,"_98":309,"_150":310,"_152":267,"_153":137,"_154":311,"_156":157,"_108":312,"_103":31,"_159":179,"_161":313,"_162":27,"_163":-5,"_164":314,"_101":315},"9de7142e-358e-11f0-b4ea-9e149126039e","Layout.tsx","9de714e2-358e-11f0-b4ea-9e149126039e",18,["D",1747754709922],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport Sidebar from \"./Sidebar.tsx\";\nimport { User } from \"../../shared/types.ts\";\n\ninterface LayoutProps {\n children: React.ReactNode;\n user: User;\n onLogout: () => void;\n}\n\nconst Layout: React.FC = ({ children, user, onLogout }) => {\n const [sidebarOpen, setSidebarOpen] = useState(false);\n\n return (\n

\n {/* Mobile sidebar */}\n

setSidebarOpen(false)}\n >

\n setSidebarOpen(false)}\n >\n Close sidebar\n \n \n

\n \n

\n\n {/* Static sidebar for desktop */}\n

\n \n

\n\n {/* Main content */}\n

\n setSidebarOpen(true)}\n >\n Open sidebar\n \n \n

\n {children}\n

\n );\n};\n\nexport default Layout;",[],[259,266,309],{"_106":317,"_98":318,"_150":319,"_152":267,"_153":137,"_154":268,"_156":157,"_108":320,"_103":31,"_159":179,"_161":321,"_162":27,"_163":-5,"_164":322,"_101":323},"7f562ac2-358e-11f0-8972-9e149126039e","LoadingSpinner.tsx","7f562ba8-358e-11f0-8972-9e149126039e",["D",1747754658630],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface LoadingSpinnerProps {\n size?: \"sm\" | \"md\" | \"lg\";\n color?: string;\n}\n\nconst LoadingSpinner: React.FC = ({ \n size = \"md\", \n color = \"border-indigo-600\" \n}) => {\n const sizeClasses = {\n sm: \"w-4 h-4 border-2\",\n md: \"w-8 h-8 border-2\",\n lg: \"w-12 h-12 border-4\"\n };\n\n return (\n

\n );\n};\n\nexport default LoadingSpinner;",[],[259,266,318],{"_106":325,"_98":326,"_150":327,"_152":267,"_153":137,"_154":328,"_156":157,"_108":329,"_103":31,"_159":179,"_161":330,"_162":27,"_163":-5,"_164":331,"_101":332},"948c7748-358e-11f0-b4ea-9e149126039e","LoginForm.tsx","948c77fc-358e-11f0-b4ea-9e149126039e",17,["D",1747754694205],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport Input from \"./Input.tsx\";\nimport Button from \"./Button.tsx\";\n\ninterface LoginFormProps {\n onLogin: (username: string, password: string) => Promise;\n error?: string;\n}\n\nconst LoginForm: React.FC = ({ onLogin, error }) => {\n const [username, setUsername] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [loading, setLoading] = useState(false);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setLoading(true);\n try {\n await onLogin(username, password);\n } catch (err) {\n console.error(\"Login error:\", err);\n } finally {\n setLoading(false);\n }\n };\n\n return (\n

POS System

\n\n {error && (\n

\n {error}\n

\n )}\n\n

\n );\n};\n\nexport default LoginForm;",[],[259,266,326],{"_106":334,"_98":335,"_150":336,"_152":267,"_153":137,"_154":337,"_156":157,"_108":338,"_103":31,"_159":179,"_161":339,"_162":27,"_163":-5,"_164":340,"_101":341},"f05adc0e-358e-11f0-828c-9e149126039e","PointOfSale.tsx","f05adcd6-358e-11f0-828c-9e149126039e",22,["D",1747754848254],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { Product, Sale } from \"../../shared/types.ts\";\nimport Button from \"./Button.tsx\";\nimport Input from \"./Input.tsx\";\nimport ProductList from \"./ProductList.tsx\";\nimport LoadingSpinner from \"./LoadingSpinner.tsx\";\n\ninterface CartItem {\n product: Product;\n quantity: number;\n}\n\ninterface PointOfSaleProps {\n token: string;\n isAdmin: boolean;\n}\n\nconst PointOfSale: React.FC = ({ token, isAdmin }) => {\n const [cart, setCart] = useState([]);\n const [paymentMethod, setPaymentMethod] = useState<'cash' | 'card' | 'other'>('cash');\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n const [success, setSuccess] = useState(null);\n const [receipt, setReceipt] = useState(null);\n const [barcode, setBarcode] = useState(\"\");\n\n const handleAddToCart = (product: Product) => {\n setCart(prevCart => {\n // Check if product is already in cart\n const existingItem = prevCart.find(item => item.product.id === product.id);\n \n if (existingItem) {\n // Increase quantity if already in cart\n return prevCart.map(item => \n item.product.id === product.id \n ? { ...item, quantity: item.quantity + 1 } \n : item\n );\n } else {\n // Add new item to cart\n return [...prevCart, { product, quantity: 1 }];\n }\n });\n };\n\n const handleUpdateQuantity = (productId: number, newQuantity: number) => {\n if (newQuantity <= 0) {\n // Remove item if quantity is 0 or negative\n setCart(prevCart => prevCart.filter(item => item.product.id !== productId));\n } else {\n // Update quantity\n setCart(prevCart => \n prevCart.map(item => \n item.product.id === productId \n ? { ...item, quantity: newQuantity } \n : item\n )\n );\n }\n };\n\n const handleRemoveItem = (productId: number) => {\n setCart(prevCart => prevCart.filter(item => item.product.id !== productId));\n };\n\n const calculateTotal = () => {\n return cart.reduce((total, item) => total + (item.product.price * item.quantity), 0);\n };\n\n const handleCheckout = async () => {\n if (cart.length === 0) {\n setError(\"Cart is empty\");\n return;\n }\n\n try {\n setLoading(true);\n setError(null);\n setSuccess(null);\n \n const saleData = {\n items: cart.map(item => ({\n productId: item.product.id,\n quantity: item.quantity\n })),\n paymentMethod\n };\n \n const response = await fetch(\"/api/sales\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": `Bearer ${token}`\n },\n body: JSON.stringify(saleData)\n });\n \n const data = await response.json();\n \n if (data.success) {\n setSuccess(\"Sale completed successfully!\");\n setReceipt(data.data);\n setCart([]);\n } else {\n throw new Error(data.error || \"Failed to process sale\");\n }\n } catch (err) {\n console.error(\"Checkout error:\", err);\n setError(err.message || \"Failed to process sale\");\n } finally {\n setLoading(false);\n }\n };\n\n const handleBarcodeSearch = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!barcode.trim()) return;\n \n try {\n setLoading(true);\n const response = await fetch(\"/api/products\", {\n headers: {\n \"Authorization\": `Bearer ${token}`\n }\n });\n\n if (!response.ok) {\n throw new Error(\"Failed to fetch products\");\n }\n\n const data = await response.json();\n if (data.success) {\n const product = data.data.find((p: Product) => \n p.barcode && p.barcode.toLowerCase() === barcode.toLowerCase()\n );\n \n if (product) {\n handleAddToCart(product);\n setBarcode(\"\");\n } else {\n setError(\"Product not found with this barcode\");\n }\n } else {\n throw new Error(data.error || \"Unknown error\");\n }\n } catch (err) {\n console.error(\"Barcode search error:\", err);\n setError(err.message || \"Failed to search product\");\n } finally {\n setLoading(false);\n }\n };\n\n const handleNewSale = () => {\n setReceipt(null);\n setSuccess(null);\n setError(null);\n };\n\n return (\n

Point of Sale

\n \n {receipt ? (\n

Receipt

\n \n

Sale #{receipt.id}

Date: {new Date(receipt.created_at).toLocaleString()}

Cashier: {receipt.username}

Payment Method: {receipt.payment_method}

\n \n \n \n \n \n \n \n \n \n \n \n {receipt.items.map((item) => (\n \n \n \n \n \n \n ))}\n \n \n \n \n \n \n \n

\n Product\n	\n Qty\n	\n Price\n	\n Total\n
\n {item.product_name}\n	\n {item.quantity}\n	\n ${item.price_per_unit.toFixed(2)}\n	\n ${item.total_price.toFixed(2)}\n
\n Total:\n	\n ${receipt.total_amount.toFixed(2)}\n

\n \n

Thank you for your purchase!

\n ) : (\n

\n {/* Product Selection */}\n

\n \n \n

\n \n {/* Cart */}\n

Current Sale

\n \n {error && (\n

\n {error}\n

\n )}\n \n {success && (\n

\n {success}\n

\n )}\n \n {cart.length === 0 ? (\n

Cart is empty

\n ) : (\n

\n {cart.map((item) => (\n

{item.product.name}

${item.product.price.toFixed(2)} each

\n handleUpdateQuantity(item.product.id, item.quantity - 1)}\n >\n -\n \n {item.quantity}\n handleUpdateQuantity(item.product.id, item.quantity + 1)}\n >\n +\n \n handleRemoveItem(item.product.id)}\n >\n ×\n \n

\n ))}\n

\n )}\n \n

\n Total:\n ${calculateTotal().toFixed(2)}\n

\n \n

\n \n Payment Method\n \n

\n setPaymentMethod('cash')}\n >\n Cash\n \n setPaymentMethod('card')}\n >\n Card\n \n setPaymentMethod('other')}\n >\n Other\n \n

\n \n \n Complete Sale\n \n

\n )}\n

\n );\n};\n\nexport default PointOfSale;",[],[259,266,335],{"_106":343,"_98":344,"_150":345,"_152":267,"_153":137,"_154":346,"_156":157,"_108":347,"_103":31,"_159":179,"_161":348,"_162":27,"_163":-5,"_164":349,"_101":350},"d489c42c-358e-11f0-9acd-9e149126039e","ProductList.tsx","d489c4e0-358e-11f0-9acd-9e149126039e",21,["D",1747754801586],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { Product } from \"../../shared/types.ts\";\nimport Button from \"./Button.tsx\";\nimport Input from \"./Input.tsx\";\nimport LoadingSpinner from \"./LoadingSpinner.tsx\";\n\ninterface ProductListProps {\n token: string;\n isAdmin: boolean;\n onSelectProduct?: (product: Product) => void;\n}\n\nconst ProductList: React.FC = ({ token, isAdmin, onSelectProduct }) => {\n const [products, setProducts] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [showForm, setShowForm] = useState(false);\n const [searchTerm, setSearchTerm] = useState(\"\");\n const [selectedCategory, setSelectedCategory] = useState(\"all\");\n \n // Form state\n const [formData, setFormData] = useState({\n name: \"\",\n price: \"\",\n stock: \"\",\n category: \"\",\n barcode: \"\"\n });\n const [formErrors, setFormErrors] = useState>({});\n const [formLoading, setFormLoading] = useState(false);\n\n const fetchProducts = async () => {\n try {\n setLoading(true);\n const response = await fetch(\"/api/products\", {\n headers: {\n \"Authorization\": `Bearer ${token}`\n }\n });\n\n if (!response.ok) {\n throw new Error(\"Failed to fetch products\");\n }\n\n const data = await response.json();\n if (data.success) {\n setProducts(data.data);\n } else {\n throw new Error(data.error || \"Unknown error\");\n }\n } catch (err) {\n console.error(\"Products error:\", err);\n setError(err.message || \"Failed to load products\");\n } finally {\n setLoading(false);\n }\n };\n\n useEffect(() => {\n fetchProducts();\n }, [token]);\n\n const handleInputChange = (e: React.ChangeEvent) => {\n const { name, value } = e.target;\n setFormData(prev => ({ ...prev, [name]: value }));\n \n // Clear error when user types\n if (formErrors[name]) {\n setFormErrors(prev => {\n const newErrors = { ...prev };\n delete newErrors[name];\n return newErrors;\n });\n }\n };\n\n const validateForm = () => {\n const errors: Record = {};\n \n if (!formData.name.trim()) {\n errors.name = \"Name is required\";\n }\n \n if (!formData.price) {\n errors.price = \"Price is required\";\n } else if (isNaN(parseFloat(formData.price)) || parseFloat(formData.price) < 0) {\n errors.price = \"Price must be a positive number\";\n }\n \n if (formData.stock && (isNaN(parseInt(formData.stock)) || parseInt(formData.stock) < 0)) {\n errors.stock = \"Stock must be a positive number\";\n }\n \n if (!formData.category.trim()) {\n errors.category = \"Category is required\";\n }\n \n setFormErrors(errors);\n return Object.keys(errors).length === 0;\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n \n if (!validateForm()) {\n return;\n }\n \n try {\n setFormLoading(true);\n \n const productData = {\n name: formData.name,\n price: parseFloat(formData.price),\n stock: formData.stock ? parseInt(formData.stock) : 0,\n category: formData.category,\n barcode: formData.barcode || undefined\n };\n \n const response = await fetch(\"/api/products\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": `Bearer ${token}`\n },\n body: JSON.stringify(productData)\n });\n \n const data = await response.json();\n \n if (data.success) {\n // Reset form and refresh products\n setFormData({\n name: \"\",\n price: \"\",\n stock: \"\",\n category: \"\",\n barcode: \"\"\n });\n setShowForm(false);\n fetchProducts();\n } else {\n throw new Error(data.error || \"Failed to create product\");\n }\n } catch (err) {\n console.error(\"Create product error:\", err);\n setError(err.message || \"Failed to create product\");\n } finally {\n setFormLoading(false);\n }\n };\n\n // Get unique categories for filter\n const categories = [\"all\", ...new Set(products.map(p => p.category))];\n \n // Filter products based on search and category\n const filteredProducts = products.filter(product => {\n const matchesSearch = product.name.toLowerCase().includes(searchTerm.toLowerCase()) || \n product.barcode?.toLowerCase().includes(searchTerm.toLowerCase());\n const matchesCategory = selectedCategory === \"all\" || product.category === selectedCategory;\n return matchesSearch && matchesCategory;\n });\n\n if (loading) {\n return (\n

\n \n

\n );\n }\n\n if (error && !showForm) {\n return (\n

\n {error}\n

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

Products

\n {isAdmin && (\n \n )}\n

\n\n {showForm && (\n

Add New Product

\n {error && (\n

\n {error}\n

\n )}\n \n

\n )}\n\n

\n setSearchTerm(e.target.value)}\n />\n

\n setSelectedCategory(e.target.value)}\n >\n {categories.map(category => (\n \n ))}\n \n

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

\n No products found\n

\n ) : (\n

onSelectProduct && onSelectProduct(product)}\n >\n
\n
\n
\n
\n {product.name}\n
\n
\n Category: {product.category}\n {product.barcode && ` | Barcode: ${product.barcode}`}\n
\n
\n
\n
\n ${product.price.toFixed(2)}\n
\n
\n Stock: {product.stock}\n
\n
\n
\n
\n

\n )}\n

\n );\n};\n\nexport default ProductList;",[],[259,266,344],{"_106":352,"_98":353,"_150":354,"_152":267,"_153":137,"_154":355,"_156":157,"_108":356,"_103":31,"_159":179,"_161":357,"_162":27,"_163":-5,"_164":358,"_101":359},"0237eb60-358f-11f0-9059-9e149126039e","SalesHistory.tsx","0237ec28-358f-11f0-9059-9e149126039e",23,["D",1747754878224],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { Sale } from \"../../shared/types.ts\";\nimport LoadingSpinner from \"./LoadingSpinner.tsx\";\nimport Button from \"./Button.tsx\";\n\ninterface SalesHistoryProps {\n token: string;\n}\n\nconst SalesHistory: React.FC = ({ token }) => {\n const [sales, setSales] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [selectedSale, setSelectedSale] = useState(null);\n\n useEffect(() => {\n const fetchSales = async () => {\n try {\n setLoading(true);\n const response = await fetch(\"/api/sales\", {\n headers: {\n \"Authorization\": `Bearer ${token}`\n }\n });\n\n if (!response.ok) {\n throw new Error(\"Failed to fetch sales history\");\n }\n\n const data = await response.json();\n if (data.success) {\n setSales(data.data);\n } else {\n throw new Error(data.error || \"Unknown error\");\n }\n } catch (err) {\n console.error(\"Sales history error:\", err);\n setError(err.message || \"Failed to load sales history\");\n } finally {\n setLoading(false);\n }\n };\n\n fetchSales();\n }, [token]);\n\n const handleViewSale = (sale: Sale) => {\n setSelectedSale(sale);\n };\n\n const handleBackToList = () => {\n setSelectedSale(null);\n };\n\n if (loading) {\n return (\n

\n \n

\n );\n }\n\n if (error) {\n return (\n

\n {error}\n

\n );\n }\n\n if (selectedSale) {\n return (\n

\n \n ← Back to Sales\n \n

Sale #{selectedSale.id}

\n \n

Date: {new Date(selectedSale.created_at).toLocaleString()}

Cashier: {selectedSale.username}

Payment Method: {selectedSale.payment_method}

Total Amount: ${selectedSale.total_amount.toFixed(2)}

\n \n

Items

\n \n \n \n \n \n \n \n \n \n \n {selectedSale.items.map((item) => (\n \n \n \n \n \n \n ))}\n \n \n \n \n \n \n \n

\n Product\n	\n Qty\n	\n Price\n	\n Total\n
\n {item.product_name}\n	\n {item.quantity}\n	\n ${item.price_per_unit.toFixed(2)}\n	\n ${item.total_price.toFixed(2)}\n
\n Total:\n	\n ${selectedSale.total_amount.toFixed(2)}\n

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

Sales History

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

\n No sales records found\n

\n ) : (\n

\n
\n
\n
\n
\n Sale #{sale.id}\n
\n
\n {new Date(sale.created_at).toLocaleString()}\n
\n
\n Cashier: {sale.username}\n
\n
\n
\n
\n ${sale.total_amount.toFixed(2)}\n
\n
\n {sale.items.length} items\n
\n \n
\n
\n
\n

\n )}\n

\n );\n};\n\nexport default SalesHistory;",[],[259,266,353],{"_106":361,"_98":362,"_150":363,"_152":267,"_153":137,"_154":364,"_156":157,"_108":365,"_103":31,"_159":179,"_161":366,"_162":27,"_163":-5,"_164":367,"_101":368},"aca57834-358e-11f0-bd6d-9e149126039e","Sidebar.tsx","aca57910-358e-11f0-bd6d-9e149126039e",19,["D",1747754734659],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { User } from \"../../shared/types.ts\";\nimport Button from \"./Button.tsx\";\n\ninterface SidebarProps {\n user: User;\n onLogout: () => void;\n mobile: boolean;\n}\n\ninterface NavItem {\n name: string;\n icon: JSX.Element;\n href: string;\n adminOnly?: boolean;\n}\n\nconst Sidebar: React.FC = ({ user, onLogout, mobile }) => {\n const navigation: NavItem[] = [\n {\n name: \"Dashboard\",\n icon: (\n \n ),\n href: \"#dashboard\"\n },\n {\n name: \"Point of Sale\",\n icon: (\n \n ),\n href: \"#pos\"\n },\n {\n name: \"Products\",\n icon: (\n \n ),\n href: \"#products\"\n },\n {\n name: \"Sales History\",\n icon: (\n \n ),\n href: \"#sales\"\n },\n {\n name: \"Users\",\n icon: (\n \n ),\n href: \"#users\",\n adminOnly: true\n }\n ];\n\n return (\n

POS System

\n \n

{user.username}

{user.role}

\n \n

\n );\n};\n\nexport default Sidebar;",[],[259,266,362],{"_106":370,"_98":371,"_150":372,"_152":267,"_153":137,"_154":373,"_156":157,"_108":374,"_103":31,"_159":179,"_161":375,"_162":27,"_163":-5,"_164":376,"_101":377},"0d877c6a-358f-11f0-9a54-9e149126039e","UserManagement.tsx","0d877d5a-358f-11f0-9a54-9e149126039e",24,["D",1747754897200],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport Button from \"./Button.tsx\";\nimport Input from \"./Input.tsx\";\n\ninterface UserManagementProps {\n token: string;\n}\n\nconst UserManagement: React.FC = ({ token }) => {\n const [username, setUsername] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [role, setRole] = useState<\"admin\" | \"cashier\">(\"cashier\");\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n const [success, setSuccess] = useState(null);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n \n if (!username || !password) {\n setError(\"Username and password are required\");\n return;\n }\n \n try {\n setLoading(true);\n setError(null);\n setSuccess(null);\n \n const response = await fetch(\"/api/auth/register\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": `Bearer ${token}`\n },\n body: JSON.stringify({\n username,\n password,\n role\n })\n });\n \n const data = await response.json();\n \n if (data.success) {\n setSuccess(`User ${username} created successfully!`);\n setUsername(\"\");\n setPassword(\"\");\n setRole(\"cashier\");\n } else {\n throw new Error(data.error || \"Failed to create user\");\n }\n } catch (err) {\n console.error(\"Create user error:\", err);\n setError(err.message || \"Failed to create user\");\n } finally {\n setLoading(false);\n }\n };\n\n return (\n

User Management

\n \n

Create New User

\n \n {error && (\n

\n {error}\n

\n )}\n \n {success && (\n

\n {success}\n

\n )}\n \n

\n setUsername(e.target.value)}\n required\n />\n \n setPassword(e.target.value)}\n required\n />\n \n

\n \n Role\n \n

\n \n setRole(\"cashier\")}\n />\n Cashier\n \n \n setRole(\"admin\")}\n />\n Admin\n \n

\n \n

\n \n Create User\n \n

\n \n \n

Role Permissions

Cashier: Can process sales and view products
Admin: Full access to all features including user management, product management, and sales reports

\n );\n};\n\nexport default UserManagement;",[],[259,266,371],[259,266],{"_106":380,"_98":381,"_150":382,"_152":260,"_153":137,"_154":383,"_156":157,"_108":384,"_103":31,"_159":385,"_161":386,"_162":27,"_163":-5,"_164":387,"_101":388},"75df1454-358e-11f0-88a3-9e149126039e","favicon.svg","75df1526-358e-11f0-88a3-9e149126039e",12,["D",1747754642757],"file","\n",[],[259,381],{"_106":390,"_98":391,"_150":392,"_152":260,"_153":137,"_154":261,"_156":157,"_108":393,"_103":31,"_159":385,"_161":394,"_162":27,"_163":-5,"_164":395,"_101":396},"71df0be8-358e-11f0-a082-9e149126039e","index.html","71df0cd8-358e-11f0-a082-9e149126039e",["D",1747754636050],"\n\n\n \n \n POS System\n \n \n \n \n \n \n \n \n \n \n \n \n\n\n

\n \n \n \n\n",[],[259,391],{"_106":398,"_98":399,"_150":400,"_152":260,"_153":137,"_154":401,"_156":157,"_108":402,"_103":31,"_159":179,"_161":403,"_162":27,"_163":-5,"_164":404,"_101":405},"1e6e3406-358f-11f0-b08a-9e149126039e","index.tsx","1e6e34ba-358f-11f0-b08a-9e149126039e",26,["D",1747754925558],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport App from \"./components/App.tsx\";\n\n// Add view source link\nconst viewSourceUrl = window.VIEW_SOURCE_URL;\nif (viewSourceUrl) {\n const viewSourceLink = document.createElement(\"a\");\n viewSourceLink.href = viewSourceUrl;\n viewSourceLink.target = \"_top\";\n viewSourceLink.className = \"fixed bottom-2 right-2 bg-gray-800 text-white text-xs px-2 py-1 rounded opacity-50 hover:opacity-100\";\n viewSourceLink.textContent = \"View Source\";\n document.body.appendChild(viewSourceLink);\n}\n\n// Render the app\nconst root = createRoot(document.getElementById(\"app\")!);\nroot.render();",[],[259,399],{"_106":407,"_98":408,"_150":409,"_152":260,"_153":137,"_154":410,"_156":157,"_108":411,"_103":31,"_159":385,"_161":412,"_162":27,"_163":-5,"_164":413,"_101":414},"7a269b90-358e-11f0-b777-9e149126039e","style.css","7a269c62-358e-11f0-b777-9e149126039e",13,["D",1747754649942],"/* Custom styles for POS system */\n\n/* Smooth transitions */\n.fade-enter {\n opacity: 0;\n}\n.fade-enter-active {\n opacity: 1;\n transition: opacity 200ms;\n}\n.fade-exit {\n opacity: 1;\n}\n.fade-exit-active {\n opacity: 0;\n transition: opacity 200ms;\n}\n\n/* Mobile optimizations */\n@media (max-width: 640px) {\n .pos-grid {\n grid-template-columns: 1fr;\n }\n}\n\n/* Custom scrollbar */\n::-webkit-scrollbar {\n width: 6px;\n height: 6px;\n}\n\n::-webkit-scrollbar-track {\n background: #f1f1f1;\n border-radius: 10px;\n}\n\n::-webkit-scrollbar-thumb {\n background: #888;\n border-radius: 10px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: #555;\n}\n\n/* Prevent text selection on buttons */\nbutton {\n user-select: none;\n}\n\n/* Loading spinner */\n.spinner {\n border: 3px solid rgba(0, 0, 0, 0.1);\n border-radius: 50%;\n border-top: 3px solid #4F46E5;\n width: 24px;\n height: 24px;\n animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}",[],[259,408],[259],{"_106":417,"_98":418,"_150":419,"_152":-5,"_153":137,"_154":251,"_156":157,"_108":420,"_103":31,"_159":160,"_161":-5,"_162":27,"_163":-5,"_164":421,"_101":430},"06a2aeca-358e-11f0-80bf-9e149126039e","shared","b32166be-5c6b-4454-a0f4-92c383c4d325",["D",1747754456134],[422],{"_106":423,"_98":424,"_150":425,"_152":419,"_153":137,"_154":251,"_156":157,"_108":426,"_103":31,"_159":179,"_161":427,"_162":27,"_163":-5,"_164":428,"_101":429},"06a28f3a-358e-11f0-80bf-9e149126039e","types.ts","06a2900c-358e-11f0-80bf-9e149126039e",["D",1747754456134],"// Shared types for the POS system\n\nexport interface Product {\n id: number;\n name: string;\n price: number;\n stock: number;\n category: string;\n barcode?: string;\n created_at: string;\n updated_at: string;\n}\n\nexport interface User {\n id: number;\n username: string;\n role: 'admin' | 'cashier';\n created_at: string;\n}\n\nexport interface SaleItem {\n id: number;\n sale_id: number;\n product_id: number;\n product_name: string;\n quantity: number;\n price_per_unit: number;\n total_price: number;\n}\n\nexport interface Sale {\n id: number;\n user_id: number;\n username: string;\n total_amount: number;\n payment_method: 'cash' | 'card' | 'other';\n created_at: string;\n items: SaleItem[];\n}\n\nexport interface ApiResponse {\n success: boolean;\n data?: T;\n error?: string;\n}\n\nexport interface DashboardStats {\n totalSales: number;\n totalRevenue: number;\n lowStockItems: number;\n topProducts: {\n name: string;\n quantity: number;\n }[];\n}",[],[418,424],[418],{"_106":432,"_98":433,"_150":434,"_152":-5,"_153":137,"_154":178,"_156":157,"_108":435,"_103":31,"_159":385,"_161":436,"_162":27,"_163":-5,"_164":437,"_101":438},"02c5da8e-358e-11f0-bd19-9e149126039e","README.md","02c5db4c-358e-11f0-bd19-9e149126039e",["D",1747754449658],"# Mobile-Friendly POS System\n\nA point of sale system with inventory management and sales tracking capabilities, optimized for mobile devices.\n\n## Features\n\n- Product inventory management\n- Sales tracking and history\n- User authentication\n- Receipt generation\n- Basic reporting\n- Mobile-friendly interface\n\n## Project Structure\n\n- `/backend` - Server API and database operations\n- `/frontend` - User interface components and pages\n- `/shared` - Shared types and utilities\n\n## Getting Started\n\nAccess the POS system by visiting the HTTP endpoint of this Val.\n\n## Technologies Used\n\n- Backend: Hono (API framework), SQLite (database)\n- Frontend: React, TailwindCSS\n- Shared: TypeScript for type definitions",[],[433],{"_106":440,"_98":441,"_150":442,"_152":-5,"_153":137,"_154":443,"_156":157,"_108":444,"_103":155,"_159":445,"_161":71,"_162":27,"_163":-5,"_164":446,"_101":447},"0df329e6-3590-11f0-b0c0-9e149126039e","new-file-1946.tsx","e868aade-358f-11f0-8134-9e149126039e",33,["D",1747755327399],"interval",[],[441],{"_106":449,"_98":450,"_150":451,"_152":-5,"_153":137,"_154":136,"_156":157,"_108":452,"_103":31,"_159":179,"_161":71,"_162":27,"_163":-5,"_164":453,"_101":454},"4acd0bca-3590-11f0-98f0-9e149126039e","new-file-9191.tsx","4acd0c74-3590-11f0-98f0-9e149126039e",["D",1747755429495],[],[450],"files",[147,166,172,183,193,200,208,217,226,235,245,257,264,271,280,289,298,307,316,324,333,342,351,360,369,379,389,397,406,416,422,431,439,448],"counts",{"_459":31,"_460":178,"_461":31,"_462":31},"pulls","branches","forks","envVars","contents",[465,468,471,474,477],{"_106":201,"_98":202,"_150":203,"_152":196,"_153":137,"_154":197,"_156":157,"_108":466,"_103":31,"_159":179,"_161":205,"_162":27,"_163":-5,"_101":467},["D",1747754516532],[149,195,202],{"_106":209,"_98":210,"_150":211,"_152":196,"_153":137,"_154":212,"_156":157,"_108":469,"_103":31,"_159":179,"_161":214,"_162":27,"_163":-5,"_101":470},["D",1747754562428],[149,195,210],{"_106":218,"_98":219,"_150":220,"_152":196,"_153":137,"_154":221,"_156":157,"_108":472,"_103":31,"_159":179,"_161":223,"_162":27,"_163":-5,"_101":473},["D",1747754539769],[149,195,219],{"_106":227,"_98":228,"_150":229,"_152":196,"_153":137,"_154":230,"_156":157,"_108":475,"_103":31,"_159":179,"_161":232,"_162":27,"_163":-5,"_101":476},["D",1747754555873],[149,195,228],{"_106":236,"_98":237,"_150":238,"_152":196,"_153":137,"_154":239,"_156":157,"_108":478,"_103":31,"_159":179,"_161":241,"_162":27,"_163":-5,"_101":479},["D",1747754571954],[149,195,237],{"_106":194,"_98":195,"_150":196,"_152":151,"_153":137,"_154":197,"_156":157,"_108":481,"_103":31,"_159":160,"_161":-5,"_162":27,"_163":-5,"_101":482},["D",1747754516532],[149,195],"upstream","emptyEnvVars","isNew","routes/_app.x.$handle.$name.code.$",{"_96":97,"_98":99,"_100":42,"_103":-7,"_101":102,"_104":488,"_145":492,"_455":595,"_385":596,"_463":598,"_483":-5,"_609":27,"_610":-5,"_611":-5,"_612":-5,"_613":614},{"_106":107,"_98":99,"_108":489,"_110":-5,"_111":27,"_112":113,"_114":-5,"_115":-5,"_12":116,"_117":-5,"_118":27,"_119":-5,"_120":31,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_130":27,"_21":490,"_134":491},["D",1747754319784],{"_96":97,"_132":133},{"_103":136,"_98":42,"_106":137,"_138":107,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":99,"_144":97},[493,526,580,586,589,592],{"_106":148,"_98":149,"_150":151,"_152":-5,"_153":137,"_154":155,"_156":157,"_108":158,"_103":31,"_159":160,"_161":-5,"_162":27,"_163":-5,"_164":494,"_101":525},[495,504,522],{"_106":167,"_98":168,"_150":169,"_152":151,"_153":137,"_154":155,"_156":157,"_108":170,"_103":31,"_159":160,"_161":-5,"_162":27,"_163":-5,"_164":496,"_101":503},[497,500],{"_106":173,"_98":174,"_150":175,"_152":169,"_153":137,"_154":176,"_156":157,"_108":177,"_103":178,"_159":179,"_161":180,"_162":27,"_163":-5,"_164":498,"_101":499},[],[149,168,174],{"_106":184,"_98":185,"_150":186,"_152":169,"_153":137,"_154":187,"_156":157,"_108":188,"_103":31,"_159":179,"_161":189,"_162":27,"_163":-5,"_164":501,"_101":502},[],[149,168,185],[149,168],{"_106":194,"_98":195,"_150":196,"_152":151,"_153":137,"_154":197,"_156":157,"_108":198,"_103":31,"_159":160,"_161":-5,"_162":27,"_163":-5,"_164":505,"_101":521},[506,509,512,515,518],{"_106":201,"_98":202,"_150":203,"_152":196,"_153":137,"_154":197,"_156":157,"_108":204,"_103":31,"_159":179,"_161":205,"_162":27,"_163":-5,"_164":507,"_101":508},[],[149,195,202],{"_106":209,"_98":210,"_150":211,"_152":196,"_153":137,"_154":212,"_156":157,"_108":213,"_103":31,"_159":179,"_161":214,"_162":27,"_163":-5,"_164":510,"_101":511},[],[149,195,210],{"_106":218,"_98":219,"_150":220,"_152":196,"_153":137,"_154":221,"_156":157,"_108":222,"_103":31,"_159":179,"_161":223,"_162":27,"_163":-5,"_164":513,"_101":514},[],[149,195,219],{"_106":227,"_98":228,"_150":229,"_152":196,"_153":137,"_154":230,"_156":157,"_108":231,"_103":31,"_159":179,"_161":232,"_162":27,"_163":-5,"_164":516,"_101":517},[],[149,195,228],{"_106":236,"_98":237,"_150":238,"_152":196,"_153":137,"_154":239,"_156":157,"_108":240,"_103":31,"_159":179,"_161":241,"_162":27,"_163":-5,"_164":519,"_101":520},[],[149,195,237],[149,195],{"_106":246,"_98":247,"_150":248,"_152":151,"_153":137,"_154":249,"_156":157,"_108":250,"_103":251,"_159":252,"_161":253,"_162":27,"_163":-5,"_164":523,"_101":524},[],[149,247],[149],{"_106":258,"_98":259,"_150":260,"_152":-5,"_153":137,"_154":261,"_156":157,"_108":262,"_103":31,"_159":160,"_161":-5,"_162":27,"_163":-5,"_164":527,"_101":579},[528,567,570,573,576],{"_106":265,"_98":266,"_150":267,"_152":260,"_153":137,"_154":268,"_156":157,"_108":269,"_103":31,"_159":160,"_161":-5,"_162":27,"_163":-5,"_164":529,"_101":566},[530,533,536,539,542,545,548,551,554,557,560,563],{"_106":272,"_98":273,"_150":274,"_152":267,"_153":137,"_154":275,"_156":157,"_108":276,"_103":31,"_159":179,"_161":277,"_162":27,"_163":-5,"_164":531,"_101":532},[],[259,266,273],{"_106":281,"_98":282,"_150":283,"_152":267,"_153":137,"_154":284,"_156":157,"_108":285,"_103":31,"_159":179,"_161":286,"_162":27,"_163":-5,"_164":534,"_101":535},[],[259,266,282],{"_106":290,"_98":291,"_150":292,"_152":267,"_153":137,"_154":293,"_156":157,"_108":294,"_103":31,"_159":179,"_161":295,"_162":27,"_163":-5,"_164":537,"_101":538},[],[259,266,291],{"_106":299,"_98":300,"_150":301,"_152":267,"_153":137,"_154":302,"_156":157,"_108":303,"_103":31,"_159":179,"_161":304,"_162":27,"_163":-5,"_164":540,"_101":541},[],[259,266,300],{"_106":308,"_98":309,"_150":310,"_152":267,"_153":137,"_154":311,"_156":157,"_108":312,"_103":31,"_159":179,"_161":313,"_162":27,"_163":-5,"_164":543,"_101":544},[],[259,266,309],{"_106":317,"_98":318,"_150":319,"_152":267,"_153":137,"_154":268,"_156":157,"_108":320,"_103":31,"_159":179,"_161":321,"_162":27,"_163":-5,"_164":546,"_101":547},[],[259,266,318],{"_106":325,"_98":326,"_150":327,"_152":267,"_153":137,"_154":328,"_156":157,"_108":329,"_103":31,"_159":179,"_161":330,"_162":27,"_163":-5,"_164":549,"_101":550},[],[259,266,326],{"_106":334,"_98":335,"_150":336,"_152":267,"_153":137,"_154":337,"_156":157,"_108":338,"_103":31,"_159":179,"_161":339,"_162":27,"_163":-5,"_164":552,"_101":553},[],[259,266,335],{"_106":343,"_98":344,"_150":345,"_152":267,"_153":137,"_154":346,"_156":157,"_108":347,"_103":31,"_159":179,"_161":348,"_162":27,"_163":-5,"_164":555,"_101":556},[],[259,266,344],{"_106":352,"_98":353,"_150":354,"_152":267,"_153":137,"_154":355,"_156":157,"_108":356,"_103":31,"_159":179,"_161":357,"_162":27,"_163":-5,"_164":558,"_101":559},[],[259,266,353],{"_106":361,"_98":362,"_150":363,"_152":267,"_153":137,"_154":364,"_156":157,"_108":365,"_103":31,"_159":179,"_161":366,"_162":27,"_163":-5,"_164":561,"_101":562},[],[259,266,362],{"_106":370,"_98":371,"_150":372,"_152":267,"_153":137,"_154":373,"_156":157,"_108":374,"_103":31,"_159":179,"_161":375,"_162":27,"_163":-5,"_164":564,"_101":565},[],[259,266,371],[259,266],{"_106":380,"_98":381,"_150":382,"_152":260,"_153":137,"_154":383,"_156":157,"_108":384,"_103":31,"_159":385,"_161":386,"_162":27,"_163":-5,"_164":568,"_101":569},[],[259,381],{"_106":390,"_98":391,"_150":392,"_152":260,"_153":137,"_154":261,"_156":157,"_108":393,"_103":31,"_159":385,"_161":394,"_162":27,"_163":-5,"_164":571,"_101":572},[],[259,391],{"_106":398,"_98":399,"_150":400,"_152":260,"_153":137,"_154":401,"_156":157,"_108":402,"_103":31,"_159":179,"_161":403,"_162":27,"_163":-5,"_164":574,"_101":575},[],[259,399],{"_106":407,"_98":408,"_150":409,"_152":260,"_153":137,"_154":410,"_156":157,"_108":411,"_103":31,"_159":385,"_161":412,"_162":27,"_163":-5,"_164":577,"_101":578},[],[259,408],[259],{"_106":417,"_98":418,"_150":419,"_152":-5,"_153":137,"_154":251,"_156":157,"_108":420,"_103":31,"_159":160,"_161":-5,"_162":27,"_163":-5,"_164":581,"_101":585},[582],{"_106":423,"_98":424,"_150":425,"_152":419,"_153":137,"_154":251,"_156":157,"_108":426,"_103":31,"_159":179,"_161":427,"_162":27,"_163":-5,"_164":583,"_101":584},[],[418,424],[418],{"_106":432,"_98":433,"_150":434,"_152":-5,"_153":137,"_154":178,"_156":157,"_108":435,"_103":31,"_159":385,"_161":436,"_162":27,"_163":-5,"_164":587,"_101":588},[],[433],{"_106":440,"_98":441,"_150":442,"_152":-5,"_153":137,"_154":443,"_156":157,"_108":444,"_103":155,"_159":445,"_161":71,"_162":27,"_163":-5,"_164":590,"_101":591},[],[441],{"_106":449,"_98":450,"_150":451,"_152":-5,"_153":137,"_154":136,"_156":157,"_108":452,"_103":31,"_159":179,"_161":71,"_162":27,"_163":-5,"_164":593,"_101":594},[],[450],[493,495,497,500,504,506,509,512,515,518,522,526,528,530,533,536,539,542,545,548,551,554,557,560,563,567,570,573,576,580,582,586,589,592],{"_106":194,"_98":195,"_150":196,"_152":151,"_153":137,"_154":197,"_156":157,"_108":481,"_103":31,"_159":160,"_161":-5,"_162":27,"_163":-5,"_101":597},[149,195],[599,601,603,605,607],{"_106":201,"_98":202,"_150":203,"_152":196,"_153":137,"_154":197,"_156":157,"_108":466,"_103":31,"_159":179,"_161":205,"_162":27,"_163":-5,"_101":600},[149,195,202],{"_106":209,"_98":210,"_150":211,"_152":196,"_153":137,"_154":212,"_156":157,"_108":469,"_103":31,"_159":179,"_161":214,"_162":27,"_163":-5,"_101":602},[149,195,210],{"_106":218,"_98":219,"_150":220,"_152":196,"_153":137,"_154":221,"_156":157,"_108":472,"_103":31,"_159":179,"_161":223,"_162":27,"_163":-5,"_101":604},[149,195,219],{"_106":227,"_98":228,"_150":229,"_152":196,"_153":137,"_154":230,"_156":157,"_108":475,"_103":31,"_159":179,"_161":232,"_162":27,"_163":-5,"_101":606},[149,195,228],{"_106":236,"_98":237,"_150":238,"_152":196,"_153":137,"_154":239,"_156":157,"_108":478,"_103":31,"_159":179,"_161":241,"_162":27,"_163":-5,"_101":608},[149,195,237],"showCompareCallout","pull","ahead","behind","templates",[],"routes/_app","actionData","errors"]