@brainfish-ai/components 0.35.7 → 0.35.8

package/dist/esm/chunks/{header-nav.BjLSOrkO.js → header-nav.BY2ppP8j.js}

@@ -1,4 +1,4 @@
-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"},
+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.C7qRaFMP.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.DtKoarLP.js";import{u as _}from"./feature-flags.DOcVlPHk.js";import{A}from"./ai-badge.BxsWnJJZ.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"},
 /* @__PURE__ */e.createElement(t,{className:"size-3"})));/* @__PURE__ */
 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"},
 /* @__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__ */
@@ -9,4 +9,4 @@ return e.createElement("header",{ref:V,...T,className:C("px-4 py-3 relative",a)}
 /* @__PURE__ */e.createElement(r,{"aria-hidden":"true"})),/* @__PURE__ */e.createElement(z,{accountName:u,accountPhoto:d,accountDropdownItems:p,teams:g,side:b,align:h,isSuperAdmin:S}),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},
 /* @__PURE__ */e.createElement(A,{size:24}),
 /* @__PURE__ */e.createElement("span",{className:"text-xs font-normal text-dark-900 whitespace-nowrap"},"Ask Brainfish")))))});export{S as H,j as a};
-//# sourceMappingURL=header-nav.BjLSOrkO.js.map
+//# sourceMappingURL=header-nav.BY2ppP8j.js.map

package/dist/esm/chunks/{header-nav.BjLSOrkO.js.map → header-nav.BY2ppP8j.js.map}

@@ -1 +1 @@
-{"version":3,"file":"header-nav.BjLSOrkO.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          {isHelpButtonEnabled && (\n            <Button\n              size=\"icon\"\n              variant=\"ghost\"\n              aria-label=\"Open help\"\n              className=\"[&_svg]:size-6\"\n              onClick={onHelpClick}\n            >\n              <Question aria-hidden=\"true\" />\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          {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        </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","Question","AIBadge"],"mappings":"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"}
+{"version":3,"file":"header-nav.BY2ppP8j.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          {isHelpButtonEnabled && (\n            <Button\n              size=\"icon\"\n              variant=\"ghost\"\n              aria-label=\"Open help\"\n              className=\"[&_svg]:size-6\"\n              onClick={onHelpClick}\n            >\n              <Question aria-hidden=\"true\" />\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          {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        </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","Question","AIBadge"],"mappings":"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"}

package/dist/esm/chunks/{header-pane.C0x3UKVB.js → header-pane.DCGet3RZ.js}

@@ -1,4 +1,4 @@
-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.BjLSOrkO.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.BUQR4qJs.js";const b=e.createContext(null),p=e.createContext(null);function w({value:a,children:t}){/* @__PURE__ */
+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.BY2ppP8j.js";import{cva as u}from"class-variance-authority";import{c as m}from"./utils.DtKoarLP.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.tGcs3r4O.js";const b=e.createContext(null),p=e.createContext(null);function w({value:a,children:t}){/* @__PURE__ */
 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__ */
 return e.createElement(e.Fragment,null,a)}function S({children:a}){/* @__PURE__ */
 return e.createElement(e.Fragment,null,a)}function x(a){const{onBrainfishNativeClick:t,...r}=a,n=y();if(!n)return null;/* @__PURE__ */
@@ -17,4 +17,4 @@ return e.createElement(f,{flags:t},/* @__PURE__ */e.createElement(I,{...r}))},{M
 /* @__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"}))),
 /* @__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"},
 /* @__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};
-//# sourceMappingURL=header-pane.C0x3UKVB.js.map
+//# sourceMappingURL=header-pane.DCGet3RZ.js.map

package/dist/esm/chunks/{header-pane.C0x3UKVB.js.map → header-pane.DCGet3RZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"header-pane.C0x3UKVB.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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"}
+{"version":3,"file":"header-pane.DCGet3RZ.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/chunks/{hooks.BQTKhHSv.js → hooks.DjDPgQm6.js}

@@ -1,2 +1,2 @@
-import{useState as e,useCallback as t,useEffect as r,useMemo as s}from"react";import{createId as n}from"@paralleldrive/cuid2";import{b as a}from"./formatDate.D2xEZm8f.js";let o={...{maxRetries:3,baseDelay:1e3,shouldRetry:e=>{if(e instanceof TypeError)return!0;const t=e;return!!t.status&&t.status>=500}}},i={emptyResponse:"I apologize, but I couldn't generate an answer at this time. Please try again.",errorResponse:"I encountered an error while processing your request. Please try again."};async function d(e){return new Promise(t=>setTimeout(t,e))}async function c(e,t={}){const{retry:r={},headers:s={},body:n,isStream:a=!1,fallback:c={},...u}=t,l={...o,...r},y={...i,...c};let h=1;for(;;)try{const t=await fetch(e,{...u,headers:{"Content-Type":"application/json",...s},body:n?JSON.stringify(n):void 0});if(t.ok){if(a){if(!t.ok)throw new Error("Failed to fetch answer");return t}const e=await t.json();if(!e||"object"==typeof e&&0===Object.keys(e).length){const e=new Error(y.emptyResponse);throw e.name="EmptyResponseError",e}return e}const r=new Error(y.errorResponse);throw r.status=t.status,r.data=await t.json().catch(()=>{}),r}catch(p){const e=await Promise.resolve(l.shouldRetry(p,h));if(h>=l.maxRetries||!e){if(p instanceof Error&&"EmptyResponseError"===p.name)return{message:p.message};throw p}console.warn(`Request failed, attempt ${h} of ${l.maxRetries}. Retrying...`);const t=.3*Math.random()+.85;await d(l.baseDelay*Math.pow(2,h-1)*t),h++}}const u={maxRetries:3,baseDelay:300,shouldRetry:e=>{if(e instanceof TypeError)return!0;const t=e;return!!t.status&&(t.status>=500||429===t.status)}},l={maxRetries:3,baseDelay:500,shouldRetry:e=>{if(e instanceof TypeError)return!0;const t=e;return!!t.status&&t.status>=500}};async function y({endpoint:e,query:t,collectionId:r,headers:s,conversationId:n,attributes:a,secretAttributes:o,allowedRegions:i,source:d}){let l;l=Array.isArray(r)?r.length>0?r:void 0:r&&"all"!==r?r:void 0;const y=await c(e,{method:"POST",headers:s,retry:u,body:{query:t,limit:5,...l&&{collectionId:l},...n&&{conversationId:n},...a&&{attributes:a},...o&&{secretAttributes:o},...i&&{allowedRegions:i},...d&&{source:d}}});return{results:y?.data,searchQueryId:y?.searchQuery?.id,isAgenticResponse:y?.isAgenticResponse}}async function h({endpoint:e,headers:t,body:r}){return c(e,{method:"POST",headers:t,retry:l,isStream:!0,fallback:{emptyResponse:"I apologize, but I couldn't generate an answer for your query. Please try rephrasing your question.",errorResponse:"I encountered an issue while generating the answer. Please try again in a moment."},body:r})}function p(){return n()}async function f({endpoint:e,conversationId:t,file:r,headers:s}){const n=new FormData;n.append("file",r),n.append("conversationId",t);const a=await fetch(e,{method:"POST",headers:s,body:n});if(!a.ok)throw new Error(`Upload failed with status ${a.status}`);return{publicUrl:(await a.json()).data.publicUrl}}async function m({endpoint:e,searchQueryId:t,response:r,headers:s,conversationId:n}){await c(e,{method:"POST",headers:s,body:{searchQueryId:t,response:r,...n&&{conversationId:n}}})}async function w({endpoint:e,searchQueryId:t,reason:r,headers:s}){await c(e,{method:"POST",headers:s,body:{searchQueryId:t,reason:r}})}async function g({endpoint:e,conversationId:t,headers:r,signal:s}){return{data:(await c(e,{method:"POST",headers:r,body:{conversationId:t},signal:s})).data}}async function I({endpoint:e,searchQueryId:t,headers:r,conversationId:s}){return(await c(e,{method:"POST",headers:r,body:{searchQueryId:t,...s}})).questions}async function b({endpoint:e,headers:t,externalUserId:r}){let s;try{s=new URL(e)}catch{return Promise.reject(new TypeError(`Invalid conversation history endpoint: ${e}`))}r&&s.searchParams.set("externalUserId",r);return(await c(s.toString(),{method:"GET",headers:t})).data.map(e=>({conversationId:e.conversationId,title:e.title,status:e.status,timestamp:a(new Date(e.lastActivityAt??e.createdAt)),isHandoff:e.isHandoff,agentAvatarUrl:e.agentAvatarUrl,subtitle:e.agentName?`${e.agentName}`:void 0,hasUnread:e.hasUnread??!1}))}async function v({endpoint:e,conversationId:t,headers:r}){await c(e,{method:"POST",headers:r,body:{conversationId:t}})}async function R({endpoint:e,conversationId:t,headers:r}){await c(e,{method:"PATCH",headers:r,body:{conversationId:t}})}function T({query:s,endpoint:n,allowedRegions:a,collectionId:o,headers:i,conversationId:d,delay:l=300}){const[y,h]=e([]),[p,f]=e(!1),[m,w]=e(),g=function(t,s){const[n,a]=e(t);return r(()=>{const e=setTimeout(()=>{a(t)},s);return()=>{clearTimeout(e)}},[t,s]),n}(s,l),I=t(async()=>{if(g.trim()){f(!0),w(void 0);try{const e=await async function({endpoint:e,query:t,collectionId:r,headers:s,conversationId:n,allowedRegions:a}){return await c(e,{method:"POST",headers:s,retry:u,body:{query:t,...r&&"all"!==r&&{collectionId:r},...n&&{conversationId:n},...a&&{allowedRegions:a}}})}({endpoint:n,query:g,collectionId:o,headers:i,conversationId:d,allowedRegions:a});if(e?.response?.results){const t=g.toLowerCase(),r=e.response.results.sort((e,r)=>{const s=e.question.toLowerCase().startsWith(t),n=r.question.toLowerCase().startsWith(t);return s&&!n?-1:!s&&n?1:0});h(r)}else h([])}catch(e){console.error("Error fetching autocomplete suggestions:",e),w(e instanceof Error?e.message:"Failed to fetch suggestions"),h([])}finally{f(!1)}}else h([])},[g,n,o,i,d,a]);return r(()=>{I()},[I]),{suggestions:y,isLoading:p,error:m}}function P(){return s(()=>({contains:(e,t)=>e.toLowerCase().includes(t.toLowerCase())}),[])}export{f as a,R as b,p as c,T as d,m as e,b as f,y as g,h,I as i,g as l,v as m,w as s,P as u};
-//# sourceMappingURL=hooks.BQTKhHSv.js.map
+import{useState as e,useCallback as t,useEffect as r,useMemo as s}from"react";import{createId as n}from"@paralleldrive/cuid2";import{b as a}from"./formatDate.D2xEZm8f.js";let o={...{maxRetries:3,baseDelay:1e3,shouldRetry:e=>{if(e instanceof TypeError)return!0;const t=e;return!!t.status&&t.status>=500}}},i={emptyResponse:"I apologize, but I couldn't generate an answer at this time. Please try again.",errorResponse:"I encountered an error while processing your request. Please try again."};async function d(e){return new Promise(t=>setTimeout(t,e))}async function c(e,t={}){const{retry:r={},headers:s={},body:n,isStream:a=!1,fallback:c={},...u}=t,l={...o,...r},y={...i,...c};let h=1;for(;;)try{const t=await fetch(e,{...u,headers:{"Content-Type":"application/json",...s},body:n?JSON.stringify(n):void 0});if(t.ok){if(a){if(!t.ok)throw new Error("Failed to fetch answer");return t}const e=await t.json();if(!e||"object"==typeof e&&0===Object.keys(e).length){const e=new Error(y.emptyResponse);throw e.name="EmptyResponseError",e}return e}const r=new Error(y.errorResponse);throw r.status=t.status,r.data=await t.json().catch(()=>{}),r}catch(p){const e=await Promise.resolve(l.shouldRetry(p,h));if(h>=l.maxRetries||!e){if(p instanceof Error&&"EmptyResponseError"===p.name)return{message:p.message};throw p}console.warn(`Request failed, attempt ${h} of ${l.maxRetries}. Retrying...`);const t=.3*Math.random()+.85;await d(l.baseDelay*Math.pow(2,h-1)*t),h++}}const u={maxRetries:3,baseDelay:300,shouldRetry:e=>{if(e instanceof TypeError)return!0;const t=e;return!!t.status&&(t.status>=500||429===t.status)}},l={maxRetries:3,baseDelay:500,shouldRetry:e=>{if(e instanceof TypeError)return!0;const t=e;return!!t.status&&t.status>=500}};async function y({endpoint:e,query:t,collectionId:r,headers:s,conversationId:n,attributes:a,secretAttributes:o,allowedRegions:i,source:d}){let l;l=Array.isArray(r)?r.length>0?r:void 0:r&&"all"!==r?r:void 0;const y=await c(e,{method:"POST",headers:s,retry:u,body:{query:t,limit:5,...l&&{collectionId:l},...n&&{conversationId:n},...a&&{attributes:a},...o&&{secretAttributes:o},...i&&{allowedRegions:i},...d&&{source:d}}});return{results:y?.data,searchQueryId:y?.searchQuery?.id,isAgenticResponse:y?.isAgenticResponse}}async function h({endpoint:e,headers:t,body:r}){return c(e,{method:"POST",headers:t,retry:l,isStream:!0,fallback:{emptyResponse:"I apologize, but I couldn't generate an answer for your query. Please try rephrasing your question.",errorResponse:"I encountered an issue while generating the answer. Please try again in a moment."},body:r})}function p(){return n()}async function f({endpoint:e,conversationId:t,file:r,headers:s}){const n=new FormData;n.append("file",r),n.append("conversationId",t);const a=await fetch(e,{method:"POST",headers:s,body:n});if(!a.ok)throw new Error(`Upload failed with status ${a.status}`);return{publicUrl:(await a.json()).data.publicUrl}}async function m({endpoint:e,searchQueryId:t,response:r,headers:s,conversationId:n}){await c(e,{method:"POST",headers:s,body:{searchQueryId:t,response:r,...n&&{conversationId:n}}})}async function w({endpoint:e,searchQueryId:t,reason:r,headers:s}){await c(e,{method:"POST",headers:s,body:{searchQueryId:t,reason:r}})}async function g({endpoint:e,conversationId:t,headers:r,signal:s}){return{data:(await c(e,{method:"POST",headers:r,body:{conversationId:t},signal:s})).data}}async function I({endpoint:e,searchQueryId:t,headers:r,conversationId:s}){return(await c(e,{method:"POST",headers:r,body:{searchQueryId:t,...s}})).questions}async function b({endpoint:e,headers:t,externalUserId:r}){let s;try{s=new URL(e)}catch{return Promise.reject(new TypeError(`Invalid conversation history endpoint: ${e}`))}r&&s.searchParams.set("externalUserId",r);return(await c(s.toString(),{method:"GET",headers:t})).data.map(e=>({conversationId:e.conversationId,title:e.title,status:e.status,timestamp:a(new Date(e.lastActivityAt??e.createdAt)),isHandoff:e.isHandoff??!1,agentAvatarUrl:e.agentAvatarUrl,subtitle:e.agentName?`${e.agentName}`:void 0,hasUnread:e.hasUnread??!1}))}async function v({endpoint:e,conversationId:t,headers:r}){await c(e,{method:"POST",headers:r,body:{conversationId:t}})}async function R({endpoint:e,conversationId:t,headers:r}){await c(e,{method:"PATCH",headers:r,body:{conversationId:t}})}function T({query:s,endpoint:n,allowedRegions:a,collectionId:o,headers:i,conversationId:d,delay:l=300}){const[y,h]=e([]),[p,f]=e(!1),[m,w]=e(),g=function(t,s){const[n,a]=e(t);return r(()=>{const e=setTimeout(()=>{a(t)},s);return()=>{clearTimeout(e)}},[t,s]),n}(s,l),I=t(async()=>{if(g.trim()){f(!0),w(void 0);try{const e=await async function({endpoint:e,query:t,collectionId:r,headers:s,conversationId:n,allowedRegions:a}){return await c(e,{method:"POST",headers:s,retry:u,body:{query:t,...r&&"all"!==r&&{collectionId:r},...n&&{conversationId:n},...a&&{allowedRegions:a}}})}({endpoint:n,query:g,collectionId:o,headers:i,conversationId:d,allowedRegions:a});if(e?.response?.results){const t=g.toLowerCase(),r=e.response.results.sort((e,r)=>{const s=e.question.toLowerCase().startsWith(t),n=r.question.toLowerCase().startsWith(t);return s&&!n?-1:!s&&n?1:0});h(r)}else h([])}catch(e){console.error("Error fetching autocomplete suggestions:",e),w(e instanceof Error?e.message:"Failed to fetch suggestions"),h([])}finally{f(!1)}}else h([])},[g,n,o,i,d,a]);return r(()=>{I()},[I]),{suggestions:y,isLoading:p,error:m}}function P(){return s(()=>({contains:(e,t)=>e.toLowerCase().includes(t.toLowerCase())}),[])}export{f as a,R as b,p as c,T as d,m as e,b as f,y as g,h,I as i,g as l,v as m,w as s,P as u};
+//# sourceMappingURL=hooks.DjDPgQm6.js.map

package/dist/esm/chunks/hooks.DjDPgQm6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.DjDPgQm6.js","sources":["../../../src/lib/fetchClient.ts","../../../src/lib/api.ts","../../../src/lib/hooks.ts"],"sourcesContent":["interface RetryOptions {\n  maxRetries?: number;\n  baseDelay?: number;\n  shouldRetry?: (error: Error, attempt: number) => boolean | Promise<boolean>;\n}\n\ninterface FallbackConfig {\n  emptyResponse?: string;\n  errorResponse?: string;\n}\n\ninterface RequestConfig<T> extends Omit<RequestInit, 'body'> {\n  retry?: RetryOptions;\n  body?: T;\n  isStream?: boolean;\n  fallback?: FallbackConfig;\n}\n\ninterface APIError extends Error {\n  status?: number;\n  data?: unknown;\n}\n\nconst defaultRetryOptions: Required<RetryOptions> = {\n  maxRetries: 3,\n  baseDelay: 1000,\n  shouldRetry: (error: Error) => {\n    // By default, retry on network errors and 5xx server errors\n    if (error instanceof TypeError) {\n      return true; // Network errors\n    }\n\n    const apiError = error as APIError;\n\n    return apiError.status ? apiError.status >= 500 : false;\n  },\n};\n\nconst defaultFallbackConfig: Required<FallbackConfig> = {\n  emptyResponse: \"I apologize, but I couldn't generate an answer at this time. Please try again.\",\n  errorResponse: 'I encountered an error while processing your request. Please try again.',\n};\n\nlet globalRetryOptions: Required<RetryOptions> = { ...defaultRetryOptions };\nlet globalFallbackConfig: Required<FallbackConfig> = { ...defaultFallbackConfig };\n\nexport function configureRetry(options: RetryOptions): void {\n  globalRetryOptions = {\n    ...defaultRetryOptions,\n    ...options,\n  };\n}\n\nexport function configureFallback(config: FallbackConfig): void {\n  globalFallbackConfig = {\n    ...defaultFallbackConfig,\n    ...config,\n  };\n}\n\nasync function delay(ms: number): Promise<void> {\n  return new Promise((resolve) => setTimeout(resolve, ms));\n}\n\nexport async function makeRequest<TResponse, TBody = unknown>(url: string | URL, config: RequestConfig<TBody> = {}): Promise<TResponse> {\n  const { retry = {}, headers = {}, body, isStream = false, fallback = {}, ...fetchConfig } = config;\n  const retryOptions = {\n    ...globalRetryOptions,\n    ...retry,\n  };\n  const fallbackOptions = {\n    ...globalFallbackConfig,\n    ...fallback,\n  };\n\n  let attempt = 1;\n\n  while (true) {\n    try {\n      const response = await fetch(url, {\n        ...fetchConfig,\n        headers: {\n          'Content-Type': 'application/json',\n          ...headers,\n        },\n        body: body ? JSON.stringify(body) : undefined,\n      });\n\n      if (response.ok) {\n        // For streaming responses, return the response object directly\n        if (isStream) {\n          if (!response.ok) {\n            throw new Error('Failed to fetch answer');\n          }\n\n          return response as unknown as TResponse;\n        }\n\n        const data = await response.json();\n        // Check for empty response in JSON\n        if (!data || (typeof data === 'object' && Object.keys(data).length === 0)) {\n          const emptyError = new Error(fallbackOptions.emptyResponse);\n          emptyError.name = 'EmptyResponseError';\n          throw emptyError;\n        }\n\n        return data as TResponse;\n      }\n\n      const error = new Error(fallbackOptions.errorResponse) as APIError;\n      error.status = response.status;\n      error.data = await response.json().catch(() => undefined);\n      throw error;\n    } catch (error) {\n      const shouldAttemptRetry = await Promise.resolve(retryOptions.shouldRetry(error as Error, attempt));\n\n      if (attempt >= retryOptions.maxRetries || !shouldAttemptRetry) {\n        if (error instanceof Error && error.name === 'EmptyResponseError') {\n          return { message: error.message } as TResponse;\n        }\n        throw error;\n      }\n\n      console.warn(`Request failed, attempt ${attempt} of ${retryOptions.maxRetries}. Retrying...`);\n\n      // Exponential backoff with jitter to prevent thundering herd\n      const jitter = Math.random() * 0.3 + 0.85; // Random between 0.85-1.15\n      await delay(retryOptions.baseDelay * Math.pow(2, attempt - 1) * jitter);\n      attempt++;\n    }\n  }\n}\n","import { createId } from '@paralleldrive/cuid2';\n\nimport { makeRequest } from './fetchClient';\n\nimport {\n  SearchResponse,\n  FeedbackResponse,\n  APIFeedbackResponse,\n  SearchResult,\n  ActionInputs,\n  ClientExecutionResult,\n  SearchQueryAttributes,\n  ConversationSummary,\n  ConversationHistoryResponse,\n} from '@/components/chat-search/types';\nimport { formatDistance } from '@/lib/formatDate';\n\n// Retry configurations for different endpoints\nconst searchRetryConfig = {\n  maxRetries: 3,\n  baseDelay: 300, // Start with 300ms delay\n  shouldRetry: (error: Error) => {\n    if (error instanceof TypeError) {\n      return true; // Network errors\n    }\n    const apiError = error as { status?: number };\n    // Retry on server errors (5xx) and rate limits (429)\n\n    return apiError.status ? apiError.status >= 500 || apiError.status === 429 : false;\n  },\n};\n\nconst answerRetryConfig = {\n  maxRetries: 3,\n  baseDelay: 500, // Start with 500ms delay for streaming responses\n  shouldRetry: (error: Error) => {\n    if (error instanceof TypeError) {\n      return true; // Network errors\n    }\n    const apiError = error as { status?: number };\n    // Only retry on server errors, not on client errors\n\n    return apiError.status ? apiError.status >= 500 : false;\n  },\n};\n\ninterface APISearchResponse {\n  data: Array<{\n    id: string;\n    title: string;\n    url: string;\n  }>;\n  searchQuery: {\n    id: string;\n  };\n  isAgenticResponse?: boolean;\n}\n\nexport async function searchApi({\n  endpoint,\n  query,\n  collectionId,\n  headers,\n  conversationId,\n  attributes,\n  secretAttributes,\n  allowedRegions,\n  source,\n}: {\n  endpoint: string;\n  query: string;\n  collectionId?: string | string[];\n  headers?: Record<string, string>;\n  conversationId?: string;\n  attributes?: SearchQueryAttributes;\n  secretAttributes?: string;\n  allowedRegions?: string[];\n  source?: string;\n}): Promise<SearchResponse> {\n  let resolvedCollectionId: string | string[] | undefined;\n  if (Array.isArray(collectionId)) {\n    resolvedCollectionId = collectionId.length > 0 ? collectionId : undefined;\n  } else {\n    resolvedCollectionId = collectionId && collectionId !== 'all' ? collectionId : undefined;\n  }\n\n  const payload = await makeRequest<\n    APISearchResponse,\n    {\n      query: string;\n      limit: number;\n      collectionId?: string | string[];\n      conversationId?: string;\n      source?: string;\n    }\n  >(endpoint, {\n    method: 'POST',\n    headers,\n    retry: searchRetryConfig,\n    body: {\n      query,\n      limit: 5,\n      ...(resolvedCollectionId && { collectionId: resolvedCollectionId }),\n      ...(conversationId && { conversationId }),\n      ...(attributes && { attributes }),\n      ...(secretAttributes && { secretAttributes }),\n      ...(allowedRegions && { allowedRegions }),\n      ...(source && { source }),\n    },\n  });\n\n  return {\n    results: payload?.data,\n    searchQueryId: payload?.searchQuery?.id,\n    isAgenticResponse: payload?.isAgenticResponse,\n  };\n}\n\nexport async function fetchAnswer({\n  endpoint,\n  searchQueryId,\n  headers,\n  conversationId,\n}: {\n  endpoint: string;\n  searchQueryId: string;\n  headers?: Record<string, string>;\n  conversationId?: string;\n}): Promise<Response> {\n  return makeRequest<\n    Response,\n    {\n      searchQueryId: string;\n      conversationId?: string;\n    }\n  >(endpoint, {\n    method: 'POST',\n    headers,\n    retry: answerRetryConfig,\n    isStream: true,\n    fallback: {\n      emptyResponse: \"I apologize, but I couldn't generate an answer for your query. Please try rephrasing your question.\",\n      errorResponse: 'I encountered an issue while generating the answer. Please try again in a moment.',\n    },\n    body: {\n      searchQueryId,\n      ...(conversationId && { conversationId }),\n    },\n  });\n}\n\nexport async function fetchAnswerStream({\n  endpoint,\n  headers,\n  body,\n}: {\n  endpoint: string;\n  headers?: Record<string, string>;\n  body:\n    | {\n        type: 'generate-for-query';\n        conversationId?: string;\n        searchQueryId: string;\n        profileId?: string;\n        context?: { type: 'text'; text: string }[];\n        attachments?: { type: string; url: string; filename?: string }[];\n        parameters?: ActionInputs;\n      }\n    | {\n        type: 'invoke-action';\n        conversationId?: string;\n        searchQueryId: string;\n        searchIntentId: string;\n        actionId: string;\n        parameters: ActionInputs;\n        profileId?: string;\n      }\n    | {\n        type: 'client-execution-result';\n        conversationId?: string;\n        searchQueryId: string;\n        searchIntentId: string;\n        actionId: string;\n        results: ClientExecutionResult;\n        profileId?: string;\n      };\n}): Promise<Response> {\n  return makeRequest<Response, typeof body>(endpoint, {\n    method: 'POST',\n    headers,\n    retry: answerRetryConfig,\n    isStream: true,\n    fallback: {\n      emptyResponse: \"I apologize, but I couldn't generate an answer for your query. Please try rephrasing your question.\",\n      errorResponse: 'I encountered an issue while generating the answer. Please try again in a moment.',\n    },\n    body,\n  });\n}\n\n// Helper function to generate a unique conversation ID\nexport function createConversationId(): string {\n  return createId();\n}\n\nexport async function uploadFileToApi({\n  endpoint,\n  conversationId,\n  file,\n  headers,\n}: {\n  endpoint: string;\n  conversationId: string;\n  file: File;\n  headers?: Record<string, string>;\n}): Promise<{ publicUrl: string }> {\n  const formData = new FormData();\n  formData.append('file', file);\n  formData.append('conversationId', conversationId);\n\n  const response = await fetch(endpoint, {\n    method: 'POST',\n    headers,\n    body: formData,\n  });\n\n  if (!response.ok) {\n    throw new Error(`Upload failed with status ${response.status}`);\n  }\n\n  const json = (await response.json()) as { data: { publicUrl: string } };\n\n  return { publicUrl: json.data.publicUrl };\n}\n\nexport async function sendFeedback({\n  endpoint,\n  searchQueryId,\n  response,\n  headers,\n  conversationId,\n}: {\n  endpoint: string;\n  searchQueryId: string;\n  response: FeedbackResponse;\n  headers?: Record<string, string>;\n  conversationId?: string;\n}): Promise<void> {\n  await makeRequest<\n    void,\n    {\n      searchQueryId: string;\n      response: FeedbackResponse;\n      conversationId?: string;\n    }\n  >(endpoint, {\n    method: 'POST',\n    headers,\n    body: {\n      searchQueryId,\n      response,\n      ...(conversationId && { conversationId }),\n    },\n  });\n}\n\nexport async function sendFeedbackReason({\n  endpoint,\n  searchQueryId,\n  reason,\n  headers,\n}: {\n  endpoint: string;\n  searchQueryId: string;\n  reason: string;\n  headers?: Record<string, string>;\n  conversationId?: string;\n}): Promise<void> {\n  await makeRequest<\n    void,\n    {\n      searchQueryId: string;\n      reason: string;\n      conversationId?: string;\n    }\n  >(endpoint, {\n    method: 'POST',\n    headers,\n    body: {\n      searchQueryId,\n      reason,\n    },\n  });\n}\n\nexport interface ConversationResponse {\n  data: Array<{\n    question: string;\n    answer: string | null;\n    searchQueryId: string;\n    searchResults?: SearchResult[];\n    searchIntentId?: string;\n    feedback?: APIFeedbackResponse;\n  }>;\n}\n\nexport async function loadConversation({\n  endpoint,\n  conversationId,\n  headers,\n  signal,\n}: {\n  endpoint: string;\n  conversationId: string;\n  headers?: Record<string, string>;\n  signal?: AbortSignal;\n}): Promise<{ data: ConversationResponse['data'] }> {\n  const payload = await makeRequest<\n    ConversationResponse,\n    {\n      conversationId: string;\n    }\n  >(endpoint, {\n    method: 'POST',\n    headers,\n    body: { conversationId },\n    signal,\n  });\n\n  return { data: payload.data };\n}\n\ninterface FollowUpQuestionsResponse {\n  questions: string[];\n}\n\nexport async function fetchFollowUpQuestions({\n  endpoint,\n  searchQueryId,\n  headers,\n  conversationId,\n}: {\n  endpoint: string;\n  searchQueryId: string;\n  headers?: Record<string, string>;\n  conversationId?: string;\n}): Promise<string[]> {\n  const data = await makeRequest<\n    FollowUpQuestionsResponse,\n    {\n      searchQueryId: string;\n      conversationId?: string;\n    }\n  >(endpoint, {\n    method: 'POST',\n    headers,\n    body: {\n      searchQueryId,\n      ...(conversationId && { conversationId }),\n    },\n  });\n\n  return data.questions;\n}\n\ninterface AutocompleteResponse {\n  response: {\n    results: Array<{\n      id: string;\n      question: string;\n    }>;\n  };\n}\n\nexport async function fetchAutocomplete({\n  endpoint,\n  query,\n  collectionId,\n  headers,\n  conversationId,\n  allowedRegions,\n}: {\n  endpoint: string;\n  query: string;\n  collectionId?: string;\n  headers?: Record<string, string>;\n  conversationId?: string;\n  allowedRegions?: string[];\n}): Promise<AutocompleteResponse> {\n  const data = await makeRequest<\n    AutocompleteResponse,\n    {\n      query: string;\n      collectionId?: string;\n      conversationId?: string;\n      allowedRegions?: string[];\n    }\n  >(endpoint, {\n    method: 'POST',\n    headers,\n    retry: searchRetryConfig,\n    body: {\n      query,\n      ...(collectionId && collectionId !== 'all' && { collectionId }),\n      ...(conversationId && { conversationId }),\n      ...(allowedRegions && { allowedRegions }),\n    },\n  });\n\n  return data;\n}\n\nexport async function fetchConversationHistory({\n  endpoint,\n  headers,\n  externalUserId,\n}: {\n  endpoint: string;\n  headers?: Record<string, string>;\n  externalUserId?: string;\n}): Promise<ConversationSummary[]> {\n  let url: URL;\n  try {\n    url = new URL(endpoint);\n  } catch {\n    return Promise.reject(new TypeError(`Invalid conversation history endpoint: ${endpoint}`));\n  }\n\n  if (externalUserId) url.searchParams.set('externalUserId', externalUserId);\n\n  const payload = await makeRequest<ConversationHistoryResponse>(url.toString(), {\n    method: 'GET',\n    headers,\n  });\n\n  return payload.data.map((item) => ({\n    conversationId: item.conversationId,\n    title: item.title,\n    status: item.status,\n    timestamp: formatDistance(new Date(item.lastActivityAt ?? item.createdAt)),\n    isHandoff: item.isHandoff ?? false,\n    agentAvatarUrl: item.agentAvatarUrl,\n    subtitle: item.agentName ? `${item.agentName}` : undefined,\n    hasUnread: item.hasUnread ?? false,\n  }));\n}\n\nexport async function markConversationRead({\n  endpoint,\n  conversationId,\n  headers,\n}: {\n  endpoint: string;\n  conversationId: string;\n  headers?: Record<string, string>;\n}): Promise<void> {\n  await makeRequest(endpoint, {\n    method: 'POST',\n    headers,\n    body: { conversationId },\n  });\n}\n\nexport async function markConversationCompleted({\n  endpoint,\n  conversationId,\n  headers,\n}: {\n  endpoint: string;\n  conversationId: string;\n  headers?: Record<string, string>;\n}): Promise<void> {\n  await makeRequest(endpoint, {\n    method: 'PATCH',\n    headers,\n    body: { conversationId },\n  });\n}\n","import { useState, useEffect, useCallback, useMemo } from 'react';\n\nimport { fetchAutocomplete } from './api';\n\nimport type { Suggestion } from '@/components/chat-search/types';\n\nexport function useDebounce<T>(value: T, delay: number): T {\n  const [debouncedValue, setDebouncedValue] = useState<T>(value);\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value);\n    }, delay);\n\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [value, delay]);\n\n  return debouncedValue;\n}\n\nexport function useAutocomplete({\n  query,\n  endpoint,\n  allowedRegions,\n  collectionId,\n  headers,\n  conversationId,\n  delay = 300,\n}: {\n  query: string;\n  endpoint: string;\n  allowedRegions?: string[];\n  collectionId?: string;\n  headers?: Record<string, string>;\n  conversationId?: string;\n  delay?: number;\n}) {\n  const [suggestions, setSuggestions] = useState<Suggestion[]>([]);\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<string>();\n\n  const debouncedQuery = useDebounce(query, delay);\n\n  const fetchSuggestions = useCallback(async () => {\n    if (!debouncedQuery.trim()) {\n      setSuggestions([]);\n\n      return;\n    }\n\n    setIsLoading(true);\n    setError(undefined);\n\n    try {\n      const payload = await fetchAutocomplete({\n        endpoint,\n        query: debouncedQuery,\n        collectionId,\n        headers,\n        conversationId,\n        allowedRegions,\n      });\n      if (payload?.response?.results) {\n        // move suggestions that don't prefix with the debounced question to the bottom\n        const lowerCaseQuery = debouncedQuery.toLowerCase();\n        const sortedSuggestions = payload.response.results.sort((a: { question: string }, b: { question: string }) => {\n          const aStartsWithQuery = a.question.toLowerCase().startsWith(lowerCaseQuery);\n          const bStartsWithQuery = b.question.toLowerCase().startsWith(lowerCaseQuery);\n\n          if (aStartsWithQuery && !bStartsWithQuery) return -1;\n          if (!aStartsWithQuery && bStartsWithQuery) return 1;\n\n          return 0; // preserve original order for items in same category\n        });\n\n        setSuggestions(sortedSuggestions);\n      } else {\n        setSuggestions([]);\n      }\n    } catch (err) {\n      console.error('Error fetching autocomplete suggestions:', err);\n      setError(err instanceof Error ? err.message : 'Failed to fetch suggestions');\n      setSuggestions([]);\n    } finally {\n      setIsLoading(false);\n    }\n  }, [debouncedQuery, endpoint, collectionId, headers, conversationId, allowedRegions]);\n\n  useEffect(() => {\n    void fetchSuggestions();\n  }, [fetchSuggestions]);\n\n  return { suggestions, isLoading, error };\n}\n/** Stable `{ contains }` for case-insensitive substring checks when filtering lists. */\nexport function useSubstringFilter() {\n  return useMemo(\n    () => ({\n      contains: (text: string, substring: string) => text.toLowerCase().includes(substring.toLowerCase()),\n    }),\n    [],\n  );\n}\n"],"names":["globalRetryOptions","maxRetries","baseDelay","shouldRetry","error","TypeError","apiError","status","globalFallbackConfig","emptyResponse","errorResponse","async","delay","ms","Promise","resolve","setTimeout","makeRequest","url","config","retry","headers","body","isStream","fallback","fetchConfig","retryOptions","fallbackOptions","attempt","response","fetch","JSON","stringify","ok","Error","data","json","Object","keys","length","emptyError","name","catch","shouldAttemptRetry","message","console","warn","jitter","Math","random","pow","searchRetryConfig","answerRetryConfig","searchApi","endpoint","query","collectionId","conversationId","attributes","secretAttributes","allowedRegions","source","resolvedCollectionId","Array","isArray","payload","method","limit","results","searchQueryId","searchQuery","id","isAgenticResponse","fetchAnswerStream","createConversationId","createId","uploadFileToApi","file","formData","FormData","append","publicUrl","sendFeedback","sendFeedbackReason","reason","loadConversation","signal","fetchFollowUpQuestions","questions","fetchConversationHistory","externalUserId","URL","reject","searchParams","set","toString","map","item","title","timestamp","formatDistance","Date","lastActivityAt","createdAt","isHandoff","agentAvatarUrl","subtitle","agentName","hasUnread","markConversationRead","markConversationCompleted","useAutocomplete","suggestions","setSuggestions","useState","isLoading","setIsLoading","setError","debouncedQuery","value","debouncedValue","setDebouncedValue","useEffect","handler","clearTimeout","useDebounce","fetchSuggestions","useCallback","trim","fetchAutocomplete","lowerCaseQuery","toLowerCase","sortedSuggestions","sort","a","b","aStartsWithQuery","question","startsWith","bStartsWithQuery","err","useSubstringFilter","useMemo","contains","text","substring","includes"],"mappings":"2KA2CA,IAAIA,EAA6C,IApBG,CAClDC,WAAY,EACZC,UAAW,IACXC,YAAcC,IAEZ,GAAIA,aAAiBC,UACnB,OAAO,EAGT,MAAMC,EAAWF,EAEjB,QAAOE,EAASC,QAASD,EAASC,QAAU,OAU5CC,EAAiD,CALnDC,cAAe,iFACfC,cAAe,2EAoBjBC,eAAeC,EAAMC,GACnB,OAAO,IAAIC,QAASC,GAAYC,WAAWD,EAASF,GACtD,CAEAF,eAAsBM,EAAwCC,EAAmBC,EAA+B,IAC9G,MAAMC,MAAEA,EAAQ,CAAA,EAACC,QAAGA,EAAU,CAAA,EAACC,KAAGA,EAAAC,SAAMA,GAAW,WAAOC,EAAW,CAAA,KAAOC,GAAgBN,EACtFO,EAAe,IAChB1B,KACAoB,GAECO,EAAkB,IACnBnB,KACAgB,GAGL,IAAII,EAAU,EAEd,OACE,IACE,MAAMC,QAAiBC,MAAMZ,EAAK,IAC7BO,EACHJ,QAAS,CACP,eAAgB,sBACbA,GAELC,KAAMA,EAAOS,KAAKC,UAAUV,QAAQ,IAGtC,GAAIO,EAASI,GAAI,CAEf,GAAIV,EAAU,CACZ,IAAKM,EAASI,GACZ,MAAM,IAAIC,MAAM,0BAGlB,OAAOL,CACT,CAEA,MAAMM,QAAaN,EAASO,OAE5B,IAAKD,GAAyB,iBAATA,GAAkD,IAA7BE,OAAOC,KAAKH,GAAMI,OAAe,CACzE,MAAMC,EAAa,IAAIN,MAAMP,EAAgBlB,eAE7C,MADA+B,EAAWC,KAAO,qBACZD,CACR,CAEA,OAAOL,CACT,CAEA,MAAM/B,EAAQ,IAAI8B,MAAMP,EAAgBjB,eAGxC,MAFAN,EAAMG,OAASsB,EAAStB,OACxBH,EAAM+B,WAAaN,EAASO,OAAOM,MAAM,QACnCtC,CACR,OAASA,GACP,MAAMuC,QAA2B7B,QAAQC,QAAQW,EAAavB,YAAYC,EAAgBwB,IAE1F,GAAIA,GAAWF,EAAazB,aAAe0C,EAAoB,CAC7D,GAAIvC,aAAiB8B,OAAwB,uBAAf9B,EAAMqC,KAClC,MAAO,CAAEG,QAASxC,EAAMwC,SAE1B,MAAMxC,CACR,CAEAyC,QAAQC,KAAK,2BAA2BlB,QAAcF,EAAazB,2BAGnE,MAAM8C,EAAyB,GAAhBC,KAAKC,SAAiB,UAC/BrC,EAAMc,EAAaxB,UAAY8C,KAAKE,IAAI,EAAGtB,EAAU,GAAKmB,GAChEnB,GACF,CAEJ,CCjHA,MAAMuB,EAAoB,CACxBlD,WAAY,EACZC,UAAW,IACXC,YAAcC,IACZ,GAAIA,aAAiBC,UACnB,OAAO,EAET,MAAMC,EAAWF,EAGjB,QAAOE,EAASC,SAASD,EAASC,QAAU,KAA2B,MAApBD,EAASC,UAI1D6C,EAAoB,CACxBnD,WAAY,EACZC,UAAW,IACXC,YAAcC,IACZ,GAAIA,aAAiBC,UACnB,OAAO,EAET,MAAMC,EAAWF,EAGjB,QAAOE,EAASC,QAASD,EAASC,QAAU,MAgBhDI,eAAsB0C,GAAUC,SAC9BA,EAAAC,MACAA,EAAAC,aACAA,EAAAnC,QACAA,EAAAoC,eACAA,EAAAC,WACAA,EAAAC,iBACAA,EAAAC,eACAA,EAAAC,OACAA,IAYA,IAAIC,EAEFA,EADEC,MAAMC,QAAQR,GACOA,EAAajB,OAAS,EAAIiB,OAAe,EAEzCA,GAAiC,QAAjBA,EAAyBA,OAAe,EAGjF,MAAMS,QAAgBhD,EASpBqC,EAAU,CACVY,OAAQ,OACR7C,UACAD,MAAO+B,EACP7B,KAAM,CACJiC,QACAY,MAAO,KACHL,GAAwB,CAAEN,aAAcM,MACxCL,GAAkB,CAAEA,qBACpBC,GAAc,CAAEA,iBAChBC,GAAoB,CAAEA,uBACtBC,GAAkB,CAAEA,qBACpBC,GAAU,CAAEA,aAIpB,MAAO,CACLO,QAASH,GAAS9B,KAClBkC,cAAeJ,GAASK,aAAaC,GACrCC,kBAAmBP,GAASO,kBAEhC,CAmCA7D,eAAsB8D,GAAkBnB,SACtCA,EAAAjC,QACAA,EAAAC,KACAA,IAiCA,OAAOL,EAAmCqC,EAAU,CAClDY,OAAQ,OACR7C,UACAD,MAAOgC,EACP7B,UAAU,EACVC,SAAU,CACRf,cAAe,sGACfC,cAAe,qFAEjBY,QAEJ,CAGO,SAASoD,IACd,OAAOC,GACT,CAEAhE,eAAsBiE,GAAgBtB,SACpCA,EAAAG,eACAA,EAAAoB,KACAA,EAAAxD,QACAA,IAOA,MAAMyD,EAAW,IAAIC,SACrBD,EAASE,OAAO,OAAQH,GACxBC,EAASE,OAAO,iBAAkBvB,GAElC,MAAM5B,QAAiBC,MAAMwB,EAAU,CACrCY,OAAQ,OACR7C,UACAC,KAAMwD,IAGR,IAAKjD,EAASI,GACZ,MAAM,IAAIC,MAAM,6BAA6BL,EAAStB,UAKxD,MAAO,CAAE0E,iBAFWpD,EAASO,QAEJD,KAAK8C,UAChC,CAEAtE,eAAsBuE,GAAa5B,SACjCA,EAAAe,cACAA,EAAAxC,SACAA,EAAAR,QACAA,EAAAoC,eACAA,UAQMxC,EAOJqC,EAAU,CACVY,OAAQ,OACR7C,UACAC,KAAM,CACJ+C,gBACAxC,cACI4B,GAAkB,CAAEA,oBAG9B,CAEA9C,eAAsBwE,GAAmB7B,SACvCA,EAAAe,cACAA,EAAAe,OACAA,EAAA/D,QACAA,UAQMJ,EAOJqC,EAAU,CACVY,OAAQ,OACR7C,UACAC,KAAM,CACJ+C,gBACAe,WAGN,CAaAzE,eAAsB0E,GAAiB/B,SACrCA,EAAAG,eACAA,EAAApC,QACAA,EAAAiE,OACAA,IAmBA,MAAO,CAAEnD,YAZalB,EAKpBqC,EAAU,CACVY,OAAQ,OACR7C,UACAC,KAAM,CAAEmC,kBACR6B,YAGqBnD,KACzB,CAMAxB,eAAsB4E,GAAuBjC,SAC3CA,EAAAe,cACAA,EAAAhD,QACAA,EAAAoC,eACAA,IAsBA,aAfmBxC,EAMjBqC,EAAU,CACVY,OAAQ,OACR7C,UACAC,KAAM,CACJ+C,mBACIZ,MAII+B,SACd,CAiDA7E,eAAsB8E,GAAyBnC,SAC7CA,EAAAjC,QACAA,EAAAqE,eACAA,IAMA,IAAIxE,EACJ,IACEA,EAAM,IAAIyE,IAAIrC,EAChB,CAAA,MACE,OAAOxC,QAAQ8E,OAAO,IAAIvF,UAAU,0CAA0CiD,KAChF,CAEIoC,GAAgBxE,EAAI2E,aAAaC,IAAI,iBAAkBJ,GAO3D,aALsBzE,EAAyCC,EAAI6E,WAAY,CAC7E7B,OAAQ,MACR7C,aAGac,KAAK6D,IAAKC,IAAA,CACvBxC,eAAgBwC,EAAKxC,eACrByC,MAAOD,EAAKC,MACZ3F,OAAQ0F,EAAK1F,OACb4F,UAAWC,EAAe,IAAIC,KAAKJ,EAAKK,gBAAkBL,EAAKM,YAC/DC,UAAWP,EAAKO,YAAa,EAC7BC,eAAgBR,EAAKQ,eACrBC,SAAUT,EAAKU,UAAY,GAAGV,EAAKU,iBAAc,EACjDC,UAAWX,EAAKW,YAAa,IAEjC,CAEAjG,eAAsBkG,GAAqBvD,SACzCA,EAAAG,eACAA,EAAApC,QACAA,UAMMJ,EAAYqC,EAAU,CAC1BY,OAAQ,OACR7C,UACAC,KAAM,CAAEmC,mBAEZ,CAEA9C,eAAsBmG,GAA0BxD,SAC9CA,EAAAG,eACAA,EAAApC,QACAA,UAMMJ,EAAYqC,EAAU,CAC1BY,OAAQ,QACR7C,UACAC,KAAM,CAAEmC,mBAEZ,CCvcO,SAASsD,GAAgBxD,MAC9BA,EAAAD,SACAA,EAAAM,eACAA,EAAAJ,aACAA,EAAAnC,QACAA,EAAAoC,eACAA,EAAA7C,MACAA,EAAQ,MAUR,MAAOoG,EAAaC,GAAkBC,EAAuB,KACtDC,EAAWC,GAAgBF,GAAS,IACpC9G,EAAOiH,GAAYH,IAEpBI,EArCD,SAAwBC,EAAU3G,GACvC,MAAO4G,EAAgBC,GAAqBP,EAAYK,GAYxD,OAVAG,EAAU,KACR,MAAMC,EAAU3G,WAAW,KACzByG,EAAkBF,IACjB3G,GAEH,MAAO,KACLgH,aAAaD,KAEd,CAACJ,EAAO3G,IAEJ4G,CACT,CAuByBK,CAAYtE,EAAO3C,GAEpCkH,EAAmBC,EAAYpH,UACnC,GAAK2G,EAAeU,OAApB,CAMAZ,GAAa,GACbC,OAAS,GAET,IACE,MAAMpD,QD8TZtD,gBAAwC2C,SACtCA,EAAAC,MACAA,EAAAC,aACAA,EAAAnC,QACAA,EAAAoC,eACAA,EAAAG,eACAA,IA6BA,aApBmB3C,EAQjBqC,EAAU,CACVY,OAAQ,OACR7C,UACAD,MAAO+B,EACP7B,KAAM,CACJiC,WACIC,GAAiC,QAAjBA,GAA0B,CAAEA,mBAC5CC,GAAkB,CAAEA,qBACpBG,GAAkB,CAAEA,oBAK9B,CClW4BqE,CAAkB,CACtC3E,WACAC,MAAO+D,EACP9D,eACAnC,UACAoC,iBACAG,mBAEF,GAAIK,GAASpC,UAAUuC,QAAS,CAE9B,MAAM8D,EAAiBZ,EAAea,cAChCC,EAAoBnE,EAAQpC,SAASuC,QAAQiE,KAAK,CAACC,EAAyBC,KAChF,MAAMC,EAAmBF,EAAEG,SAASN,cAAcO,WAAWR,GACvDS,EAAmBJ,EAAEE,SAASN,cAAcO,WAAWR,GAE7D,OAAIM,IAAqBG,GAAyB,GAC7CH,GAAoBG,EAAyB,EAE3C,IAGT1B,EAAemB,EACjB,MACEnB,EAAe,GAEnB,OAAS2B,GACP/F,QAAQzC,MAAM,2CAA4CwI,GAC1DvB,EAASuB,aAAe1G,MAAQ0G,EAAIhG,QAAU,+BAC9CqE,EAAe,GACjB,CAAA,QACEG,GAAa,EACf,CArCA,MAHEH,EAAe,KAyChB,CAACK,EAAgBhE,EAAUE,EAAcnC,EAASoC,EAAgBG,IAMrE,OAJA8D,EAAU,KACHI,KACJ,CAACA,IAEG,CAAEd,cAAaG,YAAW/G,QACnC,CAEO,SAASyI,IACd,OAAOC,EACL,KAAA,CACEC,SAAU,CAACC,EAAcC,IAAsBD,EAAKb,cAAce,SAASD,EAAUd,iBAEvF,GAEJ"}

package/dist/esm/chunks/{input-with-tags.pmOKv67d.js → input-with-tags.aktIpAck.js}

@@ -1,5 +1,5 @@
-import*as e from"react";import{Plus as a}from"@phosphor-icons/react";import{c as t}from"./utils.C6Qu-kwd.js";import{Textarea as l}from"../components/ui/textarea.js";import{B as s}from"./button.Cs1X8upM.js";function n({title:n,placeholder:r,tags:o,value:i,defaultValue:m,onChange:u,onTagClick:c,singleValue:d=!1,className:f,inputClassName:v,tagsClassName:p,disabled:g,name:h,id:x,required:N,maxLength:b,minLength:E,rows:w}){const C=e.useCallback(e=>{if(!e)/* @__PURE__ */return new Set;const a=e.trim(),t=/* @__PURE__ */new Set;for(const l of o){const e=l.value.trim();d?a===e&&t.add(l.value):(a===e||a.startsWith(e+" ")||a.includes(" "+e+" ")||a.endsWith(" "+e))&&t.add(l.value)}return t},[o,d]),S=void 0!==i?i:m||"",[k,L]=e.useState(m||""),[$,j]=e.useState(()=>C(S)),q=void 0!==i?i:k;e.useEffect(()=>{j(C(void 0!==i?i:k))},[i,k,o,d,C]);const y=o.filter(e=>!$.has(e.value));/* @__PURE__ */
+import*as e from"react";import{Plus as a}from"@phosphor-icons/react";import{c as t}from"./utils.DtKoarLP.js";import{Textarea as l}from"../components/ui/textarea.js";import{B as s}from"./button.C7qRaFMP.js";function n({title:n,placeholder:r,tags:o,value:i,defaultValue:m,onChange:u,onTagClick:c,singleValue:d=!1,className:f,inputClassName:v,tagsClassName:p,disabled:g,name:h,id:x,required:N,maxLength:b,minLength:E,rows:w}){const C=e.useCallback(e=>{if(!e)/* @__PURE__ */return new Set;const a=e.trim(),t=/* @__PURE__ */new Set;for(const l of o){const e=l.value.trim();d?a===e&&t.add(l.value):(a===e||a.startsWith(e+" ")||a.includes(" "+e+" ")||a.endsWith(" "+e))&&t.add(l.value)}return t},[o,d]),S=void 0!==i?i:m||"",[k,L]=e.useState(m||""),[$,j]=e.useState(()=>C(S)),q=void 0!==i?i:k;e.useEffect(()=>{j(C(void 0!==i?i:k))},[i,k,o,d,C]);const y=o.filter(e=>!$.has(e.value));/* @__PURE__ */
 return e.createElement("div",{className:t("w-full flex flex-col gap-3",f)},n&&/* @__PURE__ */e.createElement("label",{htmlFor:x,className:"text-sm font-semibold"},n),/* @__PURE__ */e.createElement("div",{className:"relative w-full"},/* @__PURE__ */e.createElement(l,{id:x,name:h,placeholder:r,value:q,onChange:e=>{const a=e.target.value;void 0===i&&(L(a),j(C(a))),u?.(a)},disabled:g,required:N,maxLength:b,minLength:E,rows:w,className:v})),y.length>0&&/* @__PURE__ */e.createElement("div",{className:t("flex flex-wrap gap-2",p)},y.map((t,l)=>/* @__PURE__ */e.createElement(s,{key:`${t.value}-${l}`,type:"button",variant:"outline",size:"sm",onClick:()=>(e=>{const a=d?e.value:q?`${q} ${e.value}`:e.value;void 0===i&&(L(a),j(d?/* @__PURE__ */new Set([e.value]):C(a))),u?.(a),c?.(e)})(t),disabled:g,className:"rounded-full"},
 /* @__PURE__ */e.createElement(a,{size:16,className:"text-muted-foreground"}),
 /* @__PURE__ */e.createElement("span",null,t.label)))))}export{n as I};
-//# sourceMappingURL=input-with-tags.pmOKv67d.js.map
+//# sourceMappingURL=input-with-tags.aktIpAck.js.map

package/dist/esm/chunks/{input-with-tags.pmOKv67d.js.map → input-with-tags.aktIpAck.js.map}

@@ -1 +1 @@
-{"version":3,"file":"input-with-tags.pmOKv67d.js","sources":["../../../src/components/input-with-tags/input-with-tags.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Plus } from '@phosphor-icons/react';\n\nimport { cn } from '@/lib/utils';\nimport { Textarea } from '@/components/ui/textarea';\nimport { Button } from '@/components/ui/button';\n\nexport interface Tag {\n  label: string;\n  value: string;\n}\n\nexport interface InputWithTagsProps {\n  title: string;\n  placeholder?: string;\n  tags: Tag[];\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  onTagClick?: (tag: Tag) => void;\n  singleValue?: boolean; // If true, clicking a tag replaces the value instead of appending\n  className?: string;\n  inputClassName?: string;\n  tagsClassName?: string;\n  disabled?: boolean;\n  // Standard textarea props\n  name?: string;\n  id?: string;\n  required?: boolean;\n  maxLength?: number;\n  minLength?: number;\n  rows?: number;\n}\n\nexport function InputWithTags({\n  title,\n  placeholder,\n  tags,\n  value: controlledValue,\n  defaultValue,\n  onChange,\n  onTagClick,\n  singleValue = false,\n  className,\n  inputClassName,\n  tagsClassName,\n  disabled,\n  name,\n  id,\n  required,\n  maxLength,\n  minLength,\n  rows,\n}: InputWithTagsProps) {\n  // Helper to find tags present in value (tags are appended as: `${value} ${tag.value}`)\n  const findTagsInValue = React.useCallback(\n    (val: string): Set<string> => {\n      if (!val) return new Set();\n      const trimmedVal = val.trim();\n      const foundTags = new Set<string>();\n\n      for (const tag of tags) {\n        const tagValue = tag.value.trim();\n        if (singleValue) {\n          if (trimmedVal === tagValue) {\n            foundTags.add(tag.value);\n          }\n        } else {\n          // Check if tag appears as complete segment (tags are appended as: `${value} ${tag.value}`)\n          // Need to check: exact match, at start, in middle, or at end\n          if (\n            trimmedVal === tagValue ||\n            trimmedVal.startsWith(tagValue + ' ') ||\n            trimmedVal.includes(' ' + tagValue + ' ') ||\n            trimmedVal.endsWith(' ' + tagValue)\n          ) {\n            foundTags.add(tag.value);\n          }\n        }\n      }\n\n      return foundTags;\n    },\n    [tags, singleValue],\n  );\n\n  // Initialize clickedTags based on initial value\n  const initialValue = controlledValue !== undefined ? controlledValue : defaultValue || '';\n  const [internalValue, setInternalValue] = React.useState(defaultValue || '');\n  const [clickedTags, setClickedTags] = React.useState<Set<string>>(() => findTagsInValue(initialValue));\n\n  // Use controlled value if provided, otherwise use internal state\n  const value = controlledValue !== undefined ? controlledValue : internalValue;\n\n  // Update clickedTags when value or tags change\n  React.useEffect(() => {\n    const currentValue = controlledValue !== undefined ? controlledValue : internalValue;\n    setClickedTags(findTagsInValue(currentValue));\n  }, [controlledValue, internalValue, tags, singleValue, findTagsInValue]);\n\n  // Filter out clicked tags\n  const availableTags = tags.filter((tag) => !clickedTags.has(tag.value));\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    const newValue = e.target.value;\n    if (controlledValue === undefined) {\n      setInternalValue(newValue);\n      // Sync clickedTags with the new value in uncontrolled mode\n      setClickedTags(findTagsInValue(newValue));\n    }\n    onChange?.(newValue);\n  };\n\n  const handleTagClick = (tag: Tag) => {\n    const newValue = singleValue ? tag.value : value ? `${value} ${tag.value}` : tag.value;\n    if (controlledValue === undefined) {\n      // In uncontrolled mode, update state and sync clickedTags immediately\n      setInternalValue(newValue);\n      // Sync clickedTags with the new value\n      if (singleValue) {\n        setClickedTags(new Set([tag.value]));\n      } else {\n        setClickedTags(findTagsInValue(newValue));\n      }\n    }\n    // In controlled mode, only call onChange - let useEffect sync clickedTags when controlledValue updates\n    onChange?.(newValue);\n    onTagClick?.(tag);\n  };\n\n  return (\n    <div className={cn('w-full flex flex-col gap-3', className)}>\n      {title && (\n        <label htmlFor={id} className=\"text-sm font-semibold\">\n          {title}\n        </label>\n      )}\n      <div className=\"relative w-full\">\n        <Textarea\n          id={id}\n          name={name}\n          placeholder={placeholder}\n          value={value}\n          onChange={handleInputChange}\n          disabled={disabled}\n          required={required}\n          maxLength={maxLength}\n          minLength={minLength}\n          rows={rows}\n          className={inputClassName}\n        />\n      </div>\n      {availableTags.length > 0 && (\n        <div className={cn('flex flex-wrap gap-2', tagsClassName)}>\n          {availableTags.map((tag, index) => (\n            <Button\n              key={`${tag.value}-${index}`}\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => handleTagClick(tag)}\n              disabled={disabled}\n              className=\"rounded-full\"\n            >\n              <Plus size={16} className=\"text-muted-foreground\" />\n              <span>{tag.label}</span>\n            </Button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["InputWithTags","title","placeholder","tags","value","controlledValue","defaultValue","onChange","onTagClick","singleValue","className","inputClassName","tagsClassName","disabled","name","id","required","maxLength","minLength","rows","findTagsInValue","React","useCallback","val","Set","trimmedVal","trim","foundTags","tag","tagValue","add","startsWith","includes","endsWith","initialValue","internalValue","setInternalValue","useState","clickedTags","setClickedTags","useEffect","availableTags","filter","has","cn","createElement","htmlFor","Textarea","e","newValue","target","length","map","index","Button","key","type","variant","size","onClick","handleTagClick","Plus","label"],"mappings":"8MAkCO,SAASA,GAAcC,MAC5BA,EAAAC,YACAA,EAAAC,KACAA,EACAC,MAAOC,EAAAC,aACPA,EAAAC,SACAA,EAAAC,WACAA,EAAAC,YACAA,GAAc,EAAAC,UACdA,EAAAC,eACAA,EAAAC,cACAA,EAAAC,SACAA,EAAAC,KACAA,EAAAC,GACAA,EAAAC,SACAA,EAAAC,UACAA,EAAAC,UACAA,EAAAC,KACAA,IAGA,MAAMC,EAAkBC,EAAMC,YAC3BC,IACC,IAAKA,iBAAK,OAAO,IAAIC,IACrB,MAAMC,EAAaF,EAAIG,OACjBC,qBAAgBH,IAEtB,IAAA,MAAWI,KAAOzB,EAAM,CACtB,MAAM0B,EAAWD,EAAIxB,MAAMsB,OACvBjB,EACEgB,IAAeI,GACjBF,EAAUG,IAAIF,EAAIxB,QAMlBqB,IAAeI,GACfJ,EAAWM,WAAWF,EAAW,MACjCJ,EAAWO,SAAS,IAAMH,EAAW,MACrCJ,EAAWQ,SAAS,IAAMJ,KAE1BF,EAAUG,IAAIF,EAAIxB,MAGxB,CAEA,OAAOuB,GAET,CAACxB,EAAMM,IAIHyB,OAAmC,IAApB7B,EAAgCA,EAAkBC,GAAgB,IAChF6B,EAAeC,GAAoBf,EAAMgB,SAAS/B,GAAgB,KAClEgC,EAAaC,GAAkBlB,EAAMgB,SAAsB,IAAMjB,EAAgBc,IAGlF9B,OAA4B,IAApBC,EAAgCA,EAAkB8B,EAGhEd,EAAMmB,UAAU,KAEdD,EAAenB,OAD0B,IAApBf,EAAgCA,EAAkB8B,KAEtE,CAAC9B,EAAiB8B,EAAehC,EAAMM,EAAaW,IAGvD,MAAMqB,EAAgBtC,EAAKuC,OAAQd,IAASU,EAAYK,IAAIf,EAAIxB;AA6BhE,uBACG,MAAA,CAAIM,UAAWkC,EAAG,6BAA8BlC,IAC9CT,kBACCoB,EAAAwB,cAAC,SAAMC,QAAS/B,EAAIL,UAAU,yBAC3BT,kBAGLoB,EAAAwB,cAAC,MAAA,CAAInC,UAAU,kCACbW,EAAAwB,cAACE,EAAA,CACChC,KACAD,OACAZ,cACAE,QACAG,SAxCmByC,IACzB,MAAMC,EAAWD,EAAEE,OAAO9C,WACF,IAApBC,IACF+B,EAAiBa,GAEjBV,EAAenB,EAAgB6B,KAEjC1C,IAAW0C,IAkCLpC,WACAG,WACAC,YACAC,YACAC,OACAT,UAAWC,KAGd8B,EAAcU,OAAS,kCACrB,MAAA,CAAIzC,UAAWkC,EAAG,uBAAwBhC,IACxC6B,EAAcW,IAAI,CAACxB,EAAKyB,mBACvBhC,EAAAwB,cAACS,EAAA,CACCC,IAAK,GAAG3B,EAAIxB,SAASiD,IACrBG,KAAK,SACLC,QAAQ,UACRC,KAAK,KACLC,QAAS,IA/CE,CAAC/B,IACtB,MAAMqB,EAAWxC,EAAcmB,EAAIxB,MAAQA,EAAQ,GAAGA,KAASwB,EAAIxB,QAAUwB,EAAIxB,WACzD,IAApBC,IAEF+B,EAAiBa,GAGfV,EADE9B,qBACiBe,IAAI,CAACI,EAAIxB,QAEbgB,EAAgB6B,KAInC1C,IAAW0C,GACXzC,IAAaoB,IAiCYgC,CAAehC,GAC9Bf,WACAH,UAAU;eAEVW,EAAAwB,cAACgB,EAAA,CAAKH,KAAM,GAAIhD,UAAU;eAC1BW,EAAAwB,cAAC,OAAA,KAAMjB,EAAIkC,UAOzB"}
+{"version":3,"file":"input-with-tags.aktIpAck.js","sources":["../../../src/components/input-with-tags/input-with-tags.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Plus } from '@phosphor-icons/react';\n\nimport { cn } from '@/lib/utils';\nimport { Textarea } from '@/components/ui/textarea';\nimport { Button } from '@/components/ui/button';\n\nexport interface Tag {\n  label: string;\n  value: string;\n}\n\nexport interface InputWithTagsProps {\n  title: string;\n  placeholder?: string;\n  tags: Tag[];\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  onTagClick?: (tag: Tag) => void;\n  singleValue?: boolean; // If true, clicking a tag replaces the value instead of appending\n  className?: string;\n  inputClassName?: string;\n  tagsClassName?: string;\n  disabled?: boolean;\n  // Standard textarea props\n  name?: string;\n  id?: string;\n  required?: boolean;\n  maxLength?: number;\n  minLength?: number;\n  rows?: number;\n}\n\nexport function InputWithTags({\n  title,\n  placeholder,\n  tags,\n  value: controlledValue,\n  defaultValue,\n  onChange,\n  onTagClick,\n  singleValue = false,\n  className,\n  inputClassName,\n  tagsClassName,\n  disabled,\n  name,\n  id,\n  required,\n  maxLength,\n  minLength,\n  rows,\n}: InputWithTagsProps) {\n  // Helper to find tags present in value (tags are appended as: `${value} ${tag.value}`)\n  const findTagsInValue = React.useCallback(\n    (val: string): Set<string> => {\n      if (!val) return new Set();\n      const trimmedVal = val.trim();\n      const foundTags = new Set<string>();\n\n      for (const tag of tags) {\n        const tagValue = tag.value.trim();\n        if (singleValue) {\n          if (trimmedVal === tagValue) {\n            foundTags.add(tag.value);\n          }\n        } else {\n          // Check if tag appears as complete segment (tags are appended as: `${value} ${tag.value}`)\n          // Need to check: exact match, at start, in middle, or at end\n          if (\n            trimmedVal === tagValue ||\n            trimmedVal.startsWith(tagValue + ' ') ||\n            trimmedVal.includes(' ' + tagValue + ' ') ||\n            trimmedVal.endsWith(' ' + tagValue)\n          ) {\n            foundTags.add(tag.value);\n          }\n        }\n      }\n\n      return foundTags;\n    },\n    [tags, singleValue],\n  );\n\n  // Initialize clickedTags based on initial value\n  const initialValue = controlledValue !== undefined ? controlledValue : defaultValue || '';\n  const [internalValue, setInternalValue] = React.useState(defaultValue || '');\n  const [clickedTags, setClickedTags] = React.useState<Set<string>>(() => findTagsInValue(initialValue));\n\n  // Use controlled value if provided, otherwise use internal state\n  const value = controlledValue !== undefined ? controlledValue : internalValue;\n\n  // Update clickedTags when value or tags change\n  React.useEffect(() => {\n    const currentValue = controlledValue !== undefined ? controlledValue : internalValue;\n    setClickedTags(findTagsInValue(currentValue));\n  }, [controlledValue, internalValue, tags, singleValue, findTagsInValue]);\n\n  // Filter out clicked tags\n  const availableTags = tags.filter((tag) => !clickedTags.has(tag.value));\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    const newValue = e.target.value;\n    if (controlledValue === undefined) {\n      setInternalValue(newValue);\n      // Sync clickedTags with the new value in uncontrolled mode\n      setClickedTags(findTagsInValue(newValue));\n    }\n    onChange?.(newValue);\n  };\n\n  const handleTagClick = (tag: Tag) => {\n    const newValue = singleValue ? tag.value : value ? `${value} ${tag.value}` : tag.value;\n    if (controlledValue === undefined) {\n      // In uncontrolled mode, update state and sync clickedTags immediately\n      setInternalValue(newValue);\n      // Sync clickedTags with the new value\n      if (singleValue) {\n        setClickedTags(new Set([tag.value]));\n      } else {\n        setClickedTags(findTagsInValue(newValue));\n      }\n    }\n    // In controlled mode, only call onChange - let useEffect sync clickedTags when controlledValue updates\n    onChange?.(newValue);\n    onTagClick?.(tag);\n  };\n\n  return (\n    <div className={cn('w-full flex flex-col gap-3', className)}>\n      {title && (\n        <label htmlFor={id} className=\"text-sm font-semibold\">\n          {title}\n        </label>\n      )}\n      <div className=\"relative w-full\">\n        <Textarea\n          id={id}\n          name={name}\n          placeholder={placeholder}\n          value={value}\n          onChange={handleInputChange}\n          disabled={disabled}\n          required={required}\n          maxLength={maxLength}\n          minLength={minLength}\n          rows={rows}\n          className={inputClassName}\n        />\n      </div>\n      {availableTags.length > 0 && (\n        <div className={cn('flex flex-wrap gap-2', tagsClassName)}>\n          {availableTags.map((tag, index) => (\n            <Button\n              key={`${tag.value}-${index}`}\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => handleTagClick(tag)}\n              disabled={disabled}\n              className=\"rounded-full\"\n            >\n              <Plus size={16} className=\"text-muted-foreground\" />\n              <span>{tag.label}</span>\n            </Button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["InputWithTags","title","placeholder","tags","value","controlledValue","defaultValue","onChange","onTagClick","singleValue","className","inputClassName","tagsClassName","disabled","name","id","required","maxLength","minLength","rows","findTagsInValue","React","useCallback","val","Set","trimmedVal","trim","foundTags","tag","tagValue","add","startsWith","includes","endsWith","initialValue","internalValue","setInternalValue","useState","clickedTags","setClickedTags","useEffect","availableTags","filter","has","cn","createElement","htmlFor","Textarea","e","newValue","target","length","map","index","Button","key","type","variant","size","onClick","handleTagClick","Plus","label"],"mappings":"8MAkCO,SAASA,GAAcC,MAC5BA,EAAAC,YACAA,EAAAC,KACAA,EACAC,MAAOC,EAAAC,aACPA,EAAAC,SACAA,EAAAC,WACAA,EAAAC,YACAA,GAAc,EAAAC,UACdA,EAAAC,eACAA,EAAAC,cACAA,EAAAC,SACAA,EAAAC,KACAA,EAAAC,GACAA,EAAAC,SACAA,EAAAC,UACAA,EAAAC,UACAA,EAAAC,KACAA,IAGA,MAAMC,EAAkBC,EAAMC,YAC3BC,IACC,IAAKA,iBAAK,OAAO,IAAIC,IACrB,MAAMC,EAAaF,EAAIG,OACjBC,qBAAgBH,IAEtB,IAAA,MAAWI,KAAOzB,EAAM,CACtB,MAAM0B,EAAWD,EAAIxB,MAAMsB,OACvBjB,EACEgB,IAAeI,GACjBF,EAAUG,IAAIF,EAAIxB,QAMlBqB,IAAeI,GACfJ,EAAWM,WAAWF,EAAW,MACjCJ,EAAWO,SAAS,IAAMH,EAAW,MACrCJ,EAAWQ,SAAS,IAAMJ,KAE1BF,EAAUG,IAAIF,EAAIxB,MAGxB,CAEA,OAAOuB,GAET,CAACxB,EAAMM,IAIHyB,OAAmC,IAApB7B,EAAgCA,EAAkBC,GAAgB,IAChF6B,EAAeC,GAAoBf,EAAMgB,SAAS/B,GAAgB,KAClEgC,EAAaC,GAAkBlB,EAAMgB,SAAsB,IAAMjB,EAAgBc,IAGlF9B,OAA4B,IAApBC,EAAgCA,EAAkB8B,EAGhEd,EAAMmB,UAAU,KAEdD,EAAenB,OAD0B,IAApBf,EAAgCA,EAAkB8B,KAEtE,CAAC9B,EAAiB8B,EAAehC,EAAMM,EAAaW,IAGvD,MAAMqB,EAAgBtC,EAAKuC,OAAQd,IAASU,EAAYK,IAAIf,EAAIxB;AA6BhE,uBACG,MAAA,CAAIM,UAAWkC,EAAG,6BAA8BlC,IAC9CT,kBACCoB,EAAAwB,cAAC,SAAMC,QAAS/B,EAAIL,UAAU,yBAC3BT,kBAGLoB,EAAAwB,cAAC,MAAA,CAAInC,UAAU,kCACbW,EAAAwB,cAACE,EAAA,CACChC,KACAD,OACAZ,cACAE,QACAG,SAxCmByC,IACzB,MAAMC,EAAWD,EAAEE,OAAO9C,WACF,IAApBC,IACF+B,EAAiBa,GAEjBV,EAAenB,EAAgB6B,KAEjC1C,IAAW0C,IAkCLpC,WACAG,WACAC,YACAC,YACAC,OACAT,UAAWC,KAGd8B,EAAcU,OAAS,kCACrB,MAAA,CAAIzC,UAAWkC,EAAG,uBAAwBhC,IACxC6B,EAAcW,IAAI,CAACxB,EAAKyB,mBACvBhC,EAAAwB,cAACS,EAAA,CACCC,IAAK,GAAG3B,EAAIxB,SAASiD,IACrBG,KAAK,SACLC,QAAQ,UACRC,KAAK,KACLC,QAAS,IA/CE,CAAC/B,IACtB,MAAMqB,EAAWxC,EAAcmB,EAAIxB,MAAQA,EAAQ,GAAGA,KAASwB,EAAIxB,QAAUwB,EAAIxB,WACzD,IAApBC,IAEF+B,EAAiBa,GAGfV,EADE9B,qBACiBe,IAAI,CAACI,EAAIxB,QAEbgB,EAAgB6B,KAInC1C,IAAW0C,GACXzC,IAAaoB,IAiCYgC,CAAehC,GAC9Bf,WACAH,UAAU;eAEVW,EAAAwB,cAACgB,EAAA,CAAKH,KAAM,GAAIhD,UAAU;eAC1BW,EAAAwB,cAAC,OAAA,KAAMjB,EAAIkC,UAOzB"}

package/dist/esm/chunks/{ripple-status.C20jzXjF.js → ripple-status.BiOlScXz.js}

@@ -1,6 +1,6 @@
-import e,{useId as a}from"react";import{AnimatePresence as t,motion as r}from"framer-motion";import{a as i}from"./ai-logo.Bh2bhNcG.js";import{c as n}from"./utils.C6Qu-kwd.js";import{cva as s}from"class-variance-authority";import '../ripple-status.css';const o="_loader_bghon_1",l="_monochrome_bghon_8";function m({className:t,colored:r=!1,...s}){const m=`ai-logo-gradient-${a()}`;/* @__PURE__ */
+import e,{useId as a}from"react";import{AnimatePresence as t,motion as r}from"framer-motion";import{a as i}from"./ai-logo.Bh2bhNcG.js";import{c as n}from"./utils.DtKoarLP.js";import{cva as s}from"class-variance-authority";import '../ripple-status.css';const o="_loader_bghon_1",l="_monochrome_bghon_8";function m({className:t,colored:r=!1,...s}){const m=`ai-logo-gradient-${a()}`;/* @__PURE__ */
 return e.createElement("svg",{className:n(o,!r&&l,t),width:48,height:48,viewBox:"0 0 72 72",role:"img","aria-label":"Loading",...s},
 /* @__PURE__ */e.createElement(i,{variant:r?"yellowfin":"monochrome",gradientId:m}))}const c=s("text-sm font-medium animate-sweep bg-clip-text text-transparent [background-size:200%_auto]",{variants:{variant:{yellowfin:"bg-sweep-yellowfin",dark:"bg-sweep-dark","dark-subtle":"bg-sweep-dark-subtle [animation-duration:2.4s]"}},defaultVariants:{variant:"yellowfin"}}),d=({className:a,children:t,variant:r})=>/* @__PURE__ */e.createElement("span",{className:n(c({variant:r}),a)},t);function p({text:a,className:i,variant:s="dark-subtle"}){/* @__PURE__ */
 return e.createElement("div",{className:n("inline-flex items-start gap-1.5 py-1",i)},/* @__PURE__ */e.createElement("span",{className:"flex h-6 shrink-0 items-center"},/* @__PURE__ */e.createElement(m,{className:"size-4"})),/* @__PURE__ */e.createElement("span",{className:"relative grid min-w-0 overflow-hidden"},/* @__PURE__ */e.createElement(t,{initial:!1},/* @__PURE__ */e.createElement(r.span,{key:a,initial:{opacity:0,y:6},animate:{opacity:1,y:0},exit:{opacity:0,y:-6},transition:{duration:.2,ease:"easeInOut"},className:"col-start-1 row-start-1"},
 /* @__PURE__ */e.createElement(d,{variant:s},a)))))}export{m as R,d as S,p as a};
-//# sourceMappingURL=ripple-status.C20jzXjF.js.map
+//# sourceMappingURL=ripple-status.BiOlScXz.js.map