{Object.entries(m.readinessBreakdown).map(([key, b]) => {
const pctFactor = (b.score / b.max) * 100;
const isOpen = popover === key;
return (
{ e.stopPropagation(); setPopover(isOpen ? null : key); }}
style={{
marginBottom: 8, padding: '6px 8px', borderRadius: 7, cursor: 'pointer',
// Selected row LIGHTENS to match the popover info box, so the
// visual connection between the row and its popover is obvious.
background: isOpen
? (THEME.mode === 'dark' ? 'rgba(255,255,255,0.12)' : 'rgba(255,255,255,0.95)')
: 'transparent',
border: `1px solid ${isOpen ? THEME.blue + '70' : 'transparent'}`,
boxShadow: isOpen
? (THEME.mode === 'dark'
? `0 0 0 3px ${THEME.blue}18, 0 4px 14px rgba(0,0,0,0.35)`
: `0 0 0 3px ${THEME.blue}22, 0 4px 14px rgba(20,30,50,0.10)`)
: 'none',
transition: 'background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease',
}}
onMouseEnter={(e) => !isOpen && (e.currentTarget.style.background = THEME.mode === 'dark' ? 'rgba(255,255,255,0.05)' : 'rgba(255,255,255,0.55)')}
onMouseLeave={(e) => !isOpen && (e.currentTarget.style.background = 'transparent')}
>
{b.label}
· {READINESS_FACTOR_META[key]?.weight}
{b.score}/{b.max}
= 80 ? THEME.success : pctFactor >= 60 ? THEME.blue : THEME.warn,
transition: 'width 0.6s ease',
}}/>
);
})}
Tap any factor for details
)}
{/* Popover for the active factor */}
{popover && m.readinessBreakdown && m.readinessBreakdown[popover] && (
<>
setPopover(null)} style={{
position: 'fixed', inset: 0, zIndex: 39,
}}/>
{(() => {
const b = m.readinessBreakdown[popover];
const meta = READINESS_FACTOR_META[popover] || {};
const pctFactor = (b.score / b.max) * 100;
return (
<>
Readiness factor · weight {meta.weight}
{b.score}/{b.max}
{b.label}
= 80 ? THEME.success : pctFactor >= 60 ? THEME.blue : THEME.warn,
}}/>
What it is
{meta.description}
How it's calculated
{meta.howCalculated}
{b.missing && (
<>
Why this score
{b.missing}
)}
{/* Action row: primary CTA jumps to the relevant screen so the user can fix it. */}
setPopover(null)} style={{ fontSize: 12, color: THEME.textDim, fontWeight: 500, cursor: 'pointer' }}>
Close
{meta.cta && onScreen && (
{ setPopover(null); onScreen(meta.cta.screen); }}
style={{
padding: '9px 14px', borderRadius: 8,
background: THEME.blue, color: '#fff',
fontSize: 12, fontWeight: 600, letterSpacing: 0.2,
cursor: 'pointer', display: 'inline-flex', alignItems: 'center', gap: 6,
boxShadow: `0 4px 12px ${THEME.blue}40`,
transition: 'transform 0.12s ease, box-shadow 0.12s ease',
}}
onMouseEnter={(e) => { e.currentTarget.style.transform = 'translateY(-1px)'; e.currentTarget.style.boxShadow = `0 6px 16px ${THEME.blue}55`; }}
onMouseLeave={(e) => { e.currentTarget.style.transform = 'none'; e.currentTarget.style.boxShadow = `0 4px 12px ${THEME.blue}40`; }}
>
{meta.cta.label}
)}
);
})()}
)}
);
};
/* Theory: cause-of-action selection. UPL B.2 pattern */
const V3Theory = ({ matter }) => {
const m = V3_MATTERS[matter];
const ds = getMatterDataset(matter);
const causes = ds.causes;
const [selected, setSelected] = React.useState(causes[0].id);
const [affirmed, setAffirmed] = React.useState(true);
React.useEffect(() => { setSelected(ds.causes[0].id); setAffirmed(true); }, [matter]);
return (
Cause of action
Which legal theory describes what happened?
Cases can sometimes fit more than one theory. We've laid out the options below with what each one applies to and what you'd need to prove. You choose which to bring. We don't decide for you.
{causes.map(c => {
const sel = selected === c.id;
return (
{ setSelected(c.id); setAffirmed(false); }} style={{
padding: '16px 18px', borderRadius: 13, cursor: 'pointer',
background: sel ? (THEME.mode === 'dark' ? 'rgba(105,134,191,0.10)' : 'rgba(105,134,191,0.08)') : THEME.mode === 'dark' ? 'rgba(255,255,255,0.025)' : 'rgba(255,255,255,0.55)',
border: `1.5px solid ${sel ? THEME.blue : THEME.line}`,
}}>
{sel && }
{c.label}
{c.cite}
{c.remedy &&
{c.remedy}}
This applies if: {c.applies}
{sel && (
You'd need to prove:
{c.prove.map((p, i) => (
))}
)}
);
})}
setAffirmed(a => !a)} style={{ display: 'flex', alignItems: 'center', gap: 10, cursor: 'pointer' }}>
{affirmed && }
I affirm: this is the legal theory I want to bring. The system presented options; I made the choice.
)}
);
};
/* Per-evidence Atticus affirmation modal */
const V3EvidenceAffirmModal = ({ ev, jx, evidenceReads, elements, onAffirm, onChooseDifferently, onMarkUnrelated, onClose }) => {
if (!ev) return null;
const reads = evidenceReads || V3_EVIDENCE_READS;
const els = elements || V3_ELEMENTS_DEPOSIT_UT;
const read = reads[ev.id] || { elements: ev.maps, why: "Atticus suggests this piece supports the elements shown below. Confirm the connection or change it." };
const elNames = read.elements.map(eId => {
const el = els.find(x => x.id === eId);
const idx = els.findIndex(x => x.id === eId) + 1;
return `Element ${idx} ("${el ? el.label : eId}")`;
}).join(' and ');
return (
e.stopPropagation()} style={{
maxWidth: 560, width: '100%', padding: '24px 26px', borderRadius: 16,
background: THEME.mode === 'dark' ? '#23303D' : '#FFF',
border: `1px solid ${THEME.line}`, boxShadow: '0 20px 60px rgba(0,0,0,0.3)',
}}>
Atticus · Evidence-element mapping
{jx === 'utah' ? 'SANDBOX-AUTHORIZED' : 'NY COUNSEL-REVIEWED'}
Atticus's read on this:
"{ev.name}"
This document supports {elNames}. Here's why: {read.why}
Is that the right connection?
onAffirm(ev.id)} style={{
padding: '12px 16px', borderRadius: 9, cursor: 'pointer',
background: THEME.blue, color: '#fff',
fontSize: 13, fontWeight: 600,
display: 'flex', alignItems: 'center', justifyContent: 'space-between',
}}>
Affirm this mapping
onChooseDifferently(ev.id)} style={{
flex: 1, padding: '10px 14px', borderRadius: 9, cursor: 'pointer',
background: 'transparent', color: THEME.text,
border: `1px solid ${THEME.line}`,
fontSize: 12.5, fontWeight: 600, textAlign: 'center',
}}>Choose differently →
onMarkUnrelated(ev.id)} style={{
flex: 1, padding: '10px 14px', borderRadius: 9, cursor: 'pointer',
background: 'transparent', color: THEME.textDim,
border: `1px solid ${THEME.line}`,
fontSize: 12.5, fontWeight: 600, textAlign: 'center',
}}>Mark as unrelated →
This is Atticus output, not legal advice.
);
};
/* Evidence + element mapping with per-element affirmation gate (Fix 1) */
const V3Evidence = ({ matter }) => {
const m = V3_MATTERS[matter];
const ds = getMatterDataset(matter);
const evidence = ds.evidence;
const elements = ds.elements;
const evidenceReads = ds.evidenceReads;
// affirmStatus: { [evId]: 'affirmed' | 'changed' | 'unrelated' | undefined }
const [affirmStatus, setAffirmStatus] = React.useState(ds.initialAffirmed);
const [modalEv, setModalEv] = React.useState(null);
React.useEffect(() => { setAffirmStatus(ds.initialAffirmed); setModalEv(null); }, [matter]);
const handleAffirm = (id) => { setAffirmStatus(s => ({ ...s, [id]: 'affirmed' })); setModalEv(null); };
const handleChange = (id) => { setAffirmStatus(s => ({ ...s, [id]: 'changed' })); setModalEv(null); };
const handleUnrelated = (id) => { setAffirmStatus(s => ({ ...s, [id]: 'unrelated' })); setModalEv(null); };
// Element status derived from affirmations
const elementStatus = (eId) => {
const supportingEv = evidence.filter(e => e.maps.includes(eId) && affirmStatus[e.id] === 'affirmed');
return supportingEv.length > 0 ? 'supported' : 'missing';
};
const totalAffirmed = Object.values(affirmStatus).filter(v => v === 'affirmed').length;
const elementsCovered = elements.filter(el => elementStatus(el.id) === 'supported').length;
const fileReady = elementsCovered === elements.length;
return (
Evidence + element mapping
Now let's connect your evidence to what you need to prove.
Each piece of evidence supports one or more "elements". The things you need to prove. We'll suggest matches based on what we see, but you confirm each one. You're the one making the legal argument; we're just helping you organize it.
{/* Progress strip */}
{totalAffirmed} of {evidence.length} evidence items affirmed · {elementsCovered} of {elements.length} elements supported
{fileReady ? '✓ File-ready threshold met' : 'Each evidence item must support an element before file-ready'}
EXIF / OCR note: Photos retain their original capture dates and GPS coordinates so you can show the court when and where each was taken. You can review or remove this data before filing.
{/* Evidence list */}
Your evidence · {evidence.length} items
{evidence.map(ev => {
const status = affirmStatus[ev.id];
const isAffirmed = status === 'affirmed';
const isUnrelated = status === 'unrelated';
const isChanged = status === 'changed';
const tone = isAffirmed ? THEME.success : isUnrelated ? THEME.textMute : isChanged ? THEME.warn : THEME.warn;
const statusLabel = isAffirmed ? 'Affirmed' : isUnrelated ? 'Marked unrelated' : isChanged ? 'Re-mapping needed' : 'Awaiting your affirmation';
return (
setModalEv(ev)} style={{
padding: '12px 14px', borderRadius: 10, cursor: 'pointer', marginBottom: 6,
background: THEME.mode === 'dark' ? 'rgba(36,42,52,0.60)' : 'rgba(255,255,255,0.60)', backdropFilter: 'blur(28px) saturate(1.6)', WebkitBackdropFilter: 'blur(28px) saturate(1.6)',
border: `1px solid ${isAffirmed ? THEME.success + '50' : THEME.line}`,
borderLeft: `3px solid ${tone}`,
opacity: isUnrelated ? 0.6 : 1,
}}>
{ev.name}
{ev.type}{ev.exif && ` · ${ev.exif}`}
{!isUnrelated && ev.maps.map(eId => (
E{elements.findIndex(x => x.id === eId) + 1}
))}
{isAffirmed ? '✓ AFFIRMED' : isUnrelated ? 'UNRELATED' : isChanged ? 'CHANGED' : 'GATE'}
{isAffirmed ? '✓ ' : ''}{statusLabel}{!status && '. Tap to review Atticus\'s read'}
);
})}
{/* Elements panel */}
Elements you must prove
{elements.map((el, i) => {
const isSupported = elementStatus(el.id) === 'supported';
const evCount = evidence.filter(e => e.maps.includes(el.id) && affirmStatus[e.id] === 'affirmed').length;
return (
{i + 1}
{isSupported ? `${evCount} affirmed` : 'missing'}
{el.label}
{el.explain}
);
})}
setModalEv(null)}
/>
);
};
/* Damages. Step 1: theory cards (recommended/costs/grayed) + Step 2: arithmetic table (Fix 5) */
const V3Damages = ({ matter }) => {
const m = V3_MATTERS[matter];
const ds = getMatterDataset(matter);
const theoryCards = ds.damagesTheoryCards;
const [theories, setTheories] = React.useState(ds.damagesInitial);
React.useEffect(() => { setTheories(ds.damagesInitial); }, [matter]);
// Arithmetic table. Derived from affirmed theories
const items = ds.damagesItems(theories);
const total = items.filter(i => i.include).reduce((s, i) => s + i.amount, 0);
const [showWhy, setShowWhy] = React.useState(false);
return (
Damages · Step 1 of 2
What damages do you want to seek?
{ds.damagesIntroLine}
{/* Theory cards */}
{theoryCards.map(card => {
const checked = card.eligible && theories[card.id];
const disabled = !card.eligible;
const borderColor = disabled ? THEME.line : checked ? THEME.blue : THEME.line;
return (
!disabled && setTheories(t => ({ ...t, [card.id]: !t[card.id] }))} style={{
padding: '16px 18px', borderRadius: 13, cursor: disabled ? 'default' : 'pointer',
background: disabled
? (THEME.mode === 'dark' ? 'rgba(255,255,255,0.015)' : 'rgba(0,0,0,0.025)')
: checked
? (THEME.mode === 'dark' ? 'rgba(105,134,191,0.10)' : 'rgba(105,134,191,0.08)')
: THEME.mode === 'dark' ? 'rgba(255,255,255,0.025)' : 'rgba(255,255,255,0.55)',
border: `1.5px solid ${card.recommended ? THEME.blue : borderColor}`,
opacity: disabled ? 0.55 : 1,
position: 'relative',
}}>
{card.recommended && (
RECOMMENDED FOR YOUR CASE
)}
{/* Affirm checkbox or info marker */}
{checked && }
{disabled && -}
{(() => {
const tone = card.icon === 'check' ? THEME.success : card.icon === 'warn' ? THEME.warn : THEME.blue;
const glyph = card.icon === 'check' ? Icons.checkCircle : card.icon === 'warn' ? Icons.warnCircle : Icons.infoCircle;
return
;
})()}
{card.title}
{card.cite}
{card.body}
{card.trigger && (
{card.trigger}
)}
{disabled && card.readWhy && (
<>
{ e.stopPropagation(); setShowWhy(w => !w); }} style={{ fontSize: 11.5, color: THEME.blue, fontWeight: 600, marginTop: 6, cursor: 'pointer' }}>
{showWhy ? 'Hide why →' : 'Read why →'}
{showWhy && (
{card.readWhy}
)}
)}
{card.headline}
);
})}
Damages · Step 2 of 2
Here's the math.
This calculation is mechanical. We add and multiply numbers you've already affirmed. No legal judgment is made here. The damage theories you affirmed in the previous step are what make these line items eligible.
ItemCalculationAmount
{items.map((it, i) => (
{it.label}
{it.calc}
{it.include ? `$${it.amount.toLocaleString()}` : '-'}
))}
Total recovery sought
${total.toLocaleString()}
);
};
/* Documents + final affirmation gate */
const V3Documents = ({ matter }) => {
const m = V3_MATTERS[matter];
const ds = getMatterDataset(matter);
const d = ds.docs;
const [opened, setOpened] = React.useState(0);
const [affirms, setAffirms] = React.useState(() =>
Object.fromEntries(d.affirmations.map(a => [a.k, a.k !== d.affirmations[d.affirmations.length - 1].k]))
);
React.useEffect(() => {
setOpened(0);
setAffirms(Object.fromEntries(d.affirmations.map(a => [a.k, a.k !== d.affirmations[d.affirmations.length - 1].k])));
}, [matter]);
const allAffirmed = Object.values(affirms).every(Boolean);
const docs = [
{ name: d.formName, pages: 4, status: 'Drafted' },
{ name: `Exhibit Index (${ds.evidence.length} exhibits)`, pages: 2, status: 'Drafted' },
{ name: 'Damages Worksheet', pages: 1, status: 'Drafted' },
];
return (
Documents · Final review
Read each document. Affirm what it says.
{docs.map((d, i) => (
setOpened(i)} style={{
padding: '12px 14px', borderRadius: 10, marginBottom: 8, cursor: 'pointer',
background: opened === i ? (THEME.mode === 'dark' ? 'rgba(105,134,191,0.10)' : 'rgba(105,134,191,0.08)') : THEME.mode === 'dark' ? 'rgba(255,255,255,0.025)' : 'rgba(255,255,255,0.55)',
border: `1px solid ${opened === i ? THEME.blue : THEME.line}`,
}}>
{d.name}
{d.pages} pages · {d.status}
))}
{/* Mock document preview */}
{d.courtHeader}
{d.formName}
Plaintiff:{d.plaintiff}
Defendant:{d.defendant}
Amount:{d.amountLine}
Statute:{d.statuteLine}
{d.bodyText}
AllLaw Guide is not a law firm. This document was prepared by the user with platform tools.
Affirmation gate
Affirm each claim before we generate the packet:
{d.affirmations.map(x => (
setAffirms(a => ({ ...a, [x.k]: !a[x.k] }))} style={{
display: 'flex', alignItems: 'flex-start', gap: 10, padding: '8px 0', cursor: 'pointer',
}}>
{affirms[x.k] && }
{x.label}
))}
I affirm these are my claims · Generate packet
{!allAffirmed &&
Tick all three to enable}
);
};
/* Filing instructions */
const V3Filing = ({ matter }) => {
const m = V3_MATTERS[matter];
const ds = getMatterDataset(matter);
const f = ds.filing;
const [service, setService] = React.useState('');
React.useEffect(() => { setService(''); }, [matter]);
return (
Filing & service
Where to file, what it costs, how to serve.
{[
{ l: 'Where to file', v: f.courtName, sub: f.courtAddress },
{ l: 'Filing fee', v: f.fee, sub: f.feeNote },
{ l: 'Estimated hearing', v: f.hearingTimeline, sub: f.hearingNote },
].map((s, i) => (
))}
How will you serve the defendant?
"Serve" means delivering a copy of your Statement of Claim to the other party so they know about the case. {f.serviceIntro}
{f.serviceOptions.map(opt => (
setService(opt.id)} style={{
padding: '12px 14px', borderRadius: 10, marginBottom: 6, cursor: 'pointer',
background: service === opt.id ? (THEME.mode === 'dark' ? 'rgba(105,134,191,0.10)' : 'rgba(105,134,191,0.08)') : THEME.mode === 'dark' ? 'rgba(255,255,255,0.025)' : 'rgba(255,255,255,0.55)',
border: `1px solid ${service === opt.id ? THEME.blue : THEME.line}`,
}}>
{opt.label}
{opt.recommend && RECOMMENDED FOR YOUR CASE}
{opt.note}
{opt.cost}
))}
);
};
/* Courtroom prep. Utah track (sandbox-authorized scripts) vs NY track (procedural framing only per UPL discipline) */
const V3Courtroom = ({ matter }) => {
const m = V3_MATTERS[matter];
const isUtah = m.jurisdiction === 'utah';
const [tab, setTab] = React.useState(isUtah ? 'opening' : 'expect');
React.useEffect(() => { setTab(isUtah ? 'opening' : 'expect'); }, [matter]);
return (
Courtroom prep
{isUtah ? 'SANDBOX-AUTHORIZED · Utah Office of Legal Innovation' : 'Reviewed by NY counsel-of-record'}
{isUtah ? 'Walk into court ready.' : 'What to expect in court.'}
{isUtah
? 'Loose script for your hearing. The judge will run the show. You don\'t recite this verbatim. Use it as a backbone for what to cover.'
: 'No script. NY UPL discipline doesn\'t allow case-specific advocacy coaching from us. What follows is courtroom etiquette and what judges typically ask in auto-repair / consumer-protection cases of this kind, generic-to-case-type.'}
{(isUtah ? [
{ v: 'opening', l: 'Opening' },
{ v: 'evidence', l: 'Evidence walk' },
{ v: 'closing', l: 'Closing' },
{ v: 'qa', l: 'Q&A prep · 12 questions' },
{ v: 'behavior', l: 'Behavioral coaching' },
] : [
{ v: 'expect', l: 'What to expect' },
{ v: 'qa-generic', l: 'Typical judge questions · 8' },
{ v: 'behavior', l: 'Behavioral coaching' },
]).map(t => {
const a = tab === t.v;
return (
setTab(t.v)} style={{
padding: '10px 14px', cursor: 'pointer', fontSize: 12.5, fontWeight: 600,
color: a ? THEME.text : THEME.textDim,
borderBottom: `2px solid ${a ? THEME.blue : 'transparent'}`, marginBottom: -1,
}}>{t.l}
);
})}
{tab === 'opening' && (
"Your Honor, my name is Maria Vargas. I rented an apartment from Westhaven Properties for almost two years. When I moved out on March 15th, I gave proper notice, returned the keys, and left the unit clean. Utah law gives a landlord 30 days to either return my security deposit or send me a written explanation of why they're keeping any of it. It's now been more than 30 days. They've sent neither. I'm here under Utah Code 57-17-3, asking the court for the return of my $1,800 deposit, the statutory 2× damages the law allows, and the $60 filing fee. Thank you."
)}
{tab === 'qa' && (
{[
'Did you give written notice?', 'How did you return the keys?', 'Was there a move-out walkthrough?',
'Have you tried to contact the landlord since you moved out?', 'Do you have the original deposit receipt?',
'Did the lease address security-deposit handling?', 'Did the landlord ever inspect the unit while you lived there?',
'Why are you asking for double damages?', 'What address did you give the landlord for the deposit return?',
'Are there other tenants with the same complaint?', 'Did you cause any damage to the unit?',
'Have you spoken with a lawyer?',
].map((q, i) => (
))}
)}
{tab === 'behavior' && (
{[
{ l: 'Address the judge as "Your Honor"', t: 'Always. Even if they say "call me Bob." It signals respect for the process.' },
{ l: 'Stand when the judge enters and exits', t: 'Everyone in the room stands. Don\'t miss this.' },
{ l: 'Speak slowly. Pause between facts.', t: 'Court reporters and judges both need pacing. If you feel rushed, slow down on purpose.' },
{ l: 'When confused, say "May I clarify, Your Honor?"', t: 'Better than guessing. Judges respect litigants who admit uncertainty.' },
{ l: 'Don\'t interrupt the other side', t: 'You\'ll get your turn. Take notes; raise points when the judge asks for your response.' },
{ l: 'When you\'re done, stop talking', t: 'Resist the urge to keep adding. End on your strongest sentence.' },
].map((x, i) => (
))}
)}
{(tab === 'evidence' || tab === 'closing') && (
{tab === 'evidence' ? 'Walk the judge through your 7 exhibits in numbered order. State each one, what it shows, and which element it proves. Atticus has prepared per-exhibit narration. Tap any exhibit on the Evidence page to see it.' : 'Restate the legal claim, restate what the law allows, restate what you\'re asking for. Three sentences. Done.'}
)}
{tab === 'expect' && (
What happens in the courtroom
Most NYC Civil Court small-claims hearings run 15–20 minutes. The judge will have your packet (Statement of Claim + exhibits). Sessions are typically held in the evenings (5:30–9 PM) at the courthouse. Be prepared to wait for your case to be called.
Order of events (typical)
- Court calls your case. You and the defendant come forward.
- Judge asks the plaintiff (you) to summarize the case briefly.
- Judge asks the defendant for their response.
- Judge asks clarifying questions of both sides.
- Judge may request to see specific exhibits.
- Judge announces decision then-and-there OR reserves decision for written ruling.
How to present your evidence
Bring 3 paper copies of every exhibit (one for the judge, one for the defendant, one for you). When the judge asks about an exhibit, hand it to the bailiff or court officer who will pass it up. Don't try to walk it to the bench yourself.
)}
{tab === 'qa-generic' && (
{[
'Did you receive a written estimate before any work was performed?',
'What was the total amount on the original estimate?',
'Did you authorize any additional work in writing?',
'How did the shop communicate the additional work to you?',
'When did you first see the final invoice?',
'Have you tried to resolve this directly with the shop?',
'Do you have evidence of the disputed work?',
'What outcome are you seeking from the court?',
].map((q, i) => (
))}
)}
);
};
/* Lawyer pitch packet. Tier 2 (Daniel) */
const V3LawyerPitch = ({ matter }) => {
const m = V3_MATTERS[matter];
const auditId = 'AL-7K3M9P2QX1FJ';
return (
Lawyer-pitch packet
Your case is bigger than what we self-file.
Above the $15,000 small-claims cap and with a threatened counterclaim, this case needs a lawyer. We've packaged everything you've organized into a structured packet you can send to attorneys, with watermarks and an access log so you know who opened it.
{/* Packet preview with watermark */}
{/* Watermark */}
Recipient: Hannah Reed, Esq.
Audit ID: {auditId}
Recipient: Hannah Reed, Esq.
Audit ID: {auditId}
AllLaw Guide Lawyer-Pitch Packet · Watermarked
Romero v. Mountain View Homeowners Assoc.
Daniel Romero · Provo, UT · Independent contractor
USER ASK: Take the case (full representation). Contingency considered
Amount:$24,000 (kitchen remodel · Jan–Mar 2026)
Posture:Plaintiff · contract claim · counterclaim threatened
Forum:Utah District Court (above $15K SCC cap)
Statute:Utah contract law · § 78A-5
Documents:11-item structured bundle (signed contract, change orders, photo evidence, pay history, communications log, counterclaim threat)
Theory:Breach of contract. Full performance, partial payment, no documented basis for withholding
Defenses noted:HOA alleges fraudulent invoicing; user disputes. See Exhibit 7 (text logs)
Voice mode override: Peer / Professional (locked).{' '}
This packet is for attorney readers, not for you. Your in-app voice setting (Plain & Kind 12th-grade) doesn't apply here. Attorneys need terms-of-art, statute citations, and procedural posture in shorthand. The packet stays in Peer / Professional regardless of your settings.
Disclaimer: AllLaw Guide is not a law firm. This packet was prepared by the user with platform tools. The user's case-specific decisions and affirmations are documented in the audit trail.
{/* Access log */}
Access log
Sent to 3 attorneys · 5 views · Last opened 2 days ago
{[
{ who: 'Hannah Reed, Esq.', firm: 'Reed Law Group', last: '2d ago', views: 3 },
{ who: 'Marco Vélez, Esq.', firm: 'Vélez & Tran PLLC', last: '4d ago', views: 1 },
{ who: 'Aisha Okonkwo, Esq.', firm: 'Okonkwo Solo', last: '6d ago', views: 1 },
].map((r, i) => (
p[0]).join('').slice(0, 2)} size={26}/>
{r.who}
{r.firm} · {r.views} view{r.views > 1 ? 's' : ''} · {r.last}
))}
See full activity log →
{/* User ask selector */}
What are you asking the attorney for?
{['Review only', 'Advise', 'Take the case', 'Limited-scope'].map((x, i) => (
{i === 2 && }
{x}
))}
);
};
/* Decision log / audit trail with filter chips (Fix 3) */
const V3AuditLog = ({ matter }) => {
const m = V3_MATTERS[matter];
const ds = getMatterDataset(matter);
const events = ds.auditEvents;
const FILTERS = [
{ id: 'all', label: 'All' },
{ id: 'cause-of-action', label: 'Cause-of-action' },
{ id: 'evidence', label: 'Evidence' },
{ id: 'damages', label: 'Damages' },
{ id: 'filing', label: 'Filing' },
{ id: 'atticus', label: 'Atticus interactions' },
];
const [filter, setFilter] = React.useState('all');
const counts = FILTERS.reduce((acc, f) => {
acc[f.id] = f.id === 'all' ? events.length : events.filter(e => e.kind === f.id).length;
return acc;
}, {});
const visible = filter === 'all' ? events : events.filter(e => e.kind === filter);
return (
Decision log · Audit trail
Your decision log · {events.length} decisions
Every legally-significant decision you've made on this case is recorded here. For each: what we suggested, what you chose, and the explanation we showed you at the time. Decisions are immutable. If you change your mind, the system creates a new entry; old entries are never overwritten.
{/* Filter chips */}
{FILTERS.map(f => {
const active = filter === f.id;
return (
setFilter(f.id)} style={{
padding: '7px 12px', borderRadius: 999, cursor: 'pointer',
background: active ? THEME.blue : 'transparent',
color: active ? '#fff' : THEME.textDim,
border: `1px solid ${active ? THEME.blue : THEME.line}`,
fontSize: 11.5, fontWeight: 600,
display: 'inline-flex', alignItems: 'center', gap: 6,
transition: 'all 0.15s ease',
}}>
{f.label}
{counts[f.id]}
);
})}
{visible.length === 0 && (
No events in this category.
)}
{visible.map((e, i) => (
{e.label}
System: {e.sys}
You: {e.user}
))}
);
};
/* Crisis routing overlay */
const V3CrisisOverlay = ({ onClose }) => (
We need to pause
What you've described sounds like it might involve safety. That's outside what AllLaw Guide can help with directly. But here's what can help right now.
We noticed wording in your last entry that suggested possible domestic violence or immediate physical danger. Before we continue, please consider reaching out to one of the resources below. Your case state is saved. You can come back any time.
{[
{ l: 'National DV Hotline', n: '1-800-799-SAFE (7233)', sub: '24/7 · confidential · multilingual' },
{ l: 'Crisis Text Line', n: 'Text HOME to 741741', sub: 'Text-based crisis support' },
{ l: 'Childhelp', n: '1-800-422-4453', sub: 'Child safety + custody emergencies' },
].map((x, i) => (
))}
Continue intake anyway
Pause and call this resource
);
/* ================================ WELCOME ================================ */
/* Demo welcome screen. First thing partners see when they enter the prototype.
Hero with AllLaw lockup + tagline + theme toggle, three case-card buttons that
launch each walkthrough, MVP / Phase 1 / Phase 2 roadmap chips. Renders inside
the iPad frame; switches to a matter screen when a card is clicked. */
const V3Welcome = ({ onChooseMatter, onOpenTriage, mode, onModeChange }) => {
const isDark = THEME.mode === 'dark';
const cards = [
{
key: 'maria',
eyebrow: 'WALKTHROUGH 1 · UTAH · TIER 1',
title: 'Maria Vargas',
sub: 'Security deposit recovery — Salt Lake County',
body: 'Walk a Utah pro-se litigant from intake through the file-ready packet. Atticus pressure-tested. Sandbox-authorized courtroom prep included.',
cta: 'Start Maria walkthrough',
tone: THEME.blue,
toneSoft: THEME.blueSoft,
onClick: () => onChooseMatter && onChooseMatter('maria'),
},
{
key: 'new',
eyebrow: 'WALKTHROUGH 2 · ANY JURISDICTION',
title: 'Start a new case',
sub: 'Universal "what\'s going on?" intake demo',
body: 'See how the platform routes a fresh case to Tier 1, 2, or 3 based on facts and posture, with crisis-routing precedence baked in.',
cta: 'Open new-case intake',
tone: THEME.highlight,
toneSoft: 'rgba(242,232,87,0.18)',
onClick: () => onOpenTriage && onOpenTriage(),
},
{
key: 'daniel',
eyebrow: 'WALKTHROUGH 3 · UTAH · TIER 2 HANDOFF',
title: 'Daniel Romero',
sub: 'Contract dispute above small-claims cap',
body: 'Walk the scope-honest handoff: same intake structure as Tier 1, but routes to a lawyer-pitch packet instead of a self-file packet.',
cta: 'Start Daniel walkthrough',
tone: THEME.danger,
toneSoft: THEME.dangerSoft,
onClick: () => onChooseMatter && onChooseMatter('daniel'),
},
];
const roadmap = [
{ label: 'MVP', sub: 'Maria UT + Sarah NY end-to-end', state: 'active' },
{ label: 'Phase 1', sub: 'Sandbox launch + telemetry + sandbox quarterly reporting', state: 'planned' },
{ label: 'Phase 2', sub: 'E-filing, lawyer-scan automation, voice modes beyond Plain & Kind', state: 'planned' },
];
return (
{/* Hero: lockup + theme toggle */}
AllLaw Guide
A walkthrough of how a pro-se litigant builds a case end-to-end, with Atticus enforcing UPL discipline at every step. Pick a story below to see the platform in action.
onModeChange && onModeChange(isDark ? 'light' : 'dark')} style={{
cursor: 'pointer', padding: '8px 12px', borderRadius: 8, fontSize: 12, fontWeight: 600,
color: THEME.text, border: `1px solid ${THEME.line}`, background: THEME.glass,
display: 'flex', alignItems: 'center', gap: 6,
}}>
{isDark ? '☾' : '☀'}
{isDark ? 'Dark' : 'Light'}
{/* Three case cards */}
{cards.map(c => (
{ e.currentTarget.style.borderColor = c.tone; e.currentTarget.style.transform = 'translateY(-2px)'; e.currentTarget.style.boxShadow = `0 18px 38px -16px ${c.tone}55`; }}
onMouseLeave={(e) => { e.currentTarget.style.borderColor = THEME.line; e.currentTarget.style.transform = 'translateY(0)'; e.currentTarget.style.boxShadow = 'none'; }}
>
{c.eyebrow}
{c.title}
{c.sub}
{c.body}
{c.cta}
→
))}
{/* Roadmap chips */}
Roadmap
{roadmap.map(r => {
const active = r.state === 'active';
return (
);
})}
);
};
/* ================================ ROOT BODY ================================ */
/* Coming-soon stub for case-types in the case-selector that don't have full screens
yet (wage / fraud / breach in V3_MATTERS with comingSoon: true).
Communicates breadth without fake content. */
const V3ComingSoon = ({ matter }) => {
const m = V3_MATTERS[matter];
return (
{m.type}
{m.title}
{m.summary}
This case-type ships in Phase 1
For the partner demo we've fleshed out two end-to-end Tier 1 flows: Maria Vargas (UT security deposit) and Sarah Patel (NY auto repair). The case-type roster appears here in full because it's the MVP build envelope. Lopez (UT wage), Tate (UT consumer fraud), and Kim (UT small breach) round out the five Tier 1 anchors. Their element frameworks + intake + Atticus content land in Phase 1 alongside sandbox authorization.
Statutory anchor
{m.statute}
{m.statuteNote}
What's coming in Phase 1
• Element framework + factual intake authored by Atticus + UT sandbox counsel
• Per-evidence Atticus reads and affirmation gates
• Damages decomposition matching this statute's remedy framework
• Document templates for {m.court}
• Sandbox-authorized courtroom prep (UT cases) or NY procedural framing (NY cases)
Try the demo: switch the active case in the sidebar to Vargas v. Westhaven (UT Tier 1) or Patel v. East Side Auto (NY Tier 1) to walk an end-to-end pro-se flow.
);
};
const V3Body = ({ matter, screen, onChooseMatter, onOpenTriage, mode, onModeChange }) => {
if (screen === 'welcome') {
return
;
}
const m = V3_MATTERS[matter];
if (m.comingSoon) return ;
if (m.tier === 2) {
if (screen === 'pitch') return ;
if (screen === 'audit') return ;
if (screen === 'evidence') return ;
return ;
}
switch (screen) {
case 'theory': return ;
case 'evidence': return ;
case 'damages': return ;
case 'documents': return ;
case 'filing': return ;
case 'courtroom': return ;
case 'audit': return ;
case 'readiness':
case 'matter':
case 'home':
default: return ;
}
};
window.V3_MATTERS = V3_MATTERS;
window.V3_NAV = V3_NAV;
window.V3Sidebar = V3Sidebar;
window.V3MatterSwitcher = V3MatterSwitcher;
window.V3Body = V3Body;
window.V3Welcome = V3Welcome;
window.V3CrisisOverlay = V3CrisisOverlay;