diff --git a/components/toolbar.tsx b/components/toolbar.tsx index e20ce9e..27614ee 100644 --- a/components/toolbar.tsx +++ b/components/toolbar.tsx @@ -527,7 +527,14 @@ export function ToolbarProvider({ children }: { children: React.ReactNode }) { React.useState>(new Map()); // This is the internal state of the toolbar. - const [_open, _setOpen] = React.useState(false); + // Read from cookie if available, otherwise default to open + const getInitialState = () => { + if (typeof window === 'undefined') return true; // Default to open on server + const match = document.cookie.match(new RegExp(`(^| )${TOOLBAR_COOKIE_NAME}=([^;]+)`)); + return match ? match[2] === 'true' : true; // Default to open if no cookie + }; + + const [_open, _setOpen] = React.useState(getInitialState); const open = _open; const setOpen = React.useCallback( (value: boolean | ((value: boolean) => boolean)) => { @@ -716,7 +723,7 @@ function ToolbarDesktop() {
-

Toolbox

+

Toolkits

@@ -866,7 +873,7 @@ function ToolbarMobile() {
- Toolbox + Toolkits
@@ -949,7 +956,7 @@ export function ToolbarTrigger() { - Close Toolbox (⌘T) + Close Toolkits (⌘T) @@ -971,10 +978,10 @@ export function ToolBarTrigger() { 'h-10 px-4 order-5 md:ml-auto relative flex items-center gap-2', hasEnabledTools && 'animate-pulse', )} - aria-label="Toggle Toolbox" + aria-label="Toggle Toolkits" > {open ? : } - Toolbox + Toolkits {hasEnabledTools && !open && ( )} @@ -982,10 +989,10 @@ export function ToolBarTrigger() { {open - ? 'Close Toolbox' + ? 'Close Toolkits' : hasEnabledTools - ? `Open Toolbox (${enabledTools.size} active)` - : 'Open Toolbox'}{' '} + ? `Open Toolkits (${enabledTools.size} active)` + : 'Open Toolkits'}{' '} (⌘T)