How to set "default" help panel for a given page?

[pcolmer]

We have a page with a number of info links on it, including one on the top-level header section of the page. Clicking on the info links opens the correct corresponding help panel text.

However, if the user just clicks on the "i" button to open the right-hand panel, the help text displayed is for an info link lower down on the page. I'd like it to open the "top level" help text, but I cannot find anything in the documentation that explains how this is managed.

What am I misunderstanding, please?

[pcolmer]

I've found the answer. The HelpPanelProvider is wrapped around AppLayout and that, in turn, references code like this:

  const [toolsOpen, setToolsOpen] = useState(false);
  const [toolsContent, setToolsContent] = useState<React.ReactNode>(() => (
    <AppliancesViewInfo />
  ));
  const appLayout = useRef<AppLayoutProps.Ref>(null);
  const handleToolsContentChange = (content: React.ReactNode) => {
    setToolsOpen(true);
    setToolsContent(content);
    appLayout.current?.focusToolsClose();
  };

It is the initial value for setToolsContent that defines what opens when the user clicks on the "i" icon.