Tree: Allow customizing info panel entries

[victorlin]

Context

Currently this is hardcoded:

• For hover (except for one entry that changes with the Color By)

  auspice/src/components/tree/infoPanels/hover.js

  Lines 410 to 431 in f1f3c1c

  	{selectedNode.type === "tip" ? (
  	<>
  	<StrainName name={node.name}/>
  	<VaccineInfo node={node} t={t}/>
  	<TipMutations node={node} t={t}/>
  	<BranchLength node={node} t={t}/>
  	<ColorBy node={node} colorBy={colorBy} colorByConfidence={colorByConfidence} colorScale={colorScale} colorings={colorings}/>
  	<AttributionInfo node={node}/>
  	<Comment>{t("Click on tip to display more info")}</Comment>
  	</>
  	) : (
  	<>
  	<BranchDescendents node={node} t={t}/>
  	<BranchMutations node={node} geneSortFn={geneSortFn} observedMutations={observedMutations} t={t}/>
  	<BranchLength node={node} t={t}/>
  	<ColorBy node={node} colorBy={colorBy} colorByConfidence={colorByConfidence} colorScale={colorScale} colorings={colorings}/>
  	<Comment>
  	{idxOfInViewRootNode === node.arrayIdx ? t('Click to zoom out to parent clade') : t('Click to zoom into clade')}
  	</Comment>
  	<Comment>{t("Shift + Click to display more info")}</Comment>
  	</>
  	)}

• For click

  auspice/src/components/tree/infoPanels/click.js

  Lines 258 to 272 in f1f3c1c

  <table>

  <tbody>

  {!isTip && item(t("Number of terminal tips"), node.fullTipCount)}

  {isTip && <VaccineInfo node={node} t={t}/>}

  <SampleDate isTerminal={isTerminal} node={node} t={t}/>

  {!isTip && item("Node name", node.name)}

  {isTip && <PublicationInfo node={node} t={t}/>}

  {getTraitsToDisplay(node).map((trait) => (

  <Trait node={node} trait={trait} colorings={colorings} key={trait} isTerminal={isTerminal}/>

  ))}

  {isTip && <AccessionAndUrl node={node}/>}

  {item("", "")}

  </tbody>

  </table>

  <MutationTable node={node} geneSortFn={geneSortFn} isTip={isTip} observedMutations={observedMutations}/>

Description

Allow customization of all entries in the dataset JSON.

Mentions

• discussion forum
• 2024-10-31 Nextstrain meeting: "Customizing metadata order in the Auspice tooltip"

[jameshadfield]

Allow customization of all entries in the dataset JSON.

Can someone expand on this? (It came up again on a call with CDC this morning.)

The on-hover box shows a subset of information to keep it a manageable size - is the desire to customise what appears in this box? If so, should these customisations override the defaults or be added above/below/between them?

The on-click box/modal shows all the information (as it can be scrolled). Is the desire to allow the order to be customised here? If so, should it just affect the ordering of the node-attrs (code here) or should one also be able to change the order of where strain/sample-date etc appear?

[emmahodcroft]

My 2c:

My main interest would be in customizing the on-hover box -- often we are always interested in country, for example, no matter what colour value is shown (esp if exploring muts)

• If it wouldn't impede Auspice functionality explicitly we could let people overload the on-hover box if they want (at their own loss of visibility) - hopefully they will make the right choice and only add a couple of extra fields/change order?
• The on-click box I'd suggest allowing re-ordering of node-attrs - but it would be helpful to know if people really want to move (or remove?) things like the muts lists and strain name - I personally would not (I'm happy with the on-click box as-is)