/**
* Protocols Module — פרוטוקולים
* ProtocolsScreen: Timeline + כרטיסיות מתקפלות + טופס + AI מהקלטה
* SyncStore key: ybp_sync_store → protocols[]
*/
(function () {
// ── Constants ─────────────────────────────────────────────────────────────────
const PROTOCOL_TYPES = {
zoom: { label: 'ZOOM', icon: '💻', color: '#2563eb', bg: '#eff6ff' },
site: { label: 'שטח', icon: '🏗', color: '#ea580c', bg: '#fff7ed' },
phone: { label: 'טלפון', icon: '📞', color: '#16a34a', bg: '#f0fdf4' },
whatsapp:{ label: 'וואטסאפ', icon: '💬', color: '#16a34a', bg: '#f0fdf4' },
office: { label: 'משרד', icon: '🏢', color: '#7c3aed', bg: '#f5f3ff' },
};
// ── Data helpers ──────────────────────────────────────────────────────────────
function genId() {
return 'prot_' + Date.now().toString(36) + Math.random().toString(36).slice(2,6);
}
function loadProtocols() {
return window.SyncStore ? (window.SyncStore.getProtocols ? window.SyncStore.getProtocols() : []) : [];
}
function saveProtocols(list) {
if (window.SyncStore && window.SyncStore.saveProtocols) window.SyncStore.saveProtocols(list);
}
// ── ProtocolTypeBadge ────────────────────────────────────────────────────────
const ProtocolTypeBadge = ({ type }) => {
const cfg = PROTOCOL_TYPES[type] || PROTOCOL_TYPES.office;
return (
{cfg.icon} {cfg.label}
);
};
// ── AI Summary Generator ──────────────────────────────────────────────────────
const generateAISummary = async (title, participants, type) => {
if (!window.claude) return null;
try {
const prompt = `אתה עוזר לניהול פרויקטי בנייה. צור סיכום פרוטוקול קצר בעברית לפגישה הבאה:
נושא: ${title}
סוג: ${PROTOCOL_TYPES[type]?.label || type}
משתתפים: ${participants}
צור סיכום מקצועי ב-3-4 נקודות בולטות בפורמט:
• [נקודה 1]
• [נקודה 2]
• [נקודה 3]
• החלטות: [החלטה עיקרית]`;
const text = await window.claude.complete(prompt);
return text;
} catch (e) {
console.warn('AI summary failed:', e);
return null;
}
};
// ── Error Boundary לתפיסת crashes ב-ProtocolForm ─────────────────────────────
class ProtocolFormErrorBoundary extends React.Component {
constructor(props) {
super(props);
this.state = { hasError: false, error: null, errorInfo: null };
}
static getDerivedStateFromError(error) {
return { hasError: true, error };
}
componentDidCatch(error, errorInfo) {
console.error('[ProtocolForm] crash caught:', error, errorInfo);
this.setState({ errorInfo });
}
render() {
if (this.state.hasError) {
return (
⚠️ שגיאה ב-ProtocolForm
{String(this.state.error?.message || this.state.error)}
{'\n\nStack:\n'}
{this.state.error?.stack || '(no stack)'}
{'\n\nComponent stack:\n'}
{this.state.errorInfo?.componentStack || '(no component stack)'}
);
}
return this.props.children;
}
}
// ── Shared form primitives (מחוץ לקומפוננטה — למנוע re-mount) ──────────────
const protInpStyle = {
width: '100%', padding: '10px 12px', borderRadius: 8,
border: '1.5px solid var(--ybp-border,#e5e7eb)',
fontSize: 15, fontFamily: 'Assistant, sans-serif',
background: 'var(--ybp-input-bg,#fff)', color: 'var(--ybp-ink,#111827)',
outline: 'none', boxSizing: 'border-box', direction: 'rtl',
};
const ProtField = ({ label, required, error, children }) => (
{children}
{error && {error}}
);
// ── ProtocolForm ──────────────────────────────────────────────────────────────
const ProtocolForm = ({ projectId, initial, fromRecording, onSave, onCancel }) => {
const { isMobile } = useViewport();
const today = new Date().toISOString().slice(0,10);
const [form, setForm] = React.useState({
title: '',
projectId: projectId || '',
type: 'site',
meetingDate: today,
participants: '',
agenda: '',
summary: '',
decisions: '',
nextSteps: '',
documents: [],
...(initial || {}),
...(fromRecording ? {
title: fromRecording.title || '',
summary: fromRecording.transcript || '',
meetingDate: fromRecording.date || today,
} : {}),
});
const [errors, setErrors] = React.useState({});
const [aiLoading, setAiLoading] = React.useState(false);
const [aiDone, setAiDone] = React.useState(false);
const set = (k, v) => setForm(f => ({ ...f, [k]: v }));
const validate = () => {
const e = {};
if (!form.title.trim()) e.title = 'שדה חובה';
if (!form.projectId) e.projectId = 'יש לבחור פרויקט';
if (!form.meetingDate) e.meetingDate = 'שדה חובה';
if (!form.summary.trim()) e.summary = 'יש להזין סיכום';
setErrors(e);
return Object.keys(e).length === 0;
};
const handleAI = async () => {
if (!form.title) { window.toastError && window.toastError('הזן נושא קודם'); return; }
setAiLoading(true);
const result = await generateAISummary(form.title, form.participants, form.type);
setAiLoading(false);
if (result) {
set('summary', result);
setAiDone(true);
window.toastSuccess && window.toastSuccess('סיכום AI נוצר');
} else {
window.toastError && window.toastError('שגיאה ביצירת סיכום AI');
}
};
const handleSubmit = () => {
if (!validate()) return;
onSave({
...form,
id: form.id || genId(),
createdAt: new Date().toISOString(),
author: (window.YBP_AUTH?.getSession()?.name) || 'מנהל',
});
};
const projects = (window.YBP_DATA && Array.isArray(window.YBP_DATA.projects)) ? window.YBP_DATA.projects : [];
return (
{/* Header */}
{initial ? 'עריכת פרוטוקול' : fromRecording ? 'פרוטוקול מהקלטה' : 'פרוטוקול חדש'}
{fromRecording && (
🎙 ממולא מהקלטת הפגישה
)}