// Renders a public, read-only result page from a share token (#/r/:token). // Fetches /api/r/:token via window.AppData.getSharedRun, then renders the // same rich UI an authenticated user sees on their own result page — minus // auth-only actions (Save, feedback). The "shared view" intent is reinforced // with a banner + a primary CTA to run the same diagnostic yourself. // // Two rendering paths, same shell: // 1. Canonical WorkAppRunOutput → verdict card, findings cards (with // priority pills + evidence), recommendation block. // 2. Workflow that returns a raw `output.html` blob → render it inside a // sandboxed iframe so the workapp's custom UI shows through. // The expert card + run-it-yourself CTA show in both paths. (function () { const { useState, useEffect, useRef } = React; function HtmlFrame({ html }) { const iframeRef = useRef(null); const [height, setHeight] = useState(600); useEffect(function () { const iframe = iframeRef.current; if (!iframe) return; const doc = iframe.contentDocument; if (!doc) return; doc.open(); doc.write('' + html + ''); doc.close(); const measure = function () { try { const h = doc.documentElement.scrollHeight || doc.body.scrollHeight || 600; setHeight(h + 24); } catch (e) { /* ignore */ } }; measure(); setTimeout(measure, 50); setTimeout(measure, 200); }, [html]); return React.createElement('iframe', { ref: iframeRef, sandbox: 'allow-same-origin', style: { width: '100%', border: 'none', display: 'block', height: height + 'px' }, title: 'Shared result', }); } function priorityPill(priority) { const p = (priority || '').toLowerCase(); const map = { high: { label: 'Fix first', bg: '#fef2f2', fg: '#b91c1c', border: '#fecaca' }, medium: { label: 'Worth a look', bg: '#fffbeb', fg: '#b45309', border: '#fde68a' }, low: { label: 'Nice-to-have', bg: '#f0fdf4', fg: '#15803d', border: '#bbf7d0' }, }; return map[p] || { label: 'Finding', bg: '#f3f4f6', fg: '#374151', border: '#e5e7eb' }; } function SharedResultScreen({ token }) { const [data, setData] = useState(null); const [err, setErr] = useState(null); useEffect(function () { let cancelled = false; window.AppData.getSharedRun(token) .then(function (d) { if (!cancelled) setData(d); }) .catch(function (e) { if (!cancelled) setErr(e); }); return function () { cancelled = true; }; }, [token]); if (err) { return (

This shared result isn't available.

The link may have been revoked, or the result was never shared. Ask the person who sent it for a new link.

); } if (!data || !data.result) { return
Loading shared result…
; } const r = data.result; const slug = data.workappSlug; const hasHtml = typeof r.html === 'string' && r.html.length > 0; const hasCanonical = (r.verdictHeadline && r.verdictHeadline.length > 0) || (Array.isArray(r.findings) && r.findings.length > 0); const runItYourselfHref = slug ? '#/w/' + encodeURIComponent(slug) : '#/workapps'; const expertInitials = (r.expertName || '?').split(/\s+/).map(function (s) { return s[0]; }).slice(0, 2).join('').toUpperCase(); return (
Shared diagnostic{r.expertName ? ' · Method by ' + r.expertName : ''}

{r.workappTitle || 'A shared WorkApp result'}

{r.workappSubtitle && (

{r.workappSubtitle}

)}
You're viewing a shared result
Run the same diagnostic on your own work in ~60 seconds — no sign-up needed.
Run it yourself →
{hasCanonical && ( <>
Verdict

{r.verdictHeadline}

{r.verdictSub &&

{r.verdictSub}

} {(r.confidence || r.basis) && (
{r.confidence &&
Confidence: {r.confidence}
} {r.basis &&
Scope: {r.basis}
}
)}
{r.recommendation && (
Recommendation

{r.recommendation}

)} {Array.isArray(r.findings) && r.findings.length > 0 && ( <>

{r.findings.length} {r.findings.length === 1 ? 'Finding' : 'Findings'}

{r.findings.map(function (f, i) { const pill = priorityPill(f.priority); return (
{pill.label}
{f.title}
{f.why &&

{f.why}

} {f.evidence && (
"{f.evidence}" {f.evidenceSrc &&
— {f.evidenceSrc}
}
)} {f.action && (
Fix: {f.action}
)}
); })}
)} )} {hasHtml && !hasCanonical && (
)} {!hasHtml && !hasCanonical && (

This result didn't include displayable content.

)} {r.expertName && (
{r.expertPhotoUrl ? ( {r.expertName} ) : (
{expertInitials}
)}
Method by
{r.expertName}
{r.expertTitle &&
{r.expertTitle}
} {r.expertBioShort &&

{r.expertBioShort}

} {r.expertProofLine &&
Proof: {r.expertProofLine}
}
)}
Try it on your own
Get the same diagnostic for your work in ~60 seconds.
Run this WorkApp →
); } window.SharedResultScreen = SharedResultScreen; })();