);
/* ─── Collapsible table-binding strip ────────────────────────────── */
/* Generate the next available alias derived from a table name tail.
Uses progressively longer prefixes; falls back to numeric suffixes. */
const genAlias = (tableName, existing) => {
const tail = (tableName || '').split('.').pop().toLowerCase().replace(/[^a-z0-9]/g, '');
if (!tail) return 's' + (existing.length + 1);
for (let n = 2; n <= Math.max(2, tail.length); n++) {
const a = tail.slice(0, n);
if (!existing.includes(a)) return a;
}
let n = 1;
while (existing.includes(`${tail}${n}`)) n++;
return `${tail}${n}`;
};
const JOIN_TYPES = ['LEFT JOIN', 'INNER JOIN', 'RIGHT JOIN', 'FULL JOIN'];
/* Composition mode toggle — flips a multi-source binding between JOIN and
UNION. For single-source bindings (kind='single') the toggle still shows
so the user can pre-select the mode that will apply when a 2nd source
is added; the initial row's role is rewritten accordingly. */
const ModeToggle = ({ kind, sources, onChange, hasMultiple }) => {
/* For 'single', infer the effective mode from the single source's role so
the toggle reflects a preemptive UNION flip even before a 2nd source. */
const effective = kind === 'union' ? 'union'
: kind === 'join' ? 'join'
: (sources?.[0]?.role === 'union' ? 'union' : 'join');
return (