Repository: storybookjs/storybook
File: code/core/src/manager/components/sidebar/ChecklistWidget.tsx (TypeScript)

Code before:
                      content={
                        <OpenGuideButton>
                          <strong>{title(progress)}</strong>
                        </OpenGuideButton>
                      }
                      fallback={<OpenGuideButton />}
                    />
                  )}
                </ActionList.Item>
                <ActionList.Item as="div">
                  <CollapseToggle
                    {...toggleProps}
                    id="checklist-module-collapse-toggle"
                    ariaLabel={`${isCollapsed ? 'Expand' : 'Collapse'} onboarding checklist`}
                  >
                    <ChevronSmallUpIcon
                      style={{
                        transform: isCollapsed ? 'rotate(180deg)' : 'none',
                        transition: 'transform 250ms',
                        willChange: 'auto',
                      }}
                    />
                  </CollapseToggle>
                  {loaded && (
                    <PopoverProvider
                      ariaLabel="Checklist options"
                      padding={0}
                      popover={({ onHide }) => (
                        <ActionList>
                          <ActionList.Item>
                            <OpenGuideButton afterClick={onHide}>
                              <ActionList.Text>Open full guide</ActionList.Text>
                            </OpenGuideButton>
                          </ActionList.Item>
                          <ActionList.Item>
                            <ActionList.Action
                              ariaLabel={false}
                              onClick={(e) => {
                                e.stopPropagation();
                                mute(allItems.map(({ id }) => id));
                                onHide();
                              }}
                            >
                              <ActionList.Icon>
                                <EyeCloseIcon />
                              </ActionList.Icon>
                              <ActionList.Text>Remove from sidebar</ActionList.Text>
                            </ActionList.Action>
                          </ActionList.Item>
                        </ActionList>
                      )}

Review comment (suggestion):
This should be `Onboarding guide menu` or `Onboarding checklist menu`. Let's wait for feedback from the team if possible. If you don't hear back from us within a few days, please use the first option.

Code after:
              <ActionList.Item as="div">
                <ActionList.Item as="div" style={{ flexShrink: 1 }}>
                  {loaded && (
                    <Optional
                      content={
                        <OpenGuideButton>
                          <strong>{title(progress)}</strong>
                        </OpenGuideButton>
                      }
                      fallback={<OpenGuideButton />}
                    />
                  )}
                </ActionList.Item>
                <ActionList.Item as="div">
                  <CollapseToggle
                    {...toggleProps}
                    id="checklist-module-collapse-toggle"
                    ariaLabel={`${isCollapsed ? 'Expand' : 'Collapse'} onboarding guide`}
                  >
                    <ChevronSmallUpIcon
                      style={{
                        transform: isCollapsed ? 'rotate(180deg)' : 'none',
                        transition: 'transform 250ms',
                        willChange: 'auto',
                      }}
                    />
                  </CollapseToggle>
                  {loaded && (
                    <PopoverProvider
                      ariaLabel="Onboarding guide menu"
                      padding={0}
                      popover={({ onHide }) => (
                        <ActionList>
                          <ActionList.Item>
                            <OpenGuideButton afterClick={onHide}>
                              <ActionList.Text>Open full guide</ActionList.Text>
                            </OpenGuideButton>
                          </ActionList.Item>
                          <ActionList.Item>
                            <ActionList.Action
                              ariaLabel={false}
                              onClick={(e) => {
                                e.stopPropagation();
                                mute(allItems.map(({ id }) => id));
                                onHide();
                              }}
                            >
                              <ActionList.Icon>
                                <EyeCloseIcon />
                              </ActionList.Icon>
                              <ActionList.Text>Remove from sidebar</ActionList.Text>