{
invalidateBulkSelection();
setQuery(value);
}}
placeholder="Search signals by account, headline, why, or signal"
searching={refetching}
trailing={
showResultCount ? (
) : undefined
}
/>
{toolbarExtra}
{
invalidateBulkSelection();
setSelectedKeys([]);
}}
/>
{/* TRA-1428: see PeopleTab — one scroller for both axes (sticky header),
affordance on the non-scrolling anchor. */}
{loading && allEvents.length === 0 ? (
Loading signals
) : allEvents.length === 0 ? (
{query.trim()
? `No signals match “${query.trim()}”.`
: 'No signals match. Clear the filters, or try the Accounts and People tabs.'}
{/* A signal search term is nearly always a company, and Accounts is
the tab that can actually resolve one (owned rows → CoreSignal
candidates → Find). Hand the query over instead of answering it
here in a second place. */}
) : (
|
|
Signal |
When |
Details |
{/* People fold into the Details cell as name pills; the right
column shows "Where it fits" (the account's offering). */}
Where it fits |
|
{showSelectionScope ? (
void selectAllMatching()}
onClear={clearSelection}
/>
) : null}
{(() => {
let lastBucket = null;
return allEvents.map(event => {
const bucket = dayBucket(event.eventDate);
const showBucket = bucket !== lastBucket;
lastBucket = bucket;
return (
onOpenSignal(event)}
/>
);
});
})()}
)}
{/* TRA-1428: see PeopleTab — the zero-height sentinel takes the
min-width floor so it stays inside the IntersectionObserver's reach
once the table is scrolled right, while the VISIBLE status line
takes `sticky left-0` instead: a floor would center it on 900px
rather than on the scrollport. They are separate elements for
exactly that reason. */}
{hasMore && allEvents.length > 0 && (
<>
{loadingMore ? (
<>
Loading more
) : resultCount !== undefined &&
allEvents.length < resultCount ? (
`Showing ${allEvents.length.toLocaleString()} of ${resultCount.toLocaleString()} signals`
) : (
'Scroll for more'
)}
)}
);
}
function SignalRow({
event,
/** Facts for every loaded row, so unchecking can tell whether another
* still-selected signal also wants a shared contact. */
allRowFacts,
bucket,
open,
onOpen,
}) {
const {
HomeSelectCell,
signalRowFacts,
signalRowCheckState,
signalRowSelected,
signalRowAdd,
signalRowPersonOwnershipReleases,
signalIdentity,
signalHeadline,
relativeWhen,
signalRichFacts,
SignalCell,
SignalDetailsCell,
SignalFitCell,
homeAnalytics,
} = T;
const pb = T.useAudience();
const facts = signalRowFacts(event);
const accountId = facts.accountId;
// Per-SIGNAL selection: checking the box adds THIS signal's suggested
// contacts (stamped with this eventId). Checked / lavender state follows
// provenance — Moyshe being in the audience does not select every signal
// that lists him; only the signal that was picked. Uncheck removes only
// contacts this signal owns (shared ones kept if another signal owns them).
// Signals with no suggested people stamp eventId on the account entry the
// same way.
const suggestedIds = facts.suggestedPersonIds;
const checkedState = signalRowCheckState(facts, pb.audience);
const toggle = () => {
homeAnalytics.rowSelected({
table: 'signals',
selected: !checkedState,
people_count: suggestedIds.length,
});
if (checkedState) {
// Unchecking drops the row's selection and takes with it only the people
// no OTHER selected row still wants — a contact two signals share stays
// for the one that is still checked.
pb.setSignalSelected(event.id, false);
if (suggestedIds.length === 0) {
const replacement = allRowFacts.find(
row =>
row.eventId !== event.id &&
row.accountId === accountId &&
row.suggestedPersonIds.length === 0 &&
signalRowCheckState(row, pb.audience)
);
pb.releaseSignalAccount(accountId, event.id, replacement?.eventId);
return;
}
signalRowPersonOwnershipReleases(facts, pb.audience, allRowFacts).forEach(
({ personId, replacementEventId }) =>
pb.releaseSignalPerson(personId, event.id, replacementEventId)
);
return;
}
applySignalRowAdd(pb, event, signalRowAdd(facts));
pb.setSignalSelected(event.id, true);
if (suggestedIds.length > 0) pb.noteContactsAdded(accountId, suggestedIds);
};
const rowSel = signalRowSelected(facts, pb.audience);
// Row identity is the SIGNAL, not the account (early-user feedback: leading
// with a 26px logo + bold name read as an accounts list). The signal cell
// leads with the signal type's icon + the signal's name in the pill;
// the account is demoted to a quiet later column.
const sig = signalIdentity(event.data, event.signalType);
// Jobs: the Signal cell already names the company under the pill, so
// the row reads "Hiring