From 6e99fc3add663b4d66bb47db7790bfc0859c2631 Mon Sep 17 00:00:00 2001
From: eunhee <6810779s@naver.com>
Date: Tue, 10 Mar 2026 11:35:04 +0900
Subject: [PATCH 1/7] feat(addon-docs): add Reset story button to re-render
 stories in docs

---
 code/addons/docs/src/blocks/blocks/Canvas.tsx    | 12 ++++++++++--
 code/addons/docs/src/blocks/blocks/Story.tsx     |  3 +++
 .../docs/src/blocks/components/Preview.tsx       | 16 ++++++++++++++--
 code/addons/docs/src/blocks/components/Story.tsx |  5 +++--
 4 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/code/addons/docs/src/blocks/blocks/Canvas.tsx b/code/addons/docs/src/blocks/blocks/Canvas.tsx
index ff4d131d63a0..29d30f2bde27 100644
--- a/code/addons/docs/src/blocks/blocks/Canvas.tsx
+++ b/code/addons/docs/src/blocks/blocks/Canvas.tsx
@@ -1,7 +1,8 @@
 /* eslint-disable react/destructuring-assignment */
-import React, { useContext } from 'react';
+import React, { useCallback, useContext, useState } from 'react';
 import type { FC } from 'react';
 
+import { RESET_STORY_ARGS } from 'storybook/internal/core-events';
 import type { ModuleExport, ModuleExports } from 'storybook/internal/types';
 
 import type { Layout, PreviewProps as PurePreviewProps } from '../components';
@@ -81,6 +82,12 @@ export const Canvas: FC<CanvasProps> = (props) => {
   // By default, stories will be iframed, but most frameworks support inline rendering and override that in a docs entry file
   const inline = props.story?.inline ?? story.parameters?.docs?.story?.inline ?? false;
 
+  const [resetKey, setResetKey] = useState(0);
+  const handleResetStory = useCallback(() => {
+    docsContext.channel.emit(RESET_STORY_ARGS, { storyId: story.id });
+    setResetKey((prev) => prev + 1);
+  }, [docsContext.channel, story.id]);
+
   return (
     <PurePreview
       withSource={sourceState === 'none' ? undefined : sourceProps}
@@ -90,8 +97,9 @@ export const Canvas: FC<CanvasProps> = (props) => {
       className={className}
       layout={layout}
       inline={inline}
+      onResetStory={inline ? handleResetStory : undefined}
     >
-      <Story of={of || story.moduleExport} meta={props.meta} {...props.story} />
+      <Story of={of || story.moduleExport} meta={props.meta} {...props.story} resetKey={resetKey} />
     </PurePreview>
   );
 };
diff --git a/code/addons/docs/src/blocks/blocks/Story.tsx b/code/addons/docs/src/blocks/blocks/Story.tsx
index f9feca6d1311..b0d12d8b95fb 100644
--- a/code/addons/docs/src/blocks/blocks/Story.tsx
+++ b/code/addons/docs/src/blocks/blocks/Story.tsx
@@ -54,6 +54,8 @@ type StoryParameters = {
   __forceInitialArgs?: boolean;
   /** Internal prop if this story is the primary story */
   __primary?: boolean;
+  /** Key to trigger story remount when changed */
+  resetKey?: number;
 };
 
 export type StoryProps = StoryRefProps & StoryParameters;
@@ -100,6 +102,7 @@ export const getStoryProps = <TFramework extends Renderer>(
       forceInitialArgs: !!props.__forceInitialArgs,
       primary: !!props.__primary,
       renderStoryToElement: context.renderStoryToElement as any,
+      resetKey: props.resetKey,
     };
   }
 
diff --git a/code/addons/docs/src/blocks/components/Preview.tsx b/code/addons/docs/src/blocks/components/Preview.tsx
index ceb904044056..77c426aeeba5 100644
--- a/code/addons/docs/src/blocks/components/Preview.tsx
+++ b/code/addons/docs/src/blocks/components/Preview.tsx
@@ -5,7 +5,7 @@ import { logger } from 'storybook/internal/client-logger';
 import { Bar, Button, ToggleButton, Zoom } from 'storybook/internal/components';
 import type { ActionItem } from 'storybook/internal/components';
 
-import { CopyIcon, MarkupIcon } from '@storybook/icons';
+import { CopyIcon, MarkupIcon, UndoIcon } from '@storybook/icons';
 
 import { useId } from '@react-aria/utils';
 import { darken } from 'polished';
@@ -31,6 +31,7 @@ export type PreviewProps = PropsWithChildren<{
   withToolbar?: boolean;
   className?: string;
   additionalActions?: ActionItem[];
+  onResetStory?: () => void;
 }>;
 
 export type Layout = 'padded' | 'fullscreen' | 'centered';
@@ -150,6 +151,7 @@ export const Preview: FC<PreviewProps> = ({
   className,
   layout = 'padded',
   inline = false,
+  onResetStory,
   ...props
 }) => {
   const [expanded, setExpanded] = useState(isExpanded);
@@ -225,7 +227,7 @@ export const Preview: FC<PreviewProps> = ({
           </div>
         )}
       </PreviewContainer>
-      {(withSource || additionalActionItems.length > 0) && (
+      {(withSource || onResetStory || additionalActionItems.length > 0) && (
         <ActionBar className="sbdocs sbdocs-preview-actions" innerStyle={{ paddingInline: 0 }}>
           {hasSourceError && (
             <Button
@@ -255,6 +257,16 @@ export const Preview: FC<PreviewProps> = ({
               </Button>
             </>
           )}
+          {onResetStory && (
+            <Button
+              ariaLabel={false}
+              variant="ghost"
+              onClick={onResetStory}
+              className="docblock-reset-story"
+            >
+              <UndoIcon /> Reset story
+            </Button>
+          )}
           {additionalActionItems.map(({ title, className, onClick, disabled }, index: number) => (
             <Button
               key={index}
diff --git a/code/addons/docs/src/blocks/components/Story.tsx b/code/addons/docs/src/blocks/components/Story.tsx
index 144d14445fba..25a1a75ae966 100644
--- a/code/addons/docs/src/blocks/components/Story.tsx
+++ b/code/addons/docs/src/blocks/components/Story.tsx
@@ -15,6 +15,7 @@ interface CommonProps {
   story: PreparedStory;
   inline: boolean;
   primary: boolean;
+  resetKey?: number;
 }
 
 interface InlineStoryProps extends CommonProps {
@@ -40,7 +41,7 @@ const InlineStory: FunctionComponent<InlineStoryProps> = (props) => {
   const [showLoader, setShowLoader] = useState(true);
   const [error, setError] = useState<Error>();
 
-  const { story, height, autoplay, forceInitialArgs, renderStoryToElement } = props;
+  const { story, height, autoplay, forceInitialArgs, renderStoryToElement, resetKey } = props;
 
   useEffect(() => {
     if (!(story && storyRef.current)) {
@@ -64,7 +65,7 @@ const InlineStory: FunctionComponent<InlineStoryProps> = (props) => {
       //   https://github.com/facebook/react/issues/25675#issuecomment-1363957941
       Promise.resolve().then(() => cleanup());
     };
-  }, [autoplay, renderStoryToElement, story]);
+  }, [autoplay, renderStoryToElement, story, resetKey]);
 
   if (error) {
     return (

From 0d2c2ea7d75d3a7825d24feaed4c2eef57c72d7d Mon Sep 17 00:00:00 2001
From: eunhee <6810779s@naver.com>
Date: Tue, 10 Mar 2026 12:21:14 +0900
Subject: [PATCH 2/7] fix: address review - remove resetKey and make reset
 button configurable

---
 code/addons/docs/src/blocks/blocks/Canvas.tsx    | 10 +++++-----
 code/addons/docs/src/blocks/blocks/Story.tsx     |  3 ---
 code/addons/docs/src/blocks/components/Story.tsx |  5 ++---
 3 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/code/addons/docs/src/blocks/blocks/Canvas.tsx b/code/addons/docs/src/blocks/blocks/Canvas.tsx
index 29d30f2bde27..7d9d25e79249 100644
--- a/code/addons/docs/src/blocks/blocks/Canvas.tsx
+++ b/code/addons/docs/src/blocks/blocks/Canvas.tsx
@@ -1,5 +1,5 @@
 /* eslint-disable react/destructuring-assignment */
-import React, { useCallback, useContext, useState } from 'react';
+import React, { useCallback, useContext } from 'react';
 import type { FC } from 'react';
 
 import { RESET_STORY_ARGS } from 'storybook/internal/core-events';
@@ -82,10 +82,10 @@ export const Canvas: FC<CanvasProps> = (props) => {
   // By default, stories will be iframed, but most frameworks support inline rendering and override that in a docs entry file
   const inline = props.story?.inline ?? story.parameters?.docs?.story?.inline ?? false;
 
-  const [resetKey, setResetKey] = useState(0);
+  const resetButton = story.parameters.docs?.canvas?.resetButton ?? false;
+
   const handleResetStory = useCallback(() => {
     docsContext.channel.emit(RESET_STORY_ARGS, { storyId: story.id });
-    setResetKey((prev) => prev + 1);
   }, [docsContext.channel, story.id]);
 
   return (
@@ -97,9 +97,9 @@ export const Canvas: FC<CanvasProps> = (props) => {
       className={className}
       layout={layout}
       inline={inline}
-      onResetStory={inline ? handleResetStory : undefined}
+      onResetStory={inline && resetButton ? handleResetStory : undefined}
     >
-      <Story of={of || story.moduleExport} meta={props.meta} {...props.story} resetKey={resetKey} />
+      <Story of={of || story.moduleExport} meta={props.meta} {...props.story} />
     </PurePreview>
   );
 };
diff --git a/code/addons/docs/src/blocks/blocks/Story.tsx b/code/addons/docs/src/blocks/blocks/Story.tsx
index b0d12d8b95fb..f9feca6d1311 100644
--- a/code/addons/docs/src/blocks/blocks/Story.tsx
+++ b/code/addons/docs/src/blocks/blocks/Story.tsx
@@ -54,8 +54,6 @@ type StoryParameters = {
   __forceInitialArgs?: boolean;
   /** Internal prop if this story is the primary story */
   __primary?: boolean;
-  /** Key to trigger story remount when changed */
-  resetKey?: number;
 };
 
 export type StoryProps = StoryRefProps & StoryParameters;
@@ -102,7 +100,6 @@ export const getStoryProps = <TFramework extends Renderer>(
       forceInitialArgs: !!props.__forceInitialArgs,
       primary: !!props.__primary,
       renderStoryToElement: context.renderStoryToElement as any,
-      resetKey: props.resetKey,
     };
   }
 
diff --git a/code/addons/docs/src/blocks/components/Story.tsx b/code/addons/docs/src/blocks/components/Story.tsx
index 25a1a75ae966..144d14445fba 100644
--- a/code/addons/docs/src/blocks/components/Story.tsx
+++ b/code/addons/docs/src/blocks/components/Story.tsx
@@ -15,7 +15,6 @@ interface CommonProps {
   story: PreparedStory;
   inline: boolean;
   primary: boolean;
-  resetKey?: number;
 }
 
 interface InlineStoryProps extends CommonProps {
@@ -41,7 +40,7 @@ const InlineStory: FunctionComponent<InlineStoryProps> = (props) => {
   const [showLoader, setShowLoader] = useState(true);
   const [error, setError] = useState<Error>();
 
-  const { story, height, autoplay, forceInitialArgs, renderStoryToElement, resetKey } = props;
+  const { story, height, autoplay, forceInitialArgs, renderStoryToElement } = props;
 
   useEffect(() => {
     if (!(story && storyRef.current)) {
@@ -65,7 +64,7 @@ const InlineStory: FunctionComponent<InlineStoryProps> = (props) => {
       //   https://github.com/facebook/react/issues/25675#issuecomment-1363957941
       Promise.resolve().then(() => cleanup());
     };
-  }, [autoplay, renderStoryToElement, story, resetKey]);
+  }, [autoplay, renderStoryToElement, story]);
 
   if (error) {
     return (

From 4d700a49c3b068ea461e440bce71117db7f662e5 Mon Sep 17 00:00:00 2001
From: eunhee <6810779s@naver.com>
Date: Wed, 11 Mar 2026 18:58:02 +0900
Subject: [PATCH 3/7] feat(addon-docs): add Reload story button to re-render
 stories in docs

---
 code/addons/docs/src/blocks/blocks/Canvas.tsx    | 10 ++++------
 .../docs/src/blocks/components/Preview.tsx       | 16 ++++++++--------
 2 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/code/addons/docs/src/blocks/blocks/Canvas.tsx b/code/addons/docs/src/blocks/blocks/Canvas.tsx
index 7d9d25e79249..8becfa6783b1 100644
--- a/code/addons/docs/src/blocks/blocks/Canvas.tsx
+++ b/code/addons/docs/src/blocks/blocks/Canvas.tsx
@@ -2,7 +2,7 @@
 import React, { useCallback, useContext } from 'react';
 import type { FC } from 'react';
 
-import { RESET_STORY_ARGS } from 'storybook/internal/core-events';
+import { FORCE_REMOUNT } from 'storybook/internal/core-events';
 import type { ModuleExport, ModuleExports } from 'storybook/internal/types';
 
 import type { Layout, PreviewProps as PurePreviewProps } from '../components';
@@ -82,10 +82,8 @@ export const Canvas: FC<CanvasProps> = (props) => {
   // By default, stories will be iframed, but most frameworks support inline rendering and override that in a docs entry file
   const inline = props.story?.inline ?? story.parameters?.docs?.story?.inline ?? false;
 
-  const resetButton = story.parameters.docs?.canvas?.resetButton ?? false;
-
-  const handleResetStory = useCallback(() => {
-    docsContext.channel.emit(RESET_STORY_ARGS, { storyId: story.id });
+  const handleReloadStory = useCallback(() => {
+    docsContext.channel.emit(FORCE_REMOUNT, { storyId: story.id });
   }, [docsContext.channel, story.id]);
 
   return (
@@ -97,7 +95,7 @@ export const Canvas: FC<CanvasProps> = (props) => {
       className={className}
       layout={layout}
       inline={inline}
-      onResetStory={inline && resetButton ? handleResetStory : undefined}
+      onReloadStory={inline ? handleReloadStory : undefined}
     >
       <Story of={of || story.moduleExport} meta={props.meta} {...props.story} />
     </PurePreview>
diff --git a/code/addons/docs/src/blocks/components/Preview.tsx b/code/addons/docs/src/blocks/components/Preview.tsx
index 77c426aeeba5..598a9962bb94 100644
--- a/code/addons/docs/src/blocks/components/Preview.tsx
+++ b/code/addons/docs/src/blocks/components/Preview.tsx
@@ -5,7 +5,7 @@ import { logger } from 'storybook/internal/client-logger';
 import { Bar, Button, ToggleButton, Zoom } from 'storybook/internal/components';
 import type { ActionItem } from 'storybook/internal/components';
 
-import { CopyIcon, MarkupIcon, UndoIcon } from '@storybook/icons';
+import { CopyIcon, MarkupIcon, SyncIcon } from '@storybook/icons';
 
 import { useId } from '@react-aria/utils';
 import { darken } from 'polished';
@@ -31,7 +31,7 @@ export type PreviewProps = PropsWithChildren<{
   withToolbar?: boolean;
   className?: string;
   additionalActions?: ActionItem[];
-  onResetStory?: () => void;
+  onReloadStory?: () => void;
 }>;
 
 export type Layout = 'padded' | 'fullscreen' | 'centered';
@@ -151,7 +151,7 @@ export const Preview: FC<PreviewProps> = ({
   className,
   layout = 'padded',
   inline = false,
-  onResetStory,
+  onReloadStory,
   ...props
 }) => {
   const [expanded, setExpanded] = useState(isExpanded);
@@ -227,7 +227,7 @@ export const Preview: FC<PreviewProps> = ({
           </div>
         )}
       </PreviewContainer>
-      {(withSource || onResetStory || additionalActionItems.length > 0) && (
+      {(withSource || onReloadStory || additionalActionItems.length > 0) && (
         <ActionBar className="sbdocs sbdocs-preview-actions" innerStyle={{ paddingInline: 0 }}>
           {hasSourceError && (
             <Button
@@ -257,14 +257,14 @@ export const Preview: FC<PreviewProps> = ({
               </Button>
             </>
           )}
-          {onResetStory && (
+          {onReloadStory && (
             <Button
               ariaLabel={false}
               variant="ghost"
-              onClick={onResetStory}
-              className="docblock-reset-story"
+              onClick={onReloadStory}
+              className="docblock-reload-story"
             >
-              <UndoIcon /> Reset story
+              <SyncIcon /> Reload story
             </Button>
           )}
           {additionalActionItems.map(({ title, className, onClick, disabled }, index: number) => (

From b26eb7603cafe6bfe90332100dd8b2ca6ec68f72 Mon Sep 17 00:00:00 2001
From: eunhee <6810779s@naver.com>
Date: Wed, 11 Mar 2026 20:36:56 +0900
Subject: [PATCH 4/7] fix: address review - match remount.tsx button pattern

---
 code/addons/docs/src/blocks/components/Preview.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/code/addons/docs/src/blocks/components/Preview.tsx b/code/addons/docs/src/blocks/components/Preview.tsx
index 598a9962bb94..0069145781c0 100644
--- a/code/addons/docs/src/blocks/components/Preview.tsx
+++ b/code/addons/docs/src/blocks/components/Preview.tsx
@@ -259,12 +259,13 @@ export const Preview: FC<PreviewProps> = ({
           )}
           {onReloadStory && (
             <Button
-              ariaLabel={false}
+              ariaLabel="Reload story"
               variant="ghost"
+              size="small"
+              padding="small"
               onClick={onReloadStory}
-              className="docblock-reload-story"
             >
-              <SyncIcon /> Reload story
+              <SyncIcon />
             </Button>
           )}
           {additionalActionItems.map(({ title, className, onClick, disabled }, index: number) => (

From b82d98e800fb2774b87a1ea7ac5914e46e889dc1 Mon Sep 17 00:00:00 2001
From: eunhee <6810779s@naver.com>
Date: Fri, 13 Mar 2026 23:22:45 +0900
Subject: [PATCH 5/7] fix: move reload button to canvas toolbar to match story
 mode position

---
 .../docs/src/blocks/components/Preview.tsx    | 20 ++++---------
 .../docs/src/blocks/components/Toolbar.tsx    | 28 +++++++++++++++++--
 2 files changed, 30 insertions(+), 18 deletions(-)

diff --git a/code/addons/docs/src/blocks/components/Preview.tsx b/code/addons/docs/src/blocks/components/Preview.tsx
index 0069145781c0..9e8b3afa755b 100644
--- a/code/addons/docs/src/blocks/components/Preview.tsx
+++ b/code/addons/docs/src/blocks/components/Preview.tsx
@@ -5,7 +5,7 @@ import { logger } from 'storybook/internal/client-logger';
 import { Bar, Button, ToggleButton, Zoom } from 'storybook/internal/components';
 import type { ActionItem } from 'storybook/internal/components';
 
-import { CopyIcon, MarkupIcon, SyncIcon } from '@storybook/icons';
+import { CopyIcon, MarkupIcon } from '@storybook/icons';
 
 import { useId } from '@react-aria/utils';
 import { darken } from 'polished';
@@ -191,17 +191,18 @@ export const Preview: FC<PreviewProps> = ({
   return (
     <>
       <PreviewContainer
-        {...{ withSource, withToolbar }}
+        {...{ withSource, withToolbar: withToolbar || !!onReloadStory }}
         {...props}
         className={previewClasses.join(' ')}
       >
-        {withToolbar && (
+        {(withToolbar || onReloadStory) && (
           <PositionedToolbar
             isLoading={isLoading}
             border
             zoom={(z: number) => setScale(scale * z)}
             resetZoom={() => setScale(1)}
             storyId={!isLoading && childProps ? getStoryId(childProps, context) : undefined}
+            onReloadStory={onReloadStory}
           />
         )}
         <ZoomContext.Provider value={{ scale }}>
@@ -227,7 +228,7 @@ export const Preview: FC<PreviewProps> = ({
           </div>
         )}
       </PreviewContainer>
-      {(withSource || onReloadStory || additionalActionItems.length > 0) && (
+      {(withSource || additionalActionItems.length > 0) && (
         <ActionBar className="sbdocs sbdocs-preview-actions" innerStyle={{ paddingInline: 0 }}>
           {hasSourceError && (
             <Button
@@ -257,17 +258,6 @@ export const Preview: FC<PreviewProps> = ({
               </Button>
             </>
           )}
-          {onReloadStory && (
-            <Button
-              ariaLabel="Reload story"
-              variant="ghost"
-              size="small"
-              padding="small"
-              onClick={onReloadStory}
-            >
-              <SyncIcon />
-            </Button>
-          )}
           {additionalActionItems.map(({ title, className, onClick, disabled }, index: number) => (
             <Button
               key={index}
diff --git a/code/addons/docs/src/blocks/components/Toolbar.tsx b/code/addons/docs/src/blocks/components/Toolbar.tsx
index afebccb47b68..a9faf0be1280 100644
--- a/code/addons/docs/src/blocks/components/Toolbar.tsx
+++ b/code/addons/docs/src/blocks/components/Toolbar.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 
 import { Button, Toolbar as SharedToolbar } from 'storybook/internal/components';
 
-import { ShareAltIcon, ZoomIcon, ZoomOutIcon, ZoomResetIcon } from '@storybook/icons';
+import { ShareAltIcon, SyncIcon, ZoomIcon, ZoomOutIcon, ZoomResetIcon } from '@storybook/icons';
 
 import { styled } from 'storybook/theming';
 
@@ -18,6 +18,10 @@ interface EjectProps {
   storyId?: string;
 }
 
+interface ReloadProps {
+  onReloadStory?: () => void;
+}
+
 interface BarProps {
   border?: boolean;
 }
@@ -26,7 +30,7 @@ interface LoadingProps {
   isLoading?: boolean;
 }
 
-export type ToolbarProps = BarProps & ZoomProps & EjectProps & LoadingProps;
+export type ToolbarProps = BarProps & ZoomProps & EjectProps & LoadingProps & ReloadProps;
 
 const AbsoluteBar = styled(SharedToolbar)({
   position: 'absolute',
@@ -53,13 +57,31 @@ const IconPlaceholder = styled.div(({ theme }) => ({
   animation: `${theme.animation.glow} 1.5s ease-in-out infinite`,
 }));
 
-export const Toolbar: FC<ToolbarProps> = ({ isLoading, storyId, zoom, resetZoom, ...rest }) => (
+export const Toolbar: FC<ToolbarProps> = ({
+  isLoading,
+  storyId,
+  zoom,
+  resetZoom,
+  onReloadStory,
+  ...rest
+}) => (
   <AbsoluteBar innerStyle={{ gap: 4, paddingInline: 7, justifyContent: 'space-between' }} {...rest}>
     <Wrapper key="left">
       {isLoading ? (
         [1, 2, 3].map((key) => <IconPlaceholder key={key} />)
       ) : (
         <>
+          {onReloadStory && (
+            <Button
+              padding="small"
+              variant="ghost"
+              key="reload"
+              onClick={onReloadStory}
+              ariaLabel="Reload story"
+            >
+              <SyncIcon />
+            </Button>
+          )}
           <Button
             padding="small"
             variant="ghost"

From 9b38cbb567609cb8ecf3af862fb3a0cc5cb4dd81 Mon Sep 17 00:00:00 2001
From: Steve Dodier-Lazaro <Sidnioulz@users.noreply.github.com>
Date: Fri, 20 Mar 2026 18:18:40 +0100
Subject: [PATCH 6/7] Update code/addons/docs/src/blocks/components/Preview.tsx

---
 code/addons/docs/src/blocks/components/Preview.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/addons/docs/src/blocks/components/Preview.tsx b/code/addons/docs/src/blocks/components/Preview.tsx
index 9e8b3afa755b..d7c2d0a05727 100644
--- a/code/addons/docs/src/blocks/components/Preview.tsx
+++ b/code/addons/docs/src/blocks/components/Preview.tsx
@@ -191,7 +191,7 @@ export const Preview: FC<PreviewProps> = ({
   return (
     <>
       <PreviewContainer
-        {...{ withSource, withToolbar: withToolbar || !!onReloadStory }}
+        {...{ withSource, withToolbar }}
         {...props}
         className={previewClasses.join(' ')}
       >

From 3547a3bdb7869a01061cf4e3415e02becc056617 Mon Sep 17 00:00:00 2001
From: Steve Dodier-Lazaro <sidnioulz@gmail.com>
Date: Mon, 23 Mar 2026 21:40:31 +0100
Subject: [PATCH 7/7] Only apply toolbar when requested in preview

---
 code/addons/docs/src/blocks/components/Preview.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/addons/docs/src/blocks/components/Preview.tsx b/code/addons/docs/src/blocks/components/Preview.tsx
index d7c2d0a05727..cd8b8760b832 100644
--- a/code/addons/docs/src/blocks/components/Preview.tsx
+++ b/code/addons/docs/src/blocks/components/Preview.tsx
@@ -195,7 +195,7 @@ export const Preview: FC<PreviewProps> = ({
         {...props}
         className={previewClasses.join(' ')}
       >
-        {(withToolbar || onReloadStory) && (
+        {withToolbar && (
           <PositionedToolbar
             isLoading={isLoading}
             border