// MOTIONS PLATFORM — hub sub-platforms + pill sub-nav // 6 hubs: Motion Queue · Drafting · Brief Bank · Citations · Calendar · Judges const { useState: useMnH, useMemo: useMnHMemo } = React; const Tmnh = window.ArbiterTokens; // ── Shared pill sub-nav ───────────────────────────────────────────────────── function MnSubNav({ views, active, onChange }) { const mn = window.__mn; return (
{views.map(v => { const isActive = active === v.id; return ( ); })}
); } window.MnSubNav = MnSubNav; // ── QUEUE > My Docket ─────────────────────────────────────────────────────── function MnQueueMyDocket({ data }) { const mn = window.__mn; const me = 'M. Kirkland'; const mine = data.motions.filter(m => m.author === me); const dueThisWeek = mine.filter(m => { if (!m.hearingDate) return false; const d = new Date(m.hearingDate); const diff = (d - new Date('2026-04-21')) / 86400000; return diff >= 0 && diff <= 7; }); const filed = mine.filter(m => ['Filed','Fully Briefed','Under Submission','Awaiting Argument','Opposition Pending'].includes(m.status)); const won = mine.filter(m => m.status === 'Granted' || m.status === 'Granted in Part'); const decided = mine.filter(m => ['Granted','Granted in Part','Denied'].includes(m.status)); const myWin = decided.length ? Math.round((won.length / decided.length) * 100) : 0; return (
My active{mine.length}all stages
Due ≤ 7 days{dueThisWeek.length}
Filed & pending{filed.length}
Decided (YTD){decided.length}
My win rate{myWin}%{won.length} of {decided.length}
My docket — {me}{mine.length} motions
{mine.map(m => { const ss = mn.statusColor(m.status); return ; })}
ID Caption Matter Hearing Pages Cites Status Expected outcome
{m.id} {m.captionShort}
{m.type}
 {m.matter} {m.hearingDate || '—'} {m.pages || '—'} {m.cites} {m.status} {m.expectedOutcome}
); } window.MnQueueMyDocket = MnQueueMyDocket; // ── QUEUE > By Matter ─────────────────────────────────────────────────────── function MnQueueByMatter({ data }) { const mn = window.__mn; const groups = useMnHMemo(() => { const g = {}; data.motions.forEach(m => { if (!g[m.matter]) g[m.matter] = { matter: m.matter, court: m.court, judge: m.judge, motions: [], active: 0, decided: 0, won: 0 }; g[m.matter].motions.push(m); if (['Granted','Granted in Part','Denied','Moot','Withdrawn'].includes(m.status)) { g[m.matter].decided++; if (m.status === 'Granted' || m.status === 'Granted in Part') g[m.matter].won++; } else { g[m.matter].active++; } }); return Object.values(g).sort((a,b) => b.motions.length - a.motions.length); }, [data]); return (
{groups.map(g => (
{g.matter}
{g.court} · {g.judge}
{g.motions.length} motion{g.motions.length === 1 ? '' : 's'}
{g.active}
Active
{g.won}
Won
{g.decided}
Decided
{g.motions.slice(0, 6).map(m => { const ss = mn.statusColor(m.status); return (
{m.id} {m.captionShort} {m.status}
); })}
))}
); } window.MnQueueByMatter = MnQueueByMatter; // ── QUEUE > By Type ───────────────────────────────────────────────────────── function MnQueueByType({ data }) { const mn = window.__mn; const groups = useMnHMemo(() => { const g = {}; data.motions.forEach(m => { const key = m.kind || 'Motion'; if (!g[key]) g[key] = { kind: key, total: 0, active: 0, won: 0, decided: 0, pages: 0, cites: 0 }; g[key].total++; g[key].pages += (m.pages || 0); g[key].cites += (m.cites || 0); if (['Granted','Granted in Part','Denied','Moot','Withdrawn'].includes(m.status)) { g[key].decided++; if (m.status === 'Granted') g[key].won++; else if (m.status === 'Granted in Part') g[key].won += 0.5; } else g[key].active++; }); return Object.values(g).sort((a,b) => b.total - a.total); }, [data]); return (
Motion types — performance by kind{groups.length} categories
{groups.map(g => { const win = g.decided ? Math.round((g.won / g.decided) * 100) : null; const avgP = g.total ? Math.round(g.pages / g.total) : 0; const avgC = g.total ? Math.round(g.cites / g.total) : 0; return ; })}
Kind Total Active Decided Avg pages Avg cites Win rate Distribution
{g.kind} {g.total} {g.active} {g.decided} {avgP || '—'} {avgC} {win == null ? '—' : `${win}%`}
); } window.MnQueueByType = MnQueueByType; // ── DRAFTING > Checklists ─────────────────────────────────────────────────── function MnDraftChecklists({ data }) { const mn = window.__mn; const CHECKS = [ { id: 'caption', label: 'Caption & case number correct' }, { id: 'toc', label: 'Table of Contents / Authorities' }, { id: 'cites', label: 'Citations Shepardized (≤ 30 days)' }, { id: 'exhibits', label: 'Exhibits indexed & attached' }, { id: 'length', label: 'Within page / word limit' }, { id: 'proof', label: 'Partner proofread + redline' }, { id: 'signature',label: 'Signature block & bar admissions' }, { id: 'cos', label: 'Certificate of Service' }, { id: 'ecf', label: 'ECF filing package ready' }, ]; const drafts = data.drafts || []; const rand = (id, i) => ((id.charCodeAt(id.length - 1) + i * 7) % 10); const status = (id, i) => { const r = rand(id, i); if (r < 6) return 'done'; if (r < 8) return 'progress'; return 'todo'; }; const sym = { done: 'ok', progress: '◐', todo: '○' }; const clr = { done: mn.emerald, progress: mn.amber, todo: Tmnh.color.text.tertiary }; return (
{drafts.map(d => { const done = CHECKS.filter((_, i) => status(d.motionId || d.id, i) === 'done').length; const pct = Math.round((done / CHECKS.length) * 100); return (
{d.caption || d.title}
{d.motionId} · {d.author} · {d.lastEdit || '—'}
= 80 ? mn.emerald : pct >= 50 ? mn.amber : mn.crimson }} />
= 80 ? mn.emerald : Tmnh.color.text.primary }}>{done}/{CHECKS.length}
{CHECKS.map((c, i) => { const s = status(d.motionId || d.id, i); return (
{sym[s]} {c.label} {s === 'progress' && In progress} {s === 'todo' && Todo}
); })}
); })}
); } window.MnDraftChecklists = MnDraftChecklists; // ── DRAFTING > Collaborators ──────────────────────────────────────────────── function MnDraftCollaborators({ data }) { const mn = window.__mn; const drafts = data.drafts || []; const roles = ['Author', 'Senior Reviewer', 'Partner Approver', 'Cite-Checker']; const reviewers = [ { name: 'L. Torres', role: 'Senior Reviewer' }, { name: 'J. Park', role: 'Cite-Checker' }, { name: 'R. Vasquez', role: 'Senior Reviewer' }, { name: 'A. Petrov', role: 'Cite-Checker' }, { name: 'S. Chen', role: 'Partner Approver'}, { name: 'M. Kirkland', role: 'Partner Approver'}, ]; const stateFor = (id, role) => { const r = (id.charCodeAt(id.length - 1) + role.length) % 10; if (r < 4) return { s: 'Approved', bg: mn.emeraldBg, c: mn.emerald }; if (r < 7) return { s: 'In review', bg: mn.amberBg, c: mn.amber }; if (r < 9) return { s: 'Requested', bg: mn.plumBg, c: mn.plum }; return { s: 'Blocked', bg: mn.crimsonBg, c: mn.crimson }; }; return (
Draft collaborators — review pipeline{drafts.length} active drafts
{roles.slice(1).map(r => )} {drafts.map(d => { const id = d.motionId || d.id; return {roles.slice(1).map((r, i) => { const rv = reviewers.filter(x => x.role === r)[i % 2] || reviewers[i]; const st = stateFor(id, r); return ; })} ; })}
Draft Author{r}Last activity
{d.caption || d.title}
{id}
 {d.author}
Author
{rv.name}
{st.s} 		{d.lastEdit || '2026-04-20'}
); } window.MnDraftCollaborators = MnDraftCollaborators; // ── BRIEF BANK > By Category ──────────────────────────────────────────────── function MnBbByCategory({ data }) { const mn = window.__mn; const parseWin = (s) => { const mt = /(\d+)\s+of\s+(\d+)/.exec(s || ''); if (!mt) return { w: 0, t: 0 }; return { w: +mt[1], t: +mt[2] }; }; const groups = useMnHMemo(() => { const g = {}; data.briefBank.forEach(b => { if (!g[b.category]) g[b.category] = { category: b.category, briefs: [], w: 0, t: 0, pages: 0, cites: 0 }; const p = parseWin(b.winRate); g[b.category].briefs.push(b); g[b.category].w += p.w; g[b.category].t += p.t; g[b.category].pages += b.pages; g[b.category].cites += b.cites; }); return Object.values(g).sort((a,b) => b.briefs.length - a.briefs.length); }, [data]); return (
{groups.map(g => { const winPct = g.t ? Math.round((g.w / g.t) * 100) : 0; return (
{g.category}
{g.briefs.length} brief{g.briefs.length === 1 ? '' : 's'} · {g.w}/{g.t} prior wins
{winPct}%
{g.briefs.map(b => (
{b.id}
{b.title}
{b.author} · {b.pages} pg · {b.cites} cites
{b.winRate}
))}
); })}
); } window.MnBbByCategory = MnBbByCategory; // ── BRIEF BANK > High-Win ─────────────────────────────────────────────────── function MnBbHighWin({ data }) { const mn = window.__mn; const parseWin = (s) => { const mt = /(\d+)\s+of\s+(\d+)/.exec(s || ''); if (!mt) return { w: 0, t: 1, pct: 0 }; return { w: +mt[1], t: +mt[2], pct: +mt[2] ? (+mt[1] / +mt[2]) * 100 : 0 }; }; const ranked = useMnHMemo(() => data.briefBank.map(b => ({ ...b, _win: parseWin(b.winRate) })).sort((a,b) => b._win.pct - a._win.pct || b._win.t - a._win.t), [data]); return (
High win-rate briefs — leaderboardranked by prior wins
{ranked.map((b, i) => { const pct = Math.round(b._win.pct); const stars = Math.max(1, Math.round(pct / 20)); return ; })}
# Brief Category Author Pages Cites Wins Win rate Rating
{i + 1}
{b.title}
{b.id} · {b.type}
 {b.category} {b.author} {b.pages} {b.cites} {b._win.w}/{b._win.t} {pct}% {'●'.repeat(stars)}{'○'.repeat(5 - stars)}
); } window.MnBbHighWin = MnBbHighWin; // ── BRIEF BANK > Recent ───────────────────────────────────────────────────── function MnBbRecent({ data }) { const mn = window.__mn; const recent = useMnHMemo(() => [...data.briefBank].sort((a,b) => (b.lastUpdated || '').localeCompare(a.lastUpdated || '')), [data]); return (
Recently added / updatedsorted by last update
{recent.map(b => (
{b.lastUpdated}
{b.title}
{b.id} · {b.type} · {b.pages} pg · {b.cites} cites
{(b.tags || []).slice(0, 4).map(t => {t})}
{b.category} {b.author} {b.winRate}
))}
); } window.MnBbRecent = MnBbRecent; // ── CITATIONS > Shepardize ────────────────────────────────────────────────── function MnCitShepardize({ data }) { const mn = window.__mn; const today = new Date('2026-04-21'); const cits = useMnHMemo(() => data.citations.map(c => { const v = c.lastVerified ? Math.round((today - new Date(c.lastVerified)) / 86400000) : 999; let risk = 'ok'; if (c.treatment === 'caution' || c.flagNote) risk = 'caution'; if (c.treatment === 'negative' || c.treatment === 'superseded' || c.treatment === 'overruled') risk = 'negative'; if (v > 30 && risk === 'ok') risk = 'stale'; return { ...c, daysSinceVerify: v, risk }; }).sort((a,b) => { const rank = { negative: 0, caution: 1, stale: 2, ok: 3 }; return rank[a.risk] - rank[b.risk]; }), [data]); const counts = cits.reduce((a,c) => { a[c.risk] = (a[c.risk] || 0) + 1; return a; }, {}); const riskStyle = { negative: { bg: mn.crimsonBg, c: mn.crimson, label: 'Negative' }, caution: { bg: mn.amberBg, c: mn.amber, label: 'Caution' }, stale: { bg: mn.slateBg, c: mn.slate, label: 'Stale (>30d)' }, ok: { bg: mn.emeraldBg, c: mn.emerald, label: 'Clean' } }; return (
{['negative','caution','stale','ok'].map(k => (
{riskStyle[k].label} {counts[k] || 0}
))}
Citation treatment — triagesorted: negative → caution → stale → clean
{cits.map(c => { const rs = riskStyle[c.risk]; return ; })}
Risk Short Citation Motions Firm uses Verified Flag Action
{rs.label} {c.short} {c.cite} {(c.motionIds || []).join(', ') || '—'} {c.firmUsage} 30 ? mn.amber : Tmnh.color.text.tertiary }}>{c.daysSinceVerify}d ago {c.flagNote || (c.risk === 'stale' ? 'Re-verify on Westlaw' : '—')}
); } window.MnCitShepardize = MnCitShepardize; // ── CITATIONS > Firm Core ─────────────────────────────────────────────────── function MnCitFirmCore({ data }) { const mn = window.__mn; const top = useMnHMemo(() => [...data.citations].sort((a,b) => b.firmUsage - a.firmUsage).slice(0, 20), [data]); const max = top[0]?.firmUsage || 1; return (
Firm core citations — most-used authoritiestop 20 firmwide
{top.map((c, i) => (
#{i + 1} {c.short}
{c.cite}
{c.treatment} {c.firmUsage}
))}
); } window.MnCitFirmCore = MnCitFirmCore; // ── CITATIONS > Conflicts ─────────────────────────────────────────────────── function MnCitConflicts({ data }) { const mn = window.__mn; const flagged = data.citations.filter(c => c.treatment !== 'positive' || c.flagNote); return (
{flagged.length} citation{flagged.length === 1 ? '' : 's'} flagged for review
Negative treatment, abrogation, or partner-supplied caution notes — resolve before filing.
{flagged.map(c => (
{c.short} {c.treatment}
{c.cite}
{c.flagNote && (
Flag:{c.flagNote}
)}
In motions
{(c.motionIds || []).join(', ') || '—'}
Firm-wide uses
{c.firmUsage}
))}
); } window.MnCitConflicts = MnCitConflicts; // ── CALENDAR > Due Soon ───────────────────────────────────────────────────── function MnCalDueSoon({ data }) { const mn = window.__mn; const today = new Date('2026-04-21'); const windowed = useMnHMemo(() => (data.calendar || []).map(e => ({ ...e, _days: Math.round((new Date(e.date) - today) / 86400000) })).filter(e => e._days >= 0 && e._days <= 30).sort((a,b) => a._days - b._days), [data]); const buckets = { '≤ 7 days': [], '8–14 days': [], '15–30 days': [] }; windowed.forEach(e => { if (e._days <= 7) buckets['≤ 7 days'].push(e); else if (e._days <= 14) buckets['8–14 days'].push(e); else buckets['15–30 days'].push(e); }); const bucketColor = { '≤ 7 days': mn.crimson, '8–14 days': mn.amber, '15–30 days': mn.plum }; return (
{Object.entries(buckets).map(([label, events]) => (
{label} {events.length}
{events.length === 0 ? (
No events in window
) : events.map(e => (
{e.date} {e.type} {e.urgency === 'critical' && critical}
{e.caption}
{e.matter} · {e.motionId}
))}
))}
); } window.MnCalDueSoon = MnCalDueSoon; // ── CALENDAR > Hearings ───────────────────────────────────────────────────── function MnCalHearings({ data }) { const mn = window.__mn; const hearings = useMnHMemo(() => (data.calendar || []).filter(e => ['Hearing','Evidentiary','Oral Arg','Argument'].includes(e.type)).sort((a,b) => a.date.localeCompare(b.date)), [data]); return (
Hearings & oral arguments — chronological{hearings.length} scheduled
{hearings.map(e => { const days = Math.round((new Date(e.date) - new Date('2026-04-21')) / 86400000); return ; })}
Date Type Motion Matter Urgency Days out
{e.date} {e.type}
{e.caption}
{e.motionId}
 {e.matter} {e.urgency === 'critical' && Critical} {e.urgency === 'high' && High} {(!e.urgency || e.urgency === 'normal') && Normal} {days < 0 ? 'past' : `+${days}d`}
); } window.MnCalHearings = MnCalHearings; // ── JUDGES > Tendency Analysis ────────────────────────────────────────────── function MnJdgTendency({ data }) { const mn = window.__mn; const ranked = useMnHMemo(() => [...data.judges].sort((a,b) => b.grantRate - a.grantRate), [data]); const barRow = (label, pct, color) => (
{label}
{pct}%
); return (
{ranked.map(j => { const tc = mn.tendencyColor(j.grantRate); return (
{j.name}
{j.court} · {j.tenure} · {j.opinionsAnalyzed} opinions analyzed
{j.tendency}
{barRow('Overall', j.grantRate, mn.tendencyColor(j.grantRate))} {barRow('MSJ', j.msjGrantRate, mn.tendencyColor(j.msjGrantRate))} {barRow('Daubert', j.daubertGrantRate, mn.tendencyColor(j.daubertGrantRate))} {barRow('Discovery',j.discoveryMotionGrant, mn.tendencyColor(j.discoveryMotionGrant))}
Avg days to ruling
{j.avgDaysToRuling}
Our win rate
{j.firmWinRate}%
{j.notableNotes &&
{j.notableNotes}
}
); })}
); } window.MnJdgTendency = MnJdgTendency; // ═══════════════════════════════════════════════════════════════════════════ // HUB WRAPPERS // ═══════════════════════════════════════════════════════════════════════════ function MnQueueHub({ data }) { const [sub, setSub] = useMnH('all'); const views = [ { id: 'all', label: 'All motions', badge: data.motions.length }, { id: 'mine', label: 'My docket' }, { id: 'bymatter', label: 'By matter' }, { id: 'bytype', label: 'By type' }, { id: 'rulings', label: 'Rulings', badge: (data.rulings || []).length }, { id: 'activity', label: 'Activity', badge: (data.activity || []).length }, ]; return (
{sub === 'all' && } {sub === 'mine' && } {sub === 'bymatter' && } {sub === 'bytype' && } {sub === 'rulings' && } {sub === 'activity' && }
); } window.MnQueueHub = MnQueueHub; function MnDraftingHub({ data }) { const [sub, setSub] = useMnH('workspaces'); const views = [ { id: 'workspaces', label: 'Workspaces', badge: (data.drafts || []).length }, { id: 'templates', label: 'Templates', badge: (data.templates || []).length }, { id: 'checklists', label: 'Checklists' }, { id: 'collaborators', label: 'Collaborators' }, ]; return (
{sub === 'workspaces' && } {sub === 'templates' && } {sub === 'checklists' && } {sub === 'collaborators' && }
); } window.MnDraftingHub = MnDraftingHub; function MnBriefBankHub({ data }) { const [sub, setSub] = useMnH('library'); const views = [ { id: 'library', label: 'Library', badge: data.briefBank.length }, { id: 'category', label: 'By category' }, { id: 'highwin', label: 'High win-rate' }, { id: 'recent', label: 'Recent' }, ]; return (
{sub === 'library' && } {sub === 'category' && } {sub === 'highwin' && } {sub === 'recent' && }
); } window.MnBriefBankHub = MnBriefBankHub; function MnCitationsHub({ data }) { const [sub, setSub] = useMnH('tracker'); const flagged = data.citations.filter(c => c.treatment !== 'positive' || c.flagNote).length; const views = [ { id: 'tracker', label: 'Tracker', badge: data.citations.length }, { id: 'shepardize', label: 'Shepardize' }, { id: 'firmcore', label: 'Firm core' }, { id: 'conflicts', label: 'Conflicts', badge: flagged }, ]; return (
{sub === 'tracker' && } {sub === 'shepardize' && } {sub === 'firmcore' && } {sub === 'conflicts' && }
); } window.MnCitationsHub = MnCitationsHub; function MnCalendarHub({ data }) { const [sub, setSub] = useMnH('timeline'); const views = [ { id: 'timeline', label: 'Timeline', badge: (data.calendar || []).length }, { id: 'duesoon', label: 'Due soon' }, { id: 'hearings', label: 'Hearings' }, { id: 'oralarg', label: 'Oral arguments', badge: (data.oralArgs || []).length }, ]; return (
{sub === 'timeline' && } {sub === 'duesoon' && } {sub === 'hearings' && } {sub === 'oralarg' && }
); } window.MnCalendarHub = MnCalendarHub; function MnJudgesHub({ data }) { const [sub, setSub] = useMnH('directory'); const views = [ { id: 'directory', label: 'Directory', badge: data.judges.length }, { id: 'tendency', label: 'Tendency' }, { id: 'opposing', label: 'Opposing counsel', badge: (data.opposingCounsel || []).length }, { id: 'analytics', label: 'Win-rate analytics' }, ]; return (
{sub === 'directory' && } {sub === 'tendency' && } {sub === 'opposing' && } {sub === 'analytics' && }
); } window.MnJudgesHub = MnJudgesHub;