+ 
+
(My) Pricecious
+ ++ Price tracking using A-Eyes 🤦 +
+ +> [!WARNING] +> This is 100% vibe-coded. + +**Pricecious** is a self-hosted, AI-powered price tracking application. It uses **GenAI Vision Models** (OpenAI, Anthropic, Ollama, etc.) to visually analyze product pages, detect prices, and monitor stock status. + + onZoom(item.screenshot_url)}>
+ {item.screenshot_url ? (
+ <>
+ 
{ e.target.style.display = 'none' }}
+ />
+
+
+ ) : (
+
+
+ No screenshot
+
+ )}
+
+ {/* Stock Confidence Bar */}
+ {(item.in_stock_confidence !== null && item.in_stock_confidence !== undefined) && (
+
+
+
+ 0.8 ? 'bg-emerald-500' :
+ item.in_stock_confidence > 0.5 ? 'bg-yellow-500' : 'bg-red-500'
+ )}
+ style={{ width: `${item.in_stock_confidence * 100}%` }}
+ title={`Stock Confidence: ${Math.round(item.in_stock_confidence * 100)}%`}
+ />
+
+ )}
+
+ {/* Stock Badge */}
+
+ {stockStatus.label}
+
+
+
+
+
+
+
+
+
+
+
+ {new URL(item.url).hostname.replace('www.', '')}
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/frontend/src/components/dashboard/ItemModal.jsx b/frontend/src/components/dashboard/ItemModal.jsx
new file mode 100644
index 0000000..1ab0663
--- /dev/null
+++ b/frontend/src/components/dashboard/ItemModal.jsx
@@ -0,0 +1,172 @@
+import React, { useState, useEffect } from 'react';
+import axios from 'axios';
+import { toast } from 'sonner';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from '@/components/ui/dialog';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+
+const API_URL = '/api';
+
+export function ItemModal({ item, onClose, onSaved, open }) {
+ const [formData, setFormData] = useState({
+ url: '',
+ name: '',
+ target_price: '',
+ selector: '',
+ tags: '',
+ description: '',
+ notification_profile_id: ''
+ });
+ const [profiles, setProfiles] = useState([]);
+
+ useEffect(() => {
+ if (item) {
+ setFormData({
+ url: item.url || '',
+ name: item.name || '',
+ target_price: item.target_price || '',
+ selector: item.selector || '',
+ tags: item.tags || '',
+ description: item.description || '',
+ notification_profile_id: item.notification_profile_id ? item.notification_profile_id.toString() : ''
+ });
+ } else {
+ setFormData({
+ url: '',
+ name: '',
+ target_price: '',
+ selector: '',
+ tags: '',
+ description: '',
+ notification_profile_id: ''
+ });
+ }
+ }, [item, open]);
+
+ useEffect(() => {
+ if (open) {
+ axios.get(`${API_URL}/notification-profiles`).then(res => setProfiles(res.data)).catch(console.error);
+ }
+ }, [open]);
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+ try {
+ const payload = {
+ ...formData,
+ target_price: formData.target_price ? parseFloat(formData.target_price) : null,
+ notification_profile_id: formData.notification_profile_id ? parseInt(formData.notification_profile_id) : null
+ };
+
+ if (item) {
+ await axios.put(`${API_URL}/items/${item.id}`, payload);
+ toast.success('Item updated');
+ } else {
+ await axios.post(`${API_URL}/items`, payload);
+ toast.success('Item added');
+ }
+ onSaved();
+ onClose();
+ } catch (error) {
+ console.error('Error saving item:', error);
+ toast.error('Failed to save item');
+ }
+ };
+
+ return (
+
+
+
+
+
+ Price
+ {item.target_price && (
+
+ Target: ${item.target_price}
+
+ )}
+
+
+
+
+ {item.current_price ? `$${item.current_price}` : '---'}
+
+
+
+ {/* Price Confidence Bar */}
+ {(item.current_price_confidence !== null && item.current_price_confidence !== undefined) && (
+
+
+
+ {/* Tags */}
+ {item.tags && (
+
+
+ )}
+ 0.8 ? 'bg-primary' :
+ item.current_price_confidence > 0.5 ? 'bg-primary/70' : 'bg-primary/40'
+ )}
+ style={{ width: `${item.current_price_confidence * 100}%` }}
+ />
+
+
+ Price Confidence: {Math.round(item.current_price_confidence * 100)}%
+
+
+ {item.tags.split(',').map(tag => (
+
+ {tag.trim()}
+
+ ))}
+
+ )}
+
+ {/* Description */}
+ {item.description && (
+ + {item.description} +
+ )} +
+
+
+
+
+
+
+ {item.last_error && (
+
+
+ )}
+
+
+
+
+
+