// === Summary view ===
const { useState: useSummaryState } = React;
// Error boundary so a single malformed answer doesn't crash the whole summary
class SummaryItemBoundary extends React.Component {
constructor(props) { super(props); this.state = { err: null }; }
static getDerivedStateFromError(err) { return { err }; }
componentDidCatch(err, info) { console.warn('Summary item error:', err, info); }
render() {
if (this.state.err) {
return No se pudo mostrar esta respuesta. ;
}
return this.props.children;
}
}
// === Task C1: valueToText helper ===
function summarizeAvailability(availability) {
if (!availability) return '';
const days = ['mon','tue','wed','thu','fri','sat','sun'];
const dayLabels = { mon: 'L', tue: 'M', wed: 'X', thu: 'J', fri: 'V', sat: 'S', sun: 'D' };
const parts = [];
for (const d of days) {
const blocks = availability[d] || [];
if (blocks.length === 0) continue;
const ranges = blocks.map(b => `${b.start}-${b.end}`).join(', ');
parts.push(`${dayLabels[d]}: ${ranges}`);
}
return parts.join(' / ');
}
function valueToText(q, val) {
if (val === undefined || val === null || val === '') return '';
if (typeof val === 'string') return val;
if (typeof val === 'number') return String(val);
// Arrays
if (Array.isArray(val)) {
if (val.length === 0) return '';
// Array of {q, a} (FAQ builder)
if (typeof val[0] === 'object' && val[0]?.q) {
return val.map(f => `• ${f.q}${f.a ? ` — ${f.a}` : ''}`).join('\n');
}
// Array of strings (chips, drag-order)
if (typeof val[0] === 'string') {
return val.join(', ');
}
// Array of callers (callers-list)
if (typeof val[0] === 'object' && 'availability' in val[0]) {
return val.map(c => {
const slots = summarizeAvailability(c.availability);
return `${c.name || '(sin nombre)'}${c.email ? ` <${c.email}>` : ''}${slots ? ` · ${slots}` : ''}`;
}).join('\n');
}
// Array of routing items
if (typeof val[0] === 'object' && 'intent' in val[0]) {
return val.map(r => {
const dest = r.kind === 'agent' ? r.agent : `${r.teamName}${r.teamEmail ? ` <${r.teamEmail}>` : ''}`;
return `• ${r.intent} → ${dest}`;
}).join('\n');
}
// Array of {label, body} (cards multi)
if (typeof val[0] === 'object' && 'label' in val[0]) {
return val.map(x => x.label).join(', ');
}
return val.map(x => JSON.stringify(x)).join(', ');
}
// Objects
if (typeof val === 'object') {
// {tag, sample} — ab choice
if (val.tag && val.sample) return val.sample;
// {label, body} — card choice
if (val.label) return val.label + (val.body ? ` — ${val.body}` : '');
// writing_style: toggles object
if (q.kind === 'toggles' && Array.isArray(q.toggles)) {
const parts = q.toggles
.filter(t => val[t.id] === 'left' || val[t.id] === 'right')
.map(t => `${t.title}: ${val[t.id] === 'left' ? t.left : t.right}`);
if (Array.isArray(val.emojiList) && val.emojiList.length > 0) {
parts.push(`Emojis: ${val.emojiList.join(' ')}`);
}
return parts.join('\n');
}
// identity fields: {name, role, tone, ...}
if ('name' in val || 'role' in val) {
return Object.entries(val)
.filter(([, v]) => v)
.map(([k, v]) => `${k}: ${v}`)
.join(' · ');
}
// team-member-field: {name, email}
if ('email' in val && 'name' in val) {
return `${val.name || '(sin nombre)'}${val.email ? ` <${val.email}>` : ''}`;
}
// Schedule or other key-value
const entries = Object.entries(val).filter(([, v]) => v);
return entries.map(([k, v]) => `${k}: ${typeof v === 'object' ? JSON.stringify(v) : v}`).join(' · ');
}
return String(val);
}
// === Task C2: EditableText component ===
function EditableText({ initial, onSave, placeholder }) {
const [editing, setEditing] = useSummaryState(false);
const [value, setValue] = useSummaryState(initial || '');
const textareaRef = React.useRef(null);
React.useEffect(() => {
if (editing && textareaRef.current) {
textareaRef.current.focus();
// Put cursor at end
const len = textareaRef.current.value.length;
textareaRef.current.setSelectionRange(len, len);
// Autosize
textareaRef.current.style.height = 'auto';
textareaRef.current.style.height = textareaRef.current.scrollHeight + 'px';
}
}, [editing]);
React.useEffect(() => {
setValue(initial || '');
}, [initial]);
function commit() {
setEditing(false);
if (value !== initial) onSave(value);
}
function cancel() {
setValue(initial || '');
setEditing(false);
}
if (editing) {
return (