ÃƒÆ’Ã‚Â¢Ãƒâ€¦Ã‚Â¡Ãƒâ€šÃ‚Â EDUCATIONAL TOOL ONLY ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â NOT LEGAL ADVICE ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â Verify all citations against current NALC contract language and consult your NBA office before filing.

Defend Every Carrier. Win Every Grievance.

Enter the grievance details below and this tool generates a full defense package ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â contract articles, investigative questions, information requests, predicted management defenses with counter-arguments, and step-by-step language from Informal Step A through arbitration. AI-assisted refinement built in.

ÃƒÆ’Ã‚Â°Ãƒâ€¦Ã‚Â¸ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹ 2023ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œ2026 National Agreement ÃƒÆ’Ã‚Â°Ãƒâ€¦Ã‚Â¸ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒâ€¹Ã…â€œ JCAM 2022 ÃƒÆ’Ã‚Â°Ãƒâ€¦Ã‚Â¸ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÂ¢Ã¢â€šÂ¬" ELM & M-39 / M-41 ÃƒÆ’Ã‚Â¢Ãƒâ€¦Ã‚Â¡ÃƒÂ¢Ã¢â€šÂ¬"ÃƒÆ’Ã‚Â¯Ãƒâ€šÃ‚Â¸Ãƒâ€šÃ‚Â Always Defends the Grievant ÃƒÆ’Ã‚Â°Ãƒâ€¦Ã‚Â¸Ãƒâ€šÃ‚Â¤ÃƒÂ¢Ã¢â€šÂ¬" AI-Assisted

Step 1 ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â Grievance Type & Issue

Select the violation category and describe what management did wrong.

Violation Category *

New steward? Start here Pick the violation category that fits best — the specific contract articles get attached for you. If multiple violations apply (e.g. discipline + steward rights), pick the most serious one. Mention the others in the description below.

How to write a strong description Use the 5 Ws: Who did what, What exactly happened, When (date + time), Where (station/route), Why it violates the contract. Avoid opinions — stick to facts. Example: “On 5/27, Supervisor Smith assigned Route 4015’s overtime to junior CCA Jones instead of senior OTDL carrier Bell, without explanation.”

Describe the Violation / Reason for Grievance *

Be as specific as possible ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â dates, times, names, exact words used. This drives every question and argument generated.

ÃƒÆ’Ã‚Â°Ãƒâ€¦Ã‚Â¸Ãƒâ€šÃ‚Â¤ÃƒÂ¢Ã¢â€šÂ¬" Need help wording this? AI will rewrite your description in clear, fact-based grievance language.

Installation / Post Office

NALC Branch Number

Station ZIP / Finance Number

USPS District

Region

Fields marked * are required

Step 2 ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â People & Dates

Identify all parties and key dates. This populates the package with specific names and computes NALC time-limit deadlines.

Speak naturally — e.g. “Grievant Darrell Bell, EIN 12345678, full-time regular, route 4015, branch 421, incident May 27th, supervisor Susan Smith, steward Sergio Martinez.” The app sorts each detail into the right field for you to confirm.

The 14-day clock matters most The Informal Step A discussion must happen within 14 days of when you (the union) first knew of the violation. Miss this and the grievance is barred under Article 15.4.A. The Discovery Date field below starts that clock.

Grievant Name *

Employee ID (EIN)

Employee Classification

Route Number / Assignment

Seniority Date

Scheduled Shift / Hours

Steward / Union Rep *

Steward Role

Supervisor / Management Official *

Management Level

Postmaster / Installation Head

Formal Step A Designee (Mgmt)

Date of Incident * When the violation occurred

Date Discovered / Notified When grievant learned of it (starts 14-day clock)

Filing Date (Informal A) When grievance is/was filed

ÃƒÆ’Ã‚Â¢Ãƒâ€šÃ‚ÂÃƒâ€šÃ‚Â° NALC Time-Limit Deadlines (Article 15)

Time limits are calendar days. Missing one may bar the grievance ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â Article 15.4.A.

Witnesses / Other Involved Carriers Carriers who observed the incident or have relevant knowledge

Prior Discipline (if any) Article 16 progressive discipline analysis

Management's Position / Meeting Notes OPTIONAL

Captured here flows into the grievance package and PS Form 8190 Item 18.

PS Form 8190 Additional Fields OPTIONAL

Phone numbers, finance number, appeal flags. Filling these in auto-populates the printed forms so you don't have to write them by hand. Leave any blank to fill in later.

Grievant Phone

Steward Phone

Supervisor Phone

Finance No.

USPS Grievance No. (GATS)

Companion Appeals

Station / Office Phone

Anticipated Steward Time

Steward Unavailable Date(s)

`; const w = window.open('', '_blank', 'width=900,height=700'); if (!w) { toast('Popup blocked \u2014 allow popups to print', 'warning'); return; } w.document.open(); w.document.write(html); w.document.close(); const triggerPrint = () => { try { w.focus(); w.print(); } catch(e) { console.error(e); } }; if (w.document.readyState === 'complete') setTimeout(triggerPrint, 350); else w.addEventListener('load', () => setTimeout(triggerPrint, 350)); } function saveJSON() { const blob = new Blob([JSON.stringify(state, null, 2)], {type:'application/json'}); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = `grievance-${state.grievantName || 'draft'}-${state.incidentDate || 'undated'}.json`.replace(/\s+/g,'_'); document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); toast('Grievance saved', 'success'); } function loadJSON(file) { const reader = new FileReader(); reader.onload = (e) => { try { const loaded = JSON.parse(e.target.result); Object.assign(state, loaded); // Repopulate form fields ['issueDesc','installation','branchNum','stationZip','district','region', 'grievantName','grievantEIN','grievantClassif','grievantRoute','grievantSeniority','grievantShift', 'stewardName','stewardRole','supName','supLevel','postmasterName','formalAManager', 'incidentDate','discoveryDate','filingDate','witnesses','priorDiscipline'].forEach(id => { const el = $('#'+id); const key = id === 'issueDesc' ? 'description' : id; if (el && state[key] !== undefined) el.value = state[key]; }); // Select the type card $$('.type-card').forEach(c => c.classList.toggle('selected', c.dataset.id === state.violationType)); renderDeadlines(); toast('Grievance loaded ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â review and continue', 'success'); } catch (err) { toast('Invalid file', 'error'); } }; reader.readAsText(file); } // ============================================================ // BELLPATH LIBRARY (persistent storage) // ============================================================ const LIBRARY_KEY = 'bpg_library'; const STATUS_LABELS = { draft: 'Draft', investigating: 'Investigating', informal_a: 'Informal Step A', formal_a: 'Formal Step A', step_b: 'Step B', arbitration: 'Arbitration', resolved: 'Resolved', withdrawn: 'Withdrawn' }; const STATUS_ORDER = ['draft','investigating','informal_a','formal_a','step_b','arbitration','resolved','withdrawn']; let libraryFilter = 'all'; async function readLibrary() { try { const raw = localStorage.getItem(LIBRARY_KEY); if (!raw) return { items: {} }; const parsed = JSON.parse(raw); return parsed && parsed.items ? parsed : { items: {} }; } catch(e) { return { items: {} }; } } async function writeLibrary(lib) { try { localStorage.setItem(LIBRARY_KEY, JSON.stringify(lib)); return true; } catch(e) { if (e.name === 'QuotaExceededError') { toast('Browser storage full ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â delete old grievances first', 'error'); } else { console.error('Library write failed', e); } return false; } } function newGrievanceId() { return 'gr_' + Date.now().toString(36) + '_' + Math.random().toString(36).slice(2,7); } function summarizeForIndex(s) { return { id: s.id, grievantName: s.grievantName || '(no grievant)', violationType: s.violationType || null, violationTitle: s.violationType && GRIEVANCE_DATA[s.violationType] ? GRIEVANCE_DATA[s.violationType].title : null, installation: s.installation || '', incidentDate: s.incidentDate || '', filingDate: s.filingDate || '', status: s.status || 'draft', createdAt: s.createdAt, updatedAt: s.updatedAt }; } async function saveToLibrary() { if (!state.grievantName && !state.violationType) { toast('Add at least a grievant or violation type before saving', 'warning'); return; } const now = new Date().toISOString(); if (!state.id) { state.id = newGrievanceId(); state.createdAt = now; } state.updatedAt = now; const lib = await readLibrary(); lib.items[state.id] = JSON.parse(JSON.stringify(state)); // deep clone const ok = await writeLibrary(lib); if (ok) { toast('Saved to BellPathÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ Library', 'success'); updateLibraryBanner(); } else { toast('Could not save ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â try again', 'error'); } } async function loadFromLibrary(id) { const lib = await readLibrary(); const record = lib.items[id]; if (!record) { toast('Grievance not found', 'error'); return; } Object.assign(state, record); // Repopulate form fields ['issueDesc','installation','branchNum','stationZip','district','region', 'grievantName','grievantEIN','grievantClassif','grievantRoute','grievantSeniority','grievantShift', 'stewardName','stewardRole','supName','supLevel','postmasterName','formalAManager', 'incidentDate','discoveryDate','filingDate','witnesses','priorDiscipline'].forEach(fid => { const el = $('#'+fid); const key = fid === 'issueDesc' ? 'description' : fid; if (el && state[key] !== undefined) el.value = state[key]; }); $$('.type-card').forEach(c => c.classList.toggle('selected', c.dataset.id === state.violationType)); renderDeadlines(); closeLibrary(); toast(`Loaded: ${state.grievantName || 'grievance'}`, 'success'); goToStep(state.step || 1); } async function deleteFromLibrary(id) { if (!confirm('Permanently delete this grievance from the library?')) return; const lib = await readLibrary(); delete lib.items[id]; const ok = await writeLibrary(lib); if (ok) { toast('Deleted from library', 'success'); renderLibrary(); if (state.id === id) { state.id = null; state.createdAt = null; state.updatedAt = null; updateLibraryBanner(); } } } async function updateGrievanceStatus(id, newStatus) { const lib = await readLibrary(); if (!lib.items[id]) return; lib.items[id].status = newStatus; lib.items[id].updatedAt = new Date().toISOString(); if (state.id === id) { state.status = newStatus; state.updatedAt = lib.items[id].updatedAt; } await writeLibrary(lib); toast(`Status: ${STATUS_LABELS[newStatus]}`, 'success'); renderLibrary(); } function openLibrary() { $('#libraryOverlay').classList.add('open'); document.body.style.overflow = 'hidden'; renderLibrary(); updateLibraryBanner(); } function closeLibrary() { $('#libraryOverlay').classList.remove('open'); document.body.style.overflow = ''; } // ============================================================ // SETTINGS MODAL (multi-provider) // ============================================================ const PROVIDERS = ['anthropic','openai','gemini','perplexity']; function openSettings() { const s = getApiSettings() || {}; const provider = s.provider || 'anthropic'; const keys = s.keys || {}; const models = s.models || {}; $('#ai-provider').value = provider; PROVIDERS.forEach(p => { const keyEl = $('#ai-key-' + p); const modelEl = $('#ai-model-' + p); if (keyEl) keyEl.value = keys[p] || ''; if (modelEl && models[p]) modelEl.value = models[p]; }); showProviderPane(provider); $('#settingsStatus').innerHTML = ''; $('#settingsOverlay').classList.add('open'); document.body.style.overflow = 'hidden'; closeLibrary(); } window.openSettings = openSettings; function closeSettings() { $('#settingsOverlay').classList.remove('open'); document.body.style.overflow = ''; } function showProviderPane(provider) { document.querySelectorAll('.ai-provider-pane').forEach(p => { p.classList.toggle('active', p.dataset.provider === provider); }); } function gatherSettingsFromForm() { const provider = $('#ai-provider').value; const keys = {}; const models = {}; PROVIDERS.forEach(p => { const keyEl = $('#ai-key-' + p); const modelEl = $('#ai-model-' + p); if (keyEl && keyEl.value.trim()) keys[p] = keyEl.value.trim(); if (modelEl) models[p] = modelEl.value; }); return { provider, keys, models }; } function handleSettingsSave() { const s = gatherSettingsFromForm(); // Validate the active provider's key format if (s.provider !== 'none') { const k = s.keys[s.provider] || ''; const prefixes = { anthropic:'sk-ant-', openai:'sk-', gemini:'AIza', perplexity:'pplx-' }; if (k && !k.startsWith(prefixes[s.provider])) { $('#settingsStatus').innerHTML = `ÃƒÆ’Ã‚Â¢Ãƒâ€¦Ã‚Â¡Ãƒâ€šÃ‚Â ${s.provider} keys start with ${prefixes[s.provider]}`; return; } } saveApiSettings(s); $('#settingsStatus').innerHTML = 'ÃƒÆ’Ã‚Â¢Ãƒâ€¦"ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œ Saved'; toast('AI settings saved', 'success'); } async function handleSettingsTest() { const s = gatherSettingsFromForm(); if (s.provider === 'none') { $('#settingsStatus').innerHTML = 'Select a provider first'; return; } const apiKey = s.keys[s.provider] || ''; if (!apiKey) { $('#settingsStatus').innerHTML = 'Enter an API key first'; return; } saveApiSettings(s); $('#settingsStatus').innerHTML = 'Testing connectionÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦'; try { const result = await callClaude('Respond with exactly the word: OK', 20); if (result.toLowerCase().includes('ok')) { $('#settingsStatus').innerHTML = `ÃƒÆ’Ã‚Â¢Ãƒâ€¦"ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œ ${s.provider} connected ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ${s.models[s.provider] || AI_DEFAULTS[s.provider]}`; } else { $('#settingsStatus').innerHTML = `Connected but unexpected response`; } } catch(e) { $('#settingsStatus').innerHTML = 'ÃƒÆ’Ã‚Â¢Ãƒâ€¦"ÃƒÂ¢Ã¢â€šÂ¬" ' + e.message + ''; } } function handleSettingsClear() { if (!confirm('Remove the current provider\'s API key from this browser?')) return; const s = getApiSettings() || { keys:{}, models:{} }; const provider = $('#ai-provider').value; if (s.keys && s.keys[provider]) delete s.keys[provider]; saveApiSettings(s); const keyEl = $('#ai-key-' + provider); if (keyEl) keyEl.value = ''; $('#settingsStatus').innerHTML = '' + provider + ' key cleared'; toast('Key cleared', 'success'); } function updateLibraryBanner() { const banner = $('#libCurrentBanner'); const title = $('#lcbTitle'); const subtitle = $('#lcbSubtitle'); const btn = $('#lcbSaveBtn'); const hasData = state.violationType || state.grievantName; if (!hasData) { banner.style.display = 'none'; return; } banner.style.display = 'flex'; if (state.id) { title.textContent = `Working on: ${state.grievantName || 'Untitled'}`; subtitle.textContent = `Last saved ${formatRelative(state.updatedAt)} ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â Status: ${STATUS_LABELS[state.status] || 'Draft'}`; btn.textContent = 'Update Library'; } else { title.textContent = `Working on: ${state.grievantName || 'Untitled grievance'}`; subtitle.textContent = 'Unsaved ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â click to add to your library.'; btn.textContent = 'Save to Library'; } } function formatRelative(iso) { if (!iso) return 'never'; const then = new Date(iso); const now = new Date(); const sec = Math.floor((now - then) / 1000); if (sec < 60) return 'just now'; if (sec < 3600) return Math.floor(sec/60) + ' min ago'; if (sec < 86400) return Math.floor(sec/3600) + ' hr ago'; if (sec < 604800) return Math.floor(sec/86400) + ' day' + (Math.floor(sec/86400) === 1 ? '' : 's') + ' ago'; return then.toLocaleDateString(); } async function renderLibrary() { const content = $('#libraryContent'); const filtersEl = $('#libraryFilters'); content.innerHTML = '

LoadingÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦

'; const lib = await readLibrary(); const all = Object.values(lib.items).sort((a,b) => (b.updatedAt || '').localeCompare(a.updatedAt || '')); // Build filter chips with counts const counts = { all: all.length }; STATUS_ORDER.forEach(s => counts[s] = 0); all.forEach(g => { if (counts[g.status] !== undefined) counts[g.status]++; }); const filters = [['all','All']].concat(STATUS_ORDER.filter(s => counts[s] > 0).map(s => [s, STATUS_LABELS[s]])); filtersEl.innerHTML = filters.map(([key, label]) => `` ).join(''); filtersEl.querySelectorAll('.filter-chip').forEach(c => { c.addEventListener('click', () => { libraryFilter = c.dataset.filter; renderLibrary(); }); }); // Filter const filtered = libraryFilter === 'all' ? all : all.filter(g => g.status === libraryFilter); if (filtered.length === 0) { if (all.length === 0) { content.innerHTML = `

ÃƒÆ’Ã‚Â°Ãƒâ€¦Ã‚Â¸ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡

Your library is empty

Saved grievances appear here. Click Save to Library on any grievance to start tracking it.

Stored privately in this browser's local storage. Never sent anywhere.

`; } else { content.innerHTML = `

No grievances with status: ${STATUS_LABELS[libraryFilter]}

`; } return; } content.innerHTML = `

${filtered.map(g => libCardHTML(g)).join('')}

`; // Wire card actions content.querySelectorAll('.lib-card').forEach(card => { const id = card.dataset.id; card.querySelector('.lib-load')?.addEventListener('click', () => loadFromLibrary(id)); card.querySelector('.lib-delete')?.addEventListener('click', () => deleteFromLibrary(id)); card.querySelector('.status-select')?.addEventListener('change', (e) => updateGrievanceStatus(id, e.target.value)); }); } function libCardHTML(g) { const title = g.violationTitle || 'No violation type'; const isCurrent = g.id === state.id; return `

${isCurrent ? '

ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬"Ãƒâ€šÃ‚Â CURRENT

' : ''} ${STATUS_LABELS[g.status] || 'Draft'}

${escapeHtml(g.grievantName)}

${escapeHtml(title)}

${g.installation ? `Installation: ${escapeHtml(g.installation)}` : ''} ${g.incidentDate ? `Incident: ${g.incidentDate}` : ''} ${g.filingDate ? `Filed: ${g.filingDate}` : ''} Updated: ${formatRelative(g.updatedAt)}

`; } function escapeHtml(s) { if (!s) return ''; return String(s).replace(/[&<>"']/g, c => ({'&':'&','<':'<','>':'>','"':'"',"'":'''}[c])); } // ============================================================ // INIT // ============================================================ // ============================================================ // MEETING RECORDER - consent gate, live transcription, local save // ============================================================ const recState = { targetField: null, mediaRecorder: null, chunks: [], stream: null, recognition: null, transcriptFinal: '', startTime: 0, timerInterval: null, audioBlob: null, audioUrl: null, disclosed: false }; function openRecordModal(targetFieldId) { recState.targetField = targetFieldId; // Reset consent stage $('#recordConsentStage').style.display = 'block'; $('#recordActiveStage').style.display = 'none'; $('#recordSavedStage').style.display = 'none'; $('#recordConsentType').value = ''; $('#recordConsentNote').textContent = ''; const permHelp = $('#recordPermHelp'); if (permHelp && permHelp.remove) permHelp.remove(); const tpw = $('#recordTwoPartyWarning'); if (tpw) tpw.style.display = 'none'; $('#recordAckLaw').checked = false; $('#recordDisclosed').checked = false; updateRecordStartEnabled(); $('#recordOverlay').classList.add('open'); document.body.style.overflow = 'hidden'; // Warn upfront if the mic can't work in this context (file:// / content:// / http) const diag = recDiagnoseContext(); if (!diag.ok) { recShowPermissionHelp(diag.title, diag.body); } } function closeRecordModal() { // If recording is active, stop it first if (recState.mediaRecorder && recState.mediaRecorder.state === 'recording') { stopRecording(true); // silent stop } cleanupRecordingResources(); $('#recordOverlay').classList.remove('open'); document.body.style.overflow = ''; } function cleanupRecordingResources() { if (recState.timerInterval) { clearInterval(recState.timerInterval); recState.timerInterval = null; } if (recState.recognition) { try { recState.recognition.stop(); } catch(e){} recState.recognition = null; } if (recState.stream) { recState.stream.getTracks().forEach(t => t.stop()); recState.stream = null; } recState.mediaRecorder = null; } function updateRecordStartEnabled() { const stateCode = $('#recordConsentType').value; const ackLaw = $('#recordAckLaw').checked; const disclosed = $('#recordDisclosed').checked; // Require: a state selected, law acknowledged, disclosure confirmed. // For two-party states, disclosure is mandatory (already required for all here). const ok = !!stateCode && ackLaw && disclosed; const btn = $('#recordStartBtn'); if (btn) { btn.disabled = !ok; btn.style.opacity = ok ? '1' : '.5'; } } // States requiring all-party (two-party) consent const TWO_PARTY_STATES = ['CA','FL','PA','IL','MI','MD','MA','WA','NV','MT','NH','CT','OR','DE']; function recIsTwoParty(stateCode) { return TWO_PARTY_STATES.includes(stateCode); } function recStateNote(stateCode) { if (!stateCode) return ''; if (recIsTwoParty(stateCode)) { return '\u26a0 ' + stateCode + ' is an ALL-PARTY consent state. Everyone present must agree before recording. You must verbally inform management.'; } return stateCode + ' is generally a one-party consent state ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â you may record a conversation you are part of. Disclosure to management is still strongly recommended and required by some local USPS policies.'; } // Cross-browser getUserMedia with legacy fallbacks function recGetUserMedia(constraints) { if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) { return navigator.mediaDevices.getUserMedia(constraints); } // Legacy prefixed APIs (older Chrome/Android/Safari) const legacy = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia; if (legacy) { return new Promise((resolve, reject) => legacy.call(navigator, constraints, resolve, reject)); } return Promise.reject(Object.assign(new Error('no getUserMedia'), { name: 'NotSupportedError' })); } // Diagnose WHY the mic isn't reachable, with scheme-specific guidance function recDiagnoseContext() { const proto = (typeof location !== 'undefined' && location.protocol) ? location.protocol : ''; const secure = (typeof window !== 'undefined' && window.isSecureContext); const hasAPI = !!(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) || !!(navigator.getUserMedia || navigator.webkitGetUserMedia); // content:// (Android file open), file://, or plain http on a real host = blocked if (!secure || proto === 'file:' || proto === 'content:' || (proto === 'http:' && location.hostname !== 'localhost' && location.hostname !== '127.0.0.1')) { return { ok: false, title: 'Recording needs an https:// link', body: 'Chrome (and every mobile browser) blocks the microphone unless the page is opened over a secure https:// address. Right now this file is open ' + (proto === 'content:' || proto === 'file:' ? 'directly from your device storage' : 'over an insecure connection') + ', so the mic permission prompt cannot appear.\n\n\u2705 ONE-TIME FIX (free, ~30 seconds):\n1. Go to app.netlify.com/drop in any browser\n2. Drag the GrievanceBuilder.html file onto that page\n3. Netlify gives you an https:// link\n4. Open THAT link and bookmark it\n\nThe microphone, transcription, and everything else will then work normally. Full steps are in the Setup Guide PDF.\n\nUntil then, you can type management\u2019s position into the notes field by hand.' }; } if (!hasAPI) { return { ok: false, title: 'Microphone not supported here', body: 'This browser doesn\u2019t expose audio recording. Try the latest Chrome, Edge, Safari, or Firefox. You can still type the notes manually.' }; } return { ok: true }; } // Show a clear, persistent permission-help message inside the record modal function recShowPermissionHelp(title, body) { const stage = $('#recordConsentStage'); // Remove any prior help block const existing = $('#recordPermHelp'); if (existing && existing.remove) existing.remove(); const div = document.createElement('div'); div.id = 'recordPermHelp'; div.style.cssText = 'background:rgba(224,82,82,.09);border:1px solid var(--red);border-radius:9px;padding:13px 15px;margin-bottom:14px'; div.innerHTML = '

' + '' + title + '

' + '

' + body + '

'; // Put it at the top of the consent stage so it's visible if (stage && stage.insertBefore && stage.firstChild) { stage.insertBefore(div, stage.firstChild); } else if (stage && stage.appendChild) { stage.appendChild(div); } // Make sure we're showing the consent stage (not the active/recording stage) if (stage) stage.style.display = 'block'; const active = $('#recordActiveStage'); if (active) active.style.display = 'none'; toast(title, 'error'); } async function startRecording() { // Pre-flight: diagnose the context (https / file / content / api support) const diag = recDiagnoseContext(); if (!diag.ok) { recShowPermissionHelp(diag.title, diag.body); return; } // If the Permissions API is available, check state first for precise guidance try { if (navigator.permissions && navigator.permissions.query) { const status = await navigator.permissions.query({ name: 'microphone' }); if (status.state === 'denied') { recShowPermissionHelp( 'Microphone is blocked for this site', 'Chrome has the microphone set to "Block" for this page. To turn it on:\n\n\u2022 Tap the \ud83d\udd12 lock (or \u24d8 / sliders) icon to the left of the address bar\n\u2022 Tap "Permissions" or "Site settings"\n\u2022 Set Microphone to Allow\n\u2022 Reload the page and tap Start Recording again\n\nOn Android you may also need: Settings \u2192 Apps \u2192 Chrome \u2192 Permissions \u2192 Microphone = Allow.' ); return; } } } catch (e) { /* Permissions API not supported for microphone - continue to prompt */ } // Request mic ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â this triggers the device's native permission prompt let stream; try { stream = await recGetUserMedia({ audio: true }); } catch (err) { const name = (err && err.name) || ''; if (name === 'NotAllowedError' || name === 'SecurityError' || name === 'PermissionDeniedError') { recShowPermissionHelp( 'Tap "Allow" to record', 'Chrome asked for microphone permission and it was dismissed or blocked. To record:\n\n\u2022 Tap Start Recording again and choose "Allow" on the prompt\n\u2022 If no prompt appears: tap the \ud83d\udd12 lock icon by the address bar \u2192 Microphone \u2192 Allow, then reload\n\u2022 iPhone: Settings \u2192 your browser \u2192 Microphone = On\n\u2022 Android: Settings \u2192 Apps \u2192 browser \u2192 Permissions \u2192 Microphone = Allow' ); } else if (name === 'NotFoundError' || name === 'DevicesNotFoundError') { recShowPermissionHelp( 'No microphone found', 'Your device doesn\u2019t have a microphone available, or another app is using it. Close other apps using the mic and try again.' ); } else if (name === 'NotReadableError' || name === 'TrackStartError') { recShowPermissionHelp( 'Microphone is busy', 'Another app (a call, voice memo, or video app) is using the microphone. Close it and try again.' ); } else if (name === 'NotSupportedError') { recShowPermissionHelp( 'Microphone not supported here', 'This browser doesn\u2019t expose audio recording. Try the latest Chrome, Edge, Safari, or Firefox, served over an https:// link. You can still type the notes manually.' ); } else { recShowPermissionHelp( 'Could not access microphone', 'Something blocked the microphone' + (name ? ' (' + name + ')' : '') + '. Make sure the page is on an https:// link, check the browser\u2019s site permissions, and try again \u2014 or type the notes manually.' ); } return; } recState.stream = stream; recState.chunks = []; recState.transcriptFinal = ''; recState.disclosed = $('#recordDisclosed').checked; recState.stateCode = $('#recordConsentType').value; // MediaRecorder for audio let mimeType = 'audio/webm'; if (!MediaRecorder.isTypeSupported('audio/webm')) { mimeType = MediaRecorder.isTypeSupported('audio/mp4') ? 'audio/mp4' : ''; } try { recState.mediaRecorder = mimeType ? new MediaRecorder(stream, { mimeType }) : new MediaRecorder(stream); } catch(e) { recState.mediaRecorder = new MediaRecorder(stream); } recState.mediaRecorder.ondataavailable = (e) => { if (e.data.size > 0) recState.chunks.push(e.data); }; recState.mediaRecorder.onstop = () => finalizeRecording(); recState.mediaRecorder.start(); // Speech recognition for live transcript (best-effort; not all browsers) const SR = window.SpeechRecognition || window.webkitSpeechRecognition; const transcriptEl = $('#recordTranscript'); const statusEl = $('#recordTranscriptStatus'); if (SR) { const recog = new SR(); recog.continuous = true; recog.interimResults = true; recog.lang = 'en-US'; let interim = ''; recog.onresult = (event) => { interim = ''; for (let i = event.resultIndex; i < event.results.length; i++) { const txt = event.results[i][0].transcript; if (event.results[i].isFinal) recState.transcriptFinal += txt + ' '; else interim += txt; } transcriptEl.innerHTML = (recState.transcriptFinal ? ''+recState.transcriptFinal+'' : '') + (interim ? ''+interim+'' : ''); transcriptEl.scrollTop = transcriptEl.scrollHeight; }; recog.onerror = (e) => { if (e.error === 'not-allowed' || e.error === 'service-not-allowed') { statusEl.textContent = 'Transcription unavailable (mic permission). Audio still recording.'; } }; recog.onend = () => { // Restart if still recording (Chrome auto-stops) if (recState.mediaRecorder && recState.mediaRecorder.state === 'recording') { try { recog.start(); } catch(e){} } }; try { recog.start(); recState.recognition = recog; statusEl.textContent = 'Live transcription active'; } catch(e) { statusEl.textContent = 'Audio recording (transcription unavailable on this device)'; } } else { statusEl.textContent = 'Audio recording. Live transcription not supported in this browser ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â audio will be saved.'; transcriptEl.innerHTML = 'This browser does not support live transcription. Your audio is being recorded and can be downloaded when you stop.'; } // Timer recState.startTime = Date.now(); $('#recordTimer').textContent = '00:00'; recState.timerInterval = setInterval(() => { const elapsed = Math.floor((Date.now() - recState.startTime) / 1000); const mm = String(Math.floor(elapsed / 60)).padStart(2, '0'); const ss = String(elapsed % 60).padStart(2, '0'); $('#recordTimer').textContent = mm + ':' + ss; }, 500); // Switch to active stage $('#recordConsentStage').style.display = 'none'; $('#recordActiveStage').style.display = 'block'; $('#recordSavedStage').style.display = 'none'; // Mark the originating button as recording document.querySelectorAll('.record-btn[data-record-target="' + recState.targetField + '"]').forEach(b => b.classList.add('recording')); } function stopRecording(silent) { if (recState.recognition) { try { recState.recognition.stop(); } catch(e){} recState.recognition = null; } if (recState.timerInterval) { clearInterval(recState.timerInterval); recState.timerInterval = null; } if (recState.mediaRecorder && recState.mediaRecorder.state === 'recording') { recState.mediaRecorder.stop(); // triggers onstop -> finalizeRecording } document.querySelectorAll('.record-btn.recording').forEach(b => b.classList.remove('recording')); } function finalizeRecording() { // Build audio blob const mimeType = (recState.mediaRecorder && recState.mediaRecorder.mimeType) || 'audio/webm'; recState.audioBlob = new Blob(recState.chunks, { type: mimeType }); if (recState.audioUrl) URL.revokeObjectURL(recState.audioUrl); recState.audioUrl = URL.createObjectURL(recState.audioBlob); // Append transcript to target field const transcript = recState.transcriptFinal.trim(); if (transcript && recState.targetField) { const el = $('#' + recState.targetField); if (el) { const stamp = new Date().toLocaleString(); const header = '[Recorded ' + stamp + (recState.disclosed ? ' ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â disclosed to management ÃƒÆ’Ã‚Â¢Ãƒâ€¦"ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œ' : '') + ']\n'; el.value = (el.value ? el.value + '\n\n' : '') + header + transcript; el.dispatchEvent(new Event('input', { bubbles: true })); } } // Log disclosure to grievance record if (recState.disclosed) { if (!Array.isArray(state.processLog)) state.processLog = []; const stateCode = (recState.stateCode || ''); state.processLog.push({ ts: new Date().toISOString(), note: 'Meeting recorded ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â disclosed to management ÃƒÆ’Ã‚Â¢Ãƒâ€¦"ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œ' + (stateCode ? ' [' + stateCode + (recIsTwoParty(stateCode) ? ' all-party' : ' one-party') + ']' : '') + ' (field: ' + (recState.targetField||'?') + ')' }); state.recordingDisclosed = true; } // Stop stream tracks if (recState.stream) { recState.stream.getTracks().forEach(t => t.stop()); recState.stream = null; } // Show saved stage const dur = $('#recordTimer').textContent; const sizeKB = Math.round(recState.audioBlob.size / 1024); const ext = mimeType.includes('mp4') ? 'm4a' : 'webm'; $('#recordSavedInfo').innerHTML = `Duration: ${dur} · Size: ${sizeKB} KB${transcript ? ' · Transcript added to notes ÃƒÆ’Ã‚Â¢Ãƒâ€¦"ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œ' : ''}
${recState.disclosed ? 'Disclosure logged to grievance record ÃƒÆ’Ã‚Â¢Ãƒâ€¦"ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œ' : 'Disclosure NOT logged'}
Saved as .${ext} ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â download to keep a copy.`; $('#recordConsentStage').style.display = 'none'; $('#recordActiveStage').style.display = 'none'; $('#recordSavedStage').style.display = 'block'; } function downloadRecording() { if (!recState.audioBlob) return; const mimeType = recState.audioBlob.type || 'audio/webm'; const ext = mimeType.includes('mp4') ? 'm4a' : 'webm'; const gId = `${state.branchNum||'BR'}-${(state.incidentDate||'').replace(/-/g,'')||'undated'}-${(state.grievantName||'grievant').replace(/[^a-zA-Z0-9]/g,'')}`; const fname = `recording-${gId}-${Date.now().toString(36)}.${ext}`; const a = document.createElement('a'); a.href = recState.audioUrl; a.download = fname; document.body.appendChild(a); a.click(); document.body.removeChild(a); toast('Audio downloaded: ' + fname, 'success'); } // ============================================================ // VOICE FILL - free dictation + smart field auto-fill (Web Speech API) // ============================================================ const vfState = { recognition: null, transcript: '', listening: false, matches: [] }; // Spoken-number words -> digits (for EIN/ZIP/phone said as words) const VF_NUM_WORDS = {zero:0,oh:0,one:1,two:2,three:3,four:4,five:5,six:6,seven:7,eight:8,nine:9}; const VF_MONTHS = {january:1,february:2,march:3,april:4,may:5,june:6,july:7,august:8,september:9,october:10,november:11,december:12, jan:1,feb:2,mar:3,apr:4,jun:6,jul:7,aug:8,sep:9,sept:9,oct:10,nov:11,dec:12}; function vfWordsToDigits(text) { // Convert sequences of number-words into digits return text.replace(/\b(zero|oh|one|two|three|four|five|six|seven|eight|nine)\b/gi, (m) => String(VF_NUM_WORDS[m.toLowerCase()])); } function vfParseDate(phrase) { if (!phrase) return null; const p = phrase.toLowerCase().trim(); // Numeric: 5/27/2026, 05-27-26, 5.27.2026 let m = p.match(/\b(\d{1,2})[\/\-.](\d{1,2})[\/\-.](\d{2,4})\b/); if (m) { let [_, mo, d, y] = m; if (y.length === 2) y = '20' + y; return `${y}-${String(+mo).padStart(2,'0')}-${String(+d).padStart(2,'0')}`; } // Spoken: "may 27th 2026" / "may 27" / "27th of may" let mon = null, day = null, year = null; const monMatch = p.match(/\b(january|february|march|april|may|june|july|august|september|october|november|december|jan|feb|mar|apr|jun|jul|aug|sep|sept|oct|nov|dec)\b/); if (monMatch) mon = VF_MONTHS[monMatch[1]]; const dayMatch = p.match(/\b(\d{1,2})(?:st|nd|rd|th)?\b/); if (dayMatch) day = +dayMatch[1]; const yearMatch = p.match(/\b(20\d{2})\b/); if (yearMatch) year = +yearMatch[1]; if (mon && day) { if (!year) year = new Date().getFullYear(); return `${year}-${String(mon).padStart(2,'0')}-${String(day).padStart(2,'0')}`; } return null; } function vfExtractDigits(phrase, count) { const d = vfWordsToDigits(phrase).replace(/\D/g, ''); return count ? d.slice(0, count) : d; } // Field extraction rules. Each: keyword regex -> {field, transform} // We slice the transcript at keyword boundaries to grab the value after each keyword. const VF_FIELD_RULES = [ { keys: ['grievant', 'grievance for', 'employee name', 'carrier name'], field: 'grievantName', type: 'name' }, { keys: ['e i n', 'ein', 'employee i d', 'employee id', 'identification number'], field: 'grievantEIN', type: 'digits8' }, { keys: ['classification', 'class', 'status'], field: 'grievantClassif', type: 'classif' }, { keys: ['route', 'assignment', 'hold down', 'holddown'], field: 'grievantRoute', type: 'route' }, { keys: ['seniority'], field: 'grievantSeniority', type: 'date' }, { keys: ['steward', 'union rep', 'representative'], field: 'stewardName', type: 'name' }, { keys: ['supervisor', 'manager', 'sup'], field: 'supName', type: 'name' }, { keys: ['installation', 'post office', 'office', 'station', 'facility'], field: 'installation', type: 'text' }, { keys: ['branch'], field: 'branchNum', type: 'branch' }, { keys: ['zip', 'zip code', 'finance'], field: 'stationZip', type: 'digits5' }, { keys: ['district'], field: 'district', type: 'text' }, { keys: ['region'], field: 'region', type: 'region' }, { keys: ['incident date', 'incident', 'happened', 'occurred', 'date of incident'], field: 'incidentDate', type: 'date' }, { keys: ['discovery date', 'discovered', 'date of discovery', 'found out'], field: 'discoveryDate', type: 'date' }, { keys: ['filing date', 'filed', 'file date'], field: 'filingDate', type: 'date' }, { keys: ['witness', 'witnesses'], field: 'witnesses', type: 'text' }, { keys: ['grievant phone', 'carrier phone'], field: 'grievantPhone', type: 'phone' }, { keys: ['steward phone', 'my phone'], field: 'stewardPhone', type: 'phone' }, { keys: ['supervisor phone', 'manager phone'], field: 'supPhone', type: 'phone' }, ]; const VF_CLASSIF_MAP = [ { rx: /cca|city carrier assistant/i, val: 'City Carrier Assistant (CCA)' }, { rx: /full[\s-]?time\s*flex|ftf/i, val: 'Full-Time Flexible (FTF)' }, { rx: /full[\s-]?time\s*regular|full[\s-]?time|ftr|f t r/i, val: 'Full-Time Regular (FTR)' }, { rx: /part[\s-]?time\s*flex|ptf|p t f/i, val: 'Part-Time Flexible (PTF)' }, { rx: /part[\s-]?time\s*regular|ptr|p t r/i, val: 'Part-Time Regular (PTR)' }, ]; const VF_REGION_MAP = [ { rx: /capital metro|capital/i, val: 'Capital Metro' }, { rx: /eastern/i, val: 'Eastern' }, { rx: /central/i, val: 'Central' }, { rx: /southern/i, val: 'Southern' }, { rx: /western/i, val: 'Western' }, { rx: /northeast/i, val: 'Northeast' }, { rx: /pacific/i, val: 'Pacific' }, ]; function vfHumanLabel(field) { const labels = { grievantName:'Grievant Name', grievantEIN:'EIN', grievantClassif:'Classification', grievantRoute:'Route / Assignment', grievantSeniority:'Seniority Date', stewardName:'Steward Name', supName:'Supervisor Name', installation:'Installation / Office', branchNum:'NALC Branch No.', stationZip:'ZIP / Finance', district:'District', region:'Region', incidentDate:'Incident Date', discoveryDate:'Discovery Date', filingDate:'Filing Date', witnesses:'Witnesses', grievantPhone:'Grievant Phone', stewardPhone:'Steward Phone', supPhone:'Supervisor Phone' }; return labels[field] || field; } function vfTitleCase(s) { return s.replace(/\b\w/g, c => c.toUpperCase()).replace(/\s+/g, ' ').trim(); } function vfFormatPhone(phrase) { const d = vfExtractDigits(phrase, 10); if (d.length >= 10) return `(${d.slice(0,3)}) ${d.slice(3,6)}-${d.slice(6,10)}`; return d; } // Parse the full transcript into field matches function vfParseTranscript(raw) { const matches = []; const used = new Set(); let working = ' ' + raw.toLowerCase().replace(/[,.;]/g, ' ').replace(/\s+/g, ' ') + ' '; // Find every keyword occurrence with its position const hits = []; VF_FIELD_RULES.forEach(rule => { rule.keys.forEach(k => { const kp = ' ' + k.replace(/\s+/g, ' ') + ' '; let idx = working.indexOf(kp); while (idx !== -1) { hits.push({ rule, key: k, start: idx, end: idx + kp.length }); idx = working.indexOf(kp, idx + 1); } }); }); // Sort by position hits.sort((a, b) => a.start - b.start); // For each hit, the value runs from end-of-keyword to start-of-next-keyword for (let i = 0; i < hits.length; i++) { const h = hits[i]; if (used.has(h.rule.field)) continue; // first occurrence wins per field const next = hits.find((x, j) => j > i && x.start >= h.end); const valRaw = working.slice(h.end, next ? next.start : working.length).trim(); if (!valRaw) continue; const val = vfTransform(h.rule.type, valRaw); if (val) { matches.push({ field: h.rule.field, label: vfHumanLabel(h.rule.field), value: val, heard: valRaw, type: h.rule.type, enabled: true }); used.add(h.rule.field); } } // Bare classification detection (user may say "full-time regular" with no "classification" keyword) if (!used.has('grievantClassif')) { const hit = VF_CLASSIF_MAP.find(c => c.rx.test(working)); if (hit) { matches.push({ field: 'grievantClassif', label: vfHumanLabel('grievantClassif'), value: hit.val, heard: hit.val, type: 'classif', enabled: true }); used.add('grievantClassif'); } } return matches; } function vfTransform(type, raw) { switch (type) { case 'name': return vfTitleCase(raw).slice(0, 60); case 'text': return vfTitleCase(raw).slice(0, 80); case 'digits8': return vfExtractDigits(raw, 8); case 'digits5': return vfExtractDigits(raw, 5); case 'phone': return vfFormatPhone(raw); case 'date': return vfParseDate(raw); case 'branch': { const d = vfExtractDigits(raw, 4); return d || vfTitleCase(raw).slice(0,20); } case 'route': { const d = (vfWordsToDigits(raw).match(/\d+/)||[])[0]; return d ? 'Route ' + d : vfTitleCase(raw).slice(0,40); } case 'classif': { const hit = VF_CLASSIF_MAP.find(c => c.rx.test(raw)); return hit ? hit.val : null; } case 'region': { const hit = VF_REGION_MAP.find(c => c.rx.test(raw)); return hit ? hit.val : null; } default: return vfTitleCase(raw); } } // ---- Modal flow ---- function vfHasSpeech() { return !!(window.SpeechRecognition || window.webkitSpeechRecognition); } function openVoiceFill() { if (!vfHasSpeech()) { toast('Voice input needs Chrome or Edge on an https:// link', 'warning'); } vfState.transcript = ''; vfState.matches = []; $('#vfListenStage').style.display = 'block'; $('#vfReviewStage').style.display = 'none'; $('#vfTranscript').innerHTML = 'Your words appear here…'; $('#vfStatus').textContent = 'Tap Start and speak'; $('#vfPulse').style.background = 'var(--td)'; $('#vfPulse').style.animation = 'none'; $('#vfStartBtn').style.display = ''; $('#vfParseBtn').style.display = 'none'; $('#voiceFillOverlay').classList.add('open'); document.body.style.overflow = 'hidden'; if (typeof applyTipsState === 'function') applyTipsState(); } function closeVoiceFill() { vfStopListening(); $('#voiceFillOverlay').classList.remove('open'); document.body.style.overflow = ''; } function vfStartListening() { const SR = window.SpeechRecognition || window.webkitSpeechRecognition; if (!SR) { toast('Speech recognition not available in this browser', 'error'); return; } const recog = new SR(); recog.continuous = true; recog.interimResults = true; recog.lang = 'en-US'; vfState.transcript = ''; let finalText = ''; recog.onresult = (event) => { let interim = ''; for (let i = event.resultIndex; i < event.results.length; i++) { const t = event.results[i][0].transcript; if (event.results[i].isFinal) finalText += t + ' '; else interim += t; } vfState.transcript = finalText; const el = $('#vfTranscript'); el.innerHTML = (finalText ? '' + finalText + '' : '') + (interim ? '' + interim + '' : ''); el.scrollTop = el.scrollHeight; if (finalText.trim()) $('#vfParseBtn').style.display = ''; }; recog.onerror = (e) => { if (e.error === 'not-allowed' || e.error === 'service-not-allowed') { $('#vfStatus').textContent = 'Microphone blocked ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â allow mic & use https://'; toast('Microphone blocked ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â see the Meeting Notes Recorder help for fixing mic access', 'error'); } else if (e.error === 'no-speech') { $('#vfStatus').textContent = 'No speech detected ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â try again'; } }; recog.onend = () => { if (vfState.listening) { // auto-restart while still in listening mode (Chrome stops after silence) try { recog.start(); } catch(e) {} } }; try { recog.start(); vfState.recognition = recog; vfState.listening = true; $('#vfStatus').textContent = 'ListeningÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦ speak now'; $('#vfPulse').style.background = 'var(--red)'; $('#vfPulse').style.animation = 'recordPulse 1.2s ease-in-out infinite'; $('#vfStartBtn').textContent = '\u23f9 Stop'; $('#vfStartBtn').onclick = vfStopListening; } catch(e) { toast('Could not start listening: ' + e.message, 'error'); } } function vfStopListening() { vfState.listening = false; if (vfState.recognition) { try { vfState.recognition.stop(); } catch(e){} vfState.recognition = null; } $('#vfStatus').textContent = vfState.transcript.trim() ? 'Stopped ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â tap Review Matches' : 'Stopped'; $('#vfPulse').style.background = 'var(--td)'; $('#vfPulse').style.animation = 'none'; const sb = $('#vfStartBtn'); if (sb) { sb.textContent = '\ud83c\udf99 Start Listening'; sb.onclick = vfStartListening; } } function vfReview() { vfStopListening(); const matches = vfParseTranscript(vfState.transcript || ''); vfState.matches = matches; const list = $('#vfMatchList'); if (!matches.length) { list.innerHTML = '

No fields matched. Try saying the field name before each value, e.g. “grievant John Smith, branch 421.”

'; } else { list.innerHTML = matches.map((m, i) => `

${m.label}

${m.value}

heard: “${m.heard.slice(0,50)}”

`).join(''); list.querySelectorAll('.vf-match-cb').forEach(cb => { cb.addEventListener('change', () => { vfState.matches[+cb.dataset.vfI].enabled = cb.checked; }); }); } // Show unmatched leftover (rough: full transcript for reference) const unm = $('#vfUnmatched'); if (vfState.transcript.trim()) { unm.style.display = 'block'; unm.innerHTML = 'Full transcript (for anything not matched):
' + vfState.transcript.trim(); } else { unm.style.display = 'none'; } $('#vfListenStage').style.display = 'none'; $('#vfReviewStage').style.display = 'block'; } function vfApply() { let applied = 0; vfState.matches.filter(m => m.enabled).forEach(m => { const el = $('#' + m.field); if (!el) return; if (el.tagName === 'SELECT') { // Match option by value text let matched = false; for (const opt of el.options) { if (opt.value === m.value || opt.textContent.trim() === m.value) { el.value = opt.value; matched = true; break; } } if (!matched) { for (const opt of el.options) { if (opt.value && m.value && opt.value.toLowerCase().includes(m.value.toLowerCase().slice(0,6))) { el.value = opt.value; matched = true; break; } } } if (matched) applied++; } else { el.value = m.value; applied++; } el.dispatchEvent(new Event('input', { bubbles: true })); el.dispatchEvent(new Event('change', { bubbles: true })); }); closeVoiceFill(); toast(applied ? `Filled ${applied} field${applied>1?'s':''} \u2014 review and adjust as needed` : 'Nothing applied', applied ? 'success' : 'warning'); if (typeof renderDeadlines === 'function') { try { renderDeadlines(); } catch(e){} } } // ---- Per-field dictation (single field) ---- let vfFieldRecog = null; let vfFieldActiveBtn = null; function vfDictateField(fieldId, btn) { const SR = window.SpeechRecognition || window.webkitSpeechRecognition; if (!SR) { toast('Voice input needs Chrome or Edge on https://', 'warning'); return; } const el = $('#' + fieldId); if (!el) return; // Toggle off if already recording this field if (vfFieldRecog && vfFieldActiveBtn === btn) { try { vfFieldRecog.stop(); } catch(e){} return; } if (vfFieldRecog) { try { vfFieldRecog.stop(); } catch(e){} } const recog = new SR(); recog.continuous = true; recog.interimResults = true; recog.lang = 'en-US'; const base = el.value ? el.value + ' ' : ''; let finalText = ''; recog.onresult = (event) => { let interim = ''; for (let i = event.resultIndex; i < event.results.length; i++) { const t = event.results[i][0].transcript; if (event.results[i].isFinal) finalText += t + ' '; else interim += t; } el.value = base + finalText + interim; el.dispatchEvent(new Event('input', { bubbles: true })); }; recog.onerror = (e) => { if (e.error === 'not-allowed' || e.error === 'service-not-allowed') { toast('Microphone blocked ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â allow mic access & use an https:// link', 'error'); } }; recog.onend = () => { btn.classList.remove('recording'); if (vfFieldActiveBtn === btn) { vfFieldActiveBtn = null; vfFieldRecog = null; } }; try { recog.start(); vfFieldRecog = recog; vfFieldActiveBtn = btn; btn.classList.add('recording'); toast('Listening ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â tap the mic again to stop', 'success'); } catch(e) { toast('Could not start: ' + e.message, 'error'); } } // ============================================================ // SESSION MODE - long-form transcription for meetings/interviews // ============================================================ const sessState = { recognition: null, listening: false, startTime: 0, pausedAt: 0, totalElapsed: 0, timerInterval: null, segments: [], // {speaker, text, ts} entries currentSpeaker: null, finalText: '', defaultDestination: 'proc-informalAResponse', // Provider toggle for future Path B (Whisper) - currently always 'webspeech' provider: 'webspeech', autoResumeAttempts: 0, maxAutoResumeAttempts: 50, // ~50 silence pauses before giving up lastInputAt: 0, }; const SESSION_STORAGE_KEY = 'bpg_session_transcript'; function sessLoad() { try { const raw = localStorage.getItem(SESSION_STORAGE_KEY); if (!raw) return null; return JSON.parse(raw); } catch(e) { return null; } } function sessSave() { try { localStorage.setItem(SESSION_STORAGE_KEY, JSON.stringify({ segments: sessState.segments, finalText: sessState.finalText, ts: new Date().toISOString() })); } catch(e) { /* storage full or unavailable */ } } function sessClearStorage() { try { localStorage.removeItem(SESSION_STORAGE_KEY); } catch(e) {} } function openSessionMode(destinationField) { if (destinationField) sessState.defaultDestination = destinationField; // Restore prior session if any const prior = sessLoad(); if (prior && prior.finalText) { sessState.segments = prior.segments || []; sessState.finalText = prior.finalText || ''; sessRenderTranscript(); } else { sessState.segments = []; sessState.finalText = ''; $('#sessTranscript').innerHTML = 'Transcript appears here as you speak. Tap a speaker button to label what comes next.'; } sessState.totalElapsed = 0; sessUpdateTimer(); // Set default destination radio document.querySelectorAll('input[name="sessDest"]').forEach(r => { r.checked = r.value === sessState.defaultDestination; }); $('#sessSaveDest').style.display = 'none'; $('#sessAIOutput').style.display = 'none'; $('#sessProviderInfo').textContent = sessState.provider === 'webspeech' ? 'Free transcription via Chrome/Edge Web Speech (no API key)' : 'Whisper transcription (uses your OpenAI API key)'; // Reset status $('#sessStatus').textContent = prior && prior.finalText ? 'Resumed prior session ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â tap Start to continue' : 'Tap Start to begin'; $('#sessStartBtn').style.display = ''; $('#sessPauseBtn').style.display = 'none'; $('#sessStartBtn').textContent = 'ÃƒÆ’Ã‚Â°Ãƒâ€¦Ã‚Â¸Ãƒâ€¦Ã‚Â½ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ Start'; $('#sessionOverlay').classList.add('open'); document.body.style.overflow = 'hidden'; if (typeof applyTipsState === 'function') applyTipsState(); // Warn upfront if context isn't suitable for the mic const diag = typeof recDiagnoseContext === 'function' ? recDiagnoseContext() : { ok: true }; if (!diag.ok) { toast(diag.title + ' ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â see Setup Guide for hosting on https://', 'error'); } } window.openSessionMode = openSessionMode; function closeSessionMode() { sessStopListening(true); $('#sessionOverlay').classList.remove('open'); document.body.style.overflow = ''; } function sessUpdateTimer() { const el = $('#sessTimer'); if (!el) return; let secs = Math.floor(sessState.totalElapsed / 1000); if (sessState.listening && sessState.startTime) { secs += Math.floor((Date.now() - sessState.startTime) / 1000); } const mm = String(Math.floor(secs / 60)).padStart(2, '0'); const ss = String(secs % 60).padStart(2, '0'); el.textContent = mm + ':' + ss; } function sessRenderTranscript() { const el = $('#sessTranscript'); if (!el) return; if (!sessState.segments.length && !sessState.finalText) { el.innerHTML = 'Transcript appears here as you speak. Tap a speaker button to label what comes next.'; $('#sessWords').textContent = '0 words'; return; } let html = ''; sessState.segments.forEach(seg => { const tagColor = sessSpeakerColor(seg.speaker); html += '

' + seg.speaker.toUpperCase() + '' + '' + escapeHtml(seg.text) + '

'; }); el.innerHTML = html; el.scrollTop = el.scrollHeight; const allText = sessState.segments.map(s => s.text).join(' ') + ' ' + sessState.finalText; const wc = (allText.trim().match(/\S+/g) || []).length; $('#sessWords').textContent = wc + ' word' + (wc === 1 ? '' : 's'); } function sessSpeakerColor(spk) { switch (spk) { case 'Mgmt': return '#e05252'; case 'Steward': return '#00c9a7'; case 'Grievant': return '#c9a227'; case 'Witness': return '#a78bfa'; case 'Note': return '#f97316'; default: return '#7eb5af'; } } function escapeHtml(s) { if (!s) return ''; return String(s).replace(/[&<>"']/g, c => ({'&':'&','<':'<','>':'>','"':'"',"'":'''}[c])); } function sessTagSpeaker(speaker) { // Commit any in-flight finalText as the prior speaker before switching if (sessState.finalText.trim()) { sessState.segments.push({ speaker: sessState.currentSpeaker || 'Unlabeled', text: sessState.finalText.trim(), ts: Date.now() }); sessState.finalText = ''; } sessState.currentSpeaker = speaker; if (speaker === 'Note') { // Insert a note from the steward without recording const note = prompt('Add a steward note (visible in transcript):'); if (note && note.trim()) { sessState.segments.push({ speaker: 'Note', text: note.trim(), ts: Date.now() }); sessState.currentSpeaker = null; // reset so next dictation needs an explicit tag sessSave(); sessRenderTranscript(); } return; } toast('Speaker set to ' + speaker + ' ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â speak now', 'success'); sessSave(); sessRenderTranscript(); } function sessStartListening() { // If currently listening, stop instead if (sessState.listening) { sessStopListening(false); return; } const SR = window.SpeechRecognition || window.webkitSpeechRecognition; if (!SR) { toast('Speech recognition needs Chrome or Edge on https://', 'error'); $('#sessStatus').textContent = 'Browser does not support speech recognition'; return; } const recog = new SR(); recog.continuous = true; recog.interimResults = true; recog.lang = 'en-US'; recog.onresult = (event) => { let interim = ''; let newFinal = ''; for (let i = event.resultIndex; i < event.results.length; i++) { const t = event.results[i][0].transcript; if (event.results[i].isFinal) newFinal += t + ' '; else interim += t; } sessState.finalText += newFinal; sessState.lastInputAt = Date.now(); // Render: previous tagged segments + current pending text (with speaker) const el = $('#sessTranscript'); let html = ''; sessState.segments.forEach(seg => { const tagColor = sessSpeakerColor(seg.speaker); html += '

' + seg.speaker.toUpperCase() + '' + '' + escapeHtml(seg.text) + '

'; }); // pending text if (sessState.finalText || interim) { const spk = sessState.currentSpeaker || 'Unlabeled'; const tagColor = sessSpeakerColor(spk); html += '

' + spk.toUpperCase() + (sessState.currentSpeaker ? '' : ' (tap speaker tag)') + '' + '' + escapeHtml(sessState.finalText) + '' + (interim ? ' ' + escapeHtml(interim) + '' : '') + '

'; } el.innerHTML = html; el.scrollTop = el.scrollHeight; // Update word count (live) const allText = sessState.segments.map(s => s.text).join(' ') + ' ' + sessState.finalText + ' ' + interim; const wc = (allText.trim().match(/\S+/g) || []).length; $('#sessWords').textContent = wc + ' word' + (wc === 1 ? '' : 's'); // Auto-save every 5 seconds of new content sessSave(); sessState.autoResumeAttempts = 0; // got new input, reset counter }; recog.onerror = (e) => { if (e.error === 'not-allowed' || e.error === 'service-not-allowed') { $('#sessStatus').textContent = 'Mic blocked ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â needs https:// + permission'; toast('Microphone blocked ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â see Meeting Notes Recorder help', 'error'); sessState.listening = false; } else if (e.error === 'no-speech') { $('#sessStatus').textContent = 'No speech detected ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â listening continuesÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦'; // Don't stop - just keep going } else if (e.error === 'aborted') { // User stopped manually - fine } else if (e.error === 'network') { $('#sessStatus').textContent = 'Network error ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â Web Speech needs internet. RetryingÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦'; } }; recog.onend = () => { // Chrome auto-stops after silence. Auto-resume if user hasn't paused. if (sessState.listening) { sessState.autoResumeAttempts++; if (sessState.autoResumeAttempts >= sessState.maxAutoResumeAttempts) { $('#sessStatus').textContent = 'Auto-paused after long silence ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â tap Start to resume'; sessState.listening = false; sessStopListening(true); return; } // Commit any pending final text as a segment before restart if (sessState.finalText.trim()) { const spk = sessState.currentSpeaker || 'Unlabeled'; // Append to last segment if same speaker, else new segment const lastSeg = sessState.segments[sessState.segments.length - 1]; if (lastSeg && lastSeg.speaker === spk) { lastSeg.text += ' ' + sessState.finalText.trim(); } else { sessState.segments.push({ speaker: spk, text: sessState.finalText.trim(), ts: Date.now() }); } sessState.finalText = ''; sessSave(); } // Restart after a brief delay setTimeout(() => { if (sessState.listening) { try { recog.start(); } catch(e) { /* may throw if already started */ } } }, 100); } }; try { recog.start(); sessState.recognition = recog; sessState.listening = true; sessState.startTime = Date.now(); sessState.lastInputAt = Date.now(); sessState.autoResumeAttempts = 0; $('#sessStatus').textContent = 'ListeningÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦ speak naturally'; $('#sessPulse').style.background = 'var(--red)'; $('#sessPulse').style.animation = 'recordPulse 1.2s ease-in-out infinite'; $('#sessStartBtn').textContent = 'ÃƒÆ’Ã‚Â¢Ãƒâ€šÃ‚ÂÃƒâ€šÃ‚Â¹ Stop'; $('#sessPauseBtn').style.display = ''; if (sessState.timerInterval) clearInterval(sessState.timerInterval); sessState.timerInterval = setInterval(sessUpdateTimer, 500); } catch(e) { toast('Could not start: ' + e.message, 'error'); } } function sessStopListening(silent) { if (sessState.recognition) { try { sessState.recognition.stop(); } catch(e) {} sessState.recognition = null; } // Commit any pending final text if (sessState.finalText.trim()) { const spk = sessState.currentSpeaker || 'Unlabeled'; const lastSeg = sessState.segments[sessState.segments.length - 1]; if (lastSeg && lastSeg.speaker === spk) { lastSeg.text += ' ' + sessState.finalText.trim(); } else { sessState.segments.push({ speaker: spk, text: sessState.finalText.trim(), ts: Date.now() }); } sessState.finalText = ''; } // Accumulate elapsed time if (sessState.startTime) { sessState.totalElapsed += Date.now() - sessState.startTime; sessState.startTime = 0; } sessState.listening = false; if (sessState.timerInterval) { clearInterval(sessState.timerInterval); sessState.timerInterval = null; } $('#sessPulse').style.background = 'var(--td)'; $('#sessPulse').style.animation = 'none'; $('#sessStartBtn').textContent = 'ÃƒÆ’Ã‚Â°Ãƒâ€¦Ã‚Â¸Ãƒâ€¦Ã‚Â½ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ Start'; $('#sessPauseBtn').style.display = 'none'; if (!silent) $('#sessStatus').textContent = 'Stopped ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â review, tag, or save below'; sessSave(); sessRenderTranscript(); sessUpdateTimer(); } function sessPause() { sessStopListening(false); $('#sessStatus').textContent = 'Paused ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â tap Start to resume'; } function sessGetFullText() { let out = ''; sessState.segments.forEach(seg => { out += '[' + seg.speaker + '] ' + seg.text + '\n\n'; }); return out.trim(); } function sessClear() { if (sessState.segments.length === 0 && !sessState.finalText) { toast('Nothing to clear', 'warning'); return; } if (!confirm('Clear the entire transcript? This cannot be undone.')) return; sessStopListening(true); sessState.segments = []; sessState.finalText = ''; sessState.totalElapsed = 0; sessState.currentSpeaker = null; sessClearStorage(); sessRenderTranscript(); sessUpdateTimer(); $('#sessAIOutput').style.display = 'none'; toast('Transcript cleared', 'success'); } function sessCopy() { const text = sessGetFullText(); if (!text) { toast('Nothing to copy', 'warning'); return; } if (navigator.clipboard && navigator.clipboard.writeText) { navigator.clipboard.writeText(text).then( () => toast('Transcript copied', 'success'), () => toast('Copy failed - select manually', 'error') ); } else { toast('Clipboard unavailable - download instead', 'warning'); } } function sessExport() { const text = sessGetFullText(); if (!text) { toast('Nothing to export', 'warning'); return; } const gId = (state.branchNum || 'BR') + '-' + ((state.incidentDate || '').replace(/-/g,'') || 'undated') + '-' + ((state.grievantName || 'grievant').replace(/[^a-zA-Z0-9]/g,'')); const fname = 'transcript-' + gId + '-' + Date.now().toString(36) + '.txt'; const header = 'BellPathÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ GrievanceBuilder - Session Transcript\n' + 'Grievant: ' + (state.grievantName || '(unset)') + '\n' + 'Incident: ' + (state.incidentDate || '(unset)') + '\n' + 'Recorded: ' + new Date().toLocaleString() + '\n' + '=========================================\n\n'; const blob = new Blob([header + text], { type: 'text/plain' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = fname; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); toast('Downloaded ' + fname, 'success'); } function sessReparse() { const text = sessGetFullText(); if (!text) { toast('No transcript to parse', 'warning'); return; } if (typeof vfParseTranscript !== 'function') { toast('Voice Fill parser not available', 'error'); return; } // Run the parser over the transcript (without speaker tags) const cleanText = text.replace(/\[(Mgmt|Steward|Grievant|Witness|Note|Unlabeled)\]/g, ' '); const matches = vfParseTranscript(cleanText); if (!matches.length) { toast('No field-like phrases found in transcript', 'warning'); return; } // Open the Voice Fill review stage directly if (typeof vfState !== 'undefined') { vfState.transcript = cleanText; vfState.matches = matches; closeSessionMode(); if (typeof openVoiceFill === 'function') { openVoiceFill(); // Force into review stage const ls = $('#vfListenStage'); if (ls) ls.style.display = 'none'; const rs = $('#vfReviewStage'); if (rs) rs.style.display = 'block'; // Render matches (re-use the review-render logic by calling vfReview path indirectly) const list = $('#vfMatchList'); if (list) { list.innerHTML = matches.map((m, i) => '' + '' + '

' + '

' + m.label + '

' + '

' + m.value + '

' + '

heard: "' + m.heard.slice(0, 50) + '"

' + '

' ).join(''); list.querySelectorAll('.vf-match-cb').forEach(cb => { cb.addEventListener('change', () => { vfState.matches[+cb.dataset.vfI].enabled = cb.checked; }); }); } } } } async function sessAISummary() { const text = sessGetFullText(); if (!text) { toast('No transcript to summarize', 'warning'); return; } if (typeof callClaude !== 'function') { toast('AI not available', 'error'); return; } const settings = (typeof getApiSettings === 'function') ? getApiSettings() : null; if (!settings || settings.provider === 'none' || !settings.keys || !settings.keys[settings.provider]) { toast('Configure an AI Coach key in Settings first (optional feature)', 'warning'); return; } const btn = $('#sessAIBtn'); if (btn) { btn.disabled = true; btn.textContent = 'SummarizingÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦'; } const prompt = `You are helping a NALC shop steward process a meeting transcript. Below is the raw transcript with speaker tags ([Mgmt], [Steward], [Grievant], [Witness]). Produce a clean, structured summary suitable for pasting into PS Form 8190 Item 18 ("Management's full, detailed statement of disputed facts and contentions"). Focus on: 1. Management's specific position (what they claim, why, and any rules/policies they cite) 2. Key facts management acknowledges 3. Key facts management disputes Output ONLY the summary text - no preamble, no commentary. Use professional grievance-document language. TRANSCRIPT: ${text}`; try { const result = await callClaude(prompt, 2000); const out = $('#sessAIOutput'); out.textContent = result.trim(); out.style.display = 'block'; out.scrollIntoView({ behavior: 'smooth', block: 'nearest' }); toast('AI summary ready', 'success'); } catch (e) { toast('AI error: ' + e.message, 'error'); } finally { if (btn) { btn.disabled = false; btn.textContent = 'ÃƒÆ’Ã‚Â¢Ãƒâ€¦"Ãƒâ€šÃ‚Â¨ AI Summary'; } } } function sessShowSaveDest() { if (!sessState.segments.length && !sessState.finalText) { toast('Nothing to save - record something first', 'warning'); return; } $('#sessSaveDest').style.display = 'block'; $('#sessSaveDest').scrollIntoView({ behavior: 'smooth', block: 'nearest' }); } function sessSaveConfirm() { const dest = (document.querySelector('input[name="sessDest"]:checked') || {}).value; if (!dest) { toast('Choose a destination', 'warning'); return; } const el = $('#' + dest); if (!el) { toast('Destination field not found', 'error'); return; } // Prefer AI summary if visible; otherwise raw transcript const ai = $('#sessAIOutput'); let text; if (ai && ai.style.display !== 'none' && ai.textContent.trim()) { text = ai.textContent.trim(); } else { text = sessGetFullText(); } if (!text) { toast('Nothing to save', 'warning'); return; } const stamp = '[Session transcript ' + new Date().toLocaleString() + ']'; el.value = (el.value ? el.value + '\n\n' : '') + stamp + '\n' + text; el.dispatchEvent(new Event('input', { bubbles: true })); el.dispatchEvent(new Event('change', { bubbles: true })); // Log to process log if (!Array.isArray(state.processLog)) state.processLog = []; state.processLog.push({ ts: new Date().toISOString(), note: 'Session transcript saved ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÂ¢Ã¢â€šÂ¬ ' + dest + ' (' + (sessState.segments.length) + ' segments)' }); toast('Transcript saved to ' + dest, 'success'); $('#sessSaveDest').style.display = 'none'; closeSessionMode(); } // === PATH B HOOK (future) === // Whisper-via-OpenAI transcription via BYO API key. // When implemented, sessState.provider = 'whisper' and this function takes over: // // async function sessTranscribeWhisper(audioBlob) { // const settings = getApiSettings(); // if (!settings || !settings.keys || !settings.keys.openai) throw new Error('OpenAI key required'); // const form = new FormData(); // form.append('file', audioBlob, 'audio.webm'); // form.append('model', 'whisper-1'); // const res = await fetch('https://api.openai.com/v1/audio/transcriptions', { // method: 'POST', // headers: { 'Authorization': 'Bearer ' + settings.keys.openai }, // body: form // }); // if (!res.ok) throw new Error('Whisper API: ' + res.status); // const data = await res.json(); // return data.text; // } // This path would use MediaRecorder to capture audio, post to /audio/transcriptions, // and feed the result into sessState.segments. ~$0.006/minute on user's own key. // ============================================================ // MODULE-LEVEL HELPERS (Coach Tips, Print/Share, Process Updates, Equitability) // ============================================================ // ============================================================ // COACH TIPS (newer steward guidance) - dismissible per-id // ============================================================ const TIPS_KEY = 'bpg_tips_dismissed'; const TIPS_OFF_KEY = 'bpg_tips_off'; function getTipsDismissed() { try { return new Set(JSON.parse(localStorage.getItem(TIPS_KEY) || '[]')); } catch(e) { return new Set(); } } function saveTipsDismissed(set) { try { localStorage.setItem(TIPS_KEY, JSON.stringify(Array.from(set))); } catch(e) {} } function applyTipsState() { const off = localStorage.getItem(TIPS_OFF_KEY) === '1'; document.body.classList.toggle('no-tips', off); const btn = $('#tipsToggleBtn'); if (btn) btn.classList.toggle('on', !off); if (!off) { const dismissed = getTipsDismissed(); document.querySelectorAll('.coach-tip[data-tip-id]').forEach(el => { el.style.display = dismissed.has(el.dataset.tipId) ? 'none' : ''; }); } } function initCoachTips() { applyTipsState(); document.addEventListener('click', (e) => { const dismiss = e.target.closest('[data-dismiss-tip]'); if (dismiss) { const id = dismiss.dataset.dismissTip; const dismissed = getTipsDismissed(); dismissed.add(id); saveTipsDismissed(dismissed); const tip = dismiss.closest('.coach-tip'); if (tip) tip.style.display = 'none'; return; } const toggle = e.target.closest('#tipsToggleBtn'); if (toggle) { const off = localStorage.getItem(TIPS_OFF_KEY) === '1'; if (off) { localStorage.removeItem(TIPS_OFF_KEY); // also clear dismissed so all show again localStorage.removeItem(TIPS_KEY); toast('Steward tips re-enabled', 'success'); } else { localStorage.setItem(TIPS_OFF_KEY, '1'); toast('Steward tips hidden - click TIPS again to re-enable', 'success'); } applyTipsState(); } }); } // ============================================================ // PRINT & SHARE - form selector // ============================================================ const PRINT_FORM_DEFS = [ { id:'stewardTime', label:'Request for Steward Time', desc:'Article 17 - submitted to management BEFORE investigation', tier:'pre', default:true }, { id:'informalMtg', label:'Informal Step A - Request for Meeting', desc:'Article 15.2.A - schedules the Informal A discussion', tier:'pre', default:true }, { id:'rfiLetter', label:'Information Request Letter (Articles 17/31)', desc:'Demands documents needed to investigate the case', tier:'investig',default:true }, { id:'psf8190p1', label:'PS Form 8190 - Page 1 (Joint Step A)', desc:'The official grievance form - all numbered items prefilled', tier:'filing', default:true }, { id:'psf8190p3', label:'PS Form 8190 - Page 3 (Settlement)', desc:'Settlement offers + mailing addresses (remove before arbitration)', tier:'filing', default:true }, { id:'discRecord', label:'Informal Step A Discussion Record', desc:'Captures management\'s verbatim position at the Informal meeting', tier:'meeting', default:true }, { id:'defenseAnal', label:'Defense Analysis (Steward Working Copy)',desc:'Anticipated management defenses with counter-arguments - DO NOT submit', tier:'internal',default:true }, ]; const PRINT_PRESETS = { all: PRINT_FORM_DEFS.map(f => f.id), none: [], file: ['psf8190p1','psf8190p3','rfiLetter','informalMtg'], meeting: ['discRecord','defenseAnal','informalMtg'] }; function openPrintShare() { if (!state.violationType) { toast('Build the package first', 'warning'); return; } renderPrintForms(); $('#printOverlay').classList.add('open'); document.body.style.overflow = 'hidden'; if (typeof applyTipsState === 'function') applyTipsState(); } function closePrintShare() { $('#printOverlay').classList.remove('open'); document.body.style.overflow = ''; } function renderPrintForms() { const list = $('#printFormList'); list.innerHTML = PRINT_FORM_DEFS.map(f => `

${f.label}

${f.desc}

${f.tier} `).join(''); // Card-click toggles checkbox list.querySelectorAll('[data-form-row]').forEach(row => { row.addEventListener('click', (e) => { if (e.target.tagName !== 'INPUT' && e.target.tagName !== 'LABEL') { const cb = row.querySelector('input'); if (cb) cb.checked = !cb.checked; } }); }); } function applyPrintPreset(preset) { const ids = PRINT_PRESETS[preset] || []; document.querySelectorAll('.print-form-cb').forEach(cb => { cb.checked = ids.includes(cb.dataset.formId); }); } function getSelectedForms() { return Array.from(document.querySelectorAll('.print-form-cb:checked')).map(cb => cb.dataset.formId); } function emailForms() { const selected = getSelectedForms(); if (!selected.length) { toast('Select at least one form', 'warning'); return; } const selectedLabels = PRINT_FORM_DEFS.filter(f => selected.includes(f.id)).map(f => f.label); const subject = `NALC Grievance - ${state.grievantName || 'Draft'} - ${state.incidentDate || ''}`; const body = [ 'NALC Grievance Package Summary', '================================', '', `Grievant: ${state.grievantName || '(not set)'}`, `Classification:${state.grievantClassif || '(not set)'}`, `Installation: ${state.installation || '(not set)'}`, `Branch: ${state.branchNum || '(not set)'}`, `Incident Date: ${state.incidentDate || '(not set)'}`, `Steward: ${state.stewardName || '(not set)'}`, `Status: ${state.status || 'draft'}`, '', `Violation Type:`, ` ${(GRIEVANCE_DATA[state.violationType]||{}).title || ''}`, '', 'Articles Cited:', ...((GRIEVANCE_DATA[state.violationType]||{}).articles || []).map(a => ' - ' + a), '', 'Forms Included:', ...selectedLabels.map(l => ' [x] ' + l), '', 'Description:', state.description || '(none)', '', '--', 'Generated with BellPathÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ GrievanceBuilder', 'NOTE: To attach the actual PDF forms, save them from the print preview', 'and attach them to this email manually. JSON file can be exported', 'with the Save JSON button.' ].join('\n'); const mailto = `mailto:?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`; window.location.href = mailto; toast('Email draft opened - attach printed PDFs manually', 'success'); } function doSelectedPrint() { const selected = getSelectedForms(); if (!selected.length) { toast('Select at least one form', 'warning'); return; } state._selectedForms = selected; closePrintShare(); // Tiny delay so modal closes cleanly before print dialog setTimeout(() => printPackage(), 100); } // ============================================================ // PROCESS UPDATES - track grievance evolution // ============================================================ const PROC_FIELDS = [ 'status','informalAMtgDate','informalAMtgTime','informalAResponse', 'informalAOutcome','informalAResolutionTerms','gatsNo','formalAMtgDate', 'formalAManagementPosition','managementSettlementOffer','unionSettlementOffer', 'formalADisposition','formalAResolutionTerms','uspsAddress', 'stepBDate','stepBDecision','stepBOutcome','additionsCorrections', 'arbitrationDate','arbitrationAward' ]; function openProcessUpdates() { if (!state.violationType) { toast('Build the package first', 'warning'); return; } PROC_FIELDS.forEach(k => { const el = $('#proc-' + k); if (el) el.value = state[k] || (k === 'status' ? 'draft' : ''); }); renderProcessLog(); $('#processOverlay').classList.add('open'); document.body.style.overflow = 'hidden'; } window.openProcessUpdates = openProcessUpdates; function closeProcessUpdates() { $('#processOverlay').classList.remove('open'); document.body.style.overflow = ''; } function saveProcessUpdates() { const before = JSON.stringify(PROC_FIELDS.map(k => state[k])); PROC_FIELDS.forEach(k => { const el = $('#proc-' + k); if (el) state[k] = el.value; }); const after = JSON.stringify(PROC_FIELDS.map(k => state[k])); if (before !== after) { // Log the update if (!Array.isArray(state.processLog)) state.processLog = []; state.processLog.push({ ts: new Date().toISOString(), note: 'Status: ' + state.status + ' - process updates saved' }); } closeProcessUpdates(); // Re-render package so on-screen reflects the new info buildPackage(); toast('Updates saved - print again for current PS Form 8190', 'success'); } function renderProcessLog() { const log = Array.isArray(state.processLog) ? state.processLog : []; const el = $('#proc-log'); if (!log.length) { el.innerHTML = '

No log entries yet. Updates are timestamped automatically when you save.

'; return; } el.innerHTML = log.slice().reverse().map(entry => { const d = new Date(entry.ts); return `

${d.toLocaleDateString()} ${d.toLocaleTimeString([],{hour:'2-digit',minute:'2-digit'})} · ${entry.note}

`; }).join(''); } function addProcessLogEntry() { const input = $('#proc-log-input'); const note = (input.value || '').trim(); if (!note) return; if (!Array.isArray(state.processLog)) state.processLog = []; state.processLog.push({ ts: new Date().toISOString(), note }); input.value = ''; renderProcessLog(); toast('Log entry added', 'success'); } // ============================================================ // WEEKLY EQUITABILITY TRACKER (Article 8.5.D) // ============================================================ const EQ_STORAGE_KEY = 'bpg_equitability'; function eqLoad() { try { const raw = localStorage.getItem(EQ_STORAGE_KEY); if (!raw) return { roster: [], data: {} }; const parsed = JSON.parse(raw); return { roster: parsed.roster || [], data: parsed.data || {} }; } catch(e) { return { roster: [], data: {} }; } } function eqSave(store) { try { localStorage.setItem(EQ_STORAGE_KEY, JSON.stringify(store)); } catch(e) { toast('Storage full - export your data', 'error'); } } function eqQuarterOf(dateStr) { // dateStr: 'YYYY-MM-DD' -> 'YYYY-QN' if (!dateStr) return ''; const d = new Date(dateStr + 'T12:00:00'); const q = Math.floor(d.getMonth() / 3) + 1; return d.getFullYear() + '-Q' + q; } function eqWeekEnding(d) { // Find Saturday on or after given Date const day = d.getDay(); // 0=Sun const offset = (6 - day + 7) % 7; const wk = new Date(d); wk.setDate(d.getDate() + offset); return wk.toISOString().slice(0, 10); } function eqCurrentWeek() { return eqWeekEnding(new Date()); } function eqQuarterOptions() { const opts = []; const now = new Date(); for (let i = -1; i <= 4; i++) { const d = new Date(now.getFullYear(), now.getMonth() + (i * 3), 1); opts.push(eqQuarterOf(d.toISOString().slice(0, 10))); } return Array.from(new Set(opts)).sort(); } function eqRender() { const store = eqLoad(); // Quarter selector const qSel = $('#eqQuarter'); const currentQ = eqQuarterOf(eqCurrentWeek()); if (!qSel.options.length || qSel.dataset.populated !== '1') { qSel.innerHTML = ''; eqQuarterOptions().forEach(q => { const opt = document.createElement('option'); opt.value = q; opt.textContent = q; qSel.appendChild(opt); }); qSel.value = currentQ; qSel.dataset.populated = '1'; } // Week input default const wkInput = $('#eqWeek'); if (!wkInput.value) wkInput.value = eqCurrentWeek(); eqRenderRoster(store); eqRenderWeekGrid(store); eqRenderQuarterSummary(store); eqRenderViolations(store); eqRenderRotation(store); eqRenderArt13(store); } function eqRenderRoster(store) { const list = $('#eqRosterList'); const empty = $('#eqRosterEmpty'); if (!store.roster.length) { list.innerHTML = ''; empty.style.display = 'block'; return; } empty.style.display = 'none'; list.innerHTML = store.roster.map((c) => { const lt = c.list || 'OTDL'; const listColor = lt === 'OTDL' ? 'var(--tl)' : lt === 'WAL' ? 'var(--pur)' : 'var(--org)'; return `

`;}).join(''); list.querySelectorAll('[data-eq-roster-name]').forEach(el => { el.addEventListener('input', () => { const s = eqLoad(); const c = s.roster.find(x => x.id === el.dataset.eqRosterName); if (c) { c.name = el.value; eqSave(s); eqRenderQuarterSummary(s); eqRenderViolations(s); eqRenderRotation(s); } }); }); list.querySelectorAll('[data-eq-roster-route]').forEach(el => { el.addEventListener('input', () => { const s = eqLoad(); const c = s.roster.find(x => x.id === el.dataset.eqRosterRoute); if (c) { c.route = el.value; eqSave(s); } }); }); list.querySelectorAll('[data-eq-roster-list]').forEach(el => { el.addEventListener('change', () => { const s = eqLoad(); const c = s.roster.find(x => x.id === el.dataset.eqRosterList); if (c) { c.list = el.value; eqSave(s); eqRender(); } }); }); list.querySelectorAll('[data-eq-remove]').forEach(el => { el.addEventListener('click', () => { if (!confirm('Remove this carrier? Their historical hour entries will remain in the data store but won\'t appear in totals.')) return; const s = eqLoad(); s.roster = s.roster.filter(c => c.id !== el.dataset.eqRemove); eqSave(s); eqRender(); }); }); } const EQ_DAY_KEYS = ['sun','mon','tue','wed','thu','fri','sat']; const EQ_DAY_LABELS = ['Sun','Mon','Tue','Wed','Thu','Fri','Sat']; function eqGetRowTotals(row) { if (!row) return { total: 0, reg: 0, ot: 0, penalty: 0, dailyPenalty: 0 }; // Daily mode: row.days = {sun:8, mon:10, ...} if (row.days && typeof row.days === 'object') { let total = 0, reg = 0, ot = 0, dailyPenalty = 0; EQ_DAY_KEYS.forEach(d => { const h = parseFloat(row.days[d]) || 0; total += h; reg += Math.min(h, 8); const dayOT = Math.max(0, h - 8); ot += dayOT; // Penalty OT: hours over 10 in a day if (h > 10) dailyPenalty += (h - 10); }); // Weekly penalty: hours over 56 const weeklyPenalty = total > 56 ? total - 56 : 0; // Use the LARGER of daily-over-10 cumulative or weekly-over-56 for penalty // (per JCAM, penalty OT applies to BOTH conditions, take greater for tracking) const penalty = Math.max(dailyPenalty, weeklyPenalty); return { total, reg, ot, penalty, dailyPenalty, weeklyPenalty }; } // Legacy mode: just worked total const total = parseFloat(row.worked) || 0; const reg = Math.min(total, 40); const ot = Math.max(0, total - 40); return { total, reg, ot, penalty: 0, dailyPenalty: 0, weeklyPenalty: 0 }; } function eqRenderWeekGrid(store) { const wk = $('#eqWeek').value; const grid = $('#eqWeekGrid'); if (!store.roster.length) { grid.innerHTML = '

Add carriers to the roster above to start entering hours.

'; return; } if (!wk) { grid.innerHTML = '

Pick a week-ending date above.

'; return; } const weekData = (store.data[wk] || {}); // Build header row let html = '

'; html += ''; html += ''; EQ_DAY_LABELS.forEach(d => { html += ``; }); html += ''; html += ''; html += ''; store.roster.forEach(c => { const row = weekData[c.id] || {}; const days = row.days || {}; const totals = eqGetRowTotals(row); const isOTDL = (c.list || 'OTDL') === 'OTDL'; const listBadge = c.list === 'WAL' ? 'WAL' : c.list === 'Non-list' ? 'NL' : 'OTDL'; const listBadgeColor = c.list === 'WAL' ? 'var(--pur)' : c.list === 'Non-list' ? 'var(--org)' : 'var(--tl)'; html += ''; html += ``; EQ_DAY_KEYS.forEach(d => { const h = days[d] != null ? days[d] : ''; const over10 = parseFloat(days[d]) > 10; const cellColor = over10 ? 'var(--red)' : (parseFloat(days[d]) > 8 ? 'var(--tl)' : 'var(--tx)'); html += ``; }); html += ``; html += ``; html += ''; }); html += '

Carrier	${d}	OT	Forced
`; html += ` ${c.name \|\| '(unnamed)'}`; html += `${listBadge}`; if (c.route) html += `${c.route}`; html += `		${totals.ot.toFixed(1)}${totals.penalty > 0 ? '+'+totals.penalty.toFixed(1)+' pen' : ''}

'; html += '

Reg hours auto-cap at 8/day · OT = hours over 8 · Penalty OT = over 10/day or over 56/week (whichever is greater)

'; grid.innerHTML = html; // Bind day inputs grid.querySelectorAll('[data-eq-day]').forEach(el => { el.addEventListener('input', () => { const [cid, day] = el.dataset.eqDay.split('|'); eqUpdateDayHours(wk, cid, day, el.value); }); }); grid.querySelectorAll('[data-eq-forced]').forEach(el => { el.addEventListener('change', () => { eqUpdateForced(wk, el.dataset.eqForced, el.checked); }); }); } function eqUpdateDayHours(wk, cid, day, val) { const s = eqLoad(); if (!s.data[wk]) s.data[wk] = {}; if (!s.data[wk][cid]) s.data[wk][cid] = {}; if (!s.data[wk][cid].days) s.data[wk][cid].days = {}; s.data[wk][cid].days[day] = val === '' ? null : parseFloat(val); // Also keep `worked` in sync as the total for backward compat const totals = eqGetRowTotals(s.data[wk][cid]); s.data[wk][cid].worked = totals.ot; // store OT only for legacy quarterly calc eqSave(s); // Live update everything eqRenderWeekGrid(s); eqRenderQuarterSummary(s); eqRenderViolations(s); eqRenderRotation(s); } function eqUpdateForced(wk, cid, forced) { const s = eqLoad(); if (!s.data[wk]) s.data[wk] = {}; if (!s.data[wk][cid]) s.data[wk][cid] = {}; s.data[wk][cid].forced = forced; eqSave(s); eqRenderViolations(s); } function eqRenderQuarterSummary(store) { const q = $('#eqQuarter').value; const threshold = parseFloat($('#eqThreshold').value) || 4; const summary = $('#eqQuarterSummary'); const actionPanel = $('#eqActionPanel'); if (!store.roster.length) { summary.innerHTML = '

Roster empty.

'; actionPanel.style.display = 'none'; return; } // Sum OT per carrier within selected quarter (OTDL carriers for equity calc) const totals = {}; store.roster.forEach(c => { totals[c.id] = { ot: 0, total: 0, penalty: 0, sunDays: 0, name: c.name, route: c.route, list: c.list || 'OTDL' }; }); Object.entries(store.data).forEach(([wk, weekData]) => { if (eqQuarterOf(wk) !== q) return; Object.entries(weekData).forEach(([cid, row]) => { if (!totals[cid]) return; const t = eqGetRowTotals(row); totals[cid].ot += t.ot; totals[cid].total += t.total; totals[cid].penalty += t.penalty || 0; }); }); const allVals = Object.values(totals); const otdlVals = allVals.filter(v => v.list === 'OTDL'); const walVals = allVals.filter(v => v.list === 'WAL'); const nonListVals = allVals.filter(v => v.list === 'Non-list'); // Equity calc uses OTDL only const otHours = otdlVals.map(t => t.ot); const max = otHours.length ? Math.max(...otHours) : 0; const min = otHours.length ? Math.min(...otHours) : 0; const avg = otHours.length ? (otHours.reduce((a,b)=>a+b,0) / otHours.length) : 0; const spread = max - min; const inequitable = spread > threshold && otHours.length >= 2; const totalPenalty = allVals.reduce((a,v) => a + v.penalty, 0); summary.innerHTML = `

OTDL High

${max.toFixed(1)}h

OTDL Low

${min.toFixed(1)}h

OTDL Avg

${avg.toFixed(1)}h

Spread

${spread.toFixed(1)}h

Penalty OT

${totalPenalty.toFixed(1)}h

${allVals.sort((a,b)=>{ // OTDL first, then by OT desc if (a.list !== b.list) { const order = {OTDL:0, WAL:1, 'Non-list':2}; return order[a.list] - order[b.list]; } return b.ot - a.ot; }).map(t => { const diff = t.ot - avg; const balance = t.list === 'OTDL' ? (avg - t.ot) : null; const isLow = t.list === 'OTDL' && otHours.length >= 2 && t.ot === min && spread > threshold; const isHigh = t.list === 'OTDL' && otHours.length >= 2 && t.ot === max && spread > threshold; const listColor = t.list === 'WAL' ? 'var(--pur)' : t.list === 'Non-list' ? 'var(--org)' : 'var(--tl)'; return ` `; }).join('')}

Carrier	List	OT Worked	vs Avg	Balance	Penalty
${t.name\|\|'(unnamed)'}${t.route?' '+t.route+'':''}${isLow?' SHORTED':''}${isHigh?' HIGH':''}	${t.list==='Non-list'?'NL':t.list}	${t.ot.toFixed(1)}	${t.list==='OTDL'?(diff>=0?'+':'')+diff.toFixed(1):'ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â'}	${balance===null?'ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â':(balance>0?'+':'')+balance.toFixed(1)+'h'}	${t.penalty>0?t.penalty.toFixed(1):'ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â'}

Balance = OTDL avg minus carrier's actual OT. Positive = shorted (owed makeup); negative = over avg.

`; // Action panel if (inequitable) { actionPanel.style.display = 'block'; const lowCarrier = otdlVals.find(t => t.ot === min); actionPanel.innerHTML = `

⚠ Inequitable Distribution Detected

Spread of ${spread.toFixed(1)}h exceeds threshold of ${threshold}h for ${q}. ${lowCarrier?.name||'Lowest carrier'} is shorted ${(avg - min).toFixed(1)}h vs. quarterly average.

`; const btn = $('#eqGenerateBtn'); if (btn) btn.addEventListener('click', () => eqGenerateGrievance(q, otdlVals, threshold)); } else { actionPanel.style.display = 'none'; actionPanel.innerHTML = ''; } } // ============================================================ // ARTICLE 8 VIOLATION DETECTION // ============================================================ function eqDetectViolations(store) { const q = $('#eqQuarter').value; const threshold = parseFloat($('#eqThreshold').value) || 4; const violations = []; const rosterById = {}; store.roster.forEach(c => rosterById[c.id] = c); // Walk every week in selected quarter Object.entries(store.data).forEach(([wk, weekData]) => { if (eqQuarterOf(wk) !== q) return; // Find OTDL carriers in this week - compute who had OT room available const otdlCarriers = store.roster.filter(c => (c.list || 'OTDL') === 'OTDL'); const otdlHoursThisWeek = {}; otdlCarriers.forEach(c => { const t = eqGetRowTotals(weekData[c.id] || {}); otdlHoursThisWeek[c.id] = t.total; }); // OTDL is "available" if they worked less than 50hrs this week (8.5.A limit) const otdlAvailable = otdlCarriers.filter(c => (otdlHoursThisWeek[c.id] || 0) < 50); Object.entries(weekData).forEach(([cid, row]) => { const c = rosterById[cid]; if (!c) return; const t = eqGetRowTotals(row); // 8.5.A: 50-hour week or 12-hour day limits if (t.total > 50) { violations.push({ type: '8.5.A', severity: 'high', title: '50-hour weekly limit exceeded', carrier: c, week: wk, hours: t.total, detail: `${c.name||'Carrier'} worked ${t.total.toFixed(1)}h in week ending ${wk} (Article 8.5.A limit is 50 hrs/week).`, remedy: `Cease-and-desist order. Management may not require any carrier to work more than 50 hours per service week (12 hours per day) per Article 8.5.A. ${t.total > 60 ? 'Hours over 60 in any single week trigger automatic violation regardless of consent.' : 'Pay grievant penalty rate for all hours over 50.'}` }); } if (row.days) { EQ_DAY_KEYS.forEach(d => { const h = parseFloat(row.days[d]) || 0; if (h > 12) { violations.push({ type: '8.5.A', severity: 'high', title: '12-hour daily limit exceeded', carrier: c, week: wk, hours: h, detail: `${c.name||'Carrier'} worked ${h.toFixed(1)}h on ${EQ_DAY_LABELS[EQ_DAY_KEYS.indexOf(d)]} of week ending ${wk}.`, remedy: `Article 8.5.A limits any single day to 12 hours. Remedy: pay penalty rate (2x basic) for all hours over 12 that day, and cease-and-desist.` }); } }); } // 8.5.D: Penalty OT (over 10/day or 56/week for non-CCA OTDL) if (t.penalty > 0 && (c.list === 'OTDL' || c.list === 'WAL')) { violations.push({ type: '8.5.D', severity: 'med', title: 'Penalty overtime owed', carrier: c, week: wk, hours: t.penalty, detail: `${c.name||'Carrier'} (${c.list||'OTDL'}) worked ${t.penalty.toFixed(1)}h subject to penalty OT in week ending ${wk}${t.dailyPenalty>0?' ('+t.dailyPenalty.toFixed(1)+'h over 10/day)':''}${t.weeklyPenalty>0?' ('+t.weeklyPenalty.toFixed(1)+'h over 56/week)':''}.`, remedy: `Pay ${t.penalty.toFixed(1)} hours at penalty rate (2x basic hourly rate) for the affected pay period per Article 8.5.D. Adjust pay stub or pay separately as make-whole.` }); } // 8.5.F/G: Non-OTDL forced when OTDL available if (c.list === 'Non-list' && t.ot > 0 && row.forced && otdlAvailable.length > 0) { violations.push({ type: '8.5.F/G', severity: 'high', title: 'Non-OTDL carrier forced while OTDL available', carrier: c, week: wk, hours: t.ot, availableOTDL: otdlAvailable.map(x => x.name).filter(Boolean), detail: `${c.name||'Carrier'} (non-OTDL) was forced to work ${t.ot.toFixed(1)}h OT in week ending ${wk}, while OTDL carriers (${otdlAvailable.map(x=>x.name||'(unnamed)').join(', ')}) had hours available under the 50-hour limit.`, remedy: `Pay forced non-OTDL carrier at penalty rate for all OT worked. Make whole OTDL carriers who were available but not used - they are owed the equivalent OT hours at straight time (and at penalty rate if applicable per the quarter) per Article 8.5.G. Post Article 8 corrective notice.` }); } }); }); // 8.5.C.2 equitable distribution (quarter-level) const otdlVals = store.roster.filter(c => (c.list||'OTDL') === 'OTDL').map(c => { let ot = 0; Object.entries(store.data).forEach(([wk, wd]) => { if (eqQuarterOf(wk) !== q) return; const t = eqGetRowTotals(wd[c.id] || {}); ot += t.ot; }); return { carrier: c, ot }; }); if (otdlVals.length >= 2) { const otHours = otdlVals.map(v => v.ot); const max = Math.max(...otHours); const min = Math.min(...otHours); const spread = max - min; const avg = otHours.reduce((a,b)=>a+b,0) / otHours.length; if (spread > threshold) { const shortedCarriers = otdlVals.filter(v => v.ot < avg - (threshold/2)); shortedCarriers.forEach(v => { violations.push({ type: '8.5.C.2', severity: spread > threshold * 2 ? 'high' : 'med', title: 'OTDL equitable distribution', carrier: v.carrier, quarter: q, hours: avg - v.ot, detail: `${v.carrier.name||'Carrier'} worked ${v.ot.toFixed(1)}h of OT this quarter ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ${(avg - v.ot).toFixed(1)}h below the OTDL average of ${avg.toFixed(1)}h. Quarterly spread is ${spread.toFixed(1)}h.`, remedy: `Make-whole: pay ${(avg - v.ot).toFixed(1)} hours at OT rate (1.5x basic) to bring the carrier up to the quarterly OTDL average. Article 8.5.C.2 requires equitable distribution among OTDL carriers within the calendar quarter.` }); }); } } return violations; } function eqRenderViolations(store) { const wrap = $('#eqViolations'); if (!wrap) return; const violations = eqDetectViolations(store); if (!violations.length) { wrap.innerHTML = '

✓

No Article 8 violations detected for this quarter. Keep entering data weekly to maintain audit trail.

'; return; } // Group by type const byType = {}; violations.forEach(v => { if (!byType[v.type]) byType[v.type] = []; byType[v.type].push(v); }); let html = `

${violations.length} violation${violations.length===1?'':'s'} detected this quarter. Each has a one-click grievance generator with the remedy and contract citations prefilled.

`; Object.entries(byType).forEach(([type, list]) => { const sev = list.some(v => v.severity === 'high') ? 'high' : 'med'; const sevColor = sev === 'high' ? 'var(--red)' : 'var(--org)'; const sevBg = sev === 'high' ? 'rgba(224,82,82,.06)' : 'rgba(249,115,22,.06)'; html += `

`; html += `

ARTICLE ${type}${list[0].title}

${list.length} instance${list.length===1?'':'s'}

`; html += '

'; list.slice(0, 5).forEach((v, i) => { html += `

${v.detail}

`; }); if (list.length > 5) html += `

+ ${list.length - 5} more

`; html += '

'; html += `

Suggested Remedy

${list[0].remedy}

`; html += ``; html += '

'; }); wrap.innerHTML = html; wrap.querySelectorAll('[data-eq-violation-type]').forEach(btn => { btn.addEventListener('click', () => { const type = btn.dataset.eqViolationType; const list = byType[type] || []; eqGenerateArticle8Grievance(type, list); }); }); } // ============================================================ // ROTATION FAIRNESS - "Who's Next On OT?" // ============================================================ function eqRenderRotation(store) { const wrap = $('#eqRotation'); if (!wrap) return; const q = $('#eqQuarter').value; // Compute OTDL carrier hours this quarter const otdl = store.roster.filter(c => (c.list||'OTDL') === 'OTDL').map(c => { let ot = 0, total = 0; Object.entries(store.data).forEach(([wk, wd]) => { if (eqQuarterOf(wk) !== q) return; const t = eqGetRowTotals(wd[c.id] || {}); ot += t.ot; total += t.total; }); return { carrier: c, ot, total, atLimit: total >= 50 }; }); if (!otdl.length) { wrap.innerHTML = '

Add OTDL carriers to the roster to see rotation suggestions.

'; return; } const avg = otdl.reduce((a,v) => a + v.ot, 0) / otdl.length; // Sort by OT asc (lowest first = next up) const sorted = otdl.slice().sort((a, b) => { // Carriers at 50-hour limit go to bottom if (a.atLimit && !b.atLimit) return 1; if (!a.atLimit && b.atLimit) return -1; return a.ot - b.ot; }); let html = '

Suggested OT offer order for this quarter, lowest hours first. Offering OT in this order maintains 8.5.C.2 equity.

'; html += '

'; sorted.forEach((v, i) => { const balance = avg - v.ot; const rankColor = i === 0 ? 'var(--tllt)' : i < 3 ? 'var(--tl)' : 'var(--td)'; const bgColor = i === 0 ? 'rgba(79,250,216,.06)' : i < 3 ? 'rgba(0,201,167,.04)' : 'var(--bg2)'; const borderColor = i === 0 ? 'var(--tllt)' : i < 3 ? 'var(--tl2)' : 'var(--bd)'; html += `

`; html += `

${i+1}

`; html += `

${v.carrier.name||'(unnamed)'}${v.carrier.route?' '+v.carrier.route+'':''}${i===0?' NEXT UP':''}${v.atLimit?' AT 50HR LIMIT':''}

`; html += `

${v.ot.toFixed(1)}h OT · ${v.total.toFixed(1)}h total · ${balance>0?'owed +'+balance.toFixed(1)+'h':'over avg '+Math.abs(balance).toFixed(1)+'h'}

`; html += `

`; if (balance > 0) { html += `

+${balance.toFixed(1)}h

`; } html += `

`; }); html += '

'; // Article 8.5.D dec 60/12 reminder const month = new Date().getMonth(); if (month === 11) { html += `

DECEMBER NOTE 60-hour weekly / 12-hour daily limits suspended for December per Article 8.5.H, but OTDL equity (8.5.C.2) still applies. Penalty OT still applies after 10/day or 60/week.

`; } wrap.innerHTML = html; } // ============================================================ // ARTICLE 13 - LIGHT / LIMITED DUTY TRACKING // ============================================================ function eqRenderArt13(store) { const list = $('#eqDutyList'); const empty = $('#eqDutyEmpty'); const action = $('#eqArt13Action'); if (!list) return; const duties = Array.isArray(store.duty) ? store.duty : []; if (!duties.length) { list.innerHTML = ''; if (empty) empty.style.display = 'block'; if (action) action.style.display = 'none'; return; } if (empty) empty.style.display = 'none'; list.innerHTML = duties.map(d => { const typeColor = d.dutyType === 'limited' ? 'var(--org)' : 'var(--pur)'; const violationFlag = d.outsideRestriction; return `

Restriction Start

Review / End

Medical Restrictions

Assigned Work

Work assigned outside medical restrictions, OR no work offered despite availability (Article 13 violation)

`;}).join(''); // Bind edits const bind = (attr, field) => { list.querySelectorAll('[data-art13-' + attr + ']').forEach(el => { const evt = el.type === 'checkbox' ? 'change' : 'input'; el.addEventListener(evt, () => { const s = eqLoad(); const d = (s.duty || []).find(x => x.id === el.dataset['art13' + attr.charAt(0).toUpperCase() + attr.slice(1)]); if (d) { d[field] = el.type === 'checkbox' ? el.checked : el.value; eqSave(s); if (attr === 'violation' || attr === 'type') eqRenderArt13(s); } }); }); }; bind('name', 'name'); bind('type', 'dutyType'); bind('start', 'startDate'); bind('end', 'endDate'); bind('restrict', 'restrictions'); bind('assigned', 'assignedWork'); bind('violation', 'outsideRestriction'); list.querySelectorAll('[data-art13-remove]').forEach(el => { el.addEventListener('click', () => { if (!confirm('Remove this duty assignment record?')) return; const s = eqLoad(); s.duty = (s.duty || []).filter(d => d.id !== el.dataset.art13Remove); eqSave(s); eqRenderArt13(s); }); }); // Action panel if any violations const violations = duties.filter(d => d.outsideRestriction && d.name); if (violations.length && action) { action.style.display = 'block'; action.innerHTML = `

⚠ Article 13 Violation${violations.length>1?'s':''} Flagged

${violations.length} carrier${violations.length>1?'s were':' was'} assigned work outside restrictions or denied available work within restrictions.

`; const btn = $('#eqArt13GenBtn'); if (btn) btn.addEventListener('click', () => eqGenerateArt13Grievance(violations)); } else if (action) { action.style.display = 'none'; action.innerHTML = ''; } } function eqAddDuty() { const s = eqLoad(); if (!Array.isArray(s.duty)) s.duty = []; s.duty.push({ id: 'd_' + Date.now().toString(36) + Math.random().toString(36).slice(2, 5), name: '', dutyType: 'light', startDate: '', endDate: '', restrictions: '', assignedWork: '', outsideRestriction: false }); eqSave(s); eqRenderArt13(s); setTimeout(() => { const inputs = document.querySelectorAll('[data-art13-name]'); if (inputs.length) inputs[inputs.length - 1].focus(); }, 50); } function eqGenerateArt13Grievance(violations) { if (!violations || !violations.length) return; if (!confirm('Start a new Article 13 grievance prefilled with this duty data? Any unsaved current grievance will be replaced.')) return; const carriers = Array.from(new Set(violations.map(v => v.name).filter(Boolean))); let description = 'Article 13 ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â Light/Limited Duty Assignment Violation\n\n'; description += `Management failed to comply with Article 13 for ${violations.length} restricted-duty carrier${violations.length>1?'s':''}.\n\n`; violations.forEach((v, i) => { const dutyLabel = v.dutyType === 'limited' ? 'Limited Duty (13.4, OWCP/job-related)' : 'Light Duty (13.2, own illness/injury)'; description += `${i+1}. ${v.name} ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ${dutyLabel}\n`; description += ` Restrictions: ${v.restrictions || '(documented medical restrictions)'}\n`; description += ` Assigned work: ${v.assignedWork || '(work assigned outside restrictions)'}\n`; if (v.startDate) description += ` Restriction period: ${v.startDate}${v.endDate?' to '+v.endDate:' (ongoing)'}\n`; description += '\n'; }); description += 'REMEDY REQUESTED:\n'; description += 'Cease-and-desist. Immediately assign work strictly within each carrier\'s documented medical restrictions. Make whole any carrier required to perform work outside restrictions (including any aggravation of injury, lost time, or pay). For limited-duty (OWCP) carriers, comply with 5 CFR 353 and ELM 546. Management must make reasonable efforts to provide necessary work within the carrier\'s restrictions per Article 13.'; state.violationType = 'leave'; // closest category; user can adjust state.description = description; if (!state.filingDate) state.filingDate = new Date().toISOString().slice(0, 10); if (!state.witnesses) state.witnesses = carriers.join(', '); $('#equityOverlay').classList.remove('open'); document.body.style.overflow = ''; $('#issueDesc').value = description; state.step = 1; goToStep(1); window.scrollTo({ top: 0, behavior: 'smooth' }); toast('Article 13 grievance prefilled - review Step 1 and pick the best violation category', 'success'); } function eqGenerateGrievance(quarter, totals, threshold) { if (!confirm('Start a new grievance prefilled with this quarter\'s equitability data? Any unsaved current grievance will be replaced.')) return; const max = Math.max(...totals.map(t=>t.worked)); const min = Math.min(...totals.map(t=>t.worked)); const avg = totals.reduce((a,t)=>a+t.worked,0) / totals.length; const spread = max - min; const lowCarriers = totals.filter(t => t.worked < avg - (threshold/2)); const highCarriers = totals.filter(t => t.worked > avg + (threshold/2)); // Build description const lowList = lowCarriers.map(c => `${c.name||'(unnamed)'}${c.route?' ('+c.route+')':''}: ${c.worked.toFixed(1)}h`).join('; '); const highList = highCarriers.map(c => `${c.name||'(unnamed)'}${c.route?' ('+c.route+')':''}: ${c.worked.toFixed(1)}h`).join('; '); const description = `Article 8.5.D Equitability Grievance for ${quarter}.\n\nManagement failed to equitably distribute overtime among OTDL carriers during ${quarter}. The quarterly spread between the highest and lowest OTDL carrier was ${spread.toFixed(1)} hours, exceeding the equitability threshold of ${threshold} hours.\n\nHIGH-HOUR CARRIERS: ${highList || '(see roster)'}\n\nSHORTED CARRIERS: ${lowList || '(see roster)'}\n\nQuarterly average: ${avg.toFixed(1)} hours. ${lowCarriers[0]?.name||'The shorted carrier'} was below the average by ${(avg - min).toFixed(1)} hours, while ${highCarriers[0]?.name||'the high carrier'} was above by ${(max - avg).toFixed(1)} hours.`; // Set state to overtime violation type and prefill description // Most fields (installation, branch, steward, supervisor) already in state from previous grievance work state.violationType = 'overtime'; state.description = description; // If filing date not set, use today if (!state.filingDate) { state.filingDate = new Date().toISOString().slice(0, 10); } // Witnesses = the carrier list if (!state.witnesses) { state.witnesses = totals.map(c => c.name).filter(Boolean).join(', '); } // Close equity modal $('#equityOverlay').classList.remove('open'); document.body.style.overflow = ''; // Update Step 1 UI to reflect new state $('#issueDesc').value = description; $$('.type-card').forEach(el => el.classList.toggle('selected', el.dataset.type === 'overtime')); // Navigate to step 1 first to show prefilled data goToStep(1); // Scroll to top window.scrollTo({ top: 0, behavior: 'smooth' }); toast('Article 8.5.C.2 equity grievance prefilled - review Step 1, then continue', 'success'); } // Generate a grievance for any specific Article 8 violation type function eqGenerateArticle8Grievance(type, instances) { if (!instances || !instances.length) return; if (!confirm(`Start a new grievance prefilled with Article ${type} data? Any unsaved current grievance will be replaced.`)) return; const carriers = Array.from(new Set(instances.map(v => v.carrier?.name).filter(Boolean))); const totalHours = instances.reduce((a, v) => a + (v.hours || 0), 0); const titles = { '8.5.A': 'Article 8.5.A ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â Hours-of-Work Limits Violation', '8.5.D': 'Article 8.5.D ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â Penalty Overtime Owed', '8.5.F/G': 'Article 8.5.F/G ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â Non-OTDL Carrier Forced', '8.5.C.2': 'Article 8.5.C.2 ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â OTDL Equitable Distribution' }; let description = `${titles[type] || ('Article ' + type + ' Violation')}\n\n`; description += `${instances.length} instance${instances.length===1?'':'s'} of Article ${type} violation detected. Total hours involved: ${totalHours.toFixed(1)}h.\n\n`; description += 'AFFECTED CARRIER(S):\n'; carriers.forEach(n => { description += ` - ${n}\n`; }); description += '\nSPECIFIC INSTANCES:\n'; instances.slice(0, 10).forEach((v, i) => { description += `\n${i+1}. ${v.detail}`; }); if (instances.length > 10) description += `\n... and ${instances.length - 10} more instances (see attached Article 8 audit log).`; description += '\n\nREMEDY REQUESTED:\n' + instances[0].remedy; if (type === '8.5.F/G' && instances[0].availableOTDL && instances[0].availableOTDL.length) { description += `\n\nOTDL carriers available but not utilized: ${instances[0].availableOTDL.join(', ')}.`; } // Set state to overtime violation type and prefill state.violationType = 'overtime'; state.description = description; if (!state.filingDate) state.filingDate = new Date().toISOString().slice(0, 10); if (!state.witnesses) state.witnesses = carriers.join(', '); // Close equity modal $('#equityOverlay').classList.remove('open'); document.body.style.overflow = ''; // Update Step 1 UI $('#issueDesc').value = description; $$('.type-card').forEach(el => el.classList.toggle('selected', el.dataset.id === 'overtime')); state.step = 1; goToStep(1); window.scrollTo({ top: 0, behavior: 'smooth' }); toast(`Article ${type} grievance prefilled - review Step 1`, 'success'); } function eqAddCarrier() { const s = eqLoad(); s.roster.push({ id: 'c_' + Date.now().toString(36) + Math.random().toString(36).slice(2, 6), name: '', route: '', list: 'OTDL' }); eqSave(s); eqRender(); // Focus the new input setTimeout(() => { const inputs = document.querySelectorAll('[data-eq-roster-name]'); if (inputs.length) inputs[inputs.length - 1].focus(); }, 50); } function openEquity() { $('#equityOverlay').classList.add('open'); document.body.style.overflow = 'hidden'; closeLibrary(); eqRender(); } window.openEquity = openEquity; function closeEquity() { $('#equityOverlay').classList.remove('open'); document.body.style.overflow = ''; } document.addEventListener('DOMContentLoaded', () => { renderTypeCards(); // Step nav $$('.step-item').forEach(s => { s.addEventListener('click', () => { const n = parseInt(s.dataset.step); if (n === 1) { goToStep(1); } else if (n === 2) { if (validateStep1()) goToStep(2); } else if (n === 3) { if (validateStep1() && state.step >= 2) buildPackage(); else if (validateStep1()) goToStep(2); } }); }); // Step 1 next $('#step1NextBtn').addEventListener('click', () => { if (validateStep1()) goToStep(2); }); // Step 2 back $('#step2BackBtn').addEventListener('click', () => goToStep(1)); // Build $('#buildBtn').addEventListener('click', buildPackage); // AI refine on Step 1 $('#aiRefineBtn').addEventListener('click', () => { state.description = $('#issueDesc').value.trim(); if (!state.description) { toast('Write a description first', 'error'); return; } if (!state.violationType) { toast('Select a violation category first', 'error'); return; } aiAction('refine', 'aiRefineBtn', 'aiRefineOutput'); }); // Track field changes for completeness + deadlines ['issueDesc','installation','branchNum','stationZip','district','region', 'grievantName','grievantEIN','grievantClassif','grievantRoute','grievantSeniority','grievantShift', 'stewardName','stewardRole','supName','supLevel','postmasterName','formalAManager', 'incidentDate','discoveryDate','filingDate','witnesses','priorDiscipline'].forEach(id => { const el = $('#'+id); if (!el) return; const evt = el.tagName === 'SELECT' ? 'change' : 'input'; el.addEventListener(evt, () => { const key = id === 'issueDesc' ? 'description' : id; state[key] = el.value; if (id === 'incidentDate' || id === 'discoveryDate') renderDeadlines(); }); }); // Load from file $('#loadBtn').addEventListener('click', () => $('#fileInput').click()); $('#fileInput').addEventListener('change', (e) => { if (e.target.files[0]) loadJSON(e.target.files[0]); }); // Library modal $('#libraryBtn').addEventListener('click', openLibrary); $('#libraryCloseBtn').addEventListener('click', closeLibrary); $('#libraryOverlay').addEventListener('click', (e) => { if (e.target.id === 'libraryOverlay') closeLibrary(); }); $('#libSaveCurrentBtn').addEventListener('click', saveToLibrary); $('#lcbSaveBtn').addEventListener('click', saveToLibrary); // Settings modal $('#settingsBtn').addEventListener('click', openSettings); $('#settingsCloseBtn').addEventListener('click', closeSettings); $('#settingsOverlay').addEventListener('click', (e) => { if (e.target.id === 'settingsOverlay') closeSettings(); }); $('#settingsSaveBtn').addEventListener('click', handleSettingsSave); $('#settingsTestBtn').addEventListener('click', handleSettingsTest); $('#settingsClearBtn').addEventListener('click', handleSettingsClear); $('#ai-provider').addEventListener('change', (e) => showProviderPane(e.target.value)); // Recording feature wiring document.addEventListener('click', (e) => { const recBtn = e.target.closest('.record-btn'); if (recBtn) { e.preventDefault(); openRecordModal(recBtn.dataset.recordTarget); } const micBtn = e.target.closest('.dictate-btn'); if (micBtn) { e.preventDefault(); vfDictateField(micBtn.dataset.dictateTarget, micBtn); } }); // Session Mode wiring const sessBtn = $('#sessionBtn'); if (sessBtn) sessBtn.addEventListener('click', () => openSessionMode()); // Per-field session buttons document.addEventListener('click', (e) => { const sBtn = e.target.closest('.session-btn'); if (sBtn) { e.preventDefault(); openSessionMode(sBtn.dataset.sessionTarget); } }); const sClose = $('#sessionCloseBtn'); if (sClose) sClose.addEventListener('click', closeSessionMode); const sStart = $('#sessStartBtn'); if (sStart) sStart.addEventListener('click', sessStartListening); const sPause = $('#sessPauseBtn'); if (sPause) sPause.addEventListener('click', sessPause); document.querySelectorAll('.sess-spk').forEach(b => b.addEventListener('click', () => sessTagSpeaker(b.dataset.spk))); const sClear = $('#sessClearBtn'); if (sClear) sClear.addEventListener('click', sessClear); const sCopy = $('#sessCopyBtn'); if (sCopy) sCopy.addEventListener('click', sessCopy); const sExport = $('#sessExportBtn'); if (sExport) sExport.addEventListener('click', sessExport); const sReparse = $('#sessReparseBtn'); if (sReparse) sReparse.addEventListener('click', sessReparse); const sAI = $('#sessAIBtn'); if (sAI) sAI.addEventListener('click', sessAISummary); const sSave = $('#sessSaveBtn'); if (sSave) sSave.addEventListener('click', sessShowSaveDest); const sSaveOK = $('#sessSaveConfirm'); if (sSaveOK) sSaveOK.addEventListener('click', sessSaveConfirm); const sSaveCancel = $('#sessSaveCancel'); if (sSaveCancel) sSaveCancel.addEventListener('click', () => { $('#sessSaveDest').style.display = 'none'; }); const sOverlay = $('#sessionOverlay'); if (sOverlay) sOverlay.addEventListener('click', (e) => { if (e.target.id === 'sessionOverlay') closeSessionMode(); }); // Voice Fill wiring const vfBtn = $('#voiceFillBtn'); if (vfBtn) vfBtn.addEventListener('click', openVoiceFill); const vfClose = $('#voiceFillCloseBtn'); if (vfClose) vfClose.addEventListener('click', closeVoiceFill); const vfCancel = $('#vfCancelBtn'); if (vfCancel) vfCancel.addEventListener('click', closeVoiceFill); const vfStart = $('#vfStartBtn'); if (vfStart) vfStart.addEventListener('click', vfStartListening); const vfParse = $('#vfParseBtn'); if (vfParse) vfParse.addEventListener('click', vfReview); const vfBack = $('#vfBackBtn'); if (vfBack) vfBack.addEventListener('click', () => { $('#vfReviewStage').style.display='none'; $('#vfListenStage').style.display='block'; }); const vfApplyBtn = $('#vfApplyBtn'); if (vfApplyBtn) vfApplyBtn.addEventListener('click', vfApply); const vfOverlay = $('#voiceFillOverlay'); if (vfOverlay) vfOverlay.addEventListener('click', (e) => { if (e.target.id === 'voiceFillOverlay') closeVoiceFill(); }); const recClose = $('#recordCloseBtn'); if (recClose) recClose.addEventListener('click', closeRecordModal); const recCancel = $('#recordCancelBtn'); if (recCancel) recCancel.addEventListener('click', closeRecordModal); const recConsentType = $('#recordConsentType'); if (recConsentType) recConsentType.addEventListener('change', () => { const stateCode = recConsentType.value; const note = $('#recordConsentNote'); if (note) { note.textContent = recStateNote(stateCode); note.style.color = recIsTwoParty(stateCode) ? 'var(--red)' : 'var(--td)'; } // Show/hide the extra two-party verbal-warning banner const tpw = $('#recordTwoPartyWarning'); if (tpw) tpw.style.display = recIsTwoParty(stateCode) ? 'block' : 'none'; updateRecordStartEnabled(); }); const recAck = $('#recordAckLaw'); if (recAck) recAck.addEventListener('change', updateRecordStartEnabled); const recDisc = $('#recordDisclosed'); if (recDisc) recDisc.addEventListener('change', updateRecordStartEnabled); const recStart = $('#recordStartBtn'); if (recStart) recStart.addEventListener('click', startRecording); const recStop = $('#recordStopBtn'); if (recStop) recStop.addEventListener('click', () => stopRecording(false)); const recDownload = $('#recordDownloadBtn'); if (recDownload) recDownload.addEventListener('click', downloadRecording); const recDone = $('#recordDoneBtn'); if (recDone) recDone.addEventListener('click', closeRecordModal); const recOverlay = $('#recordOverlay'); if (recOverlay) recOverlay.addEventListener('click', (e) => { if (e.target.id === 'recordOverlay') closeRecordModal(); }); // Coach tips (re-evaluate after any UI build) initCoachTips(); // Print & Share modal wiring const printOverlay = $('#printOverlay'); const printClose = $('#printCloseBtn'); if (printClose) printClose.addEventListener('click', closePrintShare); const printCancel = $('#printCancelBtn'); if (printCancel) printCancel.addEventListener('click', closePrintShare); if (printOverlay) printOverlay.addEventListener('click', (e) => { if (e.target.id === 'printOverlay') closePrintShare(); }); const printDo = $('#printDoBtn'); if (printDo) printDo.addEventListener('click', doSelectedPrint); const printEmail = $('#printEmailBtn'); if (printEmail) printEmail.addEventListener('click', emailForms); const psAll = $('#printSelectAll'); if (psAll) psAll.addEventListener('click', () => applyPrintPreset('all')); const psNone = $('#printSelectNone'); if (psNone) psNone.addEventListener('click', () => applyPrintPreset('none')); const psFile = $('#printSelectFile'); if (psFile) psFile.addEventListener('click', () => applyPrintPreset('file')); const psMeet = $('#printSelectMeeting'); if (psMeet) psMeet.addEventListener('click', () => applyPrintPreset('meeting')); // Process Updates wiring const procClose = $('#processCloseBtn'); if (procClose) procClose.addEventListener('click', closeProcessUpdates); const procCancel = $('#processCancelBtn'); if (procCancel) procCancel.addEventListener('click', closeProcessUpdates); const procSave = $('#processSaveBtn'); if (procSave) procSave.addEventListener('click', saveProcessUpdates); const procOverlay = $('#processOverlay'); if (procOverlay) procOverlay.addEventListener('click', (e) => { if (e.target.id === 'processOverlay') closeProcessUpdates(); }); const procLogAdd = $('#proc-log-add'); if (procLogAdd) procLogAdd.addEventListener('click', addProcessLogEntry); const procLogInput = $('#proc-log-input'); if (procLogInput) procLogInput.addEventListener('keypress', (e) => { if (e.key === 'Enter') addProcessLogEntry(); }); // Equity tracker wiring const equityBtn = $('#equityBtn'); if (equityBtn) equityBtn.addEventListener('click', openEquity); const equityClose = $('#equityCloseBtn'); if (equityClose) equityClose.addEventListener('click', closeEquity); const equityOverlay = $('#equityOverlay'); if (equityOverlay) { equityOverlay.addEventListener('click', (e) => { if (e.target.id === 'equityOverlay') closeEquity(); }); } const addCarrierBtn = $('#eqAddCarrierBtn'); if (addCarrierBtn) addCarrierBtn.addEventListener('click', eqAddCarrier); const addDutyBtn = $('#eqAddDutyBtn'); if (addDutyBtn) addDutyBtn.addEventListener('click', eqAddDuty); const eqWeekEl = $('#eqWeek'); if (eqWeekEl) eqWeekEl.addEventListener('change', () => eqRender()); const eqQuarterEl = $('#eqQuarter'); if (eqQuarterEl) eqQuarterEl.addEventListener('change', () => eqRenderQuarterSummary(eqLoad())); const eqThresholdEl = $('#eqThreshold'); if (eqThresholdEl) eqThresholdEl.addEventListener('input', () => eqRenderQuarterSummary(eqLoad())); const eqClearWeekBtn = $('#eqClearWeekBtn'); if (eqClearWeekBtn) eqClearWeekBtn.addEventListener('click', () => { if (!confirm('Clear all hour entries for this week?')) return; const s = eqLoad(); const wk = $('#eqWeek').value; if (s.data[wk]) { delete s.data[wk]; eqSave(s); eqRender(); toast('Week cleared', 'success'); } }); const eqSaveWeekBtn = $('#eqSaveWeekBtn'); if (eqSaveWeekBtn) eqSaveWeekBtn.addEventListener('click', () => { toast('Already saved - data auto-saves as you type', 'success'); }); document.addEventListener('keydown', (e) => { if (e.key === 'Escape') { if ($('#sessionOverlay') && $('#sessionOverlay').classList.contains('open')) { closeSessionMode(); return; } if ($('#voiceFillOverlay') && $('#voiceFillOverlay').classList.contains('open')) { closeVoiceFill(); return; } if ($('#recordOverlay') && $('#recordOverlay').classList.contains('open')) { closeRecordModal(); return; } if ($('#settingsOverlay').classList.contains('open')) closeSettings(); else if ($('#printOverlay') && $('#printOverlay').classList.contains('open')) closePrintShare(); else if ($('#processOverlay') && $('#processOverlay').classList.contains('open')) closeProcessUpdates(); else if ($('#equityOverlay') && $('#equityOverlay').classList.contains('open')) closeEquity(); else if ($('#libraryOverlay').classList.contains('open')) closeLibrary(); } }); });