/* Inlined participant/team store: `a1zap dev` strips all import lines from App.tsx before eval (see dev-server `/app-code`), so this logic must live in-file. Solo/dev: persist via data/setData. Community multiplayer: sharedData/patchSharedData. */ const TeamStatus = { CREATE_TEAM: 'create_team', JOIN_TEAM: 'join_team', SOLO: 'solo', /** Registering alone but open to joining a team later */ LOOKING_FOR_TEAM: 'looking_for_team', }; const TEAM_STATUS_VALUES = new Set(Object.values(TeamStatus || {})); function isTeamStatus(value) { return typeof value === 'string' && TEAM_STATUS_VALUES.has(value); } function normalizeSkills(skills) { if (!Array.isArray(skills)) return []; return skills .filter((s) => typeof s === 'string' && s.trim().length > 0) .map((s) => s.trim()) .slice(0, 3); } function readStoreArray(appData, key) { if (!appData || typeof appData !== 'object') return []; const direct = appData[key]; if (Array.isArray(direct)) return direct; if (direct && typeof direct === 'object') { const values = Object.values(direct || {}).filter((item) => item && typeof item === 'object'); if ((values || []).length) return values; } const candidates = [ appData.sharedArrays && appData.sharedArrays[key], appData._sharedArrays && appData._sharedArrays[key], appData.shared && appData.shared[key], appData.arrays && appData.arrays[key], ]; for (const c of candidates) { if (Array.isArray(c)) return c; if (c && Array.isArray(c.items)) return c.items; if (c && Array.isArray(c.values)) return c.values; if (c && typeof c === 'object') { const values = Object.values(c || {}).filter((item) => item && typeof item === 'object'); if ((values || []).length) return values; } } return []; } function normalizeStoreData(appData) { if (!appData || typeof appData !== 'object') { return { participants: [], teams: [], updates: [] }; } return { participants: readStoreArray(appData, 'participants'), teams: readStoreArray(appData, 'teams'), updates: readStoreArray(appData, 'updates'), }; } function mergeStoreIntoData(prev, snapshot) { const base = prev && typeof prev === 'object' ? prev : {}; const prevStore = normalizeStoreData(prev); return { ...base, participants: snapshot.participants ?? prevStore.participants, teams: snapshot.teams ?? prevStore.teams, updates: snapshot.updates ?? prevStore.updates, }; } /** Admin reads community shared store; merge with local data so nothing is missed. */ function mergeAppStoreSources(isMultiplayer, sharedData, data) { if (!isMultiplayer) return normalizeStoreData(data); const shared = normalizeStoreData(sharedData); const local = normalizeStoreData(data); const participantById = new Map(); for (const p of [...shared.participants, ...local.participants]) { if (p && p.id) participantById.set(p.id, p); } const participants = [...participantById.values()].sort( (a, b) => (Number(b.createdAt) || 0) - (Number(a.createdAt) || 0) ); const teamById = new Map(); for (const t of [...shared.teams, ...local.teams]) { if (t && t.id) teamById.set(t.id, t); } const teams = [...teamById.values()].sort((a, b) => String(a.teamName || '').localeCompare(String(b.teamName || '')) ); const updateById = new Map(); for (const u of [...shared.updates, ...local.updates]) { if (u && u.id) updateById.set(u.id, u); } const updates = [...updateById.values()].sort( (a, b) => (Number(b.createdAt) || 0) - (Number(a.createdAt) || 0) ); return { participants, teams, updates }; } function usesSharedArrayWrites(ctx) { return typeof ctx?.pushToSharedArray === 'function'; } function mirrorTeamToLocalStore(ctx, team) { if (!team?.id || typeof ctx?.setData !== 'function') return; ctx.setData((prev) => { const local = normalizeStoreData(prev); if ((local.teams || []).some((t) => t.id === team.id)) return prev; return mergeStoreIntoData(prev, { participants: local.participants, teams: [team, ...local.teams], }); }); } function mirrorTeamToSharedStore(ctx, team) { if (!team?.id || typeof ctx?.patchSharedData !== 'function') return; ctx.patchSharedData((prev) => { const shared = normalizeStoreData(prev); if ((shared.teams || []).some((t) => t.id === team.id)) return prev; return mergeStoreIntoData(prev, { participants: shared.participants, teams: [team, ...shared.teams], updates: shared.updates, }); }); } /** Teams available for "Join an existing team" — from shared store. */ function buildTeamsForJoinList(store) { const byId = new Map(); for (const t of store.teams || []) { if (t?.id && String(t.teamName || '').trim()) { byId.set(String(t.id), { id: String(t.id), teamName: String(t.teamName).trim(), createdAt: t.createdAt, }); } } for (const p of store.participants || []) { const teamId = String(p?.teamId || '').trim(); if (!teamId || byId.has(teamId)) continue; const storedName = String(p?.teamName || '').trim() || String(p?.createdTeamName || '').trim() || String(p?.team || '').trim(); const fallbackName = p?.teamStatus === 'create_team' && String(p?.fullName || '').trim() ? `${String(p.fullName).trim()}'s team` : ''; const teamName = storedName || fallbackName; if (teamName) { byId.set(teamId, { id: teamId, teamName, createdAt: p.createdAt, }); } } return [...byId.values()].sort((a, b) => a.teamName.localeCompare(b.teamName)); } /** Save team when creator finishes the team-name step so others can join immediately. */ function reserveTeamForCreator(ctx, store, teamName, existingTeamId) { const normalized = String(teamName ?? '').trim(); if (!normalized) throw new Error('Team name is required'); const lower = normalized.toLowerCase(); if (existingTeamId) { const reserved = (store.teams || []).find((t) => t.id === existingTeamId); if (reserved && reserved.teamName.toLowerCase() === lower) return existingTeamId; } const duplicate = (store.teams || []).find((t) => t.teamName.toLowerCase() === lower); if (duplicate) return duplicate.id; const team = saveNewTeam(ctx, normalized); mirrorTeamToLocalStore(ctx, team); return team.id; } /** @param {{ isMultiplayer?: boolean, setData?: Function, setSharedData?: Function, patchSharedData?: Function, pushToSharedArray?: Function, readStore?: Function }} ctx */ function writeAppStore(ctx, mutator) { if (ctx?.isMultiplayer && typeof ctx.patchSharedData === 'function') { const snap = normalizeStoreData( typeof ctx.readStore === 'function' ? ctx.readStore() : undefined ); const next = mutator(snap); if (next === false) return null; ctx.patchSharedData({ participants: next.participants ?? snap.participants, teams: next.teams ?? snap.teams, updates: next.updates ?? snap.updates, }); return next._meta !== undefined ? next._meta : true; } if (typeof ctx?.setData === 'function') { let meta = null; ctx.setData((prev) => { const snap = normalizeStoreData(prev); const next = mutator(snap); if (next === false) return prev; meta = next._meta !== undefined ? next._meta : true; return mergeStoreIntoData(prev, { participants: next.participants ?? snap.participants, teams: next.teams ?? snap.teams, updates: next.updates ?? snap.updates, }); }); return meta; } throw new Error('No store writer available (setData or patchSharedData)'); } function nextStoreId() { if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') { return crypto.randomUUID(); } return `id-${Date.now()}-${Math.random().toString(36).slice(2, 11)}`; } function createAdminUpdate(ctx, updateData) { const body = String(updateData?.body ?? '').trim(); if (!body) throw new Error('Update cannot be empty'); const post = { id: nextStoreId(), body, authorHandle: normalizeHandle(updateData?.authorHandle), authorName: String(updateData?.authorName ?? '').trim(), createdAt: Date.now(), }; const saved = writeAppStore(ctx, (snap) => ({ participants: snap.participants, teams: snap.teams, updates: [post, ...snap.updates], _meta: post, })); if (!saved) throw new Error('Update could not be posted. Please try again.'); if (typeof ctx?.setData === 'function') { ctx.setData((prev) => { const local = normalizeStoreData(prev); if ((local.updates || []).some((u) => u.id === post.id)) return prev; return mergeStoreIntoData(prev, { participants: local.participants, teams: local.teams, updates: [post, ...local.updates], }); }); } return post; } function updateAdminUpdate(ctx, updateId, updateData) { const id = String(updateId || ''); const body = String(updateData?.body ?? '').trim(); if (!id) throw new Error('Missing update id'); if (!body) throw new Error('Update cannot be empty'); let updated = false; let updatedPost = null; const saved = writeAppStore(ctx, (snap) => { const idx = (snap.updates || []).findIndex((post) => post?.id === id); if (idx === -1) return false; const prevPost = snap.updates[idx]; updatedPost = { ...prevPost, body, editedAt: Date.now(), editedByHandle: normalizeHandle(updateData?.editedByHandle), }; updated = true; return { participants: snap.participants, teams: snap.teams, updates: [ ...(snap.updates || []).slice(0, idx), updatedPost, ...(snap.updates || []).slice(idx + 1), ], _meta: true, }; }); if (!saved || !updated) throw new Error('Update could not be edited'); if (updatedPost && typeof ctx?.setData === 'function') { ctx.setData((prev) => { const local = normalizeStoreData(prev); const idx = (local.updates || []).findIndex((post) => post?.id === id); const nextUpdates = idx === -1 ? [updatedPost, ...local.updates] : [ ...(local.updates || []).slice(0, idx), updatedPost, ...(local.updates || []).slice(idx + 1), ]; return mergeStoreIntoData(prev, { participants: local.participants, teams: local.teams, updates: nextUpdates, }); }); } return true; } function deleteAdminUpdate(ctx, updateId) { const id = String(updateId || ''); if (!id) throw new Error('Missing update id'); let deleted = false; const saved = writeAppStore(ctx, (snap) => { const nextUpdates = (snap.updates || []).filter((post) => post?.id !== id); if ((nextUpdates || []).length === (snap.updates || []).length) return false; deleted = true; return { participants: snap.participants, teams: snap.teams, updates: nextUpdates, _meta: true, }; }); if (!saved || !deleted) throw new Error('Update could not be deleted'); if (typeof ctx?.setData === 'function') { ctx.setData((prev) => { const local = normalizeStoreData(prev); const nextUpdates = (local.updates || []).filter((post) => post?.id !== id); if ((nextUpdates || []).length === (local.updates || []).length) return prev; return mergeStoreIntoData(prev, { participants: local.participants, teams: local.teams, updates: nextUpdates, }); }); } return true; } function createParticipant(ctx, participantData) { const teamStatus = participantData.teamStatus; if (!isTeamStatus(teamStatus)) { throw new Error(`Invalid teamStatus. Expected one of: ${Object.values(TeamStatus).join(', ')}`); } const skills = normalizeSkills(participantData.skills); const teamId = participantData.teamId === undefined || participantData.teamId === null || participantData.teamId === '' ? null : String(participantData.teamId); const created = { id: nextStoreId(), fullName: String(participantData.fullName ?? '').trim(), email: String(participantData.email ?? '').trim(), degree: String(participantData.degree ?? '').trim(), major: String(participantData.major ?? '').trim(), yearOfStudy: String(participantData.yearOfStudy ?? '').trim(), skills, teamStatus, teamId, motivation: String(participantData.motivation ?? '').trim(), dietaryRequirements: String(participantData.dietaryRequirements ?? '').trim(), createdAt: Date.now(), }; if (usesSharedArrayWrites(ctx)) { ctx.pushToSharedArray('participants', created); return created; } const saved = writeAppStore(ctx, (snap) => ({ participants: [created, ...snap.participants], teams: snap.teams, _meta: created, })); return saved || null; } /** * @param {{ isMultiplayer?: boolean, setData?: Function, patchSharedData?: Function }} ctx * @param {string} participantId * @param {string | null} teamId * @returns {boolean} */ function updateParticipantTeamId(ctx, participantId, teamId) { const id = String(participantId); const nextTeamId = teamId === undefined || teamId === null || teamId === '' ? null : String(teamId); let updated = false; try { writeAppStore(ctx, (snap) => { if (nextTeamId !== null && !(snap.teams || []).some((t) => t.id === nextTeamId)) { return false; } const idx = (snap.participants || []).findIndex((p) => p.id === id); if (idx === -1) return false; const prevP = snap.participants[idx]; updated = true; return { participants: [ ...(snap.participants || []).slice(0, idx), { ...prevP, teamId: nextTeamId }, ...(snap.participants || []).slice(idx + 1), ], teams: snap.teams, }; }); } catch { return false; } return updated; } function isParticipantArchived(p) { return Boolean(p?.archived || p?.archivedAt); } /** * @param {{ isMultiplayer?: boolean, setData?: Function, patchSharedData?: Function, pushToSharedArray?: Function, readStore?: Function }} ctx * @param {string} participantId * @param {boolean} archived * @returns {boolean} */ function setParticipantArchived(ctx, participantId, archived) { const id = String(participantId); let updated = false; try { writeAppStore(ctx, (snap) => { const idx = (snap.participants || []).findIndex((p) => p.id === id); if (idx === -1) return false; const prevP = snap.participants[idx]; updated = true; return { participants: [ ...(snap.participants || []).slice(0, idx), { ...prevP, archived: Boolean(archived), archivedAt: archived ? Date.now() : null, }, ...(snap.participants || []).slice(idx + 1), ], teams: snap.teams, }; }); } catch { return false; } return updated; } function applyAdminParticipantFilters(pool, statusFilter, teamFilterId, skillFilters) { return (pool || []).filter((p) => { if (statusFilter !== 'all' && p.teamStatus !== statusFilter) return false; if (teamFilterId && String(p.teamId || '') !== teamFilterId) return false; if (!participantMatchesAdminSkillFilters(p, skillFilters)) return false; return true; }); } function saveNewTeam(ctx, teamName) { const normalized = String(teamName ?? '').trim(); if (!normalized) throw new Error('teamName is required'); const lower = normalized.toLowerCase(); const snap = normalizeStoreData( typeof ctx.readStore === 'function' ? ctx.readStore() : undefined ); if ((snap.teams || []).some((t) => t.teamName.toLowerCase() === lower)) { throw new Error(`A team named "${normalized}" already exists`); } const team = { id: nextStoreId(), teamName: normalized, createdAt: Date.now() }; if (usesSharedArrayWrites(ctx)) { ctx.pushToSharedArray('teams', team); mirrorTeamToSharedStore(ctx, team); mirrorTeamToLocalStore(ctx, team); return team; } const saved = writeAppStore(ctx, () => ({ participants: snap.participants, teams: [team, ...snap.teams], _meta: team, })); if (!saved) throw new Error('teamName is required'); return saved; } /** Persist a completed registration (all team-status paths). */ function registerParticipant(ctx, formData) { const teamStatus = formData.teamStatus; if (!isTeamStatus(teamStatus)) { throw new Error('Please choose a team status'); } const snap = normalizeStoreData( typeof ctx.readStore === 'function' ? ctx.readStore() : undefined ); let newTeam = null; let recoveredTeam = null; let teamId = null; let teamName = ''; if (teamStatus === 'create_team') { const normalized = String(formData.teamName ?? '').trim(); if (!normalized) throw new Error('Team name is required'); const reservedId = String(formData.createTeamId || '').trim(); const reserved = reservedId ? (snap.teams || []).find((t) => t.id === reservedId) : null; if (reserved && reserved.teamName.toLowerCase() === normalized.toLowerCase()) { teamId = reserved.id; teamName = reserved.teamName; } else { const lower = normalized.toLowerCase(); const existing = (snap.teams || []).find((t) => t.teamName.toLowerCase() === lower); if (existing) { teamId = existing.id; teamName = existing.teamName; } else { newTeam = { id: nextStoreId(), teamName: normalized, createdAt: Date.now() }; teamId = newTeam.id; teamName = newTeam.teamName; } } } else if (teamStatus === 'join_team') { teamId = String(formData.joinTeamId || '').trim(); const selectedTeam = (snap.teams || []).find((t) => t.id === teamId); const selectedTeamName = selectedTeam?.teamName || String(formData.joinTeamName || '').trim(); if (!teamId || !selectedTeamName) { throw new Error('Please select a valid team'); } teamName = selectedTeamName; if (!selectedTeam) recoveredTeam = { id: teamId, teamName, createdAt: Date.now() }; } const created = { id: nextStoreId(), fullName: String(formData.fullName ?? '').trim(), email: '', degree: '', major: '', yearOfStudy: '', skills: normalizeSkills(formData.skills), teamStatus, teamId, teamName, motivation: clampMotivationText(String(formData.motivation ?? '').trim()), dietaryRequirements: String(formData.dietaryRequirements ?? '').trim(), createdAt: Date.now(), }; if (!isMotivationWithinWordLimit(created.motivation)) { throw new Error(`Please keep your answer to ${MOTIVATION_MAX_WORDS} words or fewer`); } if (usesSharedArrayWrites(ctx)) { if (newTeam) { ctx.pushToSharedArray('teams', newTeam); mirrorTeamToSharedStore(ctx, newTeam); } if (recoveredTeam) mirrorTeamToSharedStore(ctx, recoveredTeam); ctx.pushToSharedArray('participants', created); } else if (ctx?.isMultiplayer && typeof ctx.setSharedData === 'function') { const base = typeof ctx.readStore === 'function' && ctx.readStore() && typeof ctx.readStore() === 'object' ? ctx.readStore() : {}; ctx.setSharedData( mergeStoreIntoData(base, { participants: [created, ...snap.participants], teams: newTeam ? [newTeam, ...snap.teams] : recoveredTeam ? [recoveredTeam, ...snap.teams] : snap.teams, }) ); } else { const saved = writeAppStore(ctx, (s) => ({ participants: [created, ...s.participants], teams: newTeam ? [newTeam, ...s.teams] : recoveredTeam ? [recoveredTeam, ...s.teams] : s.teams, _meta: created, })); if (!saved) throw new Error('Registration could not be saved. Please try again.'); } if (typeof ctx?.setData === 'function') { ctx.setData((prev) => { const local = normalizeStoreData(prev); const has = (local.participants || []).some((p) => p.id === created.id); if (has) return prev; return mergeStoreIntoData(prev, { participants: [created, ...local.participants], teams: newTeam ? [newTeam, ...local.teams] : recoveredTeam ? [recoveredTeam, ...local.teams] : local.teams, }); }); } return created; } const MOTIVATION_MAX_WORDS = 200; const MOTIVATION_QUESTION = 'What has drawn you to the Debugged hackathon? What social, campus problem(s) are you most attracted to solve?'; const HERO_TAGLINE_LINE1 = 'Social campus life could use a software update.'; const HERO_TAGLINE_LINE2 = "You're going to make it happen"; function countWords(text) { const s = String(text ?? '').trim(); if (!s) return 0; return s.split(/\s+/).filter(Boolean).length; } function clampMotivationText(text) { const raw = String(text ?? ''); const tokens = raw.split(/\s+/).filter(Boolean); if ((tokens || []).length <= MOTIVATION_MAX_WORDS) return raw; return (tokens || []).slice(0, MOTIVATION_MAX_WORDS).join(' '); } function isMotivationWithinWordLimit(text) { return countWords(text) <= MOTIVATION_MAX_WORDS; } const SKILL_OPTIONS = [ 'Engineering / Coding', 'Data / SQL', 'Design / UX', 'Hardware / IoT', 'Backend / APIs', 'Content creation', 'Marketing', 'Product', 'Storytelling', ]; function getInitialFormState() { return { fullName: '', skills: [], teamStatus: '', teamName: '', createTeamId: '', joinTeamId: '', joinTeamName: '', motivation: '', dietaryRequirements: '', }; } const FORM_STEP = { FULL_NAME: 'fullName', TEAM_STATUS: 'teamStatus', SKILLS: 'skills', TEAM_NAME: 'teamName', JOIN_TEAM: 'joinTeam', MOTIVATION: 'motivation', DIETARY_REQUIREMENTS: 'dietaryRequirements', }; const TEAM_STATUS_OPTIONS = [ { id: 'create_team', label: 'Create / lead a team', icon: '👯' }, { id: 'join_team', label: 'Join an existing team', icon: '🔍' }, { id: 'looking_for_team', label: 'Solo for now, looking for a team', icon: '🤝' }, ]; function buildFormStepIds(teamStatus) { const ids = [FORM_STEP.FULL_NAME, FORM_STEP.TEAM_STATUS]; if (isTeamStatus(teamStatus)) { if (teamStatus === 'looking_for_team') ids.push(FORM_STEP.SKILLS); else if (teamStatus === 'create_team') ids.push(FORM_STEP.TEAM_NAME); else if (teamStatus === 'join_team') ids.push(FORM_STEP.JOIN_TEAM); ids.push(FORM_STEP.MOTIVATION); ids.push(FORM_STEP.DIETARY_REQUIREMENTS); } return ids; } function isFormStepComplete(stepId, formData, teamsList) { switch (stepId) { case FORM_STEP.FULL_NAME: return Boolean(formData.fullName?.trim()); case FORM_STEP.TEAM_STATUS: return isTeamStatus(formData.teamStatus); case FORM_STEP.SKILLS: return Array.isArray(formData.skills) && (formData.skills || []).length >= 1; case FORM_STEP.TEAM_NAME: return Boolean(formData.teamName?.trim()); case FORM_STEP.JOIN_TEAM: if (!(teamsList || []).length) return false; return Boolean(String(formData.joinTeamId || '').trim()); case FORM_STEP.MOTIVATION: { const text = formData.motivation?.trim(); return Boolean(text) && isMotivationWithinWordLimit(text); } case FORM_STEP.DIETARY_REQUIREMENTS: return Boolean(formData.dietaryRequirements?.trim()); default: return false; } } function formStepLabel(stepId) { switch (stepId) { case FORM_STEP.FULL_NAME: return 'Full name'; case FORM_STEP.TEAM_STATUS: return 'Team status'; case FORM_STEP.SKILLS: return 'Skills'; case FORM_STEP.TEAM_NAME: return 'Team name'; case FORM_STEP.JOIN_TEAM: return 'Join a team'; case FORM_STEP.MOTIVATION: return 'Tell us your why'; case FORM_STEP.DIETARY_REQUIREMENTS: return 'Dietary requirements'; default: return ''; } } function formatTeamStatus(status) { if (status === 'create_team') return 'Create / lead a team'; if (status === 'join_team') return 'Joining a team'; if (status === 'looking_for_team') return 'Solo — looking for team'; if (status === 'solo') return 'Solo'; return String(status || '—'); } function formatParticipantTeamDetail(p, teamNameById) { if (!p) return '—'; if (p.teamStatus === 'looking_for_team') return '—'; if (p.teamStatus === 'create_team') { const name = p.teamId ? teamNameById[p.teamId] : ''; return name ? `Creating: ${name}` : 'Creating a team'; } if (p.teamStatus === 'join_team') { const name = p.teamId ? teamNameById[p.teamId] : ''; return name ? `Joining: ${name}` : '—'; } if (p.teamId && teamNameById[p.teamId]) return teamNameById[p.teamId]; return '—'; } function formatParticipantSkills(skills) { const list = normalizeSkills(skills); if (!(list || []).length) return '—'; return (list || []).join(' · '); } function truncateMotivation(text, maxLen) { const s = String(text || ''); if ((s || []).length <= maxLen) return s; return `${s.slice(0, maxLen).trim()}...`; } function formatUpdateDate(ts) { const n = Number(ts) || 0; if (!n) return ''; try { return new Date(n).toLocaleString([], { month: 'short', day: 'numeric', hour: 'numeric', minute: '2-digit', }); } catch { return ''; } } function escapeCsvCell(value) { const s = String(value ?? '') .replace(/\r\n/g, '\n') .replace(/\r/g, '\n'); return `"${s.replace(/"/g, '""')}"`; } function buildParticipantsCsv(rows, teamLookup) { const headers = [ 'Full Name', 'Skills', 'Team Status', 'Team Name', 'Draw to Debugged / problem', 'Allergies / dietary requirements', ]; const lines = [(headers || []).map(escapeCsvCell).join(',')]; for (const p of rows) { const teamName = p.teamId ? teamLookup[p.teamId] || '' : ''; const skills = Array.isArray(p.skills) ? (p.skills || []).join('; ') : ''; lines.push( [ p.fullName, skills, p.teamStatus, teamName, p.motivation, p.dietaryRequirements, ] .map(escapeCsvCell) .join(',') ); } return `\ufeff${lines.join('\r\n')}`; } /** Trigger a CSV download via a caller-provided ref. Sandbox blocks DOM creation/appending, so we reuse a hidden anchor that the component renders into JSX. */ function downloadCsvFile(anchor, filename, csvText) { if (!anchor) return; const blob = new Blob([csvText], { type: 'text/csv;charset=utf-8;' }); const url = URL.createObjectURL(blob); anchor.href = url; anchor.download = filename; anchor.rel = 'noopener'; anchor.click(); URL.revokeObjectURL(url); } const ADMIN_SKILL_FILTER_OPTIONS = ['Frontend', 'Backend', 'Design', 'Marketing', 'Strategy', 'Product']; /** Map admin filter labels to substrings found in stored skill strings (e.g. form chips). */ const ADMIN_SKILL_SYNONYMS = { Frontend: [ 'engineering', 'coding', 'frontend', 'web', 'react', 'mobile', 'javascript', 'typescript', 'css', 'html', 'python', 'ml', ], Backend: ['backend', 'api', 'server', 'sql', 'graphql', 'node', 'devops'], Design: ['design', 'ux', 'ui', 'figma'], Marketing: ['marketing', 'growth', 'content creation', 'content', 'seo'], Strategy: ['strategy', 'consult', 'plan', 'storytelling', 'story telling', 'narrative'], Product: ['product', 'pm', 'roadmap', 'owner'], }; function storedSkillMatchesAdminFilter(storedSkill, filterLabel) { const s = String(storedSkill || '').toLowerCase(); const label = String(filterLabel || '').toLowerCase(); if (!label) return false; if ((s || []).includes(label)) return true; const syns = ADMIN_SKILL_SYNONYMS[filterLabel] || []; return (syns || []).some((kw) => (s || []).includes(kw)); } function participantMatchesAdminSkillFilters(p, selectedLabels) { if (!(selectedLabels || []).length) return true; const rows = Array.isArray(p.skills) ? p.skills : []; return (selectedLabels || []).some((label) => (rows || []).some((skill) => storedSkillMatchesAdminFilter(skill, label)) ); } function participantHasTeamId(p) { const t = p && p.teamId; return t !== undefined && t !== null && String(t).trim() !== ''; } /** Normalized skill buckets for balancing (same labels as admin filters). */ function getParticipantSkillCategories(p) { const skills = Array.isArray(p.skills) ? p.skills : []; const out = []; for (const label of ADMIN_SKILL_FILTER_OPTIONS) { if ((skills || []).some((s) => storedSkillMatchesAdminFilter(s, label))) out.push(label); } return out; } /** * Greedy mix: order by rarest profile first, then place each person in a non-full * bucket that minimizes category overlap with people already there. */ function computeBalancedSuggestedGroups(eligibleParticipants, teamSize) { const list = [...eligibleParticipants]; if ((list || []).length === 0) return []; const k = Math.max(1, Math.ceil((list || []).length / teamSize)); const globalCount = Object.create(null); for (const label of ADMIN_SKILL_FILTER_OPTIONS) globalCount[label] = 0; const withCats = (list || []).map((p) => { const cats = getParticipantSkillCategories(p); for (const c of cats) globalCount[c] += 1; return { p, cats }; }); const minCatFreq = (cats) => { if (!(cats || []).length) return 1e9; return Math.min(...(cats || []).map((c) => globalCount[c] || 0)); }; (withCats || []).sort((a, b) => { const d = minCatFreq(a.cats) - minCatFreq(b.cats); if (d !== 0) return d; return String(a.p.fullName || '').localeCompare(String(b.p.fullName || '')); }); const buckets = Array.from({ length: k }, () => ({ members: [], catTally: Object.create(null), })); for (const { p, cats } of withCats) { let bestIdx = -1; let bestOverlap = Infinity; let bestSize = Infinity; for (let i = 0; i < k; i++) { const b = buckets[i]; if ((b.members || []).length >= teamSize) continue; let overlap = 0; for (const c of cats) overlap += b.catTally[c] || 0; const sz = (b.members || []).length; if ( bestIdx === -1 || overlap < bestOverlap || (overlap === bestOverlap && sz < bestSize) || (overlap === bestOverlap && sz === bestSize && i < bestIdx) ) { bestOverlap = overlap; bestSize = sz; bestIdx = i; } } const idx = bestIdx === -1 ? k - 1 : bestIdx; buckets[idx].members.push(p); for (const c of cats) { buckets[idx].catTally[c] = (buckets[idx].catTally[c] || 0) + 1; } } const stamp = typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function' ? crypto.randomUUID() : `${Date.now()}-${Math.random().toString(36).slice(2, 9)}`; return buckets .filter((b) => (b.members || []).length > 0) .map((b, i) => ({ id: `sg-${stamp}-${i}`, label: `Team ${i + 1}`, members: b.members, })); } /** Four-color palette from brand swatches (charcoal, yellow, orange, blue-gray). */ const PALETTE = { charcoal: '#303030', yellow: '#F4D658', orange: '#EF9645', blueGray: '#ABC4CB', }; const SUGGESTION_TAG_STYLES = { Frontend: { bg: 'rgba(171, 196, 203, 0.35)', fg: PALETTE.charcoal, border: PALETTE.blueGray }, Backend: { bg: 'rgba(244, 214, 88, 0.35)', fg: PALETTE.charcoal, border: PALETTE.yellow }, Design: { bg: 'rgba(239, 150, 69, 0.28)', fg: PALETTE.charcoal, border: PALETTE.orange }, Marketing: { bg: 'rgba(244, 214, 88, 0.22)', fg: PALETTE.charcoal, border: PALETTE.yellow }, Strategy: { bg: 'rgba(171, 196, 203, 0.28)', fg: PALETTE.charcoal, border: PALETTE.blueGray }, Product: { bg: 'rgba(239, 150, 69, 0.22)', fg: PALETTE.charcoal, border: PALETTE.orange }, }; function storedSkillPillStyle(skillStr) { for (const label of ADMIN_SKILL_FILTER_OPTIONS) { if (storedSkillMatchesAdminFilter(skillStr, label)) { return SUGGESTION_TAG_STYLES[label]; } } return { bg: 'rgba(171, 196, 203, 0.2)', fg: PALETTE.charcoal, border: PALETTE.blueGray }; } function TrafficLights() { const dot = (bg) => ({ width: 10, height: 10, borderRadius: '50%', background: bg, display: 'inline-block', flexShrink: 0, }); return ( ); } function RetroWindow({ title, children, colors, style, bodyStyle, noPadding }) { return (

); } /** Inline UI tokens — production may strip `