@brainfish-ai/components 0.34.0 → 0.34.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/esm/chunks/{header-nav.DR1jmsyS.js → header-nav.CtUIc9pI.js} +9 -8
  2. package/dist/esm/chunks/{header-nav.DR1jmsyS.js.map → header-nav.CtUIc9pI.js.map} +1 -1
  3. package/dist/esm/chunks/{header-pane.qjpYA99q.js → header-pane.BBWfo7uv.js} +5 -5
  4. package/dist/esm/chunks/header-pane.BBWfo7uv.js.map +1 -0
  5. package/dist/esm/index.js +1 -1
  6. package/dist/esm/layouts/full-layout.js +1 -1
  7. package/dist/esm/layouts/header-nav.js +1 -1
  8. package/dist/full-layout.d.ts +1 -0
  9. package/dist/header-nav.d.ts +1 -0
  10. package/dist/index.d.ts +1 -0
  11. package/dist/stats.html +1 -1
  12. package/package.json +1 -1
  13. package/dist/esm/chunks/header-pane.qjpYA99q.js.map +0 -1
package/dist/esm/chunks/{header-nav.DR1jmsyS.js → header-nav.CtUIc9pI.js} RENAMED
@@ -1,11 +1,12 @@
1
- import*as e from"react";import{Crown as a,Copy as t,SidebarSimple as n,Lightning as l,Question as r}from"@phosphor-icons/react";import{L as o}from"./logo.DtwFGMBj.js";import{B as i}from"./button.Cs1X8upM.js";import{DropdownMenu as s,DropdownMenuTrigger as c,DropdownMenuContent as m,DropdownMenuSeparator as u,DropdownMenuGroup as d,DropdownMenuSub as p,DropdownMenuSubTrigger as g,DropdownMenuPortal as b,DropdownMenuSubContent as h,DropdownMenuRadioGroup as f,DropdownMenuRadioItem as E,DropdownMenuShortcut as v,DropdownMenuItem as x}from"../components/ui/dropdown-menu.js";import{Avatar as k,AvatarImage as N,AvatarFallback as w,AvatarBadge as y}from"../components/ui/avatar.js";import{c as C}from"./utils.C6Qu-kwd.js";import{u as _}from"./feature-flags.DOcVlPHk.js";import{A}from"./ai-badge.Be0978vU.js";function z({accountPhoto:n,accountName:l,accountDropdownItems:r,teams:o,side:_="bottom",align:A="end",isSuperAdmin:z=!1,...j}){const S=o?.length>1||z,T=S&&o?.find(e=>e.isCurrent)?.name||"",V=l[0],D=Array.isArray(r[0])?r:[r],P=e.useCallback((e,a)=>t=>{t.stopPropagation(),a?a(e):navigator.clipboard.writeText(e)},[]),B=(a,n,l)=>a&&/* @__PURE__ */e.createElement("div",{className:"flex w-full items-center gap-1 text-xs text-subtlest ml-7"},a,null!=n&&/* @__PURE__ */e.createElement(i,{variant:"ghost",size:"icon",className:"size-4 shrink-0 p-0 [&>svg]:!size-3",onClick:P(n,l),"aria-label":"Copy ID"},
1
+ import*as e from"react";import{Crown as a,Copy as t,SidebarSimple as n,Lightning as l,Question as r}from"@phosphor-icons/react";import{L as o}from"./logo.DtwFGMBj.js";import{B as i}from"./button.Cs1X8upM.js";import{DropdownMenu as s,DropdownMenuTrigger as c,DropdownMenuContent as m,DropdownMenuSeparator as u,DropdownMenuGroup as d,DropdownMenuSub as p,DropdownMenuSubTrigger as g,DropdownMenuPortal as b,DropdownMenuSubContent as h,DropdownMenuRadioGroup as f,DropdownMenuRadioItem as E,DropdownMenuShortcut as v,DropdownMenuItem as x}from"../components/ui/dropdown-menu.js";import{Avatar as k,AvatarImage as N,AvatarFallback as w,AvatarBadge as y}from"../components/ui/avatar.js";import{c as C}from"./utils.C6Qu-kwd.js";import{u as _}from"./feature-flags.DOcVlPHk.js";import{A}from"./ai-badge.Be0978vU.js";function z({accountPhoto:n,accountName:l,accountDropdownItems:r,teams:o,side:_="bottom",align:A="end",isSuperAdmin:z=!1,...S}){const j=o?.length>1||z,T=j&&o?.find(e=>e.isCurrent)?.name||"",V=l[0],D=Array.isArray(r[0])?r:[r],P=e.useCallback((e,a)=>t=>{t.stopPropagation(),a?a(e):navigator.clipboard.writeText(e)},[]),R=(a,n,l)=>a&&/* @__PURE__ */e.createElement("div",{className:"flex w-full items-center gap-1 text-xs text-subtlest ml-7"},a,null!=n&&/* @__PURE__ */e.createElement(i,{variant:"ghost",size:"icon",className:"size-4 shrink-0 p-0 [&>svg]:!size-3",onClick:P(n,l),"aria-label":"Copy ID"},
2
2
  /* @__PURE__ */e.createElement(t,{className:"size-3"})));/* @__PURE__ */
3
- return e.createElement(s,{...j},/* @__PURE__ */e.createElement(c,{asChild:!0},/* @__PURE__ */e.createElement(i,{size:"default",variant:"ghost",className:"rounded-full p-[1px] border border-dark-300 relative","aria-label":"Toggle account dropdown"},
4
- /* @__PURE__ */e.createElement(k,null,/* @__PURE__ */e.createElement(N,{src:n,alt:`${l}'s account`,className:C("block rounded-full border border-background",z&&"border-2 border-solid border-red-700 inset-1")}),/* @__PURE__ */e.createElement(w,null,V),z&&/* @__PURE__ */e.createElement(y,{className:"bg-red-700 text-white"},/* @__PURE__ */e.createElement(a,null))),S&&/* @__PURE__ */e.createElement("span",{className:"text-xs text-default font-semibold pr-1"},T))),/* @__PURE__ */e.createElement(m,{side:_,align:A,className:"border-none shadow-[2px_4px_12px_0px_rgba(0,0,0,0.14)] dark:shadow-[2px_4px_12px_0px_rgba(255,255,255,0.14)]"},D.map((a,t)=>/* @__PURE__ */e.createElement(e.Fragment,{key:t},t>0&&/* @__PURE__ */e.createElement(u,null),/* @__PURE__ */e.createElement(d,null,a.map(a=>"submenu"===a.type?/* @__PURE__ */e.createElement(p,{key:a.id},/* @__PURE__ */e.createElement(g,{secondaryRow:B(a.secondaryLabel,a.copyValue,a.onCopy)},a.icon,a.label),/* @__PURE__ */e.createElement(b,null,/* @__PURE__ */e.createElement(h,{className:"border-none shadow-[2px_4px_12px_0px_rgba(0,0,0,0.14)] dark:shadow-[2px_4px_12px_0px_rgba(255,255,255,0.14)]"},null!=a.value&&a.onValueChange?/* @__PURE__ */e.createElement(f,{value:a.value,onValueChange:a.onValueChange},a.items.map(a=>/* @__PURE__ */e.createElement(E,{key:a.id,value:a.value},a.icon,a.label,null!=a.shortcut&&/* @__PURE__ */e.createElement(v,null,a.shortcut)))):a.items.map(a=>/* @__PURE__ */e.createElement(x,{key:a.id,onClick:a.onClick},a.icon,a.label,null!=a.shortcut&&/* @__PURE__ */e.createElement(v,null,a.shortcut)))))):/* @__PURE__ */e.createElement(x,{key:a.id,onClick:a.onClick,secondaryRow:B(a.secondaryLabel,a.copyValue,a.onCopy)},a.icon,a.label,null!=a.shortcut&&/* @__PURE__ */e.createElement(v,null,a.shortcut))))))))}const j=60,S=e.forwardRef(function({className:a,isSideNavOpen:t=!1,onSideNavigationToggle:s,onHelpClick:c,onBrainfishNativeClick:m,accountName:u,accountPhoto:d,accountDropdownItems:p,teams:g,side:b,align:h,showSuggestionAction:f,suggestionAction:E,onSuggestionActionClick:v,onLogoNav:x,isHomePath:k=!1,showSidebarToggle:N=!0,sidebarToggleRef:w,isSuperAdmin:y,isViewer:j,...S},T){const V=f&&!!E&&!!v,D=_("platform.brainfish-native.enabled",!1),P=!j;/* @__PURE__ */
5
- return e.createElement("header",{ref:T,...S,className:C("px-4 py-3 relative",a)},/* @__PURE__ */e.createElement("nav",{"aria-label":"Account navigation",className:"flex justify-between items-center"},/* @__PURE__ */e.createElement("div",{className:"flex items-center gap-2"},/* @__PURE__ */e.createElement("a",{href:"/",onClick:e=>{!(0!==e.button||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey)&&(e.preventDefault(),x())},"aria-current":k?"page":void 0},
3
+ return e.createElement(s,{...S},/* @__PURE__ */e.createElement(c,{asChild:!0},/* @__PURE__ */e.createElement(i,{size:"default",variant:"ghost",className:"rounded-full p-[1px] border border-dark-300 relative","aria-label":"Toggle account dropdown"},
4
+ /* @__PURE__ */e.createElement(k,null,/* @__PURE__ */e.createElement(N,{src:n,alt:`${l}'s account`,className:C("block rounded-full border border-background",z&&"border-2 border-solid border-red-700 inset-1")}),/* @__PURE__ */e.createElement(w,null,V),z&&/* @__PURE__ */e.createElement(y,{className:"bg-red-700 text-white"},/* @__PURE__ */e.createElement(a,null))),j&&/* @__PURE__ */e.createElement("span",{className:"text-xs text-default font-semibold pr-1"},T))),/* @__PURE__ */e.createElement(m,{side:_,align:A,className:"border-none shadow-[2px_4px_12px_0px_rgba(0,0,0,0.14)] dark:shadow-[2px_4px_12px_0px_rgba(255,255,255,0.14)]"},D.map((a,t)=>/* @__PURE__ */e.createElement(e.Fragment,{key:t},t>0&&/* @__PURE__ */e.createElement(u,null),/* @__PURE__ */e.createElement(d,null,a.map(a=>"submenu"===a.type?/* @__PURE__ */e.createElement(p,{key:a.id},/* @__PURE__ */e.createElement(g,{secondaryRow:R(a.secondaryLabel,a.copyValue,a.onCopy)},a.icon,a.label),/* @__PURE__ */e.createElement(b,null,/* @__PURE__ */e.createElement(h,{className:"border-none shadow-[2px_4px_12px_0px_rgba(0,0,0,0.14)] dark:shadow-[2px_4px_12px_0px_rgba(255,255,255,0.14)]"},null!=a.value&&a.onValueChange?/* @__PURE__ */e.createElement(f,{value:a.value,onValueChange:a.onValueChange},a.items.map(a=>/* @__PURE__ */e.createElement(E,{key:a.id,value:a.value},a.icon,a.label,null!=a.shortcut&&/* @__PURE__ */e.createElement(v,null,a.shortcut)))):a.items.map(a=>/* @__PURE__ */e.createElement(x,{key:a.id,onClick:a.onClick},a.icon,a.label,null!=a.shortcut&&/* @__PURE__ */e.createElement(v,null,a.shortcut)))))):/* @__PURE__ */e.createElement(x,{key:a.id,onClick:a.onClick,secondaryRow:R(a.secondaryLabel,a.copyValue,a.onCopy)},a.icon,a.label,null!=a.shortcut&&/* @__PURE__ */e.createElement(v,null,a.shortcut))))))))}const S=60,j=e.forwardRef(function({className:a,isSideNavOpen:t=!1,onSideNavigationToggle:s,onHelpClick:c,onBrainfishNativeClick:m,accountName:u,accountPhoto:d,accountDropdownItems:p,teams:g,side:b,align:h,showSuggestionAction:f,suggestionAction:E,onSuggestionActionClick:v,onLogoNav:x,isHomePath:k=!1,showSidebarToggle:N=!0,isRightSidebarOpen:w=!1,sidebarToggleRef:y,isSuperAdmin:S,isViewer:j,...T},V){const D=f&&!!E&&!!v,P=_("platform.brainfish-native.enabled",!1),R=!j;/* @__PURE__ */
5
+ return e.createElement("header",{ref:V,...T,className:C("px-4 py-3 relative",a)},/* @__PURE__ */e.createElement("nav",{"aria-label":"Account navigation",className:"flex justify-between items-center"},/* @__PURE__ */e.createElement("div",{className:"flex items-center gap-2"},/* @__PURE__ */e.createElement("a",{href:"/",onClick:e=>{!(0!==e.button||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey)&&(e.preventDefault(),x())},"aria-current":k?"page":void 0},
6
6
  /* @__PURE__ */e.createElement(o,{variant:"full",color:k?"fill":"outline",width:130,height:20,className:"hidden md:block"}),
7
- /* @__PURE__ */e.createElement(o,{variant:"mark",color:k?"fill":"outline",width:37,height:20,className:"block md:hidden"})),N&&/* @__PURE__ */e.createElement(i,{ref:w,size:"icon",variant:"ghost","aria-label":"Toggle side navigation",className:"[&_svg]:size-6",onClick:s},
8
- /* @__PURE__ */e.createElement(n,{"aria-hidden":"true",weight:t?"fill":"regular"}))),/* @__PURE__ */e.createElement("div",{className:"flex items-center gap-4"},V&&/* @__PURE__ */e.createElement(i,{variant:"suggestion",onClick:v},/* @__PURE__ */e.createElement(l,{weight:"fill","aria-hidden":"true"})," ",E),D&&/* @__PURE__ */e.createElement("button",{type:"button","aria-label":"Open Ask Brainfish",className:"flex items-center gap-2 rounded border border-dark-300 bg-surface py-1 pl-1 pr-1.5 cursor-pointer hover:bg-dark-200 active:bg-dark-400 focus-visible:outline-none",onClick:m},
7
+ /* @__PURE__ */e.createElement(o,{variant:"mark",color:k?"fill":"outline",width:37,height:20,className:"block md:hidden"})),N&&/* @__PURE__ */e.createElement(i,{ref:y,size:"icon",variant:"ghost","aria-label":"Toggle side navigation",className:"[&_svg]:size-6",onClick:s},
8
+ /* @__PURE__ */e.createElement(n,{"aria-hidden":"true",weight:t?"fill":"regular"}))),/* @__PURE__ */e.createElement("div",{className:"flex items-center gap-4"},D&&/* @__PURE__ */e.createElement(i,{variant:"suggestion",onClick:v},/* @__PURE__ */e.createElement(l,{weight:"fill","aria-hidden":"true"})," ",E),P&&!w&&/* @__PURE__ */e.createElement("button",{type:"button","aria-label":"Open Ask Brainfish",className:"flex items-center gap-2 rounded border border-dark-300 bg-surface py-1 pl-1 pr-1.5 cursor-pointer hover:bg-dark-200 active:bg-dark-400 focus-visible:outline-none",onClick:m},
9
9
  /* @__PURE__ */e.createElement(A,{size:24}),
10
- /* @__PURE__ */e.createElement("span",{className:"text-xs font-normal text-dark-900 whitespace-nowrap"},"Ask Brainfish")),/* @__PURE__ */e.createElement(z,{accountName:u,accountPhoto:d,accountDropdownItems:p,teams:g,side:b,align:h,isSuperAdmin:y}),P&&/* @__PURE__ */e.createElement(i,{size:"icon",variant:"ghost","aria-label":"Open help",className:"[&_svg]:size-6 fixed z-10 bottom-1 left-1",onClick:c},/* @__PURE__ */e.createElement(r,{"aria-hidden":"true"})))))});export{j as H,S as a};
11
- //# sourceMappingURL=header-nav.DR1jmsyS.js.map
10
+ /* @__PURE__ */e.createElement("span",{className:"text-xs font-normal text-dark-900 whitespace-nowrap"},"Ask Brainfish")),/* @__PURE__ */e.createElement(z,{accountName:u,accountPhoto:d,accountDropdownItems:p,teams:g,side:b,align:h,isSuperAdmin:S}),R&&/* @__PURE__ */e.createElement(i,{size:"icon",variant:"ghost","aria-label":"Open help",className:"[&_svg]:size-6 fixed z-10 bottom-1 left-1",onClick:c},
11
+ /* @__PURE__ */e.createElement(r,{"aria-hidden":"true"})))))});export{S as H,j as a};
12
+ //# sourceMappingURL=header-nav.CtUIc9pI.js.map
package/dist/esm/chunks/{header-nav.DR1jmsyS.js.map → header-nav.CtUIc9pI.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"header-nav.DR1jmsyS.js","sources":["../../../src/layouts/header-nav/account-dropdown.tsx","../../../src/layouts/header-nav/header-nav.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Copy, Crown } from '@phosphor-icons/react';\n\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuPortal,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuTrigger,\n} from '../../components/ui/dropdown-menu';\nimport { Avatar, AvatarFallback, AvatarImage, AvatarBadge } from '../../components/ui/avatar';\nimport { Button } from '../../components/ui/button';\n\nimport { cn } from '@/lib/utils';\n\nexport type AccountDropdownActionItem = {\n type?: 'action';\n id: string;\n label: string;\n icon?: React.ReactNode;\n onClick: () => void;\n /** Second line (e.g. \"ID: xyz\"); copy button shown when copyValue is set. */\n secondaryLabel?: React.ReactNode;\n copyValue?: string;\n onCopy?: (value: string) => void;\n /** Keyboard shortcut hint (e.g. \"⌘K\") shown on the right. */\n shortcut?: string;\n};\n\nexport type AccountDropdownSubOption = {\n id: string;\n label: string;\n icon?: React.ReactNode;\n /** Required for radio mode. */\n value?: string;\n /** Used in plain (non-radio) mode. */\n onClick?: () => void;\n /** Keyboard shortcut hint (e.g. \"⌘K\") shown on the right. */\n shortcut?: string;\n};\n\n/** Sub-option with a required `value`, used in radio-mode submenus. */\nexport type AccountDropdownRadioSubOption = Omit<AccountDropdownSubOption, 'value' | 'onClick'> & {\n value: string;\n};\n\ntype AccountDropdownSubmenuBase = {\n type: 'submenu';\n id: string;\n label: string;\n icon?: React.ReactNode;\n /** Second line on the submenu trigger (e.g. \"ID: xyz\"); copy button when copyValue is set. */\n secondaryLabel?: React.ReactNode;\n copyValue?: string;\n onCopy?: (value: string) => void;\n};\n\nexport type AccountDropdownSubmenuItem = AccountDropdownSubmenuBase &\n (\n | {\n /** The currently selected value. When provided with onValueChange, renders items as a radio group with selection indicators. */\n value: string;\n onValueChange: (value: string) => void;\n items: AccountDropdownRadioSubOption[];\n }\n | {\n value?: never;\n onValueChange?: never;\n items: AccountDropdownSubOption[];\n }\n );\n\nexport type AccountDropdownItem = AccountDropdownActionItem | AccountDropdownSubmenuItem;\n\nexport type AccountDropdownTeam = {\n id: string;\n name: string;\n isCurrent: boolean;\n logoUrl?: string;\n};\n\nexport interface AccountDropdownProps extends React.ComponentPropsWithoutRef<typeof DropdownMenu> {\n accountPhoto: string;\n accountName: string;\n /** Pass a flat array for a single group, or an array of arrays for multiple groups separated by dividers. */\n accountDropdownItems: AccountDropdownItem[] | AccountDropdownItem[][];\n teams: AccountDropdownTeam[];\n /** Side the dropdown opens on relative to the trigger. Defaults to 'bottom'. */\n side?: React.ComponentPropsWithoutRef<typeof DropdownMenuContent>['side'];\n /** Alignment of the dropdown relative to the trigger. Defaults to 'end'. */\n align?: React.ComponentPropsWithoutRef<typeof DropdownMenuContent>['align'];\n isSuperAdmin?: boolean;\n}\n\nexport function AccountDropdown({\n accountPhoto,\n accountName,\n accountDropdownItems,\n teams,\n side = 'bottom',\n align = 'end',\n isSuperAdmin = false,\n ...props\n}: AccountDropdownProps) {\n const showTeamName = teams?.length > 1 || isSuperAdmin;\n const currentTeamName = (showTeamName && teams?.find((el) => el.isCurrent)?.name) || '';\n const initial = accountName[0];\n\n const groups: AccountDropdownItem[][] = Array.isArray(accountDropdownItems[0])\n ? (accountDropdownItems as AccountDropdownItem[][])\n : [accountDropdownItems as AccountDropdownItem[]];\n\n const handleCopy = React.useCallback((value: string, onCopy?: (value: string) => void) => {\n return (e: React.MouseEvent) => {\n e.stopPropagation();\n if (onCopy) onCopy(value);\n else navigator.clipboard.writeText(value);\n };\n }, []);\n\n const renderCopyRow = (\n secondaryLabel: React.ReactNode,\n copyValue: string | undefined,\n onCopy?: (value: string) => void,\n ) =>\n secondaryLabel && (\n <div className=\"flex w-full items-center gap-1 text-xs text-subtlest ml-7\">\n {secondaryLabel}\n {copyValue != null && (\n <Button\n variant=\"ghost\"\n size=\"icon\"\n className=\"size-4 shrink-0 p-0 [&>svg]:!size-3\"\n onClick={handleCopy(copyValue, onCopy)}\n aria-label=\"Copy ID\"\n >\n <Copy className=\"size-3\" />\n </Button>\n )}\n </div>\n );\n\n return (\n <DropdownMenu {...props}>\n <DropdownMenuTrigger asChild>\n <Button\n size=\"default\"\n variant=\"ghost\"\n className=\"rounded-full p-[1px] border border-dark-300 relative\"\n aria-label=\"Toggle account dropdown\"\n >\n <Avatar>\n <AvatarImage\n src={accountPhoto}\n alt={`${accountName}'s account`}\n className={cn(\n 'block rounded-full border border-background',\n isSuperAdmin && 'border-2 border-solid border-red-700 inset-1',\n )}\n />\n <AvatarFallback>{initial}</AvatarFallback>\n {isSuperAdmin && (\n <AvatarBadge className=\"bg-red-700 text-white\">\n <Crown />\n </AvatarBadge>\n )}\n </Avatar>\n {showTeamName && <span className=\"text-xs text-default font-semibold pr-1\">{currentTeamName}</span>}\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent\n side={side}\n align={align}\n className=\"border-none shadow-[2px_4px_12px_0px_rgba(0,0,0,0.14)] dark:shadow-[2px_4px_12px_0px_rgba(255,255,255,0.14)]\"\n >\n {groups.map((group, groupIndex) => (\n <React.Fragment key={groupIndex}>\n {groupIndex > 0 && <DropdownMenuSeparator />}\n <DropdownMenuGroup>\n {group.map((item) =>\n item.type === 'submenu' ? (\n <DropdownMenuSub key={item.id}>\n <DropdownMenuSubTrigger\n secondaryRow={renderCopyRow(item.secondaryLabel, item.copyValue, item.onCopy)}\n >\n {item.icon}\n {item.label}\n </DropdownMenuSubTrigger>\n <DropdownMenuPortal>\n <DropdownMenuSubContent className=\"border-none shadow-[2px_4px_12px_0px_rgba(0,0,0,0.14)] dark:shadow-[2px_4px_12px_0px_rgba(255,255,255,0.14)]\">\n {item.value != null && item.onValueChange ? (\n <DropdownMenuRadioGroup value={item.value} onValueChange={item.onValueChange}>\n {item.items.map((option) => (\n <DropdownMenuRadioItem key={option.id} value={option.value}>\n {option.icon}\n {option.label}\n {option.shortcut != null && (\n <DropdownMenuShortcut>{option.shortcut}</DropdownMenuShortcut>\n )}\n </DropdownMenuRadioItem>\n ))}\n </DropdownMenuRadioGroup>\n ) : (\n item.items.map((option) => (\n <DropdownMenuItem key={option.id} onClick={option.onClick}>\n {option.icon}\n {option.label}\n {option.shortcut != null && (\n <DropdownMenuShortcut>{option.shortcut}</DropdownMenuShortcut>\n )}\n </DropdownMenuItem>\n ))\n )}\n </DropdownMenuSubContent>\n </DropdownMenuPortal>\n </DropdownMenuSub>\n ) : (\n <DropdownMenuItem\n key={item.id}\n onClick={item.onClick}\n secondaryRow={renderCopyRow(item.secondaryLabel, item.copyValue, item.onCopy)}\n >\n {item.icon}\n {item.label}\n {item.shortcut != null && <DropdownMenuShortcut>{item.shortcut}</DropdownMenuShortcut>}\n </DropdownMenuItem>\n ),\n )}\n </DropdownMenuGroup>\n </React.Fragment>\n ))}\n </DropdownMenuContent>\n </DropdownMenu>\n );\n}\n","import * as React from 'react';\nimport { Question, SidebarSimple, Lightning } from '@phosphor-icons/react';\n\nimport { Logo } from '../../components/logo';\nimport { AIBadge } from '../../components/ai-button';\nimport { Button } from '../../components/ui/button';\nimport { AccountDropdown, AccountDropdownProps } from './account-dropdown';\n\nimport { cn } from '@/lib/utils';\nimport { useBooleanFlagValue } from '@/lib/feature-flags';\n\ninterface HeaderNavProps extends React.ComponentPropsWithoutRef<'header'>, Omit<AccountDropdownProps, 'dir'> {\n isSideNavOpen?: boolean;\n onSideNavigationToggle: () => void;\n onHelpClick: () => void;\n onBrainfishNativeClick: () => void;\n onLogoNav: () => void;\n isHomePath?: boolean;\n showSuggestionAction?: boolean;\n suggestionAction?: React.ReactNode;\n onSuggestionActionClick?: () => void;\n showSidebarToggle?: boolean;\n isSuperAdmin?: boolean;\n isViewer?: boolean;\n /** Ref for the sidebar toggle button; used by layout to move focus here when sidebar is collapsed. */\n sidebarToggleRef?: React.Ref<HTMLButtonElement>;\n}\n\nexport const HEADER_NAV_HEIGHT = 60;\n\nexport const HeaderNav = React.forwardRef<HTMLElement, HeaderNavProps>(function HeaderNav(\n {\n className,\n isSideNavOpen = false,\n onSideNavigationToggle,\n onHelpClick,\n onBrainfishNativeClick,\n accountName,\n accountPhoto,\n accountDropdownItems,\n teams,\n side,\n align,\n showSuggestionAction,\n suggestionAction,\n onSuggestionActionClick,\n onLogoNav,\n isHomePath = false,\n showSidebarToggle = true,\n sidebarToggleRef,\n isSuperAdmin,\n isViewer,\n ...props\n },\n ref,\n) {\n const hasSuggestionAction = showSuggestionAction && !!suggestionAction && !!onSuggestionActionClick;\n const brainfishNativeEnabled = useBooleanFlagValue('platform.brainfish-native.enabled', false);\n const isHelpButtonEnabled = !isViewer;\n\n return (\n <header ref={ref} {...props} className={cn('px-4 py-3 relative', className)}>\n <nav aria-label=\"Account navigation\" className=\"flex justify-between items-center\">\n <div className=\"flex items-center gap-2\">\n <a\n href=\"/\"\n onClick={(e) => {\n const isPlainLeftClick = e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey;\n\n if (isPlainLeftClick) {\n e.preventDefault();\n onLogoNav();\n }\n }}\n aria-current={isHomePath ? 'page' : undefined}\n >\n <Logo\n variant=\"full\"\n color={isHomePath ? 'fill' : 'outline'}\n width={130}\n height={20}\n className=\"hidden md:block\"\n />\n <Logo\n variant=\"mark\"\n color={isHomePath ? 'fill' : 'outline'}\n width={37}\n height={20}\n className=\"block md:hidden\"\n />\n </a>\n {showSidebarToggle && (\n <Button\n ref={sidebarToggleRef}\n size=\"icon\"\n variant=\"ghost\"\n aria-label=\"Toggle side navigation\"\n className=\"[&_svg]:size-6\"\n onClick={onSideNavigationToggle}\n >\n <SidebarSimple aria-hidden=\"true\" weight={isSideNavOpen ? 'fill' : 'regular'} />\n </Button>\n )}\n </div>\n <div className=\"flex items-center gap-4\">\n {hasSuggestionAction && (\n <Button variant=\"suggestion\" onClick={onSuggestionActionClick}>\n <Lightning weight=\"fill\" aria-hidden=\"true\" /> {suggestionAction}\n </Button>\n )}\n {brainfishNativeEnabled && (\n <button\n type=\"button\"\n aria-label=\"Open Ask Brainfish\"\n className=\"flex items-center gap-2 rounded border border-dark-300 bg-surface py-1 pl-1 pr-1.5 cursor-pointer hover:bg-dark-200 active:bg-dark-400 focus-visible:outline-none\"\n onClick={onBrainfishNativeClick}\n >\n <AIBadge size={24} />\n <span className=\"text-xs font-normal text-dark-900 whitespace-nowrap\">Ask Brainfish</span>\n </button>\n )}\n <AccountDropdown\n accountName={accountName}\n accountPhoto={accountPhoto}\n accountDropdownItems={accountDropdownItems}\n teams={teams}\n side={side}\n align={align}\n isSuperAdmin={isSuperAdmin}\n />\n {isHelpButtonEnabled && (\n <Button size=\"icon\" variant=\"ghost\" aria-label=\"Open help\" className=\"[&_svg]:size-6 fixed z-10 bottom-1 left-1\" onClick={onHelpClick}>\n <Question aria-hidden=\"true\" />\n </Button>\n )}\n </div>\n </nav>\n </header>\n );\n});\n"],"names":["AccountDropdown","accountPhoto","accountName","accountDropdownItems","teams","side","align","isSuperAdmin","props","showTeamName","length","currentTeamName","find","el","isCurrent","name","initial","groups","Array","isArray","handleCopy","React","useCallback","value","onCopy","e","stopPropagation","navigator","clipboard","writeText","renderCopyRow","secondaryLabel","copyValue","createElement","className","Button","variant","size","onClick","Copy","DropdownMenu","DropdownMenuTrigger","asChild","Avatar","AvatarImage","src","alt","cn","AvatarFallback","AvatarBadge","Crown","DropdownMenuContent","map","group","groupIndex","Fragment","key","DropdownMenuSeparator","DropdownMenuGroup","item","type","DropdownMenuSub","id","DropdownMenuSubTrigger","secondaryRow","icon","label","DropdownMenuPortal","DropdownMenuSubContent","onValueChange","DropdownMenuRadioGroup","items","option","DropdownMenuRadioItem","shortcut","DropdownMenuShortcut","DropdownMenuItem","HEADER_NAV_HEIGHT","HeaderNav","forwardRef","isSideNavOpen","onSideNavigationToggle","onHelpClick","onBrainfishNativeClick","showSuggestionAction","suggestionAction","onSuggestionActionClick","onLogoNav","isHomePath","showSidebarToggle","sidebarToggleRef","isViewer","ref","hasSuggestionAction","brainfishNativeEnabled","useBooleanFlagValue","isHelpButtonEnabled","href","button","metaKey","ctrlKey","shiftKey","altKey","preventDefault","Logo","color","width","height","SidebarSimple","weight","Lightning","AIBadge","Question"],"mappings":"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"}
1
+ {"version":3,"file":"header-nav.CtUIc9pI.js","sources":["../../../src/layouts/header-nav/account-dropdown.tsx","../../../src/layouts/header-nav/header-nav.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Copy, Crown } from '@phosphor-icons/react';\n\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuPortal,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuTrigger,\n} from '../../components/ui/dropdown-menu';\nimport { Avatar, AvatarFallback, AvatarImage, AvatarBadge } from '../../components/ui/avatar';\nimport { Button } from '../../components/ui/button';\n\nimport { cn } from '@/lib/utils';\n\nexport type AccountDropdownActionItem = {\n type?: 'action';\n id: string;\n label: string;\n icon?: React.ReactNode;\n onClick: () => void;\n /** Second line (e.g. \"ID: xyz\"); copy button shown when copyValue is set. */\n secondaryLabel?: React.ReactNode;\n copyValue?: string;\n onCopy?: (value: string) => void;\n /** Keyboard shortcut hint (e.g. \"⌘K\") shown on the right. */\n shortcut?: string;\n};\n\nexport type AccountDropdownSubOption = {\n id: string;\n label: string;\n icon?: React.ReactNode;\n /** Required for radio mode. */\n value?: string;\n /** Used in plain (non-radio) mode. */\n onClick?: () => void;\n /** Keyboard shortcut hint (e.g. \"⌘K\") shown on the right. */\n shortcut?: string;\n};\n\n/** Sub-option with a required `value`, used in radio-mode submenus. */\nexport type AccountDropdownRadioSubOption = Omit<AccountDropdownSubOption, 'value' | 'onClick'> & {\n value: string;\n};\n\ntype AccountDropdownSubmenuBase = {\n type: 'submenu';\n id: string;\n label: string;\n icon?: React.ReactNode;\n /** Second line on the submenu trigger (e.g. \"ID: xyz\"); copy button when copyValue is set. */\n secondaryLabel?: React.ReactNode;\n copyValue?: string;\n onCopy?: (value: string) => void;\n};\n\nexport type AccountDropdownSubmenuItem = AccountDropdownSubmenuBase &\n (\n | {\n /** The currently selected value. When provided with onValueChange, renders items as a radio group with selection indicators. */\n value: string;\n onValueChange: (value: string) => void;\n items: AccountDropdownRadioSubOption[];\n }\n | {\n value?: never;\n onValueChange?: never;\n items: AccountDropdownSubOption[];\n }\n );\n\nexport type AccountDropdownItem = AccountDropdownActionItem | AccountDropdownSubmenuItem;\n\nexport type AccountDropdownTeam = {\n id: string;\n name: string;\n isCurrent: boolean;\n logoUrl?: string;\n};\n\nexport interface AccountDropdownProps extends React.ComponentPropsWithoutRef<typeof DropdownMenu> {\n accountPhoto: string;\n accountName: string;\n /** Pass a flat array for a single group, or an array of arrays for multiple groups separated by dividers. */\n accountDropdownItems: AccountDropdownItem[] | AccountDropdownItem[][];\n teams: AccountDropdownTeam[];\n /** Side the dropdown opens on relative to the trigger. Defaults to 'bottom'. */\n side?: React.ComponentPropsWithoutRef<typeof DropdownMenuContent>['side'];\n /** Alignment of the dropdown relative to the trigger. Defaults to 'end'. */\n align?: React.ComponentPropsWithoutRef<typeof DropdownMenuContent>['align'];\n isSuperAdmin?: boolean;\n}\n\nexport function AccountDropdown({\n accountPhoto,\n accountName,\n accountDropdownItems,\n teams,\n side = 'bottom',\n align = 'end',\n isSuperAdmin = false,\n ...props\n}: AccountDropdownProps) {\n const showTeamName = teams?.length > 1 || isSuperAdmin;\n const currentTeamName = (showTeamName && teams?.find((el) => el.isCurrent)?.name) || '';\n const initial = accountName[0];\n\n const groups: AccountDropdownItem[][] = Array.isArray(accountDropdownItems[0])\n ? (accountDropdownItems as AccountDropdownItem[][])\n : [accountDropdownItems as AccountDropdownItem[]];\n\n const handleCopy = React.useCallback((value: string, onCopy?: (value: string) => void) => {\n return (e: React.MouseEvent) => {\n e.stopPropagation();\n if (onCopy) onCopy(value);\n else navigator.clipboard.writeText(value);\n };\n }, []);\n\n const renderCopyRow = (\n secondaryLabel: React.ReactNode,\n copyValue: string | undefined,\n onCopy?: (value: string) => void,\n ) =>\n secondaryLabel && (\n <div className=\"flex w-full items-center gap-1 text-xs text-subtlest ml-7\">\n {secondaryLabel}\n {copyValue != null && (\n <Button\n variant=\"ghost\"\n size=\"icon\"\n className=\"size-4 shrink-0 p-0 [&>svg]:!size-3\"\n onClick={handleCopy(copyValue, onCopy)}\n aria-label=\"Copy ID\"\n >\n <Copy className=\"size-3\" />\n </Button>\n )}\n </div>\n );\n\n return (\n <DropdownMenu {...props}>\n <DropdownMenuTrigger asChild>\n <Button\n size=\"default\"\n variant=\"ghost\"\n className=\"rounded-full p-[1px] border border-dark-300 relative\"\n aria-label=\"Toggle account dropdown\"\n >\n <Avatar>\n <AvatarImage\n src={accountPhoto}\n alt={`${accountName}'s account`}\n className={cn(\n 'block rounded-full border border-background',\n isSuperAdmin && 'border-2 border-solid border-red-700 inset-1',\n )}\n />\n <AvatarFallback>{initial}</AvatarFallback>\n {isSuperAdmin && (\n <AvatarBadge className=\"bg-red-700 text-white\">\n <Crown />\n </AvatarBadge>\n )}\n </Avatar>\n {showTeamName && <span className=\"text-xs text-default font-semibold pr-1\">{currentTeamName}</span>}\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent\n side={side}\n align={align}\n className=\"border-none shadow-[2px_4px_12px_0px_rgba(0,0,0,0.14)] dark:shadow-[2px_4px_12px_0px_rgba(255,255,255,0.14)]\"\n >\n {groups.map((group, groupIndex) => (\n <React.Fragment key={groupIndex}>\n {groupIndex > 0 && <DropdownMenuSeparator />}\n <DropdownMenuGroup>\n {group.map((item) =>\n item.type === 'submenu' ? (\n <DropdownMenuSub key={item.id}>\n <DropdownMenuSubTrigger\n secondaryRow={renderCopyRow(item.secondaryLabel, item.copyValue, item.onCopy)}\n >\n {item.icon}\n {item.label}\n </DropdownMenuSubTrigger>\n <DropdownMenuPortal>\n <DropdownMenuSubContent className=\"border-none shadow-[2px_4px_12px_0px_rgba(0,0,0,0.14)] dark:shadow-[2px_4px_12px_0px_rgba(255,255,255,0.14)]\">\n {item.value != null && item.onValueChange ? (\n <DropdownMenuRadioGroup value={item.value} onValueChange={item.onValueChange}>\n {item.items.map((option) => (\n <DropdownMenuRadioItem key={option.id} value={option.value}>\n {option.icon}\n {option.label}\n {option.shortcut != null && (\n <DropdownMenuShortcut>{option.shortcut}</DropdownMenuShortcut>\n )}\n </DropdownMenuRadioItem>\n ))}\n </DropdownMenuRadioGroup>\n ) : (\n item.items.map((option) => (\n <DropdownMenuItem key={option.id} onClick={option.onClick}>\n {option.icon}\n {option.label}\n {option.shortcut != null && (\n <DropdownMenuShortcut>{option.shortcut}</DropdownMenuShortcut>\n )}\n </DropdownMenuItem>\n ))\n )}\n </DropdownMenuSubContent>\n </DropdownMenuPortal>\n </DropdownMenuSub>\n ) : (\n <DropdownMenuItem\n key={item.id}\n onClick={item.onClick}\n secondaryRow={renderCopyRow(item.secondaryLabel, item.copyValue, item.onCopy)}\n >\n {item.icon}\n {item.label}\n {item.shortcut != null && <DropdownMenuShortcut>{item.shortcut}</DropdownMenuShortcut>}\n </DropdownMenuItem>\n ),\n )}\n </DropdownMenuGroup>\n </React.Fragment>\n ))}\n </DropdownMenuContent>\n </DropdownMenu>\n );\n}\n","import * as React from 'react';\nimport { Question, SidebarSimple, Lightning } from '@phosphor-icons/react';\n\nimport { Logo } from '../../components/logo';\nimport { AIBadge } from '../../components/ai-button';\nimport { Button } from '../../components/ui/button';\nimport { AccountDropdown, AccountDropdownProps } from './account-dropdown';\n\nimport { cn } from '@/lib/utils';\nimport { useBooleanFlagValue } from '@/lib/feature-flags';\n\ninterface HeaderNavProps extends React.ComponentPropsWithoutRef<'header'>, Omit<AccountDropdownProps, 'dir'> {\n isSideNavOpen?: boolean;\n onSideNavigationToggle: () => void;\n onHelpClick: () => void;\n onBrainfishNativeClick: () => void;\n onLogoNav: () => void;\n isHomePath?: boolean;\n showSuggestionAction?: boolean;\n suggestionAction?: React.ReactNode;\n onSuggestionActionClick?: () => void;\n showSidebarToggle?: boolean;\n isRightSidebarOpen?: boolean;\n isSuperAdmin?: boolean;\n isViewer?: boolean;\n /** Ref for the sidebar toggle button; used by layout to move focus here when sidebar is collapsed. */\n sidebarToggleRef?: React.Ref<HTMLButtonElement>;\n}\n\nexport const HEADER_NAV_HEIGHT = 60;\n\nexport const HeaderNav = React.forwardRef<HTMLElement, HeaderNavProps>(function HeaderNav(\n {\n className,\n isSideNavOpen = false,\n onSideNavigationToggle,\n onHelpClick,\n onBrainfishNativeClick,\n accountName,\n accountPhoto,\n accountDropdownItems,\n teams,\n side,\n align,\n showSuggestionAction,\n suggestionAction,\n onSuggestionActionClick,\n onLogoNav,\n isHomePath = false,\n showSidebarToggle = true,\n isRightSidebarOpen = false,\n sidebarToggleRef,\n isSuperAdmin,\n isViewer,\n ...props\n },\n ref,\n) {\n const hasSuggestionAction = showSuggestionAction && !!suggestionAction && !!onSuggestionActionClick;\n const brainfishNativeEnabled = useBooleanFlagValue('platform.brainfish-native.enabled', false);\n const isHelpButtonEnabled = !isViewer;\n\n return (\n <header ref={ref} {...props} className={cn('px-4 py-3 relative', className)}>\n <nav aria-label=\"Account navigation\" className=\"flex justify-between items-center\">\n <div className=\"flex items-center gap-2\">\n <a\n href=\"/\"\n onClick={(e) => {\n const isPlainLeftClick = e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey;\n\n if (isPlainLeftClick) {\n e.preventDefault();\n onLogoNav();\n }\n }}\n aria-current={isHomePath ? 'page' : undefined}\n >\n <Logo\n variant=\"full\"\n color={isHomePath ? 'fill' : 'outline'}\n width={130}\n height={20}\n className=\"hidden md:block\"\n />\n <Logo\n variant=\"mark\"\n color={isHomePath ? 'fill' : 'outline'}\n width={37}\n height={20}\n className=\"block md:hidden\"\n />\n </a>\n {showSidebarToggle && (\n <Button\n ref={sidebarToggleRef}\n size=\"icon\"\n variant=\"ghost\"\n aria-label=\"Toggle side navigation\"\n className=\"[&_svg]:size-6\"\n onClick={onSideNavigationToggle}\n >\n <SidebarSimple aria-hidden=\"true\" weight={isSideNavOpen ? 'fill' : 'regular'} />\n </Button>\n )}\n </div>\n <div className=\"flex items-center gap-4\">\n {hasSuggestionAction && (\n <Button variant=\"suggestion\" onClick={onSuggestionActionClick}>\n <Lightning weight=\"fill\" aria-hidden=\"true\" /> {suggestionAction}\n </Button>\n )}\n {brainfishNativeEnabled && !isRightSidebarOpen && (\n <button\n type=\"button\"\n aria-label=\"Open Ask Brainfish\"\n className=\"flex items-center gap-2 rounded border border-dark-300 bg-surface py-1 pl-1 pr-1.5 cursor-pointer hover:bg-dark-200 active:bg-dark-400 focus-visible:outline-none\"\n onClick={onBrainfishNativeClick}\n >\n <AIBadge size={24} />\n <span className=\"text-xs font-normal text-dark-900 whitespace-nowrap\">Ask Brainfish</span>\n </button>\n )}\n <AccountDropdown\n accountName={accountName}\n accountPhoto={accountPhoto}\n accountDropdownItems={accountDropdownItems}\n teams={teams}\n side={side}\n align={align}\n isSuperAdmin={isSuperAdmin}\n />\n {isHelpButtonEnabled && (\n <Button\n size=\"icon\"\n variant=\"ghost\"\n aria-label=\"Open help\"\n className=\"[&_svg]:size-6 fixed z-10 bottom-1 left-1\"\n onClick={onHelpClick}\n >\n <Question aria-hidden=\"true\" />\n </Button>\n )}\n </div>\n </nav>\n </header>\n );\n});\n"],"names":["AccountDropdown","accountPhoto","accountName","accountDropdownItems","teams","side","align","isSuperAdmin","props","showTeamName","length","currentTeamName","find","el","isCurrent","name","initial","groups","Array","isArray","handleCopy","React","useCallback","value","onCopy","e","stopPropagation","navigator","clipboard","writeText","renderCopyRow","secondaryLabel","copyValue","createElement","className","Button","variant","size","onClick","Copy","DropdownMenu","DropdownMenuTrigger","asChild","Avatar","AvatarImage","src","alt","cn","AvatarFallback","AvatarBadge","Crown","DropdownMenuContent","map","group","groupIndex","Fragment","key","DropdownMenuSeparator","DropdownMenuGroup","item","type","DropdownMenuSub","id","DropdownMenuSubTrigger","secondaryRow","icon","label","DropdownMenuPortal","DropdownMenuSubContent","onValueChange","DropdownMenuRadioGroup","items","option","DropdownMenuRadioItem","shortcut","DropdownMenuShortcut","DropdownMenuItem","HEADER_NAV_HEIGHT","HeaderNav","forwardRef","isSideNavOpen","onSideNavigationToggle","onHelpClick","onBrainfishNativeClick","showSuggestionAction","suggestionAction","onSuggestionActionClick","onLogoNav","isHomePath","showSidebarToggle","isRightSidebarOpen","sidebarToggleRef","isViewer","ref","hasSuggestionAction","brainfishNativeEnabled","useBooleanFlagValue","isHelpButtonEnabled","href","button","metaKey","ctrlKey","shiftKey","altKey","preventDefault","Logo","color","width","height","SidebarSimple","weight","Lightning","AIBadge","Question"],"mappings":"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"}
package/dist/esm/chunks/{header-pane.qjpYA99q.js → header-pane.BBWfo7uv.js} RENAMED
@@ -1,15 +1,15 @@
1
- import e,{useContext as a,useState as t,useMemo as r,useRef as n,useEffect as l,useCallback as i,isValidElement as o}from"react";import{useMediaQuery as s}from"usehooks-ts";import{a as d,H as c}from"./header-nav.DR1jmsyS.js";import{cva as u}from"class-variance-authority";import{c as m}from"./utils.C6Qu-kwd.js";import{ScrollArea as h}from"../components/ui/scroll-area.js";import{F as f}from"./feature-flags.DOcVlPHk.js";import{Item as v}from"../components/ui/item.js";import{S as g}from"./sidebar.BhcrMAU3.js";const b=e.createContext(null),p=e.createContext(null);function w({value:a,children:t}){/* @__PURE__ */
1
+ import e,{useContext as a,useState as t,useMemo as r,useRef as n,useEffect as l,useCallback as i,isValidElement as o}from"react";import{useMediaQuery as s}from"usehooks-ts";import{a as d,H as c}from"./header-nav.CtUIc9pI.js";import{cva as u}from"class-variance-authority";import{c as m}from"./utils.C6Qu-kwd.js";import{ScrollArea as h}from"../components/ui/scroll-area.js";import{F as f}from"./feature-flags.DOcVlPHk.js";import{Item as v}from"../components/ui/item.js";import{S as g}from"./sidebar.BhcrMAU3.js";const b=e.createContext(null),p=e.createContext(null);function w({value:a,children:t}){/* @__PURE__ */
2
2
  return e.createElement(p.Provider,{value:a},t)}function y(){return e.useContext(p)}function N(){const a=e.useContext(p);if(!a)throw new Error("useRightSidebar must be used within a <FullLayout> component.");return{isOpen:a.isRightSidebarOpen,open:a.openRightSidebar,close:a.closeRightSidebar,toggle:a.toggleRightSidebar}}function E({children:a}){/* @__PURE__ */
3
3
  return e.createElement(e.Fragment,null,a)}function S({children:a}){/* @__PURE__ */
4
4
  return e.createElement(e.Fragment,null,a)}function x(a){const{onBrainfishNativeClick:t,...r}=a,n=y();if(!n)return null;/* @__PURE__ */
5
- return e.createElement(d,{...r,showSidebarToggle:!n.disableLeftSideNav,isSideNavOpen:n.isSideNavOpen,onSideNavigationToggle:n.toggleSidebar,onBrainfishNativeClick:()=>{n.toggleRightSidebar(),t?.()},sidebarToggleRef:n.sidebarToggleRef})}E.displayName="FullLayout.MainArea",S.displayName="FullLayout.Body",x.displayName="FullLayout.Header";const R=e.forwardRef(({open:a,widthPx:t,onResizeStart:r,onResizeKeyDown:n,ariaValuenow:l,ariaValuemin:i,ariaValuemax:o,sidebarProps:s,className:d,...c},u)=>/* @__PURE__ */e.createElement("div",{ref:u,id:"left-sidebar-pane","data-slot":"full-layout-left-sidebar",tabIndex:-1,"data-state":a?"open":"closed",className:m("min-w-0 overflow-hidden flex flex-col relative transition-[width] data-[state=closed]:w-0 data-[state=closed]:pointer-events-none data-[state=open]:w-full md:data-[state=open]:w-[var(--left-nav-width)]",d),style:{"--left-nav-width":`${t}px`},...c},
5
+ return e.createElement(d,{...r,showSidebarToggle:!n.disableLeftSideNav,isSideNavOpen:n.isSideNavOpen,isRightSidebarOpen:n.isRightSidebarOpen,onSideNavigationToggle:n.toggleSidebar,onBrainfishNativeClick:()=>{n.toggleRightSidebar(),t?.()},sidebarToggleRef:n.sidebarToggleRef})}E.displayName="FullLayout.MainArea",S.displayName="FullLayout.Body",x.displayName="FullLayout.Header";const R=e.forwardRef(({open:a,widthPx:t,onResizeStart:r,onResizeKeyDown:n,ariaValuenow:l,ariaValuemin:i,ariaValuemax:o,sidebarProps:s,className:d,...c},u)=>/* @__PURE__ */e.createElement("div",{ref:u,id:"left-sidebar-pane","data-slot":"full-layout-left-sidebar",tabIndex:-1,"data-state":a?"open":"closed",className:m("min-w-0 overflow-hidden flex flex-col relative transition-[width] data-[state=closed]:w-0 data-[state=closed]:pointer-events-none data-[state=open]:w-full md:data-[state=open]:w-[var(--left-nav-width)]",d),style:{"--left-nav-width":`${t}px`},...c},
6
6
  /* @__PURE__ */e.createElement(g,{...s,collapsed:!a,className:"transition-[width] w-[var(--left-nav-width)] h-[calc(100dvh-var(--header-nav-height,0))]"}),
7
7
  /* @__PURE__ */e.createElement("div",{role:"separator","aria-orientation":"vertical","aria-valuenow":l,"aria-valuemin":i,"aria-valuemax":o,"aria-label":"Resize left sidebar","aria-controls":"left-sidebar-pane","data-slot":"full-layout-left-sidebar-resize-handle",tabIndex:0,onMouseDown:r,onKeyDown:n,className:"hidden lg:block absolute top-0 right-0 bottom-0 w-1 bg-transparent hover:bg-blue-500 cursor-ew-resize shrink-0 [&>div]:pointer-events-none"},
8
8
  /* @__PURE__ */e.createElement("div",{className:"absolute inset-y-0 -right-1 w-3"}))));function L(t){const r=y(),n=a(b);if(!r)return null;if(r.disableLeftSideNav)return null;const l=null!=n?{...t,appNavActiveId:n.appNavActiveId??t.appNavActiveId,sectionNavActiveId:n.sectionNavActiveId??t.sectionNavActiveId,activeArticleId:n.activeArticleId??t.activeArticleId}:t;/* @__PURE__ */
9
9
  return e.createElement(R,{ref:r.sideNavRef,open:r.isSideNavOpen,widthPx:r.leftNavWidth,onResizeStart:r.handleResizeStart,onResizeKeyDown:r.handleResizeKeyDown,ariaValuenow:r.ariaValuenow,ariaValuemin:r.ariaValuemin,ariaValuemax:r.ariaValuemax,sidebarProps:l})}function M({children:a,className:t}){const r=y(),n=r?.disableMainScrollArea??!1;/* @__PURE__ */
10
10
  return e.createElement(v,{className:m("p-0",n&&"h-[calc(100dvh-var(--header-nav-height))] md:h-[calc(100dvh-var(--header-nav-height)-1rem)] min-h-0 overflow-y-auto p-4 md:p-8",t)},a)}R.displayName="FullLayoutLeftSidebar",L.displayName="FullLayout.LeftSidebar",M.displayName="FullLayout.Main";const k=e.forwardRef(({open:a,scrollable:t=!0,className:r,children:n,...l},i)=>/* @__PURE__ */e.createElement("aside",{ref:i,"data-slot":"full-layout-right-sidebar","data-state":a?"open":"closed",className:m("bg-background shadow-lg flex flex-col","fixed h-[calc(100dvh-var(--header-nav-height))] z-10 w-screen transition-transform duration-300 ease-in-out data-[state=closed]:translate-x-full data-[state=open]:translate-x-0","md:relative md:h-dvh md:w-96 md:top-0","border-dark-300 border-l border-r-0 border-t-0 border-b-0",r),...l},
11
- /* @__PURE__ */e.createElement("div",{className:"flex flex-col flex-1 min-h-0 overflow-hidden","data-slot":"full-layout-right-sidebar-content"},t?/* @__PURE__ */e.createElement(h,{className:"h-[calc(100dvh-var(--header-nav-height))] md:h-dvh"},n):n)));function A({children:a,scrollable:t}){const r=y();return r?/* @__PURE__ */e.createElement(k,{ref:r.rightSidebarRef,open:r.isRightSidebarOpen,scrollable:t,className:"top-[var(--header-nav-height)]"},a):null}k.displayName="FullLayoutRightSidebar",A.displayName="FullLayout.RightSidebar";const z=u("blurry-blob",{variants:{variant:{topLeft:"",bottomRight:"!top-auto !left-auto !-bottom-[10%] !right-0 rotate-180"}},defaultVariants:{variant:"topLeft"}}),F=()=>/* @__PURE__ */e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",className:"fixed top-0 left-0 w-0 h-0"},/* @__PURE__ */e.createElement("defs",null,/* @__PURE__ */e.createElement("filter",{id:"goo"},/* @__PURE__ */e.createElement("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"10",result:"blur"}),/* @__PURE__ */e.createElement("feColorMatrix",{in:"blur",mode:"matrix",values:"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -8",result:"goo"}),/* @__PURE__ */e.createElement("feBlend",{in:"SourceGraphic",in2:"goo"})))),C=({className:a,variant:t})=>/* @__PURE__ */e.createElement("div",{className:m(z({variant:t}),a)},/* @__PURE__ */e.createElement("div",{className:"gradients-container"},/* @__PURE__ */e.createElement("div",{className:"g1"}),/* @__PURE__ */e.createElement("div",{className:"g2"}),/* @__PURE__ */e.createElement("div",{className:"g3"}),/* @__PURE__ */e.createElement("div",{className:"g4"}))),O=600;function V(a,t){const r={},n=e.Children.toArray(a);for(const e of Object.keys(t)){const a=n.find(a=>o(a)&&a.type===t[e]);r[e]=a??null}return r}const I=e.memo(function({children:a,disableLeftSideNav:d=!1,disableMainScrollArea:u=!1,className:f,forceRightSidebarOpen:v=!1}){const[g,b]=t(()=>"undefined"!=typeof window&&window.innerWidth>767),[p,y]=t(v),[N,R]=t(!1),[k,z]=t(()=>"undefined"!=typeof window?window.innerWidth:0),I=r(()=>k>0?Math.max(260,Math.min(O,Math.round(.18*k))):260,[k]),[j,B]=t(I),D=n(null),T=n(null),_=n(null),H=n(null),W=n(g),K=n(null),P=s("(max-width: 767px)"),$=s("(min-width: 1280px)");l(()=>(document.body.querySelector(".sbdocs")||(document.body.style.overflow="hidden"),()=>{document.body.style.overflow=""}),[]),l(()=>{const e=H.current;if(!e)return;const a=new ResizeObserver(([e])=>{z(e.contentRect.width)});return a.observe(e),()=>a.disconnect()},[]);const G=i(e=>{$||("left"===e?y(!1):b(!1))},[$]),q=i(()=>{G("left"),b(!0),B(I),D.current?.focus()},[G,I]),X=i(()=>{G("left"),b(e=>!e)},[G]),J=i(()=>{G("right"),y(!0)},[G]),Q=i(()=>{y(!1)},[]),U=i(()=>{v||(G("right"),y(e=>!e))},[G,v]),Y=i(e=>e<228?(B(I),b(!1),!0):(B(Math.min(O,e)),!1),[I]),Z=i(e=>{e.preventDefault(),K.current=new AbortController,R(!0)},[]),ee=i(()=>{R(!1),document.body.style.cursor="",document.body.style.userSelect=""},[]),ae=i(e=>{N&&Y(e.clientX)&&ee()},[N,Y,ee]),te=i(()=>ee(),[ee]),re=i((e,a)=>{e&&(a?e.removeAttribute("inert"):e.setAttribute("inert",""))},[]);l(()=>{re(D.current,g),re(T.current,p)},[g,p]),l(()=>{if(!N||!K.current)return;const{signal:e}=K.current;return document.body.style.cursor="ew-resize",document.body.style.userSelect="none",document.addEventListener("mousemove",ae,{signal:e}),document.addEventListener("mouseup",te,{signal:e}),window.addEventListener("mouseup",te,{signal:e}),re(D.current,!1),()=>{K.current?.abort(),K.current=null,document.body.style.cursor="",document.body.style.userSelect="",re(D.current,!0)}},[N]);const ne=i(e=>{"ArrowLeft"===e.key?(e.preventDefault(),Y(j-16)):"ArrowRight"===e.key&&(e.preventDefault(),Y(Math.min(O,j+16)))},[j,Y]),le=d?0:g?P?k:j:0,ie=P?0:p?384:0;l(()=>{b(!P)},[P]),l(()=>{W.current&&!g&&_.current?.focus(),W.current=g},[g]);const oe=O-I,se=0===oe?100:Math.round((j-I)/oe*100),de=r(()=>({isSideNavOpen:g,isRightSidebarOpen:p,toggleSidebar:X,openRightSidebar:J,closeRightSidebar:Q,toggleRightSidebar:U,showSidenav:q,disableLeftSideNav:d??!1,leftNavWidth:j,isMobile:P,sideNavRef:D,rightSidebarRef:T,sidebarToggleRef:_,handleResizeStart:Z,handleResizeKeyDown:ne,ariaValuenow:se,ariaValuemin:0,ariaValuemax:100,disableMainScrollArea:u}),[g,p,X,J,Q,U,q,j,P,d,u,Z,ne,se]),{MainArea:ce,RightSidebar:ue}=V(a,{MainArea:E,RightSidebar:A}),me=o(ce)?ce.props.children:null,{Header:he,Body:fe}=V(me??null,{Header:x,Body:S}),ve=o(fe)?fe.props.children:null,{LeftSidebar:ge,Main:be}=V(ve??null,{LeftSidebar:L,Main:M}),pe=null!=ue,we="md:shadow-[2px_4px_12px_0_rgba(0,0,0,0.14)] md:dark:shadow-[2px_4px_12px_0_rgba(255,255,255,0.14)] md:rounded-lg";/* @__PURE__ */
12
- return e.createElement(w,{value:de},/* @__PURE__ */e.createElement(F,null),/* @__PURE__ */e.createElement(C,{variant:"topLeft"}),/* @__PURE__ */e.createElement(C,{variant:"bottomRight"}),/* @__PURE__ */e.createElement("div",{className:m("min-h-screen w-screen bg-background grid transition-[grid-template-columns] duration-300 ease-in-out",f),style:{gridTemplateColumns:pe?"minmax(0, 1fr) var(--right-col)":"minmax(0, 1fr)","--right-col":pe?`${ie}px`:"0px","--header-nav-height":`${c}px`}},
11
+ /* @__PURE__ */e.createElement("div",{className:"flex flex-col flex-1 min-h-0 overflow-hidden","data-slot":"full-layout-right-sidebar-content"},t?/* @__PURE__ */e.createElement(h,{className:"h-[calc(100dvh-var(--header-nav-height))] md:h-dvh"},n):n)));function A({children:a,scrollable:t}){const r=y();return r?/* @__PURE__ */e.createElement(k,{ref:r.rightSidebarRef,open:r.isRightSidebarOpen,scrollable:t,className:"top-[var(--header-nav-height)]"},a):null}k.displayName="FullLayoutRightSidebar",A.displayName="FullLayout.RightSidebar";const z=u("blurry-blob",{variants:{variant:{topLeft:"",bottomRight:"!top-auto !left-auto !-bottom-[10%] !right-0 rotate-180"}},defaultVariants:{variant:"topLeft"}}),F=()=>/* @__PURE__ */e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",className:"fixed top-0 left-0 w-0 h-0"},/* @__PURE__ */e.createElement("defs",null,/* @__PURE__ */e.createElement("filter",{id:"goo"},/* @__PURE__ */e.createElement("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"10",result:"blur"}),/* @__PURE__ */e.createElement("feColorMatrix",{in:"blur",mode:"matrix",values:"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -8",result:"goo"}),/* @__PURE__ */e.createElement("feBlend",{in:"SourceGraphic",in2:"goo"})))),O=({className:a,variant:t})=>/* @__PURE__ */e.createElement("div",{className:m(z({variant:t}),a)},/* @__PURE__ */e.createElement("div",{className:"gradients-container"},/* @__PURE__ */e.createElement("div",{className:"g1"}),/* @__PURE__ */e.createElement("div",{className:"g2"}),/* @__PURE__ */e.createElement("div",{className:"g3"}),/* @__PURE__ */e.createElement("div",{className:"g4"}))),C=600;function V(a,t){const r={},n=e.Children.toArray(a);for(const e of Object.keys(t)){const a=n.find(a=>o(a)&&a.type===t[e]);r[e]=a??null}return r}const I=e.memo(function({children:a,disableLeftSideNav:d=!1,disableMainScrollArea:u=!1,className:f,forceRightSidebarOpen:v=!1}){const[g,b]=t(()=>"undefined"!=typeof window&&window.innerWidth>767),[p,y]=t(v),[N,R]=t(!1),[k,z]=t(()=>"undefined"!=typeof window?window.innerWidth:0),I=r(()=>k>0?Math.max(260,Math.min(C,Math.round(.18*k))):260,[k]),[j,B]=t(I),D=n(null),T=n(null),_=n(null),H=n(null),W=n(g),K=n(null),P=s("(max-width: 767px)"),$=s("(min-width: 1280px)");l(()=>(document.body.querySelector(".sbdocs")||(document.body.style.overflow="hidden"),()=>{document.body.style.overflow=""}),[]),l(()=>{const e=H.current;if(!e)return;const a=new ResizeObserver(([e])=>{z(e.contentRect.width)});return a.observe(e),()=>a.disconnect()},[]);const G=i(e=>{$||("left"===e?y(!1):b(!1))},[$]),q=i(()=>{G("left"),b(!0),B(I),D.current?.focus()},[G,I]),X=i(()=>{G("left"),b(e=>!e)},[G]),J=i(()=>{G("right"),y(!0)},[G]),Q=i(()=>{y(!1)},[]),U=i(()=>{v||(G("right"),y(e=>!e))},[G,v]),Y=i(e=>e<228?(B(I),b(!1),!0):(B(Math.min(C,e)),!1),[I]),Z=i(e=>{e.preventDefault(),K.current=new AbortController,R(!0)},[]),ee=i(()=>{R(!1),document.body.style.cursor="",document.body.style.userSelect=""},[]),ae=i(e=>{N&&Y(e.clientX)&&ee()},[N,Y,ee]),te=i(()=>ee(),[ee]),re=i((e,a)=>{e&&(a?e.removeAttribute("inert"):e.setAttribute("inert",""))},[]);l(()=>{re(D.current,g),re(T.current,p)},[g,p]),l(()=>{if(!N||!K.current)return;const{signal:e}=K.current;return document.body.style.cursor="ew-resize",document.body.style.userSelect="none",document.addEventListener("mousemove",ae,{signal:e}),document.addEventListener("mouseup",te,{signal:e}),window.addEventListener("mouseup",te,{signal:e}),re(D.current,!1),()=>{K.current?.abort(),K.current=null,document.body.style.cursor="",document.body.style.userSelect="",re(D.current,!0)}},[N]);const ne=i(e=>{"ArrowLeft"===e.key?(e.preventDefault(),Y(j-16)):"ArrowRight"===e.key&&(e.preventDefault(),Y(Math.min(C,j+16)))},[j,Y]),le=d?0:g?P?k:j:0,ie=P?0:p?384:0;l(()=>{b(!P)},[P]),l(()=>{W.current&&!g&&_.current?.focus(),W.current=g},[g]);const oe=C-I,se=0===oe?100:Math.round((j-I)/oe*100),de=r(()=>({isSideNavOpen:g,isRightSidebarOpen:p,toggleSidebar:X,openRightSidebar:J,closeRightSidebar:Q,toggleRightSidebar:U,showSidenav:q,disableLeftSideNav:d??!1,leftNavWidth:j,isMobile:P,sideNavRef:D,rightSidebarRef:T,sidebarToggleRef:_,handleResizeStart:Z,handleResizeKeyDown:ne,ariaValuenow:se,ariaValuemin:0,ariaValuemax:100,disableMainScrollArea:u}),[g,p,X,J,Q,U,q,j,P,d,u,Z,ne,se]),{MainArea:ce,RightSidebar:ue}=V(a,{MainArea:E,RightSidebar:A}),me=o(ce)?ce.props.children:null,{Header:he,Body:fe}=V(me??null,{Header:x,Body:S}),ve=o(fe)?fe.props.children:null,{LeftSidebar:ge,Main:be}=V(ve??null,{LeftSidebar:L,Main:M}),pe=null!=ue,we="md:shadow-[2px_4px_12px_0_rgba(0,0,0,0.14)] md:dark:shadow-[2px_4px_12px_0_rgba(255,255,255,0.14)] md:rounded-lg";/* @__PURE__ */
12
+ return e.createElement(w,{value:de},/* @__PURE__ */e.createElement(F,null),/* @__PURE__ */e.createElement(O,{variant:"topLeft"}),/* @__PURE__ */e.createElement(O,{variant:"bottomRight"}),/* @__PURE__ */e.createElement("div",{className:m("min-h-screen w-screen bg-background grid transition-[grid-template-columns] duration-300 ease-in-out",f),style:{gridTemplateColumns:pe?"minmax(0, 1fr) var(--right-col)":"minmax(0, 1fr)","--right-col":pe?`${ie}px`:"0px","--header-nav-height":`${c}px`}},
13
13
  /* @__PURE__ */e.createElement("div",{className:"min-w-0 grid grid-rows-[auto_1fr]"},he,/* @__PURE__ */e.createElement("div",{ref:H,"data-sidenav-state":g?"open":"closed","data-right-sidebar-state":p?"open":"closed",className:m("group/sidenav group/rightsidebar min-h-0 min-w-0 grid transition-[grid-template-columns] ease-linear"),style:{gridTemplateColumns:"var(--left-col) minmax(0, 1fr)","--left-col":`${le}px`}},d?/* @__PURE__ */e.createElement("div",{className:"w-0"}):ge,
14
14
  /* @__PURE__ */e.createElement("div",{className:m("relative md:mr-4",{"md:mx-4":!g||d})},u?/* @__PURE__ */e.createElement("div",{className:m("bg-surface",we)},/* @__PURE__ */e.createElement("main",{className:"min-w-0 relative"},be)):/* @__PURE__ */e.createElement(e.Fragment,null,/* @__PURE__ */e.createElement(h,{className:m("bg-surface h-[calc(100dvh-var(--header-nav-height))] md:h-[calc(100dvh-var(--header-nav-height)-1rem)]",we)},
15
15
  /* @__PURE__ */e.createElement("div",{className:"min-h-full"},/* @__PURE__ */e.createElement("main",{className:m("min-w-0 overflow-visible relative p-4 md:p-8")},be))),/* @__PURE__ */e.createElement("div",{"aria-hidden":!0,className:"main-scroll-fade pointer-events-none sticky bottom-4 left-0 right-0 h-16 bg-gradient-to-t from-surface to-transparent md:rounded-b-lg"}))))),pe?ue:null))},function(e,a){return e.children===a.children&&e.className===a.className&&e.disableLeftSideNav===a.disableLeftSideNav&&e.disableMainScrollArea===a.disableMainScrollArea});const j=Object.assign(function(a){const{featureFlags:t,...r}=a;/* @__PURE__ */
@@ -17,4 +17,4 @@ return e.createElement(f,{flags:t},/* @__PURE__ */e.createElement(I,{...r}))},{M
17
17
  /* @__PURE__ */e.createElement("svg",{className:"size-6",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},/* @__PURE__ */e.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 6h16M4 12h16M4 18h16"}))),
18
18
  /* @__PURE__ */e.createElement("div",{"data-slot":"full-layout-header-center",className:"flex-1 min-w-0"},n),null!=t&&/* @__PURE__ */e.createElement("div",{"data-slot":"full-layout-header-trigger-right",className:"ml-auto"},/* @__PURE__ */e.createElement("button",{type:"button",onClick:t,className:"p-2 hover:bg-gray-100 rounded-lg transition-colors","aria-label":"Toggle chat"},
19
19
  /* @__PURE__ */e.createElement("svg",{className:"size-6",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},/* @__PURE__ */e.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z"}))))));B.displayName="FullLayoutHeader";export{j as F,B as a,R as b,b as c,w as d,k as e,N as f,y as u};
20
- //# sourceMappingURL=header-pane.qjpYA99q.js.map
20
+ //# sourceMappingURL=header-pane.BBWfo7uv.js.map
package/dist/esm/chunks/header-pane.BBWfo7uv.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"header-pane.BBWfo7uv.js","sources":["../../../src/layouts/full-layout/context.tsx","../../../src/layouts/full-layout/components/main-area.tsx","../../../src/layouts/full-layout/components/body.tsx","../../../src/layouts/full-layout/components/header.tsx","../../../src/layouts/full-layout/left-sidebar-pane.tsx","../../../src/layouts/full-layout/components/left-sidebar.tsx","../../../src/layouts/full-layout/components/main.tsx","../../../src/layouts/full-layout/right-sidebar-pane.tsx","../../../src/layouts/full-layout/components/right-sidebar.tsx","../../../src/layouts/full-layout/blurry-blob.tsx","../../../src/layouts/full-layout/layout.tsx","../../../src/layouts/full-layout/header-pane.tsx"],"sourcesContent":["import React from 'react';\n\n/** Nav state derived from route (e.g. active ids). Provided by Platform; when null, layout uses props only. */\nexport interface FullLayoutNavState {\n appNavActiveId?: string;\n sectionNavActiveId?: string;\n activeArticleId?: string;\n}\n\nconst FullLayoutNavStateContext = React.createContext<FullLayoutNavState | null>(null);\n\nexport { FullLayoutNavStateContext };\n\nexport interface FullLayoutContextValue {\n isSideNavOpen: boolean;\n isRightSidebarOpen: boolean;\n toggleSidebar: () => void;\n openRightSidebar: () => void;\n closeRightSidebar: () => void;\n toggleRightSidebar: () => void;\n showSidenav: () => void;\n disableLeftSideNav: boolean;\n leftNavWidth: number;\n isMobile: boolean;\n sideNavRef: React.RefObject<HTMLDivElement | null>;\n rightSidebarRef: React.RefObject<HTMLElement | null>;\n sidebarToggleRef: React.RefObject<HTMLButtonElement | null>;\n handleResizeStart: (e: React.MouseEvent) => void;\n handleResizeKeyDown: (e: React.KeyboardEvent) => void;\n ariaValuenow: number;\n ariaValuemin: number;\n ariaValuemax: number;\n /** Mirrors `FullLayout` prop; `FullLayout.Main` uses it for viewport height when Radix ScrollArea is off. */\n disableMainScrollArea: boolean;\n}\n\nconst FullLayoutContext = React.createContext<FullLayoutContextValue | null>(null);\n\nexport interface FullLayoutProviderProps {\n value: FullLayoutContextValue;\n children: React.ReactNode;\n}\n\nexport function FullLayoutProvider({ value, children }: FullLayoutProviderProps) {\n return <FullLayoutContext.Provider value={value}>{children}</FullLayoutContext.Provider>;\n}\n\nexport function useFullLayoutContext(): FullLayoutContextValue | null {\n return React.useContext(FullLayoutContext);\n}\n\nexport interface UseRightSidebarReturn {\n /** Whether the right sidebar is currently open. */\n isOpen: boolean;\n /** Open the right sidebar (no-op if already open). */\n open: () => void;\n /** Close the right sidebar (no-op if already closed). */\n close: () => void;\n /** Toggle the right sidebar open/closed. */\n toggle: () => void;\n}\n\n/**\n * Convenience hook for programmatically controlling the right sidebar.\n *\n * Must be used inside a `<FullLayout>` tree.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n * const rightSidebar = useRightSidebar();\n * return <button onClick={rightSidebar.open}>Open sidebar</button>;\n * }\n * ```\n */\nexport function useRightSidebar(): UseRightSidebarReturn {\n const ctx = React.useContext(FullLayoutContext);\n if (!ctx) {\n throw new Error('useRightSidebar must be used within a <FullLayout> component.');\n }\n\n return {\n isOpen: ctx.isRightSidebarOpen,\n open: ctx.openRightSidebar,\n close: ctx.closeRightSidebar,\n toggle: ctx.toggleRightSidebar,\n };\n}\n","import React from 'react';\n\nexport function MainArea({ children }: { children?: React.ReactNode }) {\n return <>{children}</>;\n}\nMainArea.displayName = 'FullLayout.MainArea';\n","import React from 'react';\n\nexport function Body({ children }: { children?: React.ReactNode }) {\n return <>{children}</>;\n}\nBody.displayName = 'FullLayout.Body';\n","import React, { ComponentProps } from 'react';\n\nimport { HeaderNav } from '../../header-nav';\nimport { useFullLayoutContext } from '../context';\n\nexport function Header(props: ComponentProps<typeof HeaderNav>) {\n const { onBrainfishNativeClick, ...rest } = props;\n const ctx = useFullLayoutContext();\n if (!ctx) return null;\n\n const handleNativeClick = () => {\n ctx.toggleRightSidebar();\n onBrainfishNativeClick?.();\n };\n\n return (\n <HeaderNav\n {...rest}\n showSidebarToggle={!ctx.disableLeftSideNav}\n isSideNavOpen={ctx.isSideNavOpen}\n isRightSidebarOpen={ctx.isRightSidebarOpen}\n onSideNavigationToggle={ctx.toggleSidebar}\n onBrainfishNativeClick={handleNativeClick}\n sidebarToggleRef={ctx.sidebarToggleRef as React.Ref<HTMLButtonElement>}\n />\n );\n}\nHeader.displayName = 'FullLayout.Header';\n","import React, { ComponentProps } from 'react';\n\nimport { Sidebar } from '../sidebar';\n\nimport { cn } from '@/lib/utils';\n\nexport interface FullLayoutLeftSidebarProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> {\n open: boolean;\n widthPx: number;\n onResizeStart: (e: React.MouseEvent) => void;\n onResizeKeyDown: (e: React.KeyboardEvent) => void;\n ariaValuenow: number;\n ariaValuemin: number;\n ariaValuemax: number;\n sidebarProps: ComponentProps<typeof Sidebar>;\n}\n\nconst FullLayoutLeftSidebar = React.forwardRef<HTMLDivElement, FullLayoutLeftSidebarProps>(\n (\n {\n open,\n widthPx,\n onResizeStart,\n onResizeKeyDown,\n ariaValuenow,\n ariaValuemin,\n ariaValuemax,\n sidebarProps,\n className,\n ...props\n },\n ref,\n ) => {\n return (\n <div\n ref={ref}\n id=\"left-sidebar-pane\"\n data-slot=\"full-layout-left-sidebar\"\n tabIndex={-1}\n data-state={open ? 'open' : 'closed'}\n className={cn(\n 'min-w-0 overflow-hidden flex flex-col relative transition-[width] data-[state=closed]:w-0 data-[state=closed]:pointer-events-none data-[state=open]:w-full md:data-[state=open]:w-[var(--left-nav-width)]',\n className,\n )}\n style={{\n ['--left-nav-width' as string]: `${widthPx}px`,\n }}\n {...props}\n >\n <Sidebar\n {...sidebarProps}\n collapsed={!open}\n className=\"transition-[width] w-[var(--left-nav-width)] h-[calc(100dvh-var(--header-nav-height,0))]\"\n />\n\n {/* Window Splitter per APG: https://www.w3.org/ARIA/apg/patterns/windowsplitter/ */}\n {/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- focusable separator per APG Window Splitter pattern */}\n <div\n role=\"separator\"\n aria-orientation=\"vertical\"\n aria-valuenow={ariaValuenow}\n aria-valuemin={ariaValuemin}\n aria-valuemax={ariaValuemax}\n aria-label=\"Resize left sidebar\"\n aria-controls=\"left-sidebar-pane\"\n data-slot=\"full-layout-left-sidebar-resize-handle\"\n /* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- focusable separator per APG Window Splitter pattern */\n tabIndex={0}\n onMouseDown={onResizeStart}\n onKeyDown={onResizeKeyDown}\n className=\"hidden lg:block absolute top-0 right-0 bottom-0 w-1 bg-transparent hover:bg-blue-500 cursor-ew-resize shrink-0 [&>div]:pointer-events-none\"\n >\n <div className=\"absolute inset-y-0 -right-1 w-3\" />\n </div>\n </div>\n );\n },\n);\n\nFullLayoutLeftSidebar.displayName = 'FullLayoutLeftSidebar';\n\nexport { FullLayoutLeftSidebar };\n","import React, { ComponentProps, useContext } from 'react';\n\nimport { Sidebar } from '../../sidebar';\nimport { FullLayoutNavStateContext, useFullLayoutContext } from '../context';\nimport { FullLayoutLeftSidebar } from '../left-sidebar-pane';\n\nexport function LeftSidebar(props: ComponentProps<typeof Sidebar>) {\n const ctx = useFullLayoutContext();\n const navState = useContext(FullLayoutNavStateContext);\n if (!ctx) return null;\n if (ctx.disableLeftSideNav) return null;\n\n const sidebarProps: ComponentProps<typeof Sidebar> =\n navState != null\n ? {\n ...props,\n appNavActiveId: navState.appNavActiveId ?? props.appNavActiveId,\n sectionNavActiveId: navState.sectionNavActiveId ?? props.sectionNavActiveId,\n activeArticleId: navState.activeArticleId ?? props.activeArticleId,\n }\n : props;\n\n return (\n <FullLayoutLeftSidebar\n ref={ctx.sideNavRef as React.Ref<HTMLDivElement>}\n open={ctx.isSideNavOpen}\n widthPx={ctx.leftNavWidth}\n onResizeStart={ctx.handleResizeStart}\n onResizeKeyDown={ctx.handleResizeKeyDown}\n ariaValuenow={ctx.ariaValuenow}\n ariaValuemin={ctx.ariaValuemin}\n ariaValuemax={ctx.ariaValuemax}\n sidebarProps={sidebarProps}\n />\n );\n}\nLeftSidebar.displayName = 'FullLayout.LeftSidebar';\n","import React from 'react';\n\nimport { useFullLayoutContext } from '../context';\n\nimport { Item } from '@/components/ui/item';\nimport { cn } from '@/lib/utils';\n\nexport function Main({ children, className }: { children?: React.ReactNode; className?: string }) {\n const ctx = useFullLayoutContext();\n const mainIsScrollContainer = ctx?.disableMainScrollArea ?? false;\n\n return (\n <Item\n className={cn(\n 'p-0',\n mainIsScrollContainer &&\n 'h-[calc(100dvh-var(--header-nav-height))] md:h-[calc(100dvh-var(--header-nav-height)-1rem)] min-h-0 overflow-y-auto p-4 md:p-8',\n className,\n )}\n >\n {children}\n </Item>\n );\n}\nMain.displayName = 'FullLayout.Main';\n","import React from 'react';\n\nimport { cn } from '@/lib/utils';\nimport { ScrollArea } from '@/components/ui/scroll-area';\n\nexport interface FullLayoutRightSidebarProps extends Omit<React.ComponentPropsWithoutRef<'aside'>, 'children'> {\n open: boolean;\n children: React.ReactNode;\n scrollable?: boolean;\n}\n\nconst FullLayoutRightSidebar = React.forwardRef<HTMLElement, FullLayoutRightSidebarProps>(\n ({ open, scrollable = true, className, children, ...props }, ref) => {\n return (\n <aside\n ref={ref as React.Ref<HTMLDivElement>}\n data-slot=\"full-layout-right-sidebar\"\n data-state={open ? 'open' : 'closed'}\n className={cn(\n 'bg-background shadow-lg flex flex-col',\n 'fixed h-[calc(100dvh-var(--header-nav-height))] z-10 w-screen transition-transform duration-300 ease-in-out data-[state=closed]:translate-x-full data-[state=open]:translate-x-0',\n 'md:relative md:h-dvh md:w-96 md:top-0',\n 'border-dark-300 border-l border-r-0 border-t-0 border-b-0',\n className,\n )}\n {...props}\n >\n <div className=\"flex flex-col flex-1 min-h-0 overflow-hidden\" data-slot=\"full-layout-right-sidebar-content\">\n {scrollable ? (\n <ScrollArea className=\"h-[calc(100dvh-var(--header-nav-height))] md:h-dvh\">{children}</ScrollArea>\n ) : (\n children\n )}\n </div>\n </aside>\n );\n },\n);\n\nFullLayoutRightSidebar.displayName = 'FullLayoutRightSidebar';\n\nexport { FullLayoutRightSidebar };\n","import React from 'react';\n\nimport { useFullLayoutContext } from '../context';\nimport { FullLayoutRightSidebar } from '../right-sidebar-pane';\n\nexport function RightSidebar({ children, scrollable }: { children?: React.ReactNode; scrollable?: boolean }) {\n const ctx = useFullLayoutContext();\n if (!ctx) return null;\n\n return (\n <FullLayoutRightSidebar\n ref={ctx.rightSidebarRef as React.Ref<HTMLElement>}\n open={ctx.isRightSidebarOpen}\n scrollable={scrollable}\n className=\"top-[var(--header-nav-height)]\"\n >\n {children}\n </FullLayoutRightSidebar>\n );\n}\nRightSidebar.displayName = 'FullLayout.RightSidebar';\n","import React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\n\nconst blurryBlob = cva('blurry-blob', {\n variants: {\n variant: {\n topLeft: '',\n bottomRight: '!top-auto !left-auto !-bottom-[10%] !right-0 rotate-180',\n },\n },\n defaultVariants: {\n variant: 'topLeft',\n },\n});\n\ninterface BlurryBlobProps extends VariantProps<typeof blurryBlob> {\n className?: string;\n}\n\nexport const GooFilter = () => (\n <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"fixed top-0 left-0 w-0 h-0\">\n <defs>\n <filter id=\"goo\">\n <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"10\" result=\"blur\" />\n <feColorMatrix in=\"blur\" mode=\"matrix\" values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -8\" result=\"goo\" />\n <feBlend in=\"SourceGraphic\" in2=\"goo\" />\n </filter>\n </defs>\n </svg>\n);\n\nconst BlurryBlob = ({ className, variant }: BlurryBlobProps) => {\n return (\n <div className={cn(blurryBlob({ variant }), className)}>\n <div className=\"gradients-container\">\n <div className=\"g1\" />\n <div className=\"g2\" />\n <div className=\"g3\" />\n <div className=\"g4\" />\n </div>\n </div>\n );\n};\n\nexport default BlurryBlob;\n","import React, { useState, useRef, useEffect, useCallback, isValidElement, useMemo } from 'react';\nimport { useMediaQuery } from 'usehooks-ts';\n\nimport { FullLayoutProvider } from './context';\nimport { HEADER_NAV_HEIGHT } from '../header-nav';\nimport * as Compounds from './components';\nimport BlurryBlob, { GooFilter } from './blurry-blob';\n\nimport { ScrollArea } from '@/components/ui/scroll-area';\nimport { FeatureFlagProvider } from '@/lib/feature-flags';\nimport type { FeatureFlags } from '@/lib/feature-flags';\nimport { cn } from '@/lib/utils';\n\nconst MIN_SIDENAV_WIDTH = 260;\nconst CLOSE_SIDENAV_THRESHOLD = MIN_SIDENAV_WIDTH - 32;\nconst MAX_SIDENAV_WIDTH = 600;\nconst RIGHT_SIDEBAR_WIDTH = 384;\n\nexport interface FullLayoutRootProps {\n children?: React.ReactNode;\n disableLeftSideNav?: boolean;\n /** When true, main column uses a plain div (no Radix ScrollArea); viewport height is applied on `FullLayout.Main`. */\n disableMainScrollArea?: boolean;\n className?: string;\n /** When true, the right sidebar is always open and cannot be toggled. */\n forceRightSidebarOpen?: boolean;\n}\n\n// Helper function to extract slots from children\nfunction extractSlots<T extends Record<string, React.ComponentType<any>>>(\n children: React.ReactNode,\n refs: T,\n): { [K in keyof T]: React.ReactElement | null } {\n const out = {} as { [K in keyof T]: React.ReactElement | null };\n const arr = React.Children.toArray(children);\n for (const key of Object.keys(refs) as (keyof T)[]) {\n const match = arr.find((c): c is React.ReactElement => isValidElement(c) && c.type === refs[key]);\n out[key] = match ?? null;\n }\n\n return out;\n}\n\n// --- Root component ---\n\nfunction FullLayoutRoot({\n children,\n disableLeftSideNav = false,\n disableMainScrollArea = false,\n className,\n forceRightSidebarOpen = false,\n}: FullLayoutRootProps) {\n // Match isMobile breakpoint (max-width: 767px) so no flash on 768–1023px\n const [isSideNavOpen, setIsSideNavOpen] = useState(() => typeof window !== 'undefined' && window.innerWidth > 767);\n const [isRightSidebarOpen, setIsRightSidebarOpen] = useState(forceRightSidebarOpen);\n const [isResizing, setIsResizing] = useState(false);\n const [gridWidth, setGridWidth] = useState(() => (typeof window !== 'undefined' ? window.innerWidth : 0));\n\n const newMinNavWidth = useMemo(\n () =>\n gridWidth > 0\n ? Math.max(MIN_SIDENAV_WIDTH, Math.min(MAX_SIDENAV_WIDTH, Math.round(gridWidth * 0.18)))\n : MIN_SIDENAV_WIDTH,\n [gridWidth],\n );\n const [leftNavWidth, setLeftNavWidth] = useState(newMinNavWidth);\n\n const sideNavRef = useRef<HTMLDivElement>(null);\n const rightSidebarRef = useRef<HTMLElement>(null);\n const sidebarToggleRef = useRef<HTMLButtonElement>(null);\n const gridRef = useRef<HTMLDivElement>(null);\n const prevSideNavOpenRef = useRef(isSideNavOpen);\n const resizeAcRef = useRef<AbortController | null>(null);\n const isMobile = useMediaQuery('(max-width: 767px)');\n const isWideDesktop = useMediaQuery('(min-width: 1280px)');\n\n // Prevent native scrollbar from appearing\n useEffect(() => {\n if (!document.body.querySelector('.sbdocs')) {\n document.body.style.overflow = 'hidden';\n }\n\n return () => {\n document.body.style.overflow = '';\n };\n }, []);\n\n // Handle grid width changes\n useEffect(() => {\n const el = gridRef.current;\n if (!el) return;\n\n const ro = new ResizeObserver(([entry]) => {\n setGridWidth(entry.contentRect.width);\n });\n ro.observe(el);\n\n return () => ro.disconnect();\n }, []);\n\n // Close other sidebar if opening a new one on wide desktop\n const closeOtherSidebar = useCallback(\n (opening: 'left' | 'right') => {\n if (isWideDesktop) return;\n if (opening === 'left') setIsRightSidebarOpen(false);\n else setIsSideNavOpen(false);\n },\n [isWideDesktop],\n );\n\n // Show left sidebar\n const showSidenav = useCallback(() => {\n closeOtherSidebar('left');\n setIsSideNavOpen(true);\n setLeftNavWidth(newMinNavWidth);\n sideNavRef.current?.focus();\n }, [closeOtherSidebar, newMinNavWidth]);\n\n // Toggle left sidebar\n const toggleSidebar = useCallback(() => {\n closeOtherSidebar('left');\n setIsSideNavOpen((prev) => !prev);\n }, [closeOtherSidebar]);\n\n // Open right sidebar (no-op if already open)\n const openRightSidebar = useCallback(() => {\n closeOtherSidebar('right');\n setIsRightSidebarOpen(true);\n }, [closeOtherSidebar]);\n\n // Close right sidebar (no-op if already closed)\n const closeRightSidebar = useCallback(() => {\n setIsRightSidebarOpen(false);\n }, []);\n\n // Toggle right sidebar\n const toggleRightSidebar = useCallback(() => {\n if (forceRightSidebarOpen) return;\n closeOtherSidebar('right');\n setIsRightSidebarOpen((prev) => !prev);\n }, [closeOtherSidebar, forceRightSidebarOpen]);\n\n // Apply left nav width - used for resizing left sidebar\n const applyLeftNavWidth = useCallback(\n (newWidth: number): boolean => {\n if (newWidth < CLOSE_SIDENAV_THRESHOLD) {\n setLeftNavWidth(newMinNavWidth);\n setIsSideNavOpen(false);\n\n return true;\n } else {\n // clamp to MAX_SIDENAV_WIDTH\n setLeftNavWidth(Math.min(MAX_SIDENAV_WIDTH, newWidth));\n\n return false;\n }\n },\n [newMinNavWidth],\n );\n\n // Handle resize start\n const handleResizeStart = useCallback((e: React.MouseEvent) => {\n e.preventDefault();\n resizeAcRef.current = new AbortController();\n setIsResizing(true);\n }, []);\n\n // Handle resize end\n const endResize = useCallback(() => {\n setIsResizing(false);\n document.body.style.cursor = '';\n document.body.style.userSelect = '';\n }, []);\n\n // Handle mouse move during resize\n const handleMouseMove = useCallback(\n (e: MouseEvent) => {\n if (!isResizing) return;\n if (applyLeftNavWidth(e.clientX)) {\n endResize();\n }\n },\n [isResizing, applyLeftNavWidth, endResize],\n );\n\n // Handle mouse up during resize\n const handleMouseUp = useCallback(() => endResize(), [endResize]);\n\n // Set inert attribute on side nav and right sidebar - disables tabbing to elements inside when sidebar is closed\n const setInert = useCallback((el: HTMLElement | null, open: boolean) => {\n if (!el) return;\n if (open) el.removeAttribute('inert');\n else el.setAttribute('inert', '');\n }, []);\n\n useEffect(() => {\n setInert(sideNavRef.current, isSideNavOpen);\n setInert(rightSidebarRef.current, isRightSidebarOpen);\n }, [isSideNavOpen, isRightSidebarOpen]);\n\n // Attach resize listeners when isResizing becomes true (controller already set in handleResizeStart)\n useEffect(() => {\n if (!isResizing || !resizeAcRef.current) return;\n\n const { signal } = resizeAcRef.current;\n document.body.style.cursor = 'ew-resize';\n document.body.style.userSelect = 'none';\n document.addEventListener('mousemove', handleMouseMove, { signal });\n document.addEventListener('mouseup', handleMouseUp, { signal });\n window.addEventListener('mouseup', handleMouseUp, { signal });\n setInert(sideNavRef.current, false);\n\n return () => {\n resizeAcRef.current?.abort();\n resizeAcRef.current = null;\n document.body.style.cursor = '';\n document.body.style.userSelect = '';\n setInert(sideNavRef.current, true);\n };\n }, [isResizing]);\n\n // Handle resize key down\n const handleResizeKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n const step = 16;\n if (e.key === 'ArrowLeft') {\n e.preventDefault();\n applyLeftNavWidth(leftNavWidth - step);\n } else if (e.key === 'ArrowRight') {\n e.preventDefault();\n applyLeftNavWidth(Math.min(MAX_SIDENAV_WIDTH, leftNavWidth + step));\n }\n },\n [leftNavWidth, applyLeftNavWidth],\n );\n\n const leftCol = disableLeftSideNav ? 0 : isSideNavOpen ? (isMobile ? gridWidth : leftNavWidth) : 0;\n const rightCol = isMobile ? 0 : isRightSidebarOpen ? RIGHT_SIDEBAR_WIDTH : 0;\n\n // Set left sidebar open state based on mobile\n useEffect(() => {\n setIsSideNavOpen(isMobile ? false : true);\n }, [isMobile]);\n\n // Focus sidebar toggle when left sidebar is closed\n useEffect(() => {\n if (prevSideNavOpenRef.current && !isSideNavOpen) {\n sidebarToggleRef.current?.focus();\n }\n prevSideNavOpenRef.current = isSideNavOpen;\n }, [isSideNavOpen]);\n\n const ariaRange = MAX_SIDENAV_WIDTH - newMinNavWidth;\n const ariaValuenow = ariaRange === 0 ? 100 : Math.round(((leftNavWidth - newMinNavWidth) / ariaRange) * 100);\n\n const layoutContextValue = useMemo(\n () => ({\n isSideNavOpen,\n isRightSidebarOpen,\n toggleSidebar,\n openRightSidebar,\n closeRightSidebar,\n toggleRightSidebar,\n showSidenav,\n disableLeftSideNav: disableLeftSideNav ?? false,\n leftNavWidth,\n isMobile,\n sideNavRef,\n rightSidebarRef,\n sidebarToggleRef,\n handleResizeStart,\n handleResizeKeyDown,\n ariaValuenow,\n ariaValuemin: 0,\n ariaValuemax: 100,\n disableMainScrollArea,\n }),\n [\n isSideNavOpen,\n isRightSidebarOpen,\n toggleSidebar,\n openRightSidebar,\n closeRightSidebar,\n toggleRightSidebar,\n showSidenav,\n leftNavWidth,\n isMobile,\n disableLeftSideNav,\n disableMainScrollArea,\n handleResizeStart,\n handleResizeKeyDown,\n ariaValuenow,\n ],\n );\n\n // --- Extract slots from children ---\n const { MainArea: mainArea, RightSidebar: rightSidebar } = extractSlots(children, {\n MainArea: Compounds.MainArea,\n RightSidebar: Compounds.RightSidebar,\n });\n const mainAreaChildren = isValidElement(mainArea)\n ? (mainArea.props as { children?: React.ReactNode }).children\n : null;\n const { Header: header, Body: body } = extractSlots(mainAreaChildren ?? null, {\n Header: Compounds.Header,\n Body: Compounds.Body,\n });\n const bodyChildren = isValidElement(body) ? (body.props as { children?: React.ReactNode }).children : null;\n const { LeftSidebar: leftSidebar, Main: main } = extractSlots(bodyChildren ?? null, {\n LeftSidebar: Compounds.LeftSidebar,\n Main: Compounds.Main,\n });\n\n const hasRightSidebar = rightSidebar != null;\n const mainPanelClasses =\n 'md:shadow-[2px_4px_12px_0_rgba(0,0,0,0.14)] md:dark:shadow-[2px_4px_12px_0_rgba(255,255,255,0.14)] md:rounded-lg';\n\n // --- Render the layout ---\n return (\n <FullLayoutProvider value={layoutContextValue}>\n <GooFilter />\n <BlurryBlob variant=\"topLeft\" />\n <BlurryBlob variant=\"bottomRight\" />\n <div\n className={cn(\n 'min-h-screen w-screen bg-background grid transition-[grid-template-columns] duration-300 ease-in-out',\n className,\n )}\n style={{\n gridTemplateColumns: hasRightSidebar ? 'minmax(0, 1fr) var(--right-col)' : 'minmax(0, 1fr)',\n ['--right-col' as string]: hasRightSidebar ? `${rightCol}px` : '0px',\n ['--header-nav-height' as string]: `${HEADER_NAV_HEIGHT}px`,\n }}\n >\n <div className=\"min-w-0 grid grid-rows-[auto_1fr]\">\n {header}\n\n <div\n ref={gridRef}\n data-sidenav-state={isSideNavOpen ? 'open' : 'closed'}\n data-right-sidebar-state={isRightSidebarOpen ? 'open' : 'closed'}\n className={cn(\n 'group/sidenav group/rightsidebar min-h-0 min-w-0 grid transition-[grid-template-columns] ease-linear',\n )}\n style={{\n gridTemplateColumns: `var(--left-col) minmax(0, 1fr)`,\n ['--left-col' as string]: `${leftCol}px`,\n }}\n >\n {disableLeftSideNav ? <div className=\"w-0\" /> : leftSidebar}\n <div className={cn('relative md:mr-4', { 'md:mx-4': !isSideNavOpen || disableLeftSideNav })}>\n {disableMainScrollArea ? (\n <div className={cn('bg-surface', mainPanelClasses)}>\n <main className=\"min-w-0 relative\">{main}</main>\n </div>\n ) : (\n <>\n <ScrollArea\n className={cn(\n 'bg-surface h-[calc(100dvh-var(--header-nav-height))] md:h-[calc(100dvh-var(--header-nav-height)-1rem)]',\n mainPanelClasses,\n )}\n >\n <div className=\"min-h-full\">\n <main className={cn('min-w-0 overflow-visible relative p-4 md:p-8')}>{main}</main>\n </div>\n </ScrollArea>\n <div\n aria-hidden\n className=\"main-scroll-fade pointer-events-none sticky bottom-4 left-0 right-0 h-16 bg-gradient-to-t from-surface to-transparent md:rounded-b-lg\"\n />\n </>\n )}\n </div>\n </div>\n </div>\n\n {hasRightSidebar ? rightSidebar : null}\n </div>\n </FullLayoutProvider>\n );\n}\n\n/**\n * Custom memo comparator: re-render only when these props change by reference/value.\n * Use this so changing other props (e.g. from a parent) does not force the layout shell to re-render.\n */\nfunction fullLayoutRootPropsAreEqual(prev: FullLayoutRootProps, next: FullLayoutRootProps): boolean {\n return (\n prev.children === next.children &&\n prev.className === next.className &&\n prev.disableLeftSideNav === next.disableLeftSideNav &&\n prev.disableMainScrollArea === next.disableMainScrollArea\n );\n}\n\nconst FullLayoutRootMemo = React.memo(FullLayoutRoot, fullLayoutRootPropsAreEqual);\n\nexport interface FullLayoutProps extends FullLayoutRootProps {\n /** Feature flags for layout/header (e.g. platform.brainfish-native.enabled). Passed through to FeatureFlagProvider. */\n featureFlags?: FeatureFlags;\n}\n\nfunction FullLayoutWithFlags(props: FullLayoutProps) {\n const { featureFlags, ...layoutProps } = props;\n\n return (\n <FeatureFlagProvider flags={featureFlags}>\n <FullLayoutRootMemo {...layoutProps} />\n </FeatureFlagProvider>\n );\n}\n\ntype FullLayoutCompound = typeof FullLayoutWithFlags & {\n MainArea: typeof Compounds.MainArea;\n Body: typeof Compounds.Body;\n Header: typeof Compounds.Header;\n LeftSidebar: typeof Compounds.LeftSidebar;\n Main: typeof Compounds.Main;\n RightSidebar: typeof Compounds.RightSidebar;\n};\n\nconst FullLayout: FullLayoutCompound = Object.assign(FullLayoutWithFlags, {\n MainArea: Compounds.MainArea,\n Body: Compounds.Body,\n Header: Compounds.Header,\n LeftSidebar: Compounds.LeftSidebar,\n Main: Compounds.Main,\n RightSidebar: Compounds.RightSidebar,\n});\n\nexport default FullLayout;\n","import React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport interface FullLayoutHeaderProps extends React.ComponentPropsWithoutRef<'header'> {\n onOpenLeft?: () => void;\n onOpenRight?: () => void;\n}\n\nconst FullLayoutHeader = React.forwardRef<HTMLElement, FullLayoutHeaderProps>(\n ({ onOpenLeft, onOpenRight, className, children, ...props }, ref) => {\n return (\n <header\n ref={ref as React.Ref<HTMLHeadingElement>}\n data-slot=\"full-layout-header\"\n className={cn('h-16 bg-white shadow-md flex items-center px-4 shrink-0 sticky top-0 z-20', className)}\n {...props}\n >\n {onOpenLeft != null && (\n <button\n data-slot=\"full-layout-header-trigger-left\"\n type=\"button\"\n onClick={onOpenLeft}\n className=\"p-2 hover:bg-gray-100 rounded-lg transition-colors mr-4 lg:hidden\"\n aria-label=\"Toggle menu\"\n >\n <svg className=\"size-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M4 6h16M4 12h16M4 18h16\" />\n </svg>\n </button>\n )}\n <div data-slot=\"full-layout-header-center\" className=\"flex-1 min-w-0\">\n {children}\n </div>\n {onOpenRight != null && (\n <div data-slot=\"full-layout-header-trigger-right\" className=\"ml-auto\">\n <button\n type=\"button\"\n onClick={onOpenRight}\n className=\"p-2 hover:bg-gray-100 rounded-lg transition-colors\"\n aria-label=\"Toggle chat\"\n >\n <svg className=\"size-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z\"\n />\n </svg>\n </button>\n </div>\n )}\n </header>\n );\n },\n);\n\nFullLayoutHeader.displayName = 'FullLayoutHeader';\n\nexport { FullLayoutHeader };\n"],"names":["FullLayoutNavStateContext","React","createContext","FullLayoutContext","FullLayoutProvider","value","children","createElement","Provider","useFullLayoutContext","useContext","useRightSidebar","ctx","Error","isOpen","isRightSidebarOpen","open","openRightSidebar","close","closeRightSidebar","toggle","toggleRightSidebar","MainArea","Body","Header","props","onBrainfishNativeClick","rest","HeaderNav","showSidebarToggle","disableLeftSideNav","isSideNavOpen","onSideNavigationToggle","toggleSidebar","sidebarToggleRef","displayName","FullLayoutLeftSidebar","forwardRef","widthPx","onResizeStart","onResizeKeyDown","ariaValuenow","ariaValuemin","ariaValuemax","sidebarProps","className","ref","id","tabIndex","cn","style","Sidebar","collapsed","role","onMouseDown","onKeyDown","LeftSidebar","navState","appNavActiveId","sectionNavActiveId","activeArticleId","sideNavRef","leftNavWidth","handleResizeStart","handleResizeKeyDown","Main","mainIsScrollContainer","disableMainScrollArea","Item","FullLayoutRightSidebar","scrollable","ScrollArea","RightSidebar","rightSidebarRef","blurryBlob","cva","variants","variant","topLeft","bottomRight","defaultVariants","GooFilter","xmlns","in","stdDeviation","result","mode","values","in2","BlurryBlob","MAX_SIDENAV_WIDTH","extractSlots","refs","out","arr","Children","toArray","key","Object","keys","match","find","c","isValidElement","type","FullLayoutRootMemo","memo","forceRightSidebarOpen","setIsSideNavOpen","useState","window","innerWidth","setIsRightSidebarOpen","isResizing","setIsResizing","gridWidth","setGridWidth","newMinNavWidth","useMemo","Math","max","min","round","setLeftNavWidth","useRef","gridRef","prevSideNavOpenRef","resizeAcRef","isMobile","useMediaQuery","isWideDesktop","useEffect","document","body","querySelector","overflow","el","current","ro","ResizeObserver","entry","contentRect","width","observe","disconnect","closeOtherSidebar","useCallback","opening","showSidenav","focus","prev","applyLeftNavWidth","newWidth","MIN_SIDENAV_WIDTH","e","preventDefault","AbortController","endResize","cursor","userSelect","handleMouseMove","clientX","handleMouseUp","setInert","removeAttribute","setAttribute","signal","addEventListener","abort","leftCol","rightCol","ariaRange","layoutContextValue","mainArea","rightSidebar","Compounds.MainArea","Compounds.RightSidebar","mainAreaChildren","header","Compounds.Header","Compounds.Body","bodyChildren","leftSidebar","main","Compounds.LeftSidebar","Compounds.Main","hasRightSidebar","mainPanelClasses","gridTemplateColumns","HEADER_NAV_HEIGHT","Fragment","next","FullLayout","assign","featureFlags","layoutProps","FeatureFlagProvider","flags","FullLayoutHeader","onOpenLeft","onOpenRight","onClick","fill","stroke","viewBox","strokeLinecap","strokeLinejoin","strokeWidth","d"],"mappings":"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"}
package/dist/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './global.css';/* empty css */export{BrainfishColors}from"./colors.js";export{C as ChatSearch,a as ChatSearchProvider,N as NextBestActionType,R as ResolvedConversationFooter,u as useChatSearch,b as useIsChatSearchDirty,v as validateUrlString}from"./chunks/ChatSearch.D5EABw51.js";export{C as ContextPillBadge,a as Conversation,b as ConversationActions,c as ConversationInput,d as ConversationMessageAssistant,e as ConversationMessageUser,f as ConversationMessages,g as ConversationProvider,h as ConversationStatus,i as ConversationSuggestions,j as getConversationStatusLabel,u as useConversation}from"./chunks/Conversation.Dq66Znf4.js";export{C as CodeBlock,F as FormattedMessage,M as MemoizedReactMarkdown,Z as ZoomableImage,a as addPopupWidgetUtm,b as addUtmParameters}from"./chunks/FormattedMessage.Djy5cn5F.js";export{MermaidDiagram}from"./chunks/MermaidDiagram.PRgXQ5Yh.js";export{Accordion,AccordionContent,AccordionItem,AccordionTrigger}from"./components/ui/accordion.js";export{AlertDialog,AlertDialogAction,AlertDialogCancel,AlertDialogContent,AlertDialogDescription,AlertDialogFooter,AlertDialogHeader,AlertDialogOverlay,AlertDialogPortal,AlertDialogTitle,AlertDialogTrigger}from"./components/ui/alert-dialog.js";export{Alert,AlertAction,AlertContent,AlertDescription,AlertTitle}from"./components/ui/alert.js";export{Avatar,AvatarBadge,AvatarFallback,AvatarGroup,AvatarGroupCount,AvatarImage}from"./components/ui/avatar.js";export{Badge,badgeVariants}from"./components/ui/badge.js";export{ButtonGroup,ButtonGroupSeparator,ButtonGroupText,buttonGroupVariants}from"./components/ui/button-group.js";export{B as Button,b as buttonVariants}from"./chunks/button.Cs1X8upM.js";export{Calendar}from"./components/ui/calendar.js";export{Card,CardContent,CardDescription,CardFooter,CardHeader,CardTitle}from"./components/ui/card.js";export{Collapsible,CollapsibleContent,CollapsibleTrigger}from"./components/ui/collapsible.js";export{Command,CommandDialog,CommandEmpty,CommandGroup,CommandInput,CommandItem,CommandList,CommandSeparator,CommandShortcut}from"./components/ui/command.js";export{Dialog,DialogClose,DialogContent,DialogDescription,DialogFooter,DialogHeader,DialogOverlay,DialogPortal,DialogTitle,DialogTrigger}from"./components/ui/dialog.js";export{DivButton,divButtonVariants}from"./components/ui/div-button.js";import{DropdownMenu as o,DropdownMenuTrigger as t,DropdownMenuContent as r,DropdownMenuItem as n}from"./components/ui/dropdown-menu.js";export{DropdownMenuCheckboxItem,DropdownMenuGroup,DropdownMenuLabel,DropdownMenuPortal,DropdownMenuRadioGroup,DropdownMenuRadioItem,DropdownMenuSeparator,DropdownMenuShortcut,DropdownMenuSub,DropdownMenuSubContent,DropdownMenuSubTrigger}from"./components/ui/dropdown-menu.js";export{Icon,MemoizedIcon}from"./components/ui/icon.js";export{Input}from"./components/ui/input.js";export{Item,ItemActions,ItemContent,ItemDescription,ItemFooter,ItemGroup,ItemHeader,ItemMedia,ItemSeparator,ItemTitle}from"./components/ui/item.js";export{Label}from"./components/ui/label.js";export{Popover,PopoverAnchor,PopoverContent,PopoverTrigger}from"./components/ui/popover.js";export{Progress}from"./components/ui/progress.js";export{RadioGroup,RadioGroupItem}from"./components/ui/radio-group.js";export{R as Ripple,a as RippleStatus,S as SweepText}from"./chunks/ripple-status.C20jzXjF.js";export{ScrollArea,ScrollBar}from"./components/ui/scroll-area.js";export{Select,SelectContent,SelectGroup,SelectItem,SelectLabel,SelectSeparator,SelectTrigger,SelectValue}from"./components/ui/select.js";export{Separator}from"./components/ui/separator.js";export{Sheet,SheetClose,SheetContent,SheetDescription,SheetFooter,SheetHeader,SheetOverlay,SheetPortal,SheetTitle,SheetTrigger}from"./components/ui/sheet.js";export{Spinner}from"./components/ui/spinner.js";export{Switch}from"./components/ui/switch.js";export{Table,TableBody,TableCaption,TableCell,TableFooter,TableHead,TableHeader,TableRow}from"./components/ui/table.js";export{Textarea}from"./components/ui/textarea.js";export{Tooltip,TooltipContent,TooltipProvider,TooltipTrigger}from"./components/ui/tooltip.js";export{C as Combobox}from"./chunks/combobox.CLT9CXUV.js";export{D as DataTable}from"./chunks/data-table.bjvbLk2u.js";export{D as DatePicker}from"./chunks/date-picker.D9CRxYJf.js";export{F as FileUpload,a as FileUploadStatus,f as formatFileSize}from"./chunks/file-upload-status.ClQeoQQB.js";export{F as Filter,a as Filters,O as Operator}from"./chunks/filters.BRlRsGlZ.js";export{F as FontPicker,a as FontPickerItem,c as clearFontCache,g as getCachedFonts,l as loadFont,s as setCachedFonts,u as useFontOptions}from"./chunks/font-picker.Dwwe5av-.js";export{I as InputWithTags}from"./chunks/input-with-tags.pmOKv67d.js";export{L as Logo}from"./chunks/logo.DtwFGMBj.js";export{C as ChatLogo}from"./chunks/chat-logo.CqPppEb9.js";export{A as AILogo,a as AILogoPaths}from"./chunks/ai-logo.Bh2bhNcG.js";export{S as SimpleSelect}from"./chunks/simpleSelect.CEUUfl3O.js";export{T as Trend,a as TrendValue}from"./chunks/trend-value.BPBDBsk2.js";export{T as TwoLevelCombobox}from"./chunks/two-level-combobox.SDv7qc_m.js";export{F as FullLayout,a as FullLayoutHeader,b as FullLayoutLeftSidebar,c as FullLayoutNavStateContext,d as FullLayoutProvider,e as FullLayoutRightSidebar,u as useFullLayoutContext,f as useRightSidebar}from"./chunks/header-pane.qjpYA99q.js";export{H as HEADER_NAV_HEIGHT,a as HeaderNav}from"./chunks/header-nav.DR1jmsyS.js";export{S as Sidebar,u as useSidebar}from"./chunks/sidebar.BhcrMAU3.js";export{MicrosoftTeamsLogo}from"./logos/microsoft-teams-logo.js";export{SlackLogo}from"./logos/slack-logo.js";export{MicrosoftLogo}from"./logos/microsoft-logo.js";export{R as ReviewList,a as ReviewListItem,b as ReviewsSelectionProvider,S as SuggestionCard,u as useReviewsSelection}from"./chunks/suggestion-card.TDn-dEc0.js";import{ChartBar as p,CreditCard as m}from"@phosphor-icons/react";import*as x from"react";import{c as k}from"./chunks/utils.C6Qu-kwd.js";function w({percentage:e,label:a="Queries",status:s,onViewPlan:i,onViewBilling:l}){/* @__PURE__ */
1
+ import './global.css';/* empty css */export{BrainfishColors}from"./colors.js";export{C as ChatSearch,a as ChatSearchProvider,N as NextBestActionType,R as ResolvedConversationFooter,u as useChatSearch,b as useIsChatSearchDirty,v as validateUrlString}from"./chunks/ChatSearch.D5EABw51.js";export{C as ContextPillBadge,a as Conversation,b as ConversationActions,c as ConversationInput,d as ConversationMessageAssistant,e as ConversationMessageUser,f as ConversationMessages,g as ConversationProvider,h as ConversationStatus,i as ConversationSuggestions,j as getConversationStatusLabel,u as useConversation}from"./chunks/Conversation.Dq66Znf4.js";export{C as CodeBlock,F as FormattedMessage,M as MemoizedReactMarkdown,Z as ZoomableImage,a as addPopupWidgetUtm,b as addUtmParameters}from"./chunks/FormattedMessage.Djy5cn5F.js";export{MermaidDiagram}from"./chunks/MermaidDiagram.PRgXQ5Yh.js";export{Accordion,AccordionContent,AccordionItem,AccordionTrigger}from"./components/ui/accordion.js";export{AlertDialog,AlertDialogAction,AlertDialogCancel,AlertDialogContent,AlertDialogDescription,AlertDialogFooter,AlertDialogHeader,AlertDialogOverlay,AlertDialogPortal,AlertDialogTitle,AlertDialogTrigger}from"./components/ui/alert-dialog.js";export{Alert,AlertAction,AlertContent,AlertDescription,AlertTitle}from"./components/ui/alert.js";export{Avatar,AvatarBadge,AvatarFallback,AvatarGroup,AvatarGroupCount,AvatarImage}from"./components/ui/avatar.js";export{Badge,badgeVariants}from"./components/ui/badge.js";export{ButtonGroup,ButtonGroupSeparator,ButtonGroupText,buttonGroupVariants}from"./components/ui/button-group.js";export{B as Button,b as buttonVariants}from"./chunks/button.Cs1X8upM.js";export{Calendar}from"./components/ui/calendar.js";export{Card,CardContent,CardDescription,CardFooter,CardHeader,CardTitle}from"./components/ui/card.js";export{Collapsible,CollapsibleContent,CollapsibleTrigger}from"./components/ui/collapsible.js";export{Command,CommandDialog,CommandEmpty,CommandGroup,CommandInput,CommandItem,CommandList,CommandSeparator,CommandShortcut}from"./components/ui/command.js";export{Dialog,DialogClose,DialogContent,DialogDescription,DialogFooter,DialogHeader,DialogOverlay,DialogPortal,DialogTitle,DialogTrigger}from"./components/ui/dialog.js";export{DivButton,divButtonVariants}from"./components/ui/div-button.js";import{DropdownMenu as o,DropdownMenuTrigger as t,DropdownMenuContent as r,DropdownMenuItem as n}from"./components/ui/dropdown-menu.js";export{DropdownMenuCheckboxItem,DropdownMenuGroup,DropdownMenuLabel,DropdownMenuPortal,DropdownMenuRadioGroup,DropdownMenuRadioItem,DropdownMenuSeparator,DropdownMenuShortcut,DropdownMenuSub,DropdownMenuSubContent,DropdownMenuSubTrigger}from"./components/ui/dropdown-menu.js";export{Icon,MemoizedIcon}from"./components/ui/icon.js";export{Input}from"./components/ui/input.js";export{Item,ItemActions,ItemContent,ItemDescription,ItemFooter,ItemGroup,ItemHeader,ItemMedia,ItemSeparator,ItemTitle}from"./components/ui/item.js";export{Label}from"./components/ui/label.js";export{Popover,PopoverAnchor,PopoverContent,PopoverTrigger}from"./components/ui/popover.js";export{Progress}from"./components/ui/progress.js";export{RadioGroup,RadioGroupItem}from"./components/ui/radio-group.js";export{R as Ripple,a as RippleStatus,S as SweepText}from"./chunks/ripple-status.C20jzXjF.js";export{ScrollArea,ScrollBar}from"./components/ui/scroll-area.js";export{Select,SelectContent,SelectGroup,SelectItem,SelectLabel,SelectSeparator,SelectTrigger,SelectValue}from"./components/ui/select.js";export{Separator}from"./components/ui/separator.js";export{Sheet,SheetClose,SheetContent,SheetDescription,SheetFooter,SheetHeader,SheetOverlay,SheetPortal,SheetTitle,SheetTrigger}from"./components/ui/sheet.js";export{Spinner}from"./components/ui/spinner.js";export{Switch}from"./components/ui/switch.js";export{Table,TableBody,TableCaption,TableCell,TableFooter,TableHead,TableHeader,TableRow}from"./components/ui/table.js";export{Textarea}from"./components/ui/textarea.js";export{Tooltip,TooltipContent,TooltipProvider,TooltipTrigger}from"./components/ui/tooltip.js";export{C as Combobox}from"./chunks/combobox.CLT9CXUV.js";export{D as DataTable}from"./chunks/data-table.bjvbLk2u.js";export{D as DatePicker}from"./chunks/date-picker.D9CRxYJf.js";export{F as FileUpload,a as FileUploadStatus,f as formatFileSize}from"./chunks/file-upload-status.ClQeoQQB.js";export{F as Filter,a as Filters,O as Operator}from"./chunks/filters.BRlRsGlZ.js";export{F as FontPicker,a as FontPickerItem,c as clearFontCache,g as getCachedFonts,l as loadFont,s as setCachedFonts,u as useFontOptions}from"./chunks/font-picker.Dwwe5av-.js";export{I as InputWithTags}from"./chunks/input-with-tags.pmOKv67d.js";export{L as Logo}from"./chunks/logo.DtwFGMBj.js";export{C as ChatLogo}from"./chunks/chat-logo.CqPppEb9.js";export{A as AILogo,a as AILogoPaths}from"./chunks/ai-logo.Bh2bhNcG.js";export{S as SimpleSelect}from"./chunks/simpleSelect.CEUUfl3O.js";export{T as Trend,a as TrendValue}from"./chunks/trend-value.BPBDBsk2.js";export{T as TwoLevelCombobox}from"./chunks/two-level-combobox.SDv7qc_m.js";export{F as FullLayout,a as FullLayoutHeader,b as FullLayoutLeftSidebar,c as FullLayoutNavStateContext,d as FullLayoutProvider,e as FullLayoutRightSidebar,u as useFullLayoutContext,f as useRightSidebar}from"./chunks/header-pane.BBWfo7uv.js";export{H as HEADER_NAV_HEIGHT,a as HeaderNav}from"./chunks/header-nav.CtUIc9pI.js";export{S as Sidebar,u as useSidebar}from"./chunks/sidebar.BhcrMAU3.js";export{MicrosoftTeamsLogo}from"./logos/microsoft-teams-logo.js";export{SlackLogo}from"./logos/slack-logo.js";export{MicrosoftLogo}from"./logos/microsoft-logo.js";export{R as ReviewList,a as ReviewListItem,b as ReviewsSelectionProvider,S as SuggestionCard,u as useReviewsSelection}from"./chunks/suggestion-card.TDn-dEc0.js";import{ChartBar as p,CreditCard as m}from"@phosphor-icons/react";import*as x from"react";import{c as k}from"./chunks/utils.C6Qu-kwd.js";function w({percentage:e,label:a="Queries",status:s,onViewPlan:i,onViewBilling:l}){/* @__PURE__ */
2
2
  return x.createElement(o,null,/* @__PURE__ */x.createElement(t,{asChild:!0},/* @__PURE__ */x.createElement("button",{type:"button",className:k("flex items-center gap-1.5 rounded border bg-surface py-1 pl-2 pr-2.5","text-xs font-normal text-dark-900 cursor-pointer","hover:bg-dark-200 active:bg-dark-400","focus-visible:outline-none","transition-colors",{"border-yellow-500/50":"warning"===s,"border-red-500/50":"reached"===s}),"aria-label":`${a} usage: ${e}%`},
3
3
  /* @__PURE__ */x.createElement("span",{className:k("h-2 w-2 shrink-0 rounded-full",{"bg-yellow-500":"warning"===s,"bg-red-500":"reached"===s}),"aria-hidden":"true"}),
4
4
  /* @__PURE__ */x.createElement("span",{className:"whitespace-nowrap"},e,"% of ",a," used"),
package/dist/esm/layouts/full-layout.js CHANGED
@@ -1,2 +1,2 @@
1
- export{F as FullLayout,a as FullLayoutHeader,b as FullLayoutLeftSidebar,c as FullLayoutNavStateContext,d as FullLayoutProvider,e as FullLayoutRightSidebar,u as useFullLayoutContext,f as useRightSidebar}from"../chunks/header-pane.qjpYA99q.js";
1
+ export{F as FullLayout,a as FullLayoutHeader,b as FullLayoutLeftSidebar,c as FullLayoutNavStateContext,d as FullLayoutProvider,e as FullLayoutRightSidebar,u as useFullLayoutContext,f as useRightSidebar}from"../chunks/header-pane.BBWfo7uv.js";
2
2
  //# sourceMappingURL=full-layout.js.map
package/dist/esm/layouts/header-nav.js CHANGED
@@ -1,2 +1,2 @@
1
- export{H as HEADER_NAV_HEIGHT,a as HeaderNav}from"../chunks/header-nav.DR1jmsyS.js";
1
+ export{H as HEADER_NAV_HEIGHT,a as HeaderNav}from"../chunks/header-nav.CtUIc9pI.js";
2
2
  //# sourceMappingURL=header-nav.js.map
package/dist/full-layout.d.ts CHANGED
@@ -227,6 +227,7 @@ declare interface HeaderNavProps extends React_2.ComponentPropsWithoutRef<'heade
227
227
  suggestionAction?: React_2.ReactNode;
228
228
  onSuggestionActionClick?: () => void;
229
229
  showSidebarToggle?: boolean;
230
+ isRightSidebarOpen?: boolean;
230
231
  isSuperAdmin?: boolean;
231
232
  isViewer?: boolean;
232
233
  /** Ref for the sidebar toggle button; used by layout to move focus here when sidebar is collapsed. */
package/dist/header-nav.d.ts CHANGED
@@ -95,6 +95,7 @@ declare interface HeaderNavProps extends React_2.ComponentPropsWithoutRef<'heade
95
95
  suggestionAction?: React_2.ReactNode;
96
96
  onSuggestionActionClick?: () => void;
97
97
  showSidebarToggle?: boolean;
98
+ isRightSidebarOpen?: boolean;
98
99
  isSuperAdmin?: boolean;
99
100
  isViewer?: boolean;
100
101
  /** Ref for the sidebar toggle button; used by layout to move focus here when sidebar is collapsed. */
package/dist/index.d.ts CHANGED
@@ -1626,6 +1626,7 @@ declare interface HeaderNavProps extends React_2.ComponentPropsWithoutRef<'heade
1626
1626
  suggestionAction?: React_2.ReactNode;
1627
1627
  onSuggestionActionClick?: () => void;
1628
1628
  showSidebarToggle?: boolean;
1629
+ isRightSidebarOpen?: boolean;
1629
1630
  isSuperAdmin?: boolean;
1630
1631
  isViewer?: boolean;
1631
1632
  /** Ref for the sidebar toggle button; used by layout to move focus here when sidebar is collapsed. */