// DOCUMENT PLATFORM — enterprise hubs (live-wired to DocStore + DocBus) // Hubs: Dashboard · Library · Folders · Workspaces · Search · Versions · Compliance · Templates · Automation · Governance · Analytics · Trash const { useState: useDcH, useMemo: useDcHMemo, useEffect: useDcHEff } = React; const Tdch = window.ArbiterTokens; const _useStore = (topics) => (window.useDocStore ? window.useDocStore(topics) : { docs: window.DOC_ITEMS, kpis: window.DOC_KPIS, starred: new Set(window.DOC_ITEMS.filter(d => d.starred).map(d => d.id)), audit: window.DOC_AUDIT_TRAIL, approvals: window.DOC_APPROVALS, checkouts: window.DOC_CHECKOUTS, holds: window.DOC_LEGAL_HOLDS, retention: window.DOC_RETENTION_POLICIES, shares: window.DOC_SHARES, dlp: window.DOC_DLP_POLICIES, accessReviews: window.DOC_ACCESS_REVIEWS, workflows: window.DOC_WORKFLOWS, ocr: window.DOC_OCR_PIPELINES, workspaces: window.DOC_WORKSPACES, templates: window.DOC_TEMPLATES, custodians: window.DOC_CUSTODIANS || [], envelopes: window.DOC_ENVELOPES || [], trash: window.DOC_TRASH || [], pinned: window.DOC_PINNED || [], recentlyViewed: window.DOC_RECENTLY_VIEWED || [], relationships: window.DOC_RELATIONSHIPS || [], aiInsights: window.DOC_AI_INSIGHTS || {}, velocity: window.DOC_VELOCITY || [], stale: window.DOC_STALE || [], duplicates: window.DOC_DUPLICATES || [], costByMatter: window.DOC_COST_BY_MATTER || [], heatmap: window.DOC_HEATMAP || [], confidTrend: window.DOC_CONFID_TREND || [], shareRisk: window.DOC_SHARE_RISK || {}, conflicts: window.DOC_CONFLICTS || [], savedSearches: window.DOC_SAVED_SEARCHES_V2 || [] }); // ── Shared pill sub-nav ──────────────────────────────────────────────────── function DcSubNav({ views, active, onChange }) { const accent = (window.docAccent && window.docAccent.blue) || '#2563EB'; return (
{views.map(v => { const isActive = active === v.id; return ( ); })}
); } window.DcSubNav = DcSubNav; // ── Shared primitives ────────────────────────────────────────────────────── const dcCard = { background: Tdch.color.bg.card, border: `1px solid ${Tdch.color.border.light}`, borderRadius: Tdch.radius.lg, overflow: 'hidden', }; const dcCardH = { display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '10px 16px', borderBottom: `1px solid ${Tdch.color.border.light}`, fontSize: Tdch.font.size.sm, fontWeight: Tdch.font.weight.semibold, color: Tdch.color.text.primary, }; const dcTh = { textAlign: 'left', padding: '8px 14px', fontSize: '10px', fontWeight: 600, color: Tdch.color.text.tertiary, textTransform: 'uppercase', letterSpacing: '0.06em', background: Tdch.color.bg.secondary, borderBottom: `1px solid ${Tdch.color.border.light}`, }; const dcTd = { padding: '8px 14px', fontSize: '12px', color: Tdch.color.text.primary, borderBottom: `1px solid ${Tdch.color.border.light}`, verticalAlign: 'middle', }; const dcTag = (bg, fg) => ({ display: 'inline-block', padding: '2px 8px', fontSize: '10px', fontWeight: 600, borderRadius: '10px', background: bg, color: fg, }); const dcStatCard = (label, value, color) => (
{label}
{value}
); const statusColorMap = { Active: '#059669', Approved: '#059669', Current: '#059669', Final: '#059669', Filed: '#2563EB', Pending: '#B45309', Review: '#B45309', 'Due soon': '#B45309', Draft: '#B45309', Expiring: '#B45309', Overdue: '#B91C1C', Alert: '#B91C1C', Changes: '#B91C1C', Released: '#6B7280', Completed: '#059669', Awaiting: '#B45309', Declined: '#B91C1C', Info: '#2563EB', Warn: '#B45309', }; const dcStatus = (s) => statusColorMap[s] || Tdch.color.text.tertiary; const dcBtn = (variant = 'ghost') => { const base = { padding: '4px 10px', fontSize: '11px', fontWeight: 600, borderRadius: '6px', cursor: 'pointer', fontFamily: Tdch.font.family }; if (variant === 'primary') return { ...base, border: 'none', background: '#2563EB', color: '#fff' }; if (variant === 'danger') return { ...base, border: 'none', background: '#B91C1C', color: '#fff' }; if (variant === 'success') return { ...base, border: 'none', background: '#059669', color: '#fff' }; if (variant === 'warn') return { ...base, border: 'none', background: '#B45309', color: '#fff' }; return { ...base, border: `1px solid ${Tdch.color.border.light}`, background: Tdch.color.bg.card, color: Tdch.color.text.secondary }; }; // Risk bar helper const dcRiskBar = (score) => { const color = score >= 70 ? '#B91C1C' : score >= 40 ? '#B45309' : '#059669'; return (
{score}
); }; // ── DASHBOARD ────────────────────────────────────────────────────────────── function DcDashboardHub() { const s = _useStore(['doc.uploaded','doc.deleted','doc.approvalDecided','doc.audit','doc.starred','doc.holdApplied']); const k = s.kpis; const audit = (s.audit || []).slice(0, 6); const approvals = s.approvals.filter(a => a.status === 'Pending').slice(0, 5); const contributors = (window.DOC_CONTRIBUTORS || []).slice(0, 5); const pct = Math.round((k.storageGB / k.storageCapGB) * 100); const pinned = s.pinned || []; const recent = s.recentlyViewed || []; return (
{dcStatCard('Total Documents', k.totalDocs.toLocaleString())} {dcStatCard('Active Legal Holds', k.activeHolds, '#B91C1C')} {dcStatCard('Pending Approvals', k.pendingApprovals, '#B45309')} {dcStatCard('Checked Out', k.checkedOut, '#2563EB')} {dcStatCard('DLP Incidents (30d)', k.dlpIncidents30d, '#B91C1C')}
{/* Pinned & Recent row */}
Pinned firm-wide{pinned.length}
{pinned.map(p => { const d = s.docs.find(x => x.id === p.docId); if (!d) return null; return (
{d.name}
{p.note} · {p.pinnedBy}
); })} {pinned.length === 0 &&
Nothing pinned
}
Recently viewed{recent.length}
{recent.slice(0, 6).map((r, i) => { const d = s.docs.find(x => x.id === r.docId); if (!d) return null; return (
{d.name} {r.viewedAt}
); })}
Recent Audit Trail{k.auditEventsToday} today
{audit.map(a => ( ))}
WhenUserActionDocumentSev
{(a.when || '').slice(5)} {a.user} {a.action} {a.doc} {a.severity}
Storage{k.storageGB} / {k.storageCapGB} GB
80 ? '#B91C1C' : '#2563EB' }} />
{pct}% of capacity used. Last backup: {k.lastBackup}
Top Contributors
{contributors.map(c => (
{c.user} {c.docs} docs · {c.edits} edits
))}
Pending Approvals — {approvals.length}
{approvals.map(a => ( ))}
DocumentStageRequesterApproverDueActions
{a.doc} {a.stage} {a.requester} {a.approver} {a.due}
); } window.DcDashboardHub = DcDashboardHub; // ── BULK ACTION TOOLBAR (#3) ─────────────────────────────────────────────── function DcBulkBar({ selected, onClear }) { const [moveOpen, setMoveOpen] = useDcH(false); const [confOpen, setConfOpen] = useDcH(false); if (!selected || selected.size === 0) return null; const ids = [...selected]; const folders = (window.DOC_FOLDERS || []).filter(f => f.id !== 'F-ROOT'); const levels = ['Public','Internal','Confidential','Work Product','Highly Confidential','Highly Confidential — AEO']; const fire = (action, payload) => { window.DocStore.bulkAction(ids, action, payload); onClear(); setMoveOpen(false); setConfOpen(false); }; return (
{selected.size} selected
{moveOpen && (
{folders.map(f => (
fire('move', f.id)} style={{ padding: '8px 12px', fontSize: '12px', cursor: 'pointer', borderBottom: `1px solid ${Tdch.color.border.light}` }}>{f.name}
))}
)}
{confOpen && (
{levels.map(l => (
fire('confidentiality', l)} style={{ padding: '8px 12px', fontSize: '12px', cursor: 'pointer', borderBottom: `1px solid ${Tdch.color.border.light}`, whiteSpace: 'nowrap' }}>{l}
))}
)}
); } window.DcBulkBar = DcBulkBar; // ── LIBRARY HUB (bulk + trash + pinned/recent/starred) ───────────────────── function DcLibraryHub() { const s = _useStore(['doc.uploaded','doc.deleted','doc.restored','doc.starred','doc.pinned','doc.unpinned','doc.bulkAction','doc.viewed','doc.shareCreated']); const [sub, setSub] = useDcH('all'); const [selected, setSelected] = useDcH(() => new Set()); const [hoveredRow, setHoveredRow] = useDcH(null); const [sortBy, setSortBy] = useDcH('modified'); const [sortAsc, setSortAsc] = useDcH(false); const [selectedDoc, setSelectedDoc] = useDcH(null); const docs = s.docs; const starred = s.starred; const pinnedIds = new Set((s.pinned || []).map(p => p.docId)); const recentIds = (s.recentlyViewed || []).map(r => r.docId); const toggleStar = (id) => window.DocStore.toggleStar(id); const toggleSel = (id) => setSelected(prev => { const n = new Set(prev); n.has(id) ? n.delete(id) : n.add(id); return n; }); const handleSort = (col) => { if (sortBy === col) setSortAsc(!sortAsc); else { setSortBy(col); setSortAsc(true); } }; const openDoc = (d) => { window.DocStore.touch(d.id); setSelectedDoc(d); }; const views = [ { id: 'all', label: 'All', badge: docs.length }, { id: 'matter', label: 'By Matter' }, { id: 'type', label: 'By Type' }, { id: 'recent', label: 'Recent', badge: recentIds.length }, { id: 'pinned', label: 'Pinned', badge: pinnedIds.size }, { id: 'starred', label: 'Starred', badge: starred.size }, { id: 'drafts', label: 'Drafts', badge: docs.filter(d => d.status === 'Draft').length }, ]; const table = (items) => ( ); const body = () => { if (sub === 'matter') { const groups = {}; docs.forEach(d => { (groups[d.matter] = groups[d.matter] || []).push(d); }); return (
{Object.entries(groups).map(([m, items]) => (
{m}{items.length} docs
{table(items)}
))}
); } if (sub === 'type') { const groups = {}; docs.forEach(d => { (groups[d.type] = groups[d.type] || []).push(d); }); return (
{Object.entries(groups).map(([t, items]) => (
{t}{items.length}
{table(items)}
))}
); } let items = docs; if (sub === 'recent') items = recentIds.map(id => docs.find(d => d.id === id)).filter(Boolean); if (sub === 'pinned') items = [...pinnedIds].map(id => docs.find(d => d.id === id)).filter(Boolean); if (sub === 'starred') items = docs.filter(d => starred.has(d.id)); if (sub === 'drafts') items = docs.filter(d => d.status === 'Draft'); if (sub !== 'recent' && sub !== 'pinned') { items = [...items].sort((a, b) => { const dir = sortAsc ? 1 : -1; if (sortBy === 'name') return dir * a.name.localeCompare(b.name); if (sortBy === 'modified') return dir * (new Date(a.modified) - new Date(b.modified)); if (sortBy === 'type') return dir * a.type.localeCompare(b.type); if (sortBy === 'author') return dir * a.author.localeCompare(b.author); return 0; }); } return table(items); }; return (
setSelected(new Set())} /> {body()} {selectedDoc && setSelectedDoc(null)} onNavigate={() => {}} />}
); } window.DcLibraryHub = DcLibraryHub; // ── FOLDERS HUB ──────────────────────────────────────────────────────────── function DcFoldersHub() { const s = _useStore(['doc.uploaded','doc.deleted','doc.bulkAction']); const [activeFolder, setActiveFolder] = useDcH('F-ROOT'); const [hoveredRow, setHoveredRow] = useDcH(null); const [selectedDoc, setSelectedDoc] = useDcH(null); const docs = s.docs; const folders = window.DOC_FOLDERS; const childIds = folders.filter(f => f.parent === activeFolder).map(f => f.id); const items = activeFolder === 'F-ROOT' ? docs : docs.filter(d => d.folderId === activeFolder || childIds.includes(d.folderId)); return (
window.DocStore.toggleStar(id)} onSelect={(d) => { window.DocStore.touch(d.id); setSelectedDoc(d); }} hoveredRow={hoveredRow} setHoveredRow={setHoveredRow} sortBy="modified" sortAsc={false} onSort={() => {}} /> {selectedDoc && setSelectedDoc(null)} onNavigate={() => {}} />}
); } window.DcFoldersHub = DcFoldersHub; // ── WORKSPACES HUB ───────────────────────────────────────────────────────── function DcWorkspacesHub() { const [sub, setSub] = useDcH('all'); const wss = window.DOC_WORKSPACES; const byKind = (kinds) => wss.filter(w => kinds.includes(w.kind)); const filtered = sub === 'all' ? wss : sub === 'team' ? byKind(['Department','Matter']) : sub === 'personal' ? byKind(['Personal']) : sub === 'shared' ? byKind(['Shared']) : byKind(['Archive']); const views = [ { id: 'all', label: 'All Workspaces', badge: wss.length }, { id: 'personal', label: 'My Workspace' }, { id: 'team', label: 'Team Drives', badge: byKind(['Department','Matter']).length }, { id: 'shared', label: 'Shared With Me' }, { id: 'archive', label: 'Archive' }, ]; const kindColor = { Personal: '#7C3AED', Department: '#2563EB', Matter: '#059669', Shared: '#B45309', Archive: '#6B7280' }; return (
{filtered.map(w => (
{w.icon}
{w.name}
{w.kind} · {w.members} members
{w.kind}
{w.desc}
{w.docs} docs {w.size} size
))}
); } window.DcWorkspacesHub = DcWorkspacesHub; // ── SEARCH HUB ───────────────────────────────────────────────────────────── function DcSearchHub() { const s = _useStore(['search.saved','search.deleted','doc.uploaded','doc.deleted']); const [selectedDoc, setSelectedDoc] = useDcH(null); return (
{ window.DocStore.touch(d.id); setSelectedDoc(d); }} starred={s.starred} onToggleStar={(id) => window.DocStore.toggleStar(id)} /> {selectedDoc && setSelectedDoc(null)} onNavigate={() => {}} />}
); } window.DcSearchHub = DcSearchHub; // ── VERSIONS / APPROVALS / CONFLICTS HUB ─────────────────────────────────── function DcVersionsHub() { const s = _useStore(['doc.approvalDecided','doc.approvalReassigned','doc.conflictResolved']); const [sub, setSub] = useDcH('checkouts'); const [reassignFor, setReassignFor] = useDcH(null); const cos = s.checkouts; const aps = s.approvals; const docs = s.docs; const conflicts = (s.conflicts || []).filter(c => c.status === 'Unresolved'); const pendingAps = aps.filter(a => a.status === 'Pending'); const views = [ { id: 'checkouts', label: 'Checked Out', badge: cos.length }, { id: 'approvals', label: 'Approvals', badge: pendingAps.length }, { id: 'history', label: 'Version History' }, { id: 'conflicts', label: 'Conflicts', badge: conflicts.length }, ]; const body = () => { if (sub === 'checkouts') { return (
Checked-out documents — {cos.length}
{cos.map(c => ( ))}
DocumentLocked bySinceNotes
{c.docName} {c.lockedBy} {c.since} {c.notes}
); } if (sub === 'approvals') { return (
Approval queue — {aps.length}
{aps.map(a => ( ))}
DocumentStageRequesterApproverDueStatusActions
{a.doc} {a.stage} {a.requester} {a.approver} {a.due} {a.status} {a.status === 'Pending' ? (
) : ( {a.decidedAt || '—'} )}
{reassignFor && (
setReassignFor(null)} style={{ position: 'fixed', inset: 0, background: 'rgba(10,22,40,0.4)', zIndex: 200, display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
e.stopPropagation()} style={{ background: Tdch.color.bg.card, borderRadius: '10px', padding: '20px', width: '360px' }}>
Reassign approval
New approver:
{['M. Kirkland','A. Petrov','S. Chen','R. Vasquez','L. Torres'].map(u => ( ))}
)}
); } if (sub === 'history') { const withVersions = docs.filter(d => (d.versions || []).length > 1).slice(0, 10); return (
{withVersions.map(d => (
{d.name}{d.versions.length} versions
{d.versions.map((v, i) => (
v{v.v} {v.date} {v.author} {v.size} {v.notes}
))}
))}
); } if (conflicts.length === 0) { return (
No merge conflicts — all concurrent edits have been resolved.
); } const sevColor = { High: '#B91C1C', Medium: '#B45309', Low: '#6B7280' }; return (
{conflicts.map(c => (
{c.docName}
{c.severity} {c.detected}
Branch A · {c.branchA.user}
{c.branchA.change}
Branch B · {c.branchB.user}
{c.branchB.change}
))}
); }; return (
{body()}
); } window.DcVersionsHub = DcVersionsHub; // ── COMPLIANCE HUB ───────────────────────────────────────────────────────── function DcComplianceHub() { const s = _useStore(['doc.holdApplied','doc.holdReleased','doc.holdReminder','doc.holdAck','access.certified','doc.retentionApplied']); const [sub, setSub] = useDcH('holds'); const [drillHoldId, setDrillHoldId] = useDcH(null); const holds = s.holds; const rp = s.retention; const audit = s.audit; const docs = s.docs; const cus = s.custodians || []; const activeHolds = holds.filter(h => h.status === 'Active'); const views = [ { id: 'holds', label: 'Legal Holds', badge: activeHolds.length }, { id: 'custodians', label: 'Custodians', badge: cus.length }, { id: 'retention', label: 'Retention', badge: rp.filter(r => r.status === 'Active').length }, { id: 'audit', label: 'Audit Trail', badge: audit.length }, { id: 'privilege', label: 'Privilege Log' }, { id: 'confid', label: 'Confidentiality' }, ]; const body = () => { if (sub === 'holds') { return (
Legal holds
{holds.map(h => ( ))}
HoldMatterCustodiansDocsIssuedLast ReminderOwnerStatusActions
{h.name} {h.matter} {h.custodians} {h.docs} {h.issued} {h.lastReminder} {h.owner} {h.status}
{h.status === 'Active' ? : }
{drillHoldId && (() => { const h = holds.find(x => x.id === drillHoldId); const list = cus.filter(c => c.holdId === drillHoldId); return (
setDrillHoldId(null)} style={{ position: 'fixed', inset: 0, background: 'rgba(10,22,40,0.4)', zIndex: 200, display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
e.stopPropagation()} style={{ background: Tdch.color.bg.primary, borderRadius: '10px', width: '720px', maxHeight: '80vh', overflow: 'auto' }}>
{h.name}
{h.matter} · {list.length} custodians
{list.map(c => ( ))}
CustodianRoleAckQuestionnaireRemindersActions
{c.name}
{c.email}
 {c.role} {c.ack ? Ack'd {c.ackDate} : Pending} {c.questionnaire} {c.reminders}
{!c.ack && }
); })()}
); } if (sub === 'custodians') { const byHold = {}; cus.forEach(c => { (byHold[c.holdId] = byHold[c.holdId] || []).push(c); }); return (
{Object.entries(byHold).map(([hid, list]) => { const h = holds.find(x => x.id === hid); const ack = list.filter(c => c.ack).length; return (
{h ? h.name : hid} {ack}/{list.length} ack'd
{list.map(c => ( ))}
NameRoleAckQuestionnaireRemindersActions
{c.name} {c.role} {c.ack ? Yes : No} {c.questionnaire} {c.reminders}
); })}
); } if (sub === 'retention') { // Timeline viz: years across, policies down const maxYrs = Math.max(10, ...rp.filter(r => r.durationYrs).map(r => r.durationYrs)); return (
Retention timeline (years to action)
{rp.map(r => (
{r.name}
{r.trigger}
{r.durationYrs ? (
{r.durationYrs} yr → {r.action}
) : (
Indefinite
)}
{r.status}
))}
Retention policies
{rp.map(r => ( ))}
PolicyTriggerActionDurationApplies ToDocsStatus
{r.name} {r.trigger} {r.action} {r.durationYrs == null ? '—' : `${r.durationYrs} yr`} {r.appliesTo} {r.docs} {r.status}
); } if (sub === 'audit') { return (
Audit trail — {audit.length} recent events
{audit.slice(0, 40).map(a => ( ))}
WhenUserActionDocumentIPSeverity
{a.when} {a.user} {a.action} {a.doc} {a.ip} {a.severity}
); } if (sub === 'privilege') { const priv = docs.filter(d => (d.tags || []).some(t => t.toLowerCase().includes('privileg')) || d.confidentiality === 'Work Product'); const fallback = priv.length ? priv : docs.filter(d => d.confidentiality && d.confidentiality !== 'Public').slice(0, 12); // Bates-numbered export const withBates = fallback.map((d, i) => ({ ...d, bates: `FIRM-${String(i + 1).padStart(5, '0')}` })); return (
Privilege log — {withBates.length}
{withBates.map(d => ( ))}
BatesDocMatterAuthorConfidentialityDate
{d.bates} {d.name} {d.matter} {d.author} {d.confidentiality} {d.modified}
); } // Confidentiality — trend + grouping const trend = s.confidTrend || []; const groups = {}; docs.forEach(d => { (groups[d.confidentiality] = groups[d.confidentiality] || []).push(d); }); const order = ['Public', 'Internal', 'Confidential', 'Work Product', 'Highly Confidential', 'Highly Confidential — AEO']; const ordered = order.filter(o => groups[o]).map(o => [o, groups[o]]); const trendMax = Math.max(1, ...trend.flatMap(t => Object.values(t).filter(v => typeof v === 'number'))); const levelColor = { Public: '#6B7280', Internal: '#2563EB', Confidential: '#7C3AED', 'Work Product': '#B45309', 'Highly Confidential': '#B91C1C', 'Highly Confidential — AEO': '#7F1D1D' }; return (
Confidentiality trend (6 months)
{trend.map(t => { const levels = order.filter(o => t[o]); return (
{levels.map(l => (
))}
{t.month.slice(5)}
); })}
{order.map(l => {l})}
{ordered.map(([lvl, items]) => (
{lvl}{items.length}
{items.slice(0, 6).map(d => (
{d.name}
))}
))}
); }; return (
{body()}
); } window.DcComplianceHub = DcComplianceHub; // ── TEMPLATES HUB ────────────────────────────────────────────────────────── function DcTemplatesHub() { const [sub, setSub] = useDcH('all'); const tpls = window.DOC_TEMPLATES; const views = [ { id: 'all', label: 'All', badge: tpls.length }, { id: 'category', label: 'By Category' }, { id: 'usage', label: 'Usage' }, ]; if (sub === 'all') { return (
); } if (sub === 'category') { const groups = {}; tpls.forEach(t => { (groups[t.type] = groups[t.type] || []).push(t); }); return (
{Object.entries(groups).map(([cat, items]) => (
{cat}{items.length}
{items.map(t => ( ))}
NameAuthorLast UsedUsage
{t.name} {t.author} {t.lastUsed} {t.usageCount}
))}
); } const sorted = [...tpls].sort((a, b) => b.usageCount - a.usageCount); const max = Math.max(...tpls.map(t => t.usageCount)); return (
Template usage (all time)
{sorted.map(t => (
{t.name}
{t.usageCount}
))}
); } window.DcTemplatesHub = DcTemplatesHub; // ── AUTOMATION HUB ───────────────────────────────────────────────────────── function DcAutomationHub() { const s = _useStore(['esign.sent','esign.completed','workflow.triggered','ocr.queued']); const [sub, setSub] = useDcH('workflows'); const [envOpen, setEnvOpen] = useDcH(null); const wfs = s.workflows; const ocr = s.ocr; const dlp = s.dlp; const envs = s.envelopes || []; const views = [ { id: 'workflows', label: 'Workflows', badge: wfs.length }, { id: 'ocr', label: 'OCR Pipelines', badge: ocr.length }, { id: 'dlp', label: 'DLP Rules', badge: dlp.length }, { id: 'esign', label: 'eSign', badge: envs.filter(e => e.status === 'Awaiting').length }, ]; const body = () => { if (sub === 'workflows') { return (
{wfs.map(w => (
{w.name}
{w.runs} runs · last {w.lastRun} {w.status}
Trigger: {w.trigger}
{w.steps.map((step, i) => ( {step} {i < w.steps.length - 1 && →} ))}
))}
); } if (sub === 'ocr') { return (
OCR pipelines
{ocr.map(o => ( ))}
PipelineQueueAvg TimeAccuracyLast Run
{o.name} {o.queue} {o.avgTimeSec}s 95 ? '#059669' : '#B45309' }}>{o.accuracy}% {o.lastRun}
); } if (sub === 'dlp') { return (
Data-loss prevention policies
{dlp.map(d => ( ))}
PolicyActionHits (30d)Last HitStatus
{d.name} {d.action} {d.hits30d} {d.lastHit} {d.status}
); } const completed = envs.filter(e => e.status === 'Completed').length; const awaiting = envs.filter(e => e.status === 'Awaiting').length; const declined = envs.filter(e => e.status === 'Declined').length; return (
{dcStatCard('Envelopes — awaiting', awaiting, '#B45309')} {dcStatCard('Completed (30d)', completed, '#059669')} {dcStatCard('Declined', declined, '#B91C1C')}
SignDesk envelopes — {envs.length}
{envs.map(e => ( setEnvOpen(envOpen === e.id ? null : e.id)} style={{ cursor: 'pointer' }}> {envOpen === e.id && ( )} ))}
DocumentCreated bySentSignersRemindersStatus
{e.docName} {e.createdBy} {e.sent} {e.signers.filter(sg => sg.status === 'Signed').length} / {e.signers.length} {e.reminders} {e.status} {envOpen === e.id ? '▼' : '▶'}
Signers
{e.signers.map((sg, idx) => (
{sg.name} {sg.status} {sg.when || '—'}
))} {e.status === 'Awaiting' &&
}
); }; return (
{body()}
); } window.DcAutomationHub = DcAutomationHub; // ── GOVERNANCE HUB ───────────────────────────────────────────────────────── function DcGovernanceHub() { const s = _useStore(['access.certified','doc.shareCreated','doc.shareRevoked']); const [sub, setSub] = useDcH('permissions'); const ar = s.accessReviews; const sh = s.shares; const docs = s.docs; const dlp = s.dlp; const shareRisk = s.shareRisk || {}; const views = [ { id: 'permissions', label: 'Permissions' }, { id: 'reviews', label: 'Access Reviews', badge: ar.filter(r => r.status !== 'Current').length }, { id: 'shares', label: 'Active Shares', badge: sh.length }, { id: 'risk', label: 'Share Risk', badge: Object.values(shareRisk).filter(r => r.score >= 40).length }, { id: 'dlp', label: 'DLP Incidents', badge: dlp.reduce((sum, d) => sum + d.hits30d, 0) }, ]; const body = () => { if (sub === 'permissions') { const sample = docs.filter(d => d.permissions && d.permissions.length).slice(0, 10); return (
Document permissions (sample)
{sample.map(d => ( ))}
DocumentConfidentialityPermitted UsersLocked
{d.name} {d.confidentiality} {(d.permissions || []).join(', ')} {d.locked ? Locked : '—'}
); } if (sub === 'reviews') { return (
Access reviews
{ar.map(r => ( ))}
FolderUsersLast ReviewNext DueStatusActions
{r.folder} {r.users} {r.lastReview} {r.nextDue} {r.status} {r.status !== 'Current' ? ( ) : Certified}
); } if (sub === 'shares') { return (
Active external & internal shares
{sh.map(share => ( ))}
DocumentRecipientScopeExpiresCreated ByStatusActions
{share.doc} {share.recipient} {share.scope} {share.expires || '—'} {share.createdBy} {share.status} {share.status === 'Active' && }
); } if (sub === 'risk') { const rows = sh.map(share => ({ ...share, risk: shareRisk[share.id] || { score: 0, factors: [] } })).sort((a, b) => b.risk.score - a.risk.score); return (
Share risk scoringHigher = more exposure
{rows.map(r => ( ))}
DocumentRecipientRiskFactorsActions
{r.doc} {r.recipient} {dcRiskBar(r.risk.score)} {r.risk.factors.join(' · ')} {r.risk.score >= 40 && r.status === 'Active' && }
); } return (
DLP incidents (30d)
{dlp.map(d => ( ))}
PolicyActionHitsLast Hit
{d.name} {d.action} 10 ? '#B91C1C' : Tdch.color.text.primary }}>{d.hits30d} {d.lastHit}
); }; return (
{body()}
); } window.DcGovernanceHub = DcGovernanceHub; // ── ANALYTICS HUB — extended (#18) ───────────────────────────────────────── function DcAnalyticsHub() { const s = _useStore(['doc.uploaded','doc.deleted']); const [sub, setSub] = useDcH('velocity'); const a = window.DOC_ANALYTICS; const c = window.DOC_CONTRIBUTORS; const vel = s.velocity || []; const stale = s.stale || []; const cost = s.costByMatter || []; const heat = s.heatmap || []; const views = [ { id: 'velocity', label: 'Velocity' }, { id: 'heatmap', label: 'Activity Heatmap' }, { id: 'storage', label: 'Storage' }, { id: 'contributors', label: 'Contributors', badge: c.length }, { id: 'types', label: 'By Type' }, { id: 'stale', label: 'Stale', badge: stale.length }, { id: 'cost', label: 'Cost by Matter' }, ]; const body = () => { if (sub === 'velocity') { const maxU = Math.max(1, ...vel.map(d => d.uploads)); const maxE = Math.max(1, ...vel.map(d => d.edits)); return (
Upload & edit velocity (30 days)uploads (blue) · edits (purple)
{vel.map((d, i) => (
))}
{vel[0]?.date}{vel[vel.length - 1]?.date}
); } if (sub === 'heatmap') { const days = ['Sun','Mon','Tue','Wed','Thu','Fri','Sat']; const maxV = Math.max(1, ...heat.flat()); return (
Activity heatmap — hour × day of week
{Array.from({ length: 24 }, (_, h) => (
{h}
))} {heat.map((row, di) => (
{days[di]}
{row.map((v, h) => (
))} ))}
); } if (sub === 'storage') return ; if (sub === 'contributors') { const max = Math.max(...c.map(x => x.edits)); return (
Top contributors
{c.map(r => ( ))}
UserDocsEditsActivityComments
{r.user} {r.docs} {r.edits}
{r.comments}
); } if (sub === 'types') { const max = Math.max(...a.byType.map(t => t.count)); return (
Distribution by type
{a.byType.map(t => (
{t.name}
{t.count}
))}
); } if (sub === 'stale') { return (
Stale documents — {stale.length}
{stale.map(d => ( ))}
DocumentMatterLast OpenedDays StaleSizeRecommendation
{d.name} {d.matter} {d.lastOpened} 300 ? '#B91C1C' : '#B45309', fontWeight: 700 }}>{d.daysStale} {d.size} {d.recommendation}
); } const maxGb = Math.max(1, ...cost.map(r => r.gb)); const totalCost = cost.reduce((sum, r) => sum + r.costMo, 0); return (
Storage cost by matter${totalCost.toFixed(2)} / month
{cost.map(r => (
{r.matter}
{r.gb} GB ${r.costMo.toFixed(2)}
))}
); }; return (
{body()}
); } window.DcAnalyticsHub = DcAnalyticsHub; // ── TRASH HUB (#7) ───────────────────────────────────────────────────────── function DcTrashHub() { const s = _useStore(['doc.deleted','doc.restored','doc.purged']); const trash = s.trash || []; if (trash.length === 0) { return
Trash is empty.
; } return (
Trash — {trash.length} item(s) · auto-purge after 30 days Items under legal hold cannot be deleted
{trash.map(t => ( ))}
NameMatterDeleted byDeleted atPurge atReasonActions
{t.ext} {t.name} {t.matter} {t.deletedBy} {t.deletedAt} {t.purgeAt} {t.reason}
); } window.DcTrashHub = DcTrashHub;