Visualizer side bar too big

[pckilgore]

Description

The inspector side bar is unusably large and cannot be hidden.

Expected Result

Able to view state machines without nearly half the screen on a laptop being dead space.

Actual Result

Too much sidebar:

Reproduction

See above.

[pckilgore]

381

[pckilgore]

The workaround in that issue doesn't seem to work.

[pckilgore]

Ahh, the url not the iframe src, oops.

function Test(){
  const frameRef = React.useRef<HTMLIFrameElement>(null);
  useMachine(testMachine, { devTools: true });

  React.useLayoutEffect(() => {
    const inspector = inspect({
      url: 'https://stately.ai/viz/embed?mode=viz&inspect',
      iframe: frameRef.current,
    });
    return () => inspector?.disconnect();
  }, []);

  return <iframe ref={frameRef} style={{ height: '100%', width: '100%' }} />;
}