@openhands/agent-canvas 1.14.0 → 1.16.0

package/dist/components/features/conversation/conversation-overview-skills-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-skills-panel.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-skills-panel.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useConversationSkills } from \"#/hooks/query/use-conversation-skills\";\nimport { useSkillEnablement } from \"#/hooks/use-skill-enablement\";\nimport { SkillCard } from \"#/components/features/skills/skill-card\";\nimport { SkillDetailModal } from \"#/components/features/skills/skill-detail-modal\";\nimport { AddSkillModal } from \"#/components/features/skills/add-skill-modal\";\nimport { SkillsToolbar } from \"#/components/features/skills/skills-toolbar\";\nimport { SkillFiltersModal } from \"#/components/features/skills/skill-filters-modal\";\nimport {\n  applySkillFilters,\n  buildSkillFacetGroups,\n  clearSkillFilterFacets,\n  countActiveFilters,\n  toggleSkillFilterValue,\n  EMPTY_SKILL_FILTER_STATE,\n  type SkillFilterState,\n} from \"#/components/features/skills/skill-filter\";\nimport {\n  extensionModuleCardGridClassName,\n  extensionModuleCardGridContainerClassName,\n  extensionModuleEmptyStateClassName,\n} from \"#/utils/extension-module-card-classes\";\nimport type { SkillInfo } from \"#/types/settings\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  CONVERSATION_OVERVIEW_PROJECT_SCOPE,\n  filterSkillsByProjectScope,\n  sortSkillsByProjectRelevance,\n  type ConversationOverviewProjectScope,\n} from \"#/utils/conversation-overview-project-scope\";\nimport { useConversationOverviewDrawerOptional } from \"./conversation-overview-drawer-context\";\nimport { ConversationOverviewProjectScopeToggle } from \"./conversation-overview-project-scope-toggle\";\n\ninterface ConversationOverviewSkillsPanelProps {\n  openAdd: boolean;\n}\n\nexport function ConversationOverviewSkillsPanel({\n  openAdd,\n}: ConversationOverviewSkillsPanelProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { isLoading: settingsLoading } = useSettings();\n  const { data: conversation } = useActiveConversation();\n  const { data: skills, isLoading: skillsLoading } = useConversationSkills();\n  const { isEnabled, setEnabled } = useSkillEnablement();\n  const addRequestKey =\n    useConversationOverviewDrawerOptional()?.addRequestKey ?? 0;\n  const projectDir = conversation?.selected_workspace ?? null;\n\n  const [projectScope, setProjectScope] =\n    useState<ConversationOverviewProjectScope>(\n      CONVERSATION_OVERVIEW_PROJECT_SCOPE.project,\n    );\n  const [filter, setFilter] = useState<SkillFilterState>(\n    EMPTY_SKILL_FILTER_STATE,\n  );\n  const [isFiltersModalOpen, setIsFiltersModalOpen] = useState(false);\n  const [selectedSkill, setSelectedSkill] = useState<SkillInfo | null>(null);\n  const [showAddSkillModal, setShowAddSkillModal] = useState(false);\n\n  useEffect(() => {\n    if (!openAdd) {\n      return;\n    }\n    setShowAddSkillModal(true);\n  }, [openAdd]);\n\n  useEffect(() => {\n    if (addRequestKey === 0) {\n      return;\n    }\n    setShowAddSkillModal(true);\n  }, [addRequestKey]);\n\n  const scopedSkills = useMemo(() => {\n    if (!skills) {\n      return [];\n    }\n    const filtered = filterSkillsByProjectScope(\n      skills,\n      projectScope,\n      projectDir,\n    );\n    return projectScope === CONVERSATION_OVERVIEW_PROJECT_SCOPE.all\n      ? sortSkillsByProjectRelevance(filtered, projectDir)\n      : filtered;\n  }, [skills, projectScope, projectDir]);\n\n  const filteredSkills = useMemo(\n    () => applySkillFilters(scopedSkills, isEnabled, filter),\n    [scopedSkills, isEnabled, filter],\n  );\n\n  if (skillsLoading || settingsLoading) {\n    return (\n      <div\n        data-testid=\"conversation-overview-skills-panel\"\n        className=\"text-sm text-muted\"\n      >\n        …\n      </div>\n    );\n  }\n\n  if (!skills || skills.length === 0) {\n    return (\n      <div\n        data-testid=\"conversation-overview-skills-panel\"\n        className=\"flex flex-col gap-4\"\n      >\n        <div\n          data-testid=\"conversation-overview-skills-empty\"\n          className={extensionModuleEmptyStateClassName}\n        >\n          <p className=\"text-sm text-tertiary-light\">\n            {t(I18nKey.SETTINGS$SKILLS_NO_SKILLS)}\n          </p>\n        </div>\n        {showAddSkillModal ? (\n          <AddSkillModal onClose={() => setShowAddSkillModal(false)} />\n        ) : null}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-testid=\"conversation-overview-skills-panel\"\n      className=\"flex flex-col gap-4\"\n    >\n      <ConversationOverviewProjectScopeToggle\n        value={projectScope}\n        onChange={setProjectScope}\n        testId=\"conversation-overview-skills-scope\"\n      />\n      <SkillsToolbar\n        search={filter.query}\n        onSearchChange={(query) =>\n          setFilter((previous) => ({ ...previous, query }))\n        }\n        activeFilterCount={countActiveFilters(filter)}\n        onOpenFilters={() => setIsFiltersModalOpen(true)}\n      />\n\n      {scopedSkills.length === 0 ? (\n        <div\n          data-testid=\"conversation-overview-skills-project-empty\"\n          className={extensionModuleEmptyStateClassName}\n        >\n          <p className=\"text-sm text-tertiary-light\">\n            {t(I18nKey.CONVERSATION$OVERVIEW_SCOPE_PROJECT_EMPTY_SKILLS)}\n          </p>\n        </div>\n      ) : filteredSkills.length === 0 ? (\n        <div\n          data-testid=\"conversation-overview-skills-no-match\"\n          className={extensionModuleEmptyStateClassName}\n        >\n          <p className=\"text-sm text-tertiary-light\">\n            {t(I18nKey.SETTINGS$SKILLS_NO_MATCH)}\n          </p>\n        </div>\n      ) : (\n        <section\n          className={cn(\n            \"flex min-w-0 flex-col gap-3\",\n            extensionModuleCardGridContainerClassName,\n          )}\n        >\n          <div className={cn(extensionModuleCardGridClassName, \"grid-cols-1\")}>\n            {filteredSkills.map((skill) => (\n              <SkillCard\n                key={skill.name}\n                skill={skill}\n                enabled={isEnabled(skill)}\n                onOpen={() => setSelectedSkill(skill)}\n                onToggle={(enabled) => setEnabled(skill.name, enabled)}\n              />\n            ))}\n          </div>\n        </section>\n      )}\n\n      {selectedSkill ? (\n        <SkillDetailModal\n          skill={selectedSkill}\n          enabled={isEnabled(selectedSkill)}\n          onToggle={(enabled) => setEnabled(selectedSkill.name, enabled)}\n          onClose={() => setSelectedSkill(null)}\n        />\n      ) : null}\n\n      {showAddSkillModal ? (\n        <AddSkillModal onClose={() => setShowAddSkillModal(false)} />\n      ) : null}\n\n      {isFiltersModalOpen ? (\n        <SkillFiltersModal\n          groups={buildSkillFacetGroups(scopedSkills, isEnabled, filter)}\n          activeCount={countActiveFilters(filter)}\n          onToggle={(groupId, value) =>\n            setFilter((previous) =>\n              toggleSkillFilterValue(previous, groupId, value),\n            )\n          }\n          onClearAll={() =>\n            setFilter((previous) => clearSkillFilterFacets(previous))\n          }\n          onClose={() => setIsFiltersModalOpen(false)}\n        />\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAyCA,SAAgB,EAAgC,EAC9C,cACuC;CACvC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,WAAW,MAAoB,EAAY,GAC7C,EAAE,MAAM,MAAiB,EAAsB,GAC/C,EAAE,MAAM,GAAQ,WAAW,MAAkB,EAAsB,GACnE,EAAE,cAAW,kBAAe,EAAmB,GAC/C,IACJ,EAAsC,GAAG,iBAAiB,GACtD,IAAa,GAAc,sBAAsB,MAEjD,CAAC,GAAc,KACnB,EACE,EAAoC,OACtC,GACI,CAAC,GAAQ,KAAa,EAC1B,CACF,GACM,CAAC,GAAoB,KAAyB,EAAS,EAAK,GAC5D,CAAC,GAAe,KAAoB,EAA2B,IAAI,GACnE,CAAC,GAAmB,KAAwB,EAAS,EAAK;CAShE,AAPA,QAAgB;EACT,KAGL,EAAqB,EAAI;CAC3B,GAAG,CAAC,CAAO,CAAC,GAEZ,QAAgB;EACV,MAAkB,KAGtB,EAAqB,EAAI;CAC3B,GAAG,CAAC,CAAa,CAAC;CAElB,IAAM,IAAe,QAAc;EACjC,IAAI,CAAC,GACH,OAAO,CAAC;EAEV,IAAM,IAAW,EACf,GACA,GACA,CACF;EACA,OAAO,MAAiB,EAAoC,MACxD,EAA6B,GAAU,CAAU,IACjD;CACN,GAAG;EAAC;EAAQ;EAAc;CAAU,CAAC,GAE/B,IAAiB,QACf,EAAkB,GAAc,GAAW,CAAM,GACvD;EAAC;EAAc;EAAW;CAAM,CAClC;CAkCA,OAhCI,KAAiB,IAEjB,kBAAC,OAAD;EACE,eAAY;EACZ,WAAU;YACX;CAEI,CAAA,IAIL,CAAC,KAAU,EAAO,WAAW,IAE7B,kBAAC,OAAD;EACE,eAAY;EACZ,WAAU;YAFZ,CAIE,kBAAC,OAAD;GACE,eAAY;GACZ,WAAW;aAEX,kBAAC,KAAD;IAAG,WAAU;cACV,EAAE,EAAQ,yBAAyB;GACnC,CAAA;EACA,CAAA,GACJ,IACC,kBAAC,GAAD,EAAe,eAAe,EAAqB,EAAK,EAAI,CAAA,IAC1D,IACD;MAKP,kBAAC,OAAD;EACE,eAAY;EACZ,WAAU;YAFZ;GAIE,kBAAC,GAAD;IACE,OAAO;IACP,UAAU;IACV,QAAO;GACR,CAAA;GACD,kBAAC,GAAD;IACE,QAAQ,EAAO;IACf,iBAAiB,MACf,GAAW,OAAc;KAAE,GAAG;KAAU;IAAM,EAAE;IAElD,mBAAmB,EAAmB,CAAM;IAC5C,qBAAqB,EAAsB,EAAI;GAChD,CAAA;GAEA,EAAa,WAAW,IACvB,kBAAC,OAAD;IACE,eAAY;IACZ,WAAW;cAEX,kBAAC,KAAD;KAAG,WAAU;eACV,EAAE,EAAQ,gDAAgD;IAC1D,CAAA;GACA,CAAA,IACH,EAAe,WAAW,IAC5B,kBAAC,OAAD;IACE,eAAY;IACZ,WAAW;cAEX,kBAAC,KAAD;KAAG,WAAU;eACV,EAAE,EAAQ,wBAAwB;IAClC,CAAA;GACA,CAAA,IAEL,kBAAC,WAAD;IACE,WAAW,EACT,+BACA,CACF;cAEA,kBAAC,OAAD;KAAK,WAAW,EAAG,GAAkC,aAAa;eAC/D,EAAe,KAAK,MACnB,kBAAC,GAAD;MAES;MACP,SAAS,EAAU,CAAK;MACxB,cAAc,EAAiB,CAAK;MACpC,WAAW,MAAY,EAAW,EAAM,MAAM,CAAO;KACtD,GALM,EAAM,IAKZ,CACF;IACE,CAAA;GACE,CAAA;GAGV,IACC,kBAAC,GAAD;IACE,OAAO;IACP,SAAS,EAAU,CAAa;IAChC,WAAW,MAAY,EAAW,EAAc,MAAM,CAAO;IAC7D,eAAe,EAAiB,IAAI;GACrC,CAAA,IACC;GAEH,IACC,kBAAC,GAAD,EAAe,eAAe,EAAqB,EAAK,EAAI,CAAA,IAC1D;GAEH,IACC,kBAAC,GAAD;IACE,QAAQ,EAAsB,GAAc,GAAW,CAAM;IAC7D,aAAa,EAAmB,CAAM;IACtC,WAAW,GAAS,MAClB,GAAW,MACT,EAAuB,GAAU,GAAS,CAAK,CACjD;IAEF,kBACE,GAAW,MAAa,EAAuB,CAAQ,CAAC;IAE1D,eAAe,EAAsB,EAAK;GAC3C,CAAA,IACC;EACD;;AAET"}

package/dist/components/features/conversation/conversation-overview-toggle.cjs

@@ -0,0 +1,2 @@
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/info.cjs"),i=require("../../../utils/utils.cjs"),a=require("../../../hooks/use-conversation-id.cjs"),o=require("../../../utils/conversation-local-storage.cjs"),s=require("../../../stores/conversation-store.cjs"),c=require("../../../hooks/use-is-archived-conversation.cjs"),l=require("./conversation-overview-panel.cjs"),u=require("../chat/chat-action-tooltip.cjs"),d=require("../../../hooks/use-conversation-overview-panel-peek.cjs"),f=require("../../../utils/mobile-top-bar-icon-button-classes.cjs");let p=require("react"),m=require("react/jsx-runtime"),h=require("react-dom");h=e.__toESM(h,1);function g({className:e}){let{t:g}=t.useTranslation(`openhands`),_=c.useIsArchivedConversation(),{conversationId:v}=a.useOptionalConversationId(),y=(0,p.useRef)(null),[b,x]=(0,p.useState)(null),{isOverviewPanelShown:S,isOverviewPanelPeeked:C,isRightPanelShown:w,setIsOverviewPanelShown:T,setHasRightPanelToggled:E,setIsRightPanelShown:D}=s.useConversationStore();d.useSyncConversationOverviewPanelPeek(),(0,p.useEffect)(()=>{w&&S&&T(!1)},[S,w,T]);let O=!_&&w&&!S,k=O&&C;(0,p.useLayoutEffect)(()=>{if(!k){x(null);return}let e=()=>{let e=y.current?.getBoundingClientRect();e&&x({top:e.bottom+4,left:Math.max(8,e.right-240)})};return e(),window.addEventListener(`resize`,e),window.addEventListener(`scroll`,e,!0),()=>{window.removeEventListener(`resize`,e),window.removeEventListener(`scroll`,e,!0)}},[k]);let A=()=>{if(!_){if(w){E(!1),D(!1),v&&o.setConversationState(v,{rightPanelShown:!1}),T(!0);return}T(!S)}},j=S||k,M=g(_?n.I18nKey.CONVERSATION$UNAVAILABLE_FOR_ARCHIVES:S?n.I18nKey.CONVERSATION$HIDE_OVERVIEW:n.I18nKey.CONVERSATION$SHOW_OVERVIEW),N=k&&b?h.default.createPortal((0,m.jsx)(`div`,{"data-testid":`conversation-overview-peek`,className:`fixed z-50`,style:{top:b.top,left:b.left,width:240},onMouseEnter:d.openConversationOverviewPanelPeek,onMouseLeave:d.scheduleCloseConversationOverviewPanelPeek,children:(0,m.jsx)(`div`,{className:`shadow-lg`,children:(0,m.jsx)(l.ConversationOverviewPanel,{})})}),document.body):null;return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`div`,{ref:y,className:`relative inline-flex items-center self-center`,onMouseEnter:()=>{O&&d.openConversationOverviewPanelPeek()},onMouseLeave:()=>{(O||C)&&d.scheduleCloseConversationOverviewPanelPeek()},children:(0,m.jsx)(u.ChatActionTooltip,{tooltip:M,ariaLabel:M,children:(0,m.jsx)(`button`,{type:`button`,onClick:A,disabled:_,className:i.cn(f.mobileTopBarIconButtonClassName,`size-7`,j&&`bg-white/10 text-[var(--oh-foreground)]`,_&&`cursor-not-allowed opacity-50 hover:bg-transparent hover:text-[var(--oh-muted)]`,e),"aria-label":M,"aria-pressed":S,"aria-disabled":_,"data-testid":`conversation-overview-toggle`,children:(0,m.jsx)(r.Info,{className:`h-4 w-4 shrink-0`,size:16,"aria-hidden":!0})})})}),N]})}exports.ConversationOverviewToggle=g;
+//# sourceMappingURL=conversation-overview-toggle.cjs.map

package/dist/components/features/conversation/conversation-overview-toggle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-toggle.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-toggle.tsx"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Info } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport {\n  openConversationOverviewPanelPeek,\n  scheduleCloseConversationOverviewPanelPeek,\n  useSyncConversationOverviewPanelPeek,\n} from \"#/hooks/use-conversation-overview-panel-peek\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { mobileTopBarIconButtonClassName } from \"#/utils/mobile-top-bar-icon-button-classes\";\nimport { ChatActionTooltip } from \"../chat/chat-action-tooltip\";\nimport { useIsArchivedConversation } from \"#/hooks/use-is-archived-conversation\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { setConversationState } from \"#/utils/conversation-local-storage\";\nimport { ConversationOverviewPanel } from \"./conversation-overview-panel\";\nimport { CONVERSATION_OVERVIEW_PANEL_WIDTH_PX } from \"./conversation-overview-panel.constants\";\n\ninterface ConversationOverviewToggleProps {\n  className?: string;\n}\n\n/**\n * Info toggle for the session-only overview panel beside the chat thread.\n * Opening overview closes the files/diffs drawer; the panel also auto-hides\n * when that drawer opens from elsewhere. While the drawer is open, hovering\n * this control peeks the overview as a portaled overlay.\n */\nexport function ConversationOverviewToggle({\n  className,\n}: ConversationOverviewToggleProps) {\n  const { t } = useTranslation(\"openhands\");\n  const isArchivedConversation = useIsArchivedConversation();\n  const { conversationId } = useOptionalConversationId();\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const [peekPosition, setPeekPosition] = useState<{\n    top: number;\n    left: number;\n  } | null>(null);\n  const {\n    isOverviewPanelShown,\n    isOverviewPanelPeeked,\n    isRightPanelShown,\n    setIsOverviewPanelShown,\n    setHasRightPanelToggled,\n    setIsRightPanelShown,\n  } = useConversationStore();\n\n  useSyncConversationOverviewPanelPeek();\n\n  useEffect(() => {\n    if (isRightPanelShown && isOverviewPanelShown) {\n      setIsOverviewPanelShown(false);\n    }\n  }, [isOverviewPanelShown, isRightPanelShown, setIsOverviewPanelShown]);\n\n  const canPeekOnHover =\n    !isArchivedConversation && isRightPanelShown && !isOverviewPanelShown;\n  const showPeek = canPeekOnHover && isOverviewPanelPeeked;\n\n  useLayoutEffect(() => {\n    if (!showPeek) {\n      setPeekPosition(null);\n      return undefined;\n    }\n\n    const updatePosition = () => {\n      const rect = triggerRef.current?.getBoundingClientRect();\n      if (!rect) {\n        return;\n      }\n\n      setPeekPosition({\n        top: rect.bottom + 4,\n        left: Math.max(8, rect.right - CONVERSATION_OVERVIEW_PANEL_WIDTH_PX),\n      });\n    };\n\n    updatePosition();\n    window.addEventListener(\"resize\", updatePosition);\n    window.addEventListener(\"scroll\", updatePosition, true);\n    return () => {\n      window.removeEventListener(\"resize\", updatePosition);\n      window.removeEventListener(\"scroll\", updatePosition, true);\n    };\n  }, [showPeek]);\n\n  const handleToggle = () => {\n    if (isArchivedConversation) {\n      return;\n    }\n\n    // Reveal overview by closing the files/diffs drawer first; otherwise the\n    // mutual-exclusion effect above would immediately hide overview again.\n    if (isRightPanelShown) {\n      setHasRightPanelToggled(false);\n      setIsRightPanelShown(false);\n      if (conversationId) {\n        setConversationState(conversationId, { rightPanelShown: false });\n      }\n      setIsOverviewPanelShown(true);\n      return;\n    }\n\n    setIsOverviewPanelShown(!isOverviewPanelShown);\n  };\n\n  const isOverviewVisible = isOverviewPanelShown || showPeek;\n\n  const tooltipText = isArchivedConversation\n    ? t(I18nKey.CONVERSATION$UNAVAILABLE_FOR_ARCHIVES)\n    : isOverviewPanelShown\n      ? t(I18nKey.CONVERSATION$HIDE_OVERVIEW)\n      : t(I18nKey.CONVERSATION$SHOW_OVERVIEW);\n\n  const peek =\n    showPeek && peekPosition\n      ? ReactDOM.createPortal(\n          <div\n            data-testid=\"conversation-overview-peek\"\n            className=\"fixed z-50\"\n            style={{\n              top: peekPosition.top,\n              left: peekPosition.left,\n              width: CONVERSATION_OVERVIEW_PANEL_WIDTH_PX,\n            }}\n            onMouseEnter={openConversationOverviewPanelPeek}\n            onMouseLeave={scheduleCloseConversationOverviewPanelPeek}\n          >\n            <div className=\"shadow-lg\">\n              <ConversationOverviewPanel />\n            </div>\n          </div>,\n          document.body,\n        )\n      : null;\n\n  return (\n    <>\n      <div\n        ref={triggerRef}\n        className=\"relative inline-flex items-center self-center\"\n        onMouseEnter={() => {\n          if (canPeekOnHover) {\n            openConversationOverviewPanelPeek();\n          }\n        }}\n        onMouseLeave={() => {\n          if (canPeekOnHover || isOverviewPanelPeeked) {\n            scheduleCloseConversationOverviewPanelPeek();\n          }\n        }}\n      >\n        <ChatActionTooltip tooltip={tooltipText} ariaLabel={tooltipText}>\n          <button\n            type=\"button\"\n            onClick={handleToggle}\n            disabled={isArchivedConversation}\n            className={cn(\n              // Match RightPanelToggle hit target (p-1 + size-5 = 28px) while\n              // keeping the smaller Info glyph.\n              mobileTopBarIconButtonClassName,\n              \"size-7\",\n              isOverviewVisible && \"bg-white/10 text-[var(--oh-foreground)]\",\n              isArchivedConversation &&\n                \"cursor-not-allowed opacity-50 hover:bg-transparent hover:text-[var(--oh-muted)]\",\n              className,\n            )}\n            aria-label={tooltipText}\n            aria-pressed={isOverviewPanelShown}\n            aria-disabled={isArchivedConversation}\n            data-testid=\"conversation-overview-toggle\"\n          >\n            <Info className=\"h-4 w-4 shrink-0\" size={16} aria-hidden />\n          </button>\n        </ChatActionTooltip>\n      </div>\n      {peek}\n    </>\n  );\n}\n"],"mappings":"k0BA8BA,SAAgB,EAA2B,CACzC,aACkC,CAClC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAyB,EAAA,0BAA0B,EACnD,CAAE,kBAAmB,EAAA,0BAA0B,EAC/C,GAAA,EAAA,EAAA,QAAoC,IAAI,EACxC,CAAC,EAAc,IAAA,EAAA,EAAA,UAGX,IAAI,EACR,CACJ,uBACA,wBACA,oBACA,0BACA,0BACA,wBACE,EAAA,qBAAqB,EAEzB,EAAA,qCAAqC,GAErC,EAAA,EAAA,eAAgB,CACV,GAAqB,GACvB,EAAwB,EAAK,CAEjC,EAAG,CAAC,EAAsB,EAAmB,CAAuB,CAAC,EAErE,IAAM,EACJ,CAAC,GAA0B,GAAqB,CAAC,EAC7C,EAAW,GAAkB,GAEnC,EAAA,EAAA,qBAAsB,CACpB,GAAI,CAAC,EAAU,CACb,EAAgB,IAAI,EACpB,MACF,CAEA,IAAM,MAAuB,CAC3B,IAAM,EAAO,EAAW,SAAS,sBAAsB,EAClD,GAIL,EAAgB,CACd,IAAK,EAAK,OAAS,EACnB,KAAM,KAAK,IAAI,EAAG,EAAK,MAAA,GAA4C,CACrE,CAAC,CACH,EAKA,OAHA,EAAe,EACf,OAAO,iBAAiB,SAAU,CAAc,EAChD,OAAO,iBAAiB,SAAU,EAAgB,EAAI,MACzC,CACX,OAAO,oBAAoB,SAAU,CAAc,EACnD,OAAO,oBAAoB,SAAU,EAAgB,EAAI,CAC3D,CACF,EAAG,CAAC,CAAQ,CAAC,EAEb,IAAM,MAAqB,CACrB,MAMJ,IAAI,EAAmB,CACrB,EAAwB,EAAK,EAC7B,EAAqB,EAAK,EACtB,GACF,EAAA,qBAAqB,EAAgB,CAAE,gBAAiB,EAAM,CAAC,EAEjE,EAAwB,EAAI,EAC5B,MACF,CAEA,EAAwB,CAAC,CAAoB,CAF7C,CAGF,EAEM,EAAoB,GAAwB,EAE5C,EACF,EADgB,EACd,EAAA,QAAQ,sCACV,EACI,EAAA,QAAQ,2BACR,EAAA,QAAQ,0BAA0B,EAEpC,EACJ,GAAY,EACR,EAAA,QAAS,cACP,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,6BACZ,UAAU,aACV,MAAO,CACL,IAAK,EAAa,IAClB,KAAM,EAAa,KACnB,MAAA,GACF,EACA,aAAc,EAAA,kCACd,aAAc,EAAA,qDAEd,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACb,EAAA,EAAA,KAAC,EAAA,0BAAD,CAA4B,CAAA,CACzB,CAAA,CACF,CAAA,EACL,SAAS,IACX,EACA,KAEN,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,UAAU,gDACV,iBAAoB,CACd,GACF,EAAA,kCAAkC,CAEtC,EACA,iBAAoB,EACd,GAAkB,IACpB,EAAA,2CAA2C,CAE/C,YAEA,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAmB,QAAS,EAAa,UAAW,YAClD,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,SAAU,EACV,UAAW,EAAA,GAGT,EAAA,gCACA,SACA,GAAqB,0CACrB,GACE,kFACF,CACF,EACA,aAAY,EACZ,eAAc,EACd,gBAAe,EACf,cAAY,yCAEZ,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,UAAU,mBAAmB,KAAM,GAAI,cAAA,EAAa,CAAA,CACpD,CAAA,CACS,CAAA,CAChB,CAAA,EACJ,CACD,CAAA,CAAA,CAEN"}

package/dist/components/features/conversation/conversation-overview-toggle.d.ts

@@ -0,0 +1,11 @@
+interface ConversationOverviewToggleProps {
+    className?: string;
+}
+/**
+ * Info toggle for the session-only overview panel beside the chat thread.
+ * Opening overview closes the files/diffs drawer; the panel also auto-hides
+ * when that drawer opens from elsewhere. While the drawer is open, hovering
+ * this control peeks the overview as a portaled overlay.
+ */
+export declare function ConversationOverviewToggle({ className, }: ConversationOverviewToggleProps): import("react").JSX.Element;
+export {};

package/dist/components/features/conversation/conversation-overview-toggle.js

@@ -0,0 +1,99 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { Info as n } from "../../../node_modules/lucide-react/dist/esm/icons/info.js";
+import { cn as r } from "../../../utils/utils.js";
+import { useOptionalConversationId as i } from "../../../hooks/use-conversation-id.js";
+import { setConversationState as a } from "../../../utils/conversation-local-storage.js";
+import { useConversationStore as o } from "../../../stores/conversation-store.js";
+import { useIsArchivedConversation as s } from "../../../hooks/use-is-archived-conversation.js";
+import { ConversationOverviewPanel as c } from "./conversation-overview-panel.js";
+import { ChatActionTooltip as l } from "../chat/chat-action-tooltip.js";
+import { openConversationOverviewPanelPeek as u, scheduleCloseConversationOverviewPanelPeek as d, useSyncConversationOverviewPanelPeek as f } from "../../../hooks/use-conversation-overview-panel-peek.js";
+import { mobileTopBarIconButtonClassName as p } from "../../../utils/mobile-top-bar-icon-button-classes.js";
+import { useEffect as m, useLayoutEffect as h, useRef as g, useState as _ } from "react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import x from "react-dom";
+//#region src/components/features/conversation/conversation-overview-toggle.tsx
+function S({ className: S }) {
+	let { t: C } = e("openhands"), w = s(), { conversationId: T } = i(), E = g(null), [D, O] = _(null), { isOverviewPanelShown: k, isOverviewPanelPeeked: A, isRightPanelShown: j, setIsOverviewPanelShown: M, setHasRightPanelToggled: N, setIsRightPanelShown: P } = o();
+	f(), m(() => {
+		j && k && M(!1);
+	}, [
+		k,
+		j,
+		M
+	]);
+	let F = !w && j && !k, I = F && A;
+	h(() => {
+		if (!I) {
+			O(null);
+			return;
+		}
+		let e = () => {
+			let e = E.current?.getBoundingClientRect();
+			e && O({
+				top: e.bottom + 4,
+				left: Math.max(8, e.right - 240)
+			});
+		};
+		return e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+		};
+	}, [I]);
+	let L = () => {
+		if (!w) {
+			if (j) {
+				N(!1), P(!1), T && a(T, { rightPanelShown: !1 }), M(!0);
+				return;
+			}
+			M(!k);
+		}
+	}, R = k || I, z = C(w ? t.CONVERSATION$UNAVAILABLE_FOR_ARCHIVES : k ? t.CONVERSATION$HIDE_OVERVIEW : t.CONVERSATION$SHOW_OVERVIEW), B = I && D ? x.createPortal(/* @__PURE__ */ y("div", {
+		"data-testid": "conversation-overview-peek",
+		className: "fixed z-50",
+		style: {
+			top: D.top,
+			left: D.left,
+			width: 240
+		},
+		onMouseEnter: u,
+		onMouseLeave: d,
+		children: /* @__PURE__ */ y("div", {
+			className: "shadow-lg",
+			children: /* @__PURE__ */ y(c, {})
+		})
+	}), document.body) : null;
+	return /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("div", {
+		ref: E,
+		className: "relative inline-flex items-center self-center",
+		onMouseEnter: () => {
+			F && u();
+		},
+		onMouseLeave: () => {
+			(F || A) && d();
+		},
+		children: /* @__PURE__ */ y(l, {
+			tooltip: z,
+			ariaLabel: z,
+			children: /* @__PURE__ */ y("button", {
+				type: "button",
+				onClick: L,
+				disabled: w,
+				className: r(p, "size-7", R && "bg-white/10 text-[var(--oh-foreground)]", w && "cursor-not-allowed opacity-50 hover:bg-transparent hover:text-[var(--oh-muted)]", S),
+				"aria-label": z,
+				"aria-pressed": k,
+				"aria-disabled": w,
+				"data-testid": "conversation-overview-toggle",
+				children: /* @__PURE__ */ y(n, {
+					className: "h-4 w-4 shrink-0",
+					size: 16,
+					"aria-hidden": !0
+				})
+			})
+		})
+	}), B] });
+}
+//#endregion
+export { S as ConversationOverviewToggle };
+
+//# sourceMappingURL=conversation-overview-toggle.js.map

package/dist/components/features/conversation/conversation-overview-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-toggle.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-toggle.tsx"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Info } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport {\n  openConversationOverviewPanelPeek,\n  scheduleCloseConversationOverviewPanelPeek,\n  useSyncConversationOverviewPanelPeek,\n} from \"#/hooks/use-conversation-overview-panel-peek\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { mobileTopBarIconButtonClassName } from \"#/utils/mobile-top-bar-icon-button-classes\";\nimport { ChatActionTooltip } from \"../chat/chat-action-tooltip\";\nimport { useIsArchivedConversation } from \"#/hooks/use-is-archived-conversation\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { setConversationState } from \"#/utils/conversation-local-storage\";\nimport { ConversationOverviewPanel } from \"./conversation-overview-panel\";\nimport { CONVERSATION_OVERVIEW_PANEL_WIDTH_PX } from \"./conversation-overview-panel.constants\";\n\ninterface ConversationOverviewToggleProps {\n  className?: string;\n}\n\n/**\n * Info toggle for the session-only overview panel beside the chat thread.\n * Opening overview closes the files/diffs drawer; the panel also auto-hides\n * when that drawer opens from elsewhere. While the drawer is open, hovering\n * this control peeks the overview as a portaled overlay.\n */\nexport function ConversationOverviewToggle({\n  className,\n}: ConversationOverviewToggleProps) {\n  const { t } = useTranslation(\"openhands\");\n  const isArchivedConversation = useIsArchivedConversation();\n  const { conversationId } = useOptionalConversationId();\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const [peekPosition, setPeekPosition] = useState<{\n    top: number;\n    left: number;\n  } | null>(null);\n  const {\n    isOverviewPanelShown,\n    isOverviewPanelPeeked,\n    isRightPanelShown,\n    setIsOverviewPanelShown,\n    setHasRightPanelToggled,\n    setIsRightPanelShown,\n  } = useConversationStore();\n\n  useSyncConversationOverviewPanelPeek();\n\n  useEffect(() => {\n    if (isRightPanelShown && isOverviewPanelShown) {\n      setIsOverviewPanelShown(false);\n    }\n  }, [isOverviewPanelShown, isRightPanelShown, setIsOverviewPanelShown]);\n\n  const canPeekOnHover =\n    !isArchivedConversation && isRightPanelShown && !isOverviewPanelShown;\n  const showPeek = canPeekOnHover && isOverviewPanelPeeked;\n\n  useLayoutEffect(() => {\n    if (!showPeek) {\n      setPeekPosition(null);\n      return undefined;\n    }\n\n    const updatePosition = () => {\n      const rect = triggerRef.current?.getBoundingClientRect();\n      if (!rect) {\n        return;\n      }\n\n      setPeekPosition({\n        top: rect.bottom + 4,\n        left: Math.max(8, rect.right - CONVERSATION_OVERVIEW_PANEL_WIDTH_PX),\n      });\n    };\n\n    updatePosition();\n    window.addEventListener(\"resize\", updatePosition);\n    window.addEventListener(\"scroll\", updatePosition, true);\n    return () => {\n      window.removeEventListener(\"resize\", updatePosition);\n      window.removeEventListener(\"scroll\", updatePosition, true);\n    };\n  }, [showPeek]);\n\n  const handleToggle = () => {\n    if (isArchivedConversation) {\n      return;\n    }\n\n    // Reveal overview by closing the files/diffs drawer first; otherwise the\n    // mutual-exclusion effect above would immediately hide overview again.\n    if (isRightPanelShown) {\n      setHasRightPanelToggled(false);\n      setIsRightPanelShown(false);\n      if (conversationId) {\n        setConversationState(conversationId, { rightPanelShown: false });\n      }\n      setIsOverviewPanelShown(true);\n      return;\n    }\n\n    setIsOverviewPanelShown(!isOverviewPanelShown);\n  };\n\n  const isOverviewVisible = isOverviewPanelShown || showPeek;\n\n  const tooltipText = isArchivedConversation\n    ? t(I18nKey.CONVERSATION$UNAVAILABLE_FOR_ARCHIVES)\n    : isOverviewPanelShown\n      ? t(I18nKey.CONVERSATION$HIDE_OVERVIEW)\n      : t(I18nKey.CONVERSATION$SHOW_OVERVIEW);\n\n  const peek =\n    showPeek && peekPosition\n      ? ReactDOM.createPortal(\n          <div\n            data-testid=\"conversation-overview-peek\"\n            className=\"fixed z-50\"\n            style={{\n              top: peekPosition.top,\n              left: peekPosition.left,\n              width: CONVERSATION_OVERVIEW_PANEL_WIDTH_PX,\n            }}\n            onMouseEnter={openConversationOverviewPanelPeek}\n            onMouseLeave={scheduleCloseConversationOverviewPanelPeek}\n          >\n            <div className=\"shadow-lg\">\n              <ConversationOverviewPanel />\n            </div>\n          </div>,\n          document.body,\n        )\n      : null;\n\n  return (\n    <>\n      <div\n        ref={triggerRef}\n        className=\"relative inline-flex items-center self-center\"\n        onMouseEnter={() => {\n          if (canPeekOnHover) {\n            openConversationOverviewPanelPeek();\n          }\n        }}\n        onMouseLeave={() => {\n          if (canPeekOnHover || isOverviewPanelPeeked) {\n            scheduleCloseConversationOverviewPanelPeek();\n          }\n        }}\n      >\n        <ChatActionTooltip tooltip={tooltipText} ariaLabel={tooltipText}>\n          <button\n            type=\"button\"\n            onClick={handleToggle}\n            disabled={isArchivedConversation}\n            className={cn(\n              // Match RightPanelToggle hit target (p-1 + size-5 = 28px) while\n              // keeping the smaller Info glyph.\n              mobileTopBarIconButtonClassName,\n              \"size-7\",\n              isOverviewVisible && \"bg-white/10 text-[var(--oh-foreground)]\",\n              isArchivedConversation &&\n                \"cursor-not-allowed opacity-50 hover:bg-transparent hover:text-[var(--oh-muted)]\",\n              className,\n            )}\n            aria-label={tooltipText}\n            aria-pressed={isOverviewPanelShown}\n            aria-disabled={isArchivedConversation}\n            data-testid=\"conversation-overview-toggle\"\n          >\n            <Info className=\"h-4 w-4 shrink-0\" size={16} aria-hidden />\n          </button>\n        </ChatActionTooltip>\n      </div>\n      {peek}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AA8BA,SAAgB,EAA2B,EACzC,gBACkC;CAClC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAyB,EAA0B,GACnD,EAAE,sBAAmB,EAA0B,GAC/C,IAAa,EAAuB,IAAI,GACxC,CAAC,GAAc,KAAmB,EAG9B,IAAI,GACR,EACJ,yBACA,0BACA,sBACA,4BACA,4BACA,4BACE,EAAqB;CAIzB,AAFA,EAAqC,GAErC,QAAgB;EACd,AAAI,KAAqB,KACvB,EAAwB,EAAK;CAEjC,GAAG;EAAC;EAAsB;EAAmB;CAAuB,CAAC;CAErE,IAAM,IACJ,CAAC,KAA0B,KAAqB,CAAC,GAC7C,IAAW,KAAkB;CAEnC,QAAsB;EACpB,IAAI,CAAC,GAAU;GACb,EAAgB,IAAI;GACpB;EACF;EAEA,IAAM,UAAuB;GAC3B,IAAM,IAAO,EAAW,SAAS,sBAAsB;GAClD,KAIL,EAAgB;IACd,KAAK,EAAK,SAAS;IACnB,MAAM,KAAK,IAAI,GAAG,EAAK,QAAA,GAA4C;GACrE,CAAC;EACH;EAKA,OAHA,EAAe,GACf,OAAO,iBAAiB,UAAU,CAAc,GAChD,OAAO,iBAAiB,UAAU,GAAgB,EAAI,SACzC;GAEX,AADA,OAAO,oBAAoB,UAAU,CAAc,GACnD,OAAO,oBAAoB,UAAU,GAAgB,EAAI;EAC3D;CACF,GAAG,CAAC,CAAQ,CAAC;CAEb,IAAM,UAAqB;EACrB,QAMJ;OAAI,GAAmB;IAMrB,AALA,EAAwB,EAAK,GAC7B,EAAqB,EAAK,GACtB,KACF,EAAqB,GAAgB,EAAE,iBAAiB,GAAM,CAAC,GAEjE,EAAwB,EAAI;IAC5B;GACF;GAEA,EAAwB,CAAC,CAAoB;EAF7C;CAGF,GAEM,IAAoB,KAAwB,GAE5C,IACF,EADgB,IACd,EAAQ,wCACV,IACI,EAAQ,6BACR,EAAQ,0BAA0B,GAEpC,IACJ,KAAY,IACR,EAAS,aACP,kBAAC,OAAD;EACE,eAAY;EACZ,WAAU;EACV,OAAO;GACL,KAAK,EAAa;GAClB,MAAM,EAAa;GACnB,OAAA;EACF;EACA,cAAc;EACd,cAAc;YAEd,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD,CAA4B,CAAA;EACzB,CAAA;CACF,CAAA,GACL,SAAS,IACX,IACA;CAEN,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;EACE,KAAK;EACL,WAAU;EACV,oBAAoB;GAClB,AAAI,KACF,EAAkC;EAEtC;EACA,oBAAoB;GAClB,CAAI,KAAkB,MACpB,EAA2C;EAE/C;YAEA,kBAAC,GAAD;GAAmB,SAAS;GAAa,WAAW;aAClD,kBAAC,UAAD;IACE,MAAK;IACL,SAAS;IACT,UAAU;IACV,WAAW,EAGT,GACA,UACA,KAAqB,2CACrB,KACE,mFACF,CACF;IACA,cAAY;IACZ,gBAAc;IACd,iBAAe;IACf,eAAY;cAEZ,kBAAC,GAAD;KAAM,WAAU;KAAmB,MAAM;KAAI,eAAA;IAAa,CAAA;GACpD,CAAA;EACS,CAAA;CAChB,CAAA,GACJ,CACD,EAAA,CAAA;AAEN"}

package/dist/components/features/conversation/conversation-secondary-drawer.classes.cjs

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../utils/utils.cjs");var t=e.cn(`flex h-10 min-h-10 shrink-0 items-center gap-1.5`,`border-b border-[var(--oh-border)] py-1 pl-1 pr-4`),n=e.cn(`h-7 min-h-7 shrink-0 whitespace-nowrap px-2.5 text-xs`),r=e.cn(`inline-flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-md`,`text-muted transition-colors hover:bg-white/10 hover:text-white`);exports.CONVERSATION_SECONDARY_DRAWER_CLOSE_BUTTON_CLASSNAME=r,exports.CONVERSATION_SECONDARY_DRAWER_HEADER_ACTION_CLASSNAME=n,exports.CONVERSATION_SECONDARY_DRAWER_HEADER_CLASSNAME=t;
+//# sourceMappingURL=conversation-secondary-drawer.classes.cjs.map

package/dist/components/features/conversation/conversation-secondary-drawer.classes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-secondary-drawer.classes.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-secondary-drawer.classes.ts"],"sourcesContent":["import { cn } from \"#/utils/utils\";\n\n/** Matches conversation tabs chrome height; right inset aligns with drawer body `px-4`. */\nexport const CONVERSATION_SECONDARY_DRAWER_HEADER_CLASSNAME = cn(\n  \"flex h-10 min-h-10 shrink-0 items-center gap-1.5\",\n  \"border-b border-[var(--oh-border)] py-1 pl-1 pr-4\",\n);\n\nexport const CONVERSATION_SECONDARY_DRAWER_HEADER_ACTION_CLASSNAME = cn(\n  \"h-7 min-h-7 shrink-0 whitespace-nowrap px-2.5 text-xs\",\n);\n\nexport const CONVERSATION_SECONDARY_DRAWER_CLOSE_BUTTON_CLASSNAME = cn(\n  \"inline-flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-md\",\n  \"text-muted transition-colors hover:bg-white/10 hover:text-white\",\n);\n"],"mappings":"+FAGA,IAAa,EAAiD,EAAA,GAC5D,mDACA,mDACF,EAEa,EAAwD,EAAA,GACnE,uDACF,EAEa,EAAuD,EAAA,GAClE,oFACA,iEACF"}

package/dist/components/features/conversation/conversation-secondary-drawer.classes.d.ts

@@ -0,0 +1,4 @@
+/** Matches conversation tabs chrome height; right inset aligns with drawer body `px-4`. */
+export declare const CONVERSATION_SECONDARY_DRAWER_HEADER_CLASSNAME: string;
+export declare const CONVERSATION_SECONDARY_DRAWER_HEADER_ACTION_CLASSNAME: string;
+export declare const CONVERSATION_SECONDARY_DRAWER_CLOSE_BUTTON_CLASSNAME: string;

package/dist/components/features/conversation/conversation-secondary-drawer.classes.js

@@ -0,0 +1,7 @@
+import { cn as e } from "../../../utils/utils.js";
+//#region src/components/features/conversation/conversation-secondary-drawer.classes.ts
+var t = e("flex h-10 min-h-10 shrink-0 items-center gap-1.5", "border-b border-[var(--oh-border)] py-1 pl-1 pr-4"), n = e("h-7 min-h-7 shrink-0 whitespace-nowrap px-2.5 text-xs"), r = e("inline-flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-md", "text-muted transition-colors hover:bg-white/10 hover:text-white");
+//#endregion
+export { r as CONVERSATION_SECONDARY_DRAWER_CLOSE_BUTTON_CLASSNAME, n as CONVERSATION_SECONDARY_DRAWER_HEADER_ACTION_CLASSNAME, t as CONVERSATION_SECONDARY_DRAWER_HEADER_CLASSNAME };
+
+//# sourceMappingURL=conversation-secondary-drawer.classes.js.map

package/dist/components/features/conversation/conversation-secondary-drawer.classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-secondary-drawer.classes.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-secondary-drawer.classes.ts"],"sourcesContent":["import { cn } from \"#/utils/utils\";\n\n/** Matches conversation tabs chrome height; right inset aligns with drawer body `px-4`. */\nexport const CONVERSATION_SECONDARY_DRAWER_HEADER_CLASSNAME = cn(\n  \"flex h-10 min-h-10 shrink-0 items-center gap-1.5\",\n  \"border-b border-[var(--oh-border)] py-1 pl-1 pr-4\",\n);\n\nexport const CONVERSATION_SECONDARY_DRAWER_HEADER_ACTION_CLASSNAME = cn(\n  \"h-7 min-h-7 shrink-0 whitespace-nowrap px-2.5 text-xs\",\n);\n\nexport const CONVERSATION_SECONDARY_DRAWER_CLOSE_BUTTON_CLASSNAME = cn(\n  \"inline-flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-md\",\n  \"text-muted transition-colors hover:bg-white/10 hover:text-white\",\n);\n"],"mappings":";;AAGA,IAAa,IAAiD,EAC5D,oDACA,mDACF,GAEa,IAAwD,EACnE,uDACF,GAEa,IAAuD,EAClE,qFACA,iEACF"}

package/dist/components/features/conversation/conversation-tabs/conversation-tab-content/conversation-tab-content.cjs

@@ -1,2 +1,2 @@
-require("../../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../../hooks/use-conversation-id.cjs"),t=require("../../../../../stores/conversation-store.cjs"),n=require("./tab-wrapper.cjs"),r=require("./tab-container.cjs"),i=require("./tab-content-area.cjs"),a=require("./conversation-tab-content-crossfade.cjs");let o=require("react"),s=require("react/jsx-runtime");var c=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/files-tab.cjs"))),l=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/browser-tab.cjs"))),u=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/planner-tab.cjs"))),d=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/task-list-tab.cjs"))),f=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/usage-tab.cjs"))),p=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../terminal/terminal.cjs"))),m={tasklist:{component:d},files:{component:c},browser:{component:l},terminal:{component:p},planner:{component:u},usage:{component:f}};function h(){let{selectedTab:c,shouldShownAgentLoading:l}=t.useConversationStore(),{conversationId:u}=e.useConversationId(),d=(0,o.useMemo)(()=>m[c]??m.files,[c]).component,f=c===`terminal`?`${c}-${u}`:c??`files`;return(0,s.jsx)(r.TabContainer,{children:(0,s.jsx)(i.TabContentArea,{children:(0,s.jsx)(a.ConversationTabContentCrossfade,{showAgentLoading:l,tabKey:f,children:(0,s.jsx)(n.TabWrapper,{children:(0,s.jsx)(d,{})},f)})})})}exports.ConversationTabContent=h;
+require("../../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../../hooks/use-conversation-id.cjs"),t=require("../../../../../stores/conversation-store.cjs"),n=require("./tab-wrapper.cjs"),r=require("./tab-container.cjs"),i=require("./tab-content-area.cjs"),a=require("./conversation-tab-content-crossfade.cjs");let o=require("react"),s=require("react/jsx-runtime");var c=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/files-tab.cjs"))),l=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/commits-tab.cjs"))),u=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/browser-tab.cjs"))),d=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/planner-tab.cjs"))),f=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/task-list-tab.cjs"))),p=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/usage-tab.cjs"))),m=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../terminal/terminal.cjs"))),h={tasklist:{component:f},files:{component:c},commits:{component:l},browser:{component:u},terminal:{component:m},planner:{component:d},usage:{component:p}};function g(){let{selectedTab:c,shouldShownAgentLoading:l}=t.useConversationStore(),{conversationId:u}=e.useConversationId(),d=(0,o.useMemo)(()=>h[c]??h.files,[c]).component,f=c===`terminal`?`${c}-${u}`:c??`files`;return(0,s.jsx)(r.TabContainer,{children:(0,s.jsx)(i.TabContentArea,{children:(0,s.jsx)(a.ConversationTabContentCrossfade,{showAgentLoading:l,tabKey:f,children:(0,s.jsx)(n.TabWrapper,{children:(0,s.jsx)(d,{})},f)})})})}exports.ConversationTabContent=g;
 //# sourceMappingURL=conversation-tab-content.cjs.map

package/dist/components/features/conversation/conversation-tabs/conversation-tab-content/conversation-tab-content.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-tab-content.cjs","names":[],"sources":["../../../../../../src/components/features/conversation/conversation-tabs/conversation-tab-content/conversation-tab-content.tsx"],"sourcesContent":["import { lazy, useMemo } from \"react\";\nimport { TabWrapper } from \"./tab-wrapper\";\nimport { TabContainer } from \"./tab-container\";\nimport { TabContentArea } from \"./tab-content-area\";\nimport { ConversationTabContentCrossfade } from \"./conversation-tab-content-crossfade\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\n\n// Lazy load all tab components, including the terminal — xterm + addon-fit +\n// xterm.css are large enough that we don't want them in the conversation\n// route's eager graph just because the terminal tab might be selected later.\nconst FilesTab = lazy(() => import(\"#/routes/files-tab\"));\nconst BrowserTab = lazy(() => import(\"#/routes/browser-tab\"));\nconst PlannerTab = lazy(() => import(\"#/routes/planner-tab\"));\nconst TaskListTab = lazy(() => import(\"#/routes/task-list-tab\"));\nconst UsageTab = lazy(() => import(\"#/routes/usage-tab\"));\nconst Terminal = lazy(() => import(\"#/components/features/terminal/terminal\"));\n\nconst TAB_CONFIG = {\n  tasklist: { component: TaskListTab },\n  files: { component: FilesTab },\n  browser: { component: BrowserTab },\n  terminal: { component: Terminal },\n  planner: { component: PlannerTab },\n  usage: { component: UsageTab },\n};\n\nexport function ConversationTabContent() {\n  const { selectedTab, shouldShownAgentLoading } = useConversationStore();\n  const { conversationId } = useConversationId();\n\n  const activeTab = useMemo(\n    () =>\n      TAB_CONFIG[selectedTab as keyof typeof TAB_CONFIG] ?? TAB_CONFIG.files,\n    [selectedTab],\n  );\n\n  const ActiveComponent = activeTab.component;\n\n  const tabWrapperKey =\n    selectedTab === \"terminal\"\n      ? `${selectedTab}-${conversationId}`\n      : (selectedTab ?? \"files\");\n\n  return (\n    <TabContainer>\n      <TabContentArea>\n        <ConversationTabContentCrossfade\n          showAgentLoading={shouldShownAgentLoading}\n          tabKey={tabWrapperKey}\n        >\n          <TabWrapper key={tabWrapperKey}>\n            <ActiveComponent />\n          </TabWrapper>\n        </ConversationTabContentCrossfade>\n      </TabContentArea>\n    </TabContainer>\n  );\n}\n"],"mappings":"mYAWA,IAAM,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAsB,qCAAA,CAAA,CAA4B,EAClD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAwB,uCAAA,CAAA,CAA8B,EACtD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAwB,uCAAA,CAAA,CAA8B,EACtD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAyB,yCAAA,CAAA,CAAgC,EACzD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAsB,qCAAA,CAAA,CAA4B,EAClD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAsB,gCAAA,CAAA,CAAiD,EAEvE,EAAa,CACjB,SAAU,CAAE,UAAW,CAAY,EACnC,MAAO,CAAE,UAAW,CAAS,EAC7B,QAAS,CAAE,UAAW,CAAW,EACjC,SAAU,CAAE,UAAW,CAAS,EAChC,QAAS,CAAE,UAAW,CAAW,EACjC,MAAO,CAAE,UAAW,CAAS,CAC/B,EAEA,SAAgB,GAAyB,CACvC,GAAM,CAAE,cAAa,2BAA4B,EAAA,qBAAqB,EAChE,CAAE,kBAAmB,EAAA,kBAAkB,EAQvC,GAAA,EAAA,EAAA,aAJF,EAAW,IAA2C,EAAW,MACnE,CAAC,CAAW,CAGU,EAAU,UAE5B,EACJ,IAAgB,WACZ,GAAG,EAAY,GAAG,IACjB,GAAe,QAEtB,OACE,EAAA,EAAA,KAAC,EAAA,aAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,gCAAD,CACE,iBAAkB,EAClB,OAAQ,YAER,EAAA,EAAA,KAAC,EAAA,WAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAD,CAAkB,CAAA,CACR,EAFK,CAEL,CACmB,CAAA,CACnB,CAAA,CACJ,CAAA,CAElB"}
+{"version":3,"file":"conversation-tab-content.cjs","names":[],"sources":["../../../../../../src/components/features/conversation/conversation-tabs/conversation-tab-content/conversation-tab-content.tsx"],"sourcesContent":["import { lazy, useMemo } from \"react\";\nimport { TabWrapper } from \"./tab-wrapper\";\nimport { TabContainer } from \"./tab-container\";\nimport { TabContentArea } from \"./tab-content-area\";\nimport { ConversationTabContentCrossfade } from \"./conversation-tab-content-crossfade\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\n\n// Lazy load all tab components, including the terminal — xterm + addon-fit +\n// xterm.css are large enough that we don't want them in the conversation\n// route's eager graph just because the terminal tab might be selected later.\nconst FilesTab = lazy(() => import(\"#/routes/files-tab\"));\nconst CommitsTab = lazy(() => import(\"#/routes/commits-tab\"));\nconst BrowserTab = lazy(() => import(\"#/routes/browser-tab\"));\nconst PlannerTab = lazy(() => import(\"#/routes/planner-tab\"));\nconst TaskListTab = lazy(() => import(\"#/routes/task-list-tab\"));\nconst UsageTab = lazy(() => import(\"#/routes/usage-tab\"));\nconst Terminal = lazy(() => import(\"#/components/features/terminal/terminal\"));\n\nconst TAB_CONFIG = {\n  tasklist: { component: TaskListTab },\n  files: { component: FilesTab },\n  commits: { component: CommitsTab },\n  browser: { component: BrowserTab },\n  terminal: { component: Terminal },\n  planner: { component: PlannerTab },\n  usage: { component: UsageTab },\n};\n\nexport function ConversationTabContent() {\n  const { selectedTab, shouldShownAgentLoading } = useConversationStore();\n  const { conversationId } = useConversationId();\n\n  const activeTab = useMemo(\n    () =>\n      TAB_CONFIG[selectedTab as keyof typeof TAB_CONFIG] ?? TAB_CONFIG.files,\n    [selectedTab],\n  );\n\n  const ActiveComponent = activeTab.component;\n\n  const tabWrapperKey =\n    selectedTab === \"terminal\"\n      ? `${selectedTab}-${conversationId}`\n      : (selectedTab ?? \"files\");\n\n  return (\n    <TabContainer>\n      <TabContentArea>\n        <ConversationTabContentCrossfade\n          showAgentLoading={shouldShownAgentLoading}\n          tabKey={tabWrapperKey}\n        >\n          <TabWrapper key={tabWrapperKey}>\n            <ActiveComponent />\n          </TabWrapper>\n        </ConversationTabContentCrossfade>\n      </TabContentArea>\n    </TabContainer>\n  );\n}\n"],"mappings":"mYAWA,IAAM,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAsB,qCAAA,CAAA,CAA4B,EAClD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAwB,uCAAA,CAAA,CAA8B,EACtD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAwB,uCAAA,CAAA,CAA8B,EACtD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAwB,uCAAA,CAAA,CAA8B,EACtD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAyB,yCAAA,CAAA,CAAgC,EACzD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAsB,qCAAA,CAAA,CAA4B,EAClD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAsB,gCAAA,CAAA,CAAiD,EAEvE,EAAa,CACjB,SAAU,CAAE,UAAW,CAAY,EACnC,MAAO,CAAE,UAAW,CAAS,EAC7B,QAAS,CAAE,UAAW,CAAW,EACjC,QAAS,CAAE,UAAW,CAAW,EACjC,SAAU,CAAE,UAAW,CAAS,EAChC,QAAS,CAAE,UAAW,CAAW,EACjC,MAAO,CAAE,UAAW,CAAS,CAC/B,EAEA,SAAgB,GAAyB,CACvC,GAAM,CAAE,cAAa,2BAA4B,EAAA,qBAAqB,EAChE,CAAE,kBAAmB,EAAA,kBAAkB,EAQvC,GAAA,EAAA,EAAA,aAJF,EAAW,IAA2C,EAAW,MACnE,CAAC,CAAW,CAGU,EAAU,UAE5B,EACJ,IAAgB,WACZ,GAAG,EAAY,GAAG,IACjB,GAAe,QAEtB,OACE,EAAA,EAAA,KAAC,EAAA,aAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,gCAAD,CACE,iBAAkB,EAClB,OAAQ,YAER,EAAA,EAAA,KAAC,EAAA,WAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAD,CAAkB,CAAA,CACR,EAFK,CAEL,CACmB,CAAA,CACnB,CAAA,CACJ,CAAA,CAElB"}

package/dist/components/features/conversation/conversation-tabs/conversation-tab-content/conversation-tab-content.js

@@ -7,16 +7,17 @@ import { ConversationTabContentCrossfade as a } from "./conversation-tab-content
 import { lazy as o, useMemo as s } from "react";
 import { jsx as c } from "react/jsx-runtime";
 //#region src/components/features/conversation/conversation-tabs/conversation-tab-content/conversation-tab-content.tsx
-var l = o(() => import("../../../../../routes/files-tab.js")), u = o(() => import("../../../../../routes/browser-tab.js")), d = o(() => import("../../../../../routes/planner-tab.js")), f = o(() => import("../../../../../routes/task-list-tab.js")), p = o(() => import("../../../../../routes/usage-tab.js")), m = o(() => import("../../../terminal/terminal.js")), h = {
-	tasklist: { component: f },
+var l = o(() => import("../../../../../routes/files-tab.js")), u = o(() => import("../../../../../routes/commits-tab.js")), d = o(() => import("../../../../../routes/browser-tab.js")), f = o(() => import("../../../../../routes/planner-tab.js")), p = o(() => import("../../../../../routes/task-list-tab.js")), m = o(() => import("../../../../../routes/usage-tab.js")), h = o(() => import("../../../terminal/terminal.js")), g = {
+	tasklist: { component: p },
 	files: { component: l },
-	browser: { component: u },
-	terminal: { component: m },
-	planner: { component: d },
-	usage: { component: p }
+	commits: { component: u },
+	browser: { component: d },
+	terminal: { component: h },
+	planner: { component: f },
+	usage: { component: m }
 };
-function g() {
-	let { selectedTab: o, shouldShownAgentLoading: l } = t(), { conversationId: u } = e(), d = s(() => h[o] ?? h.files, [o]).component, f = o === "terminal" ? `${o}-${u}` : o ?? "files";
+function _() {
+	let { selectedTab: o, shouldShownAgentLoading: l } = t(), { conversationId: u } = e(), d = s(() => g[o] ?? g.files, [o]).component, f = o === "terminal" ? `${o}-${u}` : o ?? "files";
 	return /* @__PURE__ */ c(r, { children: /* @__PURE__ */ c(i, { children: /* @__PURE__ */ c(a, {
 		showAgentLoading: l,
 		tabKey: f,
@@ -24,6 +25,6 @@ function g() {
 	}) }) });
 }
 //#endregion
-export { g as ConversationTabContent };
+export { _ as ConversationTabContent };
 
 //# sourceMappingURL=conversation-tab-content.js.map

package/dist/components/features/conversation/conversation-tabs/conversation-tab-content/conversation-tab-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-tab-content.js","names":[],"sources":["../../../../../../src/components/features/conversation/conversation-tabs/conversation-tab-content/conversation-tab-content.tsx"],"sourcesContent":["import { lazy, useMemo } from \"react\";\nimport { TabWrapper } from \"./tab-wrapper\";\nimport { TabContainer } from \"./tab-container\";\nimport { TabContentArea } from \"./tab-content-area\";\nimport { ConversationTabContentCrossfade } from \"./conversation-tab-content-crossfade\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\n\n// Lazy load all tab components, including the terminal — xterm + addon-fit +\n// xterm.css are large enough that we don't want them in the conversation\n// route's eager graph just because the terminal tab might be selected later.\nconst FilesTab = lazy(() => import(\"#/routes/files-tab\"));\nconst BrowserTab = lazy(() => import(\"#/routes/browser-tab\"));\nconst PlannerTab = lazy(() => import(\"#/routes/planner-tab\"));\nconst TaskListTab = lazy(() => import(\"#/routes/task-list-tab\"));\nconst UsageTab = lazy(() => import(\"#/routes/usage-tab\"));\nconst Terminal = lazy(() => import(\"#/components/features/terminal/terminal\"));\n\nconst TAB_CONFIG = {\n  tasklist: { component: TaskListTab },\n  files: { component: FilesTab },\n  browser: { component: BrowserTab },\n  terminal: { component: Terminal },\n  planner: { component: PlannerTab },\n  usage: { component: UsageTab },\n};\n\nexport function ConversationTabContent() {\n  const { selectedTab, shouldShownAgentLoading } = useConversationStore();\n  const { conversationId } = useConversationId();\n\n  const activeTab = useMemo(\n    () =>\n      TAB_CONFIG[selectedTab as keyof typeof TAB_CONFIG] ?? TAB_CONFIG.files,\n    [selectedTab],\n  );\n\n  const ActiveComponent = activeTab.component;\n\n  const tabWrapperKey =\n    selectedTab === \"terminal\"\n      ? `${selectedTab}-${conversationId}`\n      : (selectedTab ?? \"files\");\n\n  return (\n    <TabContainer>\n      <TabContentArea>\n        <ConversationTabContentCrossfade\n          showAgentLoading={shouldShownAgentLoading}\n          tabKey={tabWrapperKey}\n        >\n          <TabWrapper key={tabWrapperKey}>\n            <ActiveComponent />\n          </TabWrapper>\n        </ConversationTabContentCrossfade>\n      </TabContentArea>\n    </TabContainer>\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,IAAM,IAAW,QAAW,OAAO,qCAAqB,GAClD,IAAa,QAAW,OAAO,uCAAuB,GACtD,IAAa,QAAW,OAAO,uCAAuB,GACtD,IAAc,QAAW,OAAO,yCAAyB,GACzD,IAAW,QAAW,OAAO,qCAAqB,GAClD,IAAW,QAAW,OAAO,gCAA0C,GAEvE,IAAa;CACjB,UAAU,EAAE,WAAW,EAAY;CACnC,OAAO,EAAE,WAAW,EAAS;CAC7B,SAAS,EAAE,WAAW,EAAW;CACjC,UAAU,EAAE,WAAW,EAAS;CAChC,SAAS,EAAE,WAAW,EAAW;CACjC,OAAO,EAAE,WAAW,EAAS;AAC/B;AAEA,SAAgB,IAAyB;CACvC,IAAM,EAAE,gBAAa,+BAA4B,EAAqB,GAChE,EAAE,sBAAmB,EAAkB,GAQvC,IANY,QAEd,EAAW,MAA2C,EAAW,OACnE,CAAC,CAAW,CAGU,EAAU,WAE5B,IACJ,MAAgB,aACZ,GAAG,EAAY,GAAG,MACjB,KAAe;CAEtB,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,kBAAkB;EAClB,QAAQ;YAER,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,CAAkB,CAAA,EACR,GAFK,CAEL;CACmB,CAAA,EACnB,CAAA,EACJ,CAAA;AAElB"}
+{"version":3,"file":"conversation-tab-content.js","names":[],"sources":["../../../../../../src/components/features/conversation/conversation-tabs/conversation-tab-content/conversation-tab-content.tsx"],"sourcesContent":["import { lazy, useMemo } from \"react\";\nimport { TabWrapper } from \"./tab-wrapper\";\nimport { TabContainer } from \"./tab-container\";\nimport { TabContentArea } from \"./tab-content-area\";\nimport { ConversationTabContentCrossfade } from \"./conversation-tab-content-crossfade\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\n\n// Lazy load all tab components, including the terminal — xterm + addon-fit +\n// xterm.css are large enough that we don't want them in the conversation\n// route's eager graph just because the terminal tab might be selected later.\nconst FilesTab = lazy(() => import(\"#/routes/files-tab\"));\nconst CommitsTab = lazy(() => import(\"#/routes/commits-tab\"));\nconst BrowserTab = lazy(() => import(\"#/routes/browser-tab\"));\nconst PlannerTab = lazy(() => import(\"#/routes/planner-tab\"));\nconst TaskListTab = lazy(() => import(\"#/routes/task-list-tab\"));\nconst UsageTab = lazy(() => import(\"#/routes/usage-tab\"));\nconst Terminal = lazy(() => import(\"#/components/features/terminal/terminal\"));\n\nconst TAB_CONFIG = {\n  tasklist: { component: TaskListTab },\n  files: { component: FilesTab },\n  commits: { component: CommitsTab },\n  browser: { component: BrowserTab },\n  terminal: { component: Terminal },\n  planner: { component: PlannerTab },\n  usage: { component: UsageTab },\n};\n\nexport function ConversationTabContent() {\n  const { selectedTab, shouldShownAgentLoading } = useConversationStore();\n  const { conversationId } = useConversationId();\n\n  const activeTab = useMemo(\n    () =>\n      TAB_CONFIG[selectedTab as keyof typeof TAB_CONFIG] ?? TAB_CONFIG.files,\n    [selectedTab],\n  );\n\n  const ActiveComponent = activeTab.component;\n\n  const tabWrapperKey =\n    selectedTab === \"terminal\"\n      ? `${selectedTab}-${conversationId}`\n      : (selectedTab ?? \"files\");\n\n  return (\n    <TabContainer>\n      <TabContentArea>\n        <ConversationTabContentCrossfade\n          showAgentLoading={shouldShownAgentLoading}\n          tabKey={tabWrapperKey}\n        >\n          <TabWrapper key={tabWrapperKey}>\n            <ActiveComponent />\n          </TabWrapper>\n        </ConversationTabContentCrossfade>\n      </TabContentArea>\n    </TabContainer>\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,IAAM,IAAW,QAAW,OAAO,qCAAqB,GAClD,IAAa,QAAW,OAAO,uCAAuB,GACtD,IAAa,QAAW,OAAO,uCAAuB,GACtD,IAAa,QAAW,OAAO,uCAAuB,GACtD,IAAc,QAAW,OAAO,yCAAyB,GACzD,IAAW,QAAW,OAAO,qCAAqB,GAClD,IAAW,QAAW,OAAO,gCAA0C,GAEvE,IAAa;CACjB,UAAU,EAAE,WAAW,EAAY;CACnC,OAAO,EAAE,WAAW,EAAS;CAC7B,SAAS,EAAE,WAAW,EAAW;CACjC,SAAS,EAAE,WAAW,EAAW;CACjC,UAAU,EAAE,WAAW,EAAS;CAChC,SAAS,EAAE,WAAW,EAAW;CACjC,OAAO,EAAE,WAAW,EAAS;AAC/B;AAEA,SAAgB,IAAyB;CACvC,IAAM,EAAE,gBAAa,+BAA4B,EAAqB,GAChE,EAAE,sBAAmB,EAAkB,GAQvC,IANY,QAEd,EAAW,MAA2C,EAAW,OACnE,CAAC,CAAW,CAGU,EAAU,WAE5B,IACJ,MAAgB,aACZ,GAAG,EAAY,GAAG,MACjB,KAAe;CAEtB,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,kBAAkB;EAClB,QAAQ;YAER,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,CAAkB,CAAA,EACR,GAFK,CAEL;CACmB,CAAA,EACnB,CAAA,EACJ,CAAA;AAElB"}

package/dist/components/features/conversation/conversation-tabs/conversation-tabs-context-menu.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../node_modules/lucide-react/dist/esm/icons/gauge.cjs"),i=require("../../../../node_modules/lucide-react/dist/esm/icons/globe.cjs"),a=require("../../../../node_modules/lucide-react/dist/esm/icons/list-todo.cjs"),o=require("../../../../node_modules/lucide-react/dist/esm/icons/square-chevron-right.cjs"),s=require("../../../../utils/utils.cjs"),c=require("../../../../hooks/use-conversation-id.cjs"),l=require("../../../../utils/conversation-local-storage.cjs"),u=require("../../../../stores/conversation-store.cjs"),d=require("../../../../contexts/active-backend-context.cjs"),f=require("../../../../utils/dropdown-classes.cjs"),p=require("../../../../ui/context-menu.cjs"),m=require("../../../../hooks/use-click-outside-element.cjs"),h=require("../../../../hooks/use-select-conversation-tab.cjs"),g=require("../../../../icons/document.cjs"),_=require("../../context-menu/archived-disabled-tooltip.cjs"),v=require("../../../../hooks/use-is-archived-conversation.cjs"),y=require("../../../../icons/double-check.cjs"),b=require("../../../../icons/pill.cjs"),x=require("../../../../icons/pill-fill.cjs"),S=require("../../../../hooks/use-task-list.cjs");let C=require("react");C=e.__toESM(C,1);let w=require("react/jsx-runtime"),T=require("react-dom");T=e.__toESM(T,1);function E({isOpen:e,onClose:E,ignoreOutsideClickRef:D,anchorRef:O}){let k=m.useClickOutsideElement(E,D),[A,j]=(0,C.useState)();(0,C.useLayoutEffect)(()=>{if(!e||!O?.current){j(void 0);return}let t=()=>{let e=O.current?.getBoundingClientRect();e&&j({position:`fixed`,zIndex:9999,top:e.bottom+8,left:e.left})};return t(),window.addEventListener(`resize`,t),window.addEventListener(`scroll`,t,!0),()=>{window.removeEventListener(`resize`,t),window.removeEventListener(`scroll`,t,!0)}},[e,O]);let{t:M}=t.useTranslation(`openhands`),{conversationId:N}=c.useConversationId(),{state:P,setUnpinnedTabs:F,setSelectedTab:I}=l.useConversationLocalStorageState(N),{selectedTab:L,isRightPanelShown:R,setSelectedTab:z}=u.useConversationStore(),{navigateToTab:B}=h.useSelectConversationTab(),{hasTaskList:V}=S.useTaskList(),{backend:H}=d.useActiveBackend(),U=v.useIsArchivedConversation(),W=[{tab:`planner`,icon:a.ListTodo,i18nKey:n.I18nKey.COMMON$PLANNER},{tab:`files`,icon:g.default,i18nKey:n.I18nKey.COMMON$FILES},{tab:`terminal`,icon:o.SquareChevronRight,i18nKey:n.I18nKey.COMMON$TERMINAL},{tab:`browser`,icon:i.Globe,i18nKey:n.I18nKey.COMMON$BROWSER},{tab:`usage`,icon:r.Gauge,i18nKey:n.I18nKey.COMMON$USAGE}];V&&W.unshift({tab:`tasklist`,icon:y.default,i18nKey:n.I18nKey.COMMON$TASK_LIST});let G=W.filter(({tab:e})=>e!==`planner`||H.kind===`cloud`),K=e=>{U||(B(e),E())},q=(e,t)=>{if(U){t.preventDefault(),t.stopPropagation();return}if(t.preventDefault(),t.stopPropagation(),P.unpinnedTabs.includes(e))F(P.unpinnedTabs.filter(t=>t!==e));else{let t=[...P.unpinnedTabs,e];if(F(t),L===e&&R){let n=G.find(({tab:n})=>n!==e&&!t.includes(n));n&&(z(n.tab),I(n.tab))}}};if(!e)return null;let J=!!(O?.current&&A),Y=(0,w.jsx)(p.ContextMenu,{ref:k,theme:J?`popover`:`default`,position:J?`none`:`bottom`,alignment:J?`none`:`left`,spacing:J?`none`:`default`,className:s.cn(`z-[9999] w-fit`,J?`mt-0`:`mt-2`),children:G.map(({tab:e,icon:t,i18nKey:r})=>{let i=!P.unpinnedTabs.includes(e);return(0,w.jsx)(`li`,{className:`list-none`,children:(0,w.jsx)(_.ArchivedDisabledTooltip,{isDisabled:U,children:(0,w.jsxs)(`div`,{className:s.cn(`group flex h-[30px] w-full min-w-0 items-stretch rounded`,!U&&`hover:bg-[var(--oh-interactive-hover)]`,U&&`opacity-50`),children:[(0,w.jsxs)(`button`,{type:`button`,"data-testid":`conversation-tabs-menu-open-${e}`,disabled:U,className:s.cn(`flex min-w-0 flex-1 items-center gap-2 rounded-l p-2 text-start text-white`,f.dropdownInstantColorClassName,U?`cursor-not-allowed`:`cursor-pointer`),onClick:()=>K(e),children:[(0,w.jsx)(`span`,{className:f.dropdownMenuRowIconWrapperClassName,"aria-hidden":!0,children:(0,w.jsx)(t,{className:`h-4 w-4`})}),(0,w.jsx)(`span`,{className:`text-sm`,children:M(r)})]}),(0,w.jsx)(`button`,{type:`button`,"data-testid":`conversation-tabs-menu-pin-${e}`,disabled:U,className:s.cn(`flex shrink-0 items-center justify-center rounded-r px-2 text-white`,f.dropdownInstantColorClassName,U?`cursor-not-allowed`:`cursor-pointer hover:bg-white/10`),"aria-pressed":i,"aria-label":M(i?n.I18nKey.CONVERSATION$UNPIN_TAB:n.I18nKey.CONVERSATION$PIN_TAB),onClick:t=>q(e,t),children:i?(0,w.jsx)(`span`,{className:s.cn(`-mr-[5px] ml-auto`,f.dropdownMenuRowIconWrapperClassName),"aria-hidden":!0,children:(0,w.jsx)(x.default,{className:`h-7 w-7`})}):(0,w.jsx)(`span`,{className:s.cn(`ml-auto`,f.dropdownMenuRowIconWrapperClassName),"aria-hidden":!0,children:(0,w.jsx)(b.default,{className:`h-4.5 w-4.5`})})})]})})},e)})});return J&&A&&typeof document<`u`?T.default.createPortal((0,w.jsx)(`div`,{style:A,children:Y}),document.body):Y}exports.ConversationTabsContextMenu=E;
+const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../node_modules/lucide-react/dist/esm/icons/gauge.cjs"),i=require("../../../../node_modules/lucide-react/dist/esm/icons/globe.cjs"),a=require("../../../../node_modules/lucide-react/dist/esm/icons/list-todo.cjs"),o=require("../../../../node_modules/lucide-react/dist/esm/icons/square-chevron-right.cjs"),s=require("../../../../utils/utils.cjs"),c=require("../../../../hooks/use-conversation-id.cjs"),l=require("../../../../utils/conversation-local-storage.cjs"),u=require("../../../../stores/conversation-store.cjs"),d=require("../../../../contexts/active-backend-context.cjs"),f=require("../../../../utils/dropdown-classes.cjs"),p=require("../../../../ui/context-menu.cjs"),m=require("../../../../hooks/use-click-outside-element.cjs"),h=require("../../../../hooks/use-select-conversation-tab.cjs"),g=require("../../../../icons/document.cjs"),_=require("../../context-menu/archived-disabled-tooltip.cjs"),v=require("../../../../hooks/use-is-archived-conversation.cjs"),y=require("../../../../node_modules/react-icons/lu/index.cjs"),b=require("../../../../icons/pill.cjs"),x=require("../../../../icons/pill-fill.cjs"),S=require("../../../../icons/double-check.cjs"),C=require("../../../../hooks/use-task-list.cjs");let w=require("react");w=e.__toESM(w,1);let T=require("react/jsx-runtime"),E=require("react-dom");E=e.__toESM(E,1);function D({isOpen:e,onClose:D,ignoreOutsideClickRef:O,anchorRef:k}){let A=m.useClickOutsideElement(D,O),[j,M]=(0,w.useState)();(0,w.useLayoutEffect)(()=>{if(!e||!k?.current){M(void 0);return}let t=()=>{let e=k.current?.getBoundingClientRect();e&&M({position:`fixed`,zIndex:9999,top:e.bottom+8,left:e.left})};return t(),window.addEventListener(`resize`,t),window.addEventListener(`scroll`,t,!0),()=>{window.removeEventListener(`resize`,t),window.removeEventListener(`scroll`,t,!0)}},[e,k]);let{t:N}=t.useTranslation(`openhands`),{conversationId:P}=c.useConversationId(),{state:F,setUnpinnedTabs:I,setSelectedTab:L}=l.useConversationLocalStorageState(P),{selectedTab:R,isRightPanelShown:z,setSelectedTab:B}=u.useConversationStore(),{navigateToTab:V}=h.useSelectConversationTab(),{hasTaskList:H}=C.useTaskList(),{backend:U}=d.useActiveBackend(),W=v.useIsArchivedConversation(),G=[{tab:`planner`,icon:a.ListTodo,i18nKey:n.I18nKey.COMMON$PLANNER},{tab:`files`,icon:g.default,i18nKey:n.I18nKey.COMMON$FILES},{tab:`commits`,icon:y.LuFileDiff,i18nKey:n.I18nKey.DIFF_VIEWER$COMMITS},{tab:`terminal`,icon:o.SquareChevronRight,i18nKey:n.I18nKey.COMMON$TERMINAL},{tab:`browser`,icon:i.Globe,i18nKey:n.I18nKey.COMMON$BROWSER},{tab:`usage`,icon:r.Gauge,i18nKey:n.I18nKey.COMMON$USAGE}];H&&G.unshift({tab:`tasklist`,icon:S.default,i18nKey:n.I18nKey.COMMON$TASK_LIST});let K=G.filter(({tab:e})=>e!==`planner`||U.kind===`cloud`),q=e=>{W||(V(e),D())},J=(e,t)=>{if(W){t.preventDefault(),t.stopPropagation();return}if(t.preventDefault(),t.stopPropagation(),F.unpinnedTabs.includes(e))I(F.unpinnedTabs.filter(t=>t!==e));else{let t=[...F.unpinnedTabs,e];if(I(t),R===e&&z){let n=K.find(({tab:n})=>n!==e&&!t.includes(n));n&&(B(n.tab),L(n.tab))}}};if(!e)return null;let Y=!!(k?.current&&j),X=(0,T.jsx)(p.ContextMenu,{ref:A,theme:Y?`popover`:`default`,position:Y?`none`:`bottom`,alignment:Y?`none`:`left`,spacing:Y?`none`:`default`,className:s.cn(`z-[9999] w-fit`,Y?`mt-0`:`mt-2`),children:K.map(({tab:e,icon:t,i18nKey:r})=>{let i=!F.unpinnedTabs.includes(e);return(0,T.jsx)(`li`,{className:`list-none`,children:(0,T.jsx)(_.ArchivedDisabledTooltip,{isDisabled:W,children:(0,T.jsxs)(`div`,{className:s.cn(`group flex h-[30px] w-full min-w-0 items-stretch rounded`,!W&&`hover:bg-[var(--oh-interactive-hover)]`,W&&`opacity-50`),children:[(0,T.jsxs)(`button`,{type:`button`,"data-testid":`conversation-tabs-menu-open-${e}`,disabled:W,className:s.cn(`flex min-w-0 flex-1 items-center gap-2 rounded-l p-2 text-start text-white`,f.dropdownInstantColorClassName,W?`cursor-not-allowed`:`cursor-pointer`),onClick:()=>q(e),children:[(0,T.jsx)(`span`,{className:f.dropdownMenuRowIconWrapperClassName,"aria-hidden":!0,children:(0,T.jsx)(t,{className:`h-4 w-4`})}),(0,T.jsx)(`span`,{className:`text-sm`,children:N(r)})]}),(0,T.jsx)(`button`,{type:`button`,"data-testid":`conversation-tabs-menu-pin-${e}`,disabled:W,className:s.cn(`flex shrink-0 items-center justify-center rounded-r px-2 text-white`,f.dropdownInstantColorClassName,W?`cursor-not-allowed`:`cursor-pointer hover:bg-white/10`),"aria-pressed":i,"aria-label":N(i?n.I18nKey.CONVERSATION$UNPIN_TAB:n.I18nKey.CONVERSATION$PIN_TAB),onClick:t=>J(e,t),children:i?(0,T.jsx)(`span`,{className:s.cn(`-mr-[5px] ml-auto`,f.dropdownMenuRowIconWrapperClassName),"aria-hidden":!0,children:(0,T.jsx)(x.default,{className:`h-7 w-7`})}):(0,T.jsx)(`span`,{className:s.cn(`ml-auto`,f.dropdownMenuRowIconWrapperClassName),"aria-hidden":!0,children:(0,T.jsx)(b.default,{className:`h-4.5 w-4.5`})})})]})})},e)})});return Y&&j&&typeof document<`u`?E.default.createPortal((0,T.jsx)(`div`,{style:j,children:X}),document.body):X}exports.ConversationTabsContextMenu=D;
 //# sourceMappingURL=conversation-tabs-context-menu.cjs.map

package/dist/components/features/conversation/conversation-tabs/conversation-tabs-context-menu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-tabs-context-menu.cjs","names":[],"sources":["../../../../../src/components/features/conversation/conversation-tabs/conversation-tabs-context-menu.tsx"],"sourcesContent":["import React, { useLayoutEffect, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useConversationLocalStorageState } from \"#/utils/conversation-local-storage\";\nimport {\n  useConversationStore,\n  type ConversationTab,\n} from \"#/stores/conversation-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Gauge, Globe, ListTodo, SquareChevronRight } from \"lucide-react\";\nimport DocumentIcon from \"#/icons/document.svg?react\";\nimport PillIcon from \"#/icons/pill.svg?react\";\nimport PillFillIcon from \"#/icons/pill-fill.svg?react\";\nimport DoubleCheckIcon from \"#/icons/double-check.svg?react\";\nimport { useTaskList } from \"#/hooks/use-task-list\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useSelectConversationTab } from \"#/hooks/use-select-conversation-tab\";\nimport { useIsArchivedConversation } from \"#/hooks/use-is-archived-conversation\";\nimport { ArchivedDisabledTooltip } from \"../../context-menu/archived-disabled-tooltip\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownInstantColorClassName,\n  dropdownMenuRowIconWrapperClassName,\n} from \"#/utils/dropdown-classes\";\n\ninterface ConversationTabsContextMenuProps {\n  isOpen: boolean;\n  onClose: () => void;\n  ignoreOutsideClickRef?: React.RefObject<HTMLElement | null>;\n  /** Portal anchor so the menu is not clipped by drawer overflow. */\n  anchorRef?: React.RefObject<HTMLElement | null>;\n}\n\nexport function ConversationTabsContextMenu({\n  isOpen,\n  onClose,\n  ignoreOutsideClickRef,\n  anchorRef,\n}: ConversationTabsContextMenuProps) {\n  const ref = useClickOutsideElement<HTMLUListElement>(\n    onClose,\n    ignoreOutsideClickRef,\n  );\n  const [portalStyle, setPortalStyle] = useState<React.CSSProperties>();\n\n  useLayoutEffect(() => {\n    if (!isOpen || !anchorRef?.current) {\n      setPortalStyle(undefined);\n      return undefined;\n    }\n\n    const updatePosition = () => {\n      const rect = anchorRef.current?.getBoundingClientRect();\n      if (!rect) return;\n\n      const gap = 8;\n      setPortalStyle({\n        position: \"fixed\",\n        zIndex: 9999,\n        top: rect.bottom + gap,\n        left: rect.left,\n      });\n    };\n\n    updatePosition();\n    window.addEventListener(\"resize\", updatePosition);\n    window.addEventListener(\"scroll\", updatePosition, true);\n    return () => {\n      window.removeEventListener(\"resize\", updatePosition);\n      window.removeEventListener(\"scroll\", updatePosition, true);\n    };\n  }, [isOpen, anchorRef]);\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useConversationId();\n  const {\n    state,\n    setUnpinnedTabs,\n    setSelectedTab: setPersistedSelectedTab,\n  } = useConversationLocalStorageState(conversationId);\n  const { selectedTab, isRightPanelShown, setSelectedTab } =\n    useConversationStore();\n\n  const { navigateToTab } = useSelectConversationTab();\n\n  const { hasTaskList } = useTaskList();\n  const { backend } = useActiveBackend();\n  const isArchivedConversation = useIsArchivedConversation();\n\n  const tabConfig = [\n    {\n      tab: \"planner\",\n      icon: ListTodo,\n      i18nKey: I18nKey.COMMON$PLANNER,\n    },\n    { tab: \"files\", icon: DocumentIcon, i18nKey: I18nKey.COMMON$FILES },\n    {\n      tab: \"terminal\",\n      icon: SquareChevronRight,\n      i18nKey: I18nKey.COMMON$TERMINAL,\n    },\n    { tab: \"browser\", icon: Globe, i18nKey: I18nKey.COMMON$BROWSER },\n    { tab: \"usage\", icon: Gauge, i18nKey: I18nKey.COMMON$USAGE },\n  ];\n\n  if (hasTaskList) {\n    tabConfig.unshift({\n      tab: \"tasklist\",\n      icon: DoubleCheckIcon,\n      i18nKey: I18nKey.COMMON$TASK_LIST,\n    });\n  }\n\n  const visibleTabConfig = tabConfig.filter(\n    ({ tab }) => tab !== \"planner\" || backend.kind === \"cloud\",\n  );\n\n  const handleOpenTab = (tab: string) => {\n    if (isArchivedConversation) {\n      return;\n    }\n    navigateToTab(tab as ConversationTab);\n    onClose();\n  };\n\n  const handlePinToggle = (tab: string, e: React.MouseEvent) => {\n    if (isArchivedConversation) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n    e.preventDefault();\n    e.stopPropagation();\n    if (state.unpinnedTabs.includes(tab)) {\n      setUnpinnedTabs(state.unpinnedTabs.filter((item) => item !== tab));\n    } else {\n      const newUnpinnedTabs = [...state.unpinnedTabs, tab];\n      setUnpinnedTabs(newUnpinnedTabs);\n\n      if (selectedTab === tab && isRightPanelShown) {\n        const nextPinnedTab = visibleTabConfig.find(\n          ({ tab: tabKey }) =>\n            tabKey !== tab && !newUnpinnedTabs.includes(tabKey),\n        );\n\n        if (nextPinnedTab) {\n          setSelectedTab(nextPinnedTab.tab as ConversationTab);\n          setPersistedSelectedTab(nextPinnedTab.tab as ConversationTab);\n        }\n      }\n    }\n  };\n\n  if (!isOpen) return null;\n\n  const isPortaled = Boolean(anchorRef?.current && portalStyle);\n\n  const menu = (\n    <ContextMenu\n      ref={ref}\n      theme={isPortaled ? \"popover\" : \"default\"}\n      position={isPortaled ? \"none\" : \"bottom\"}\n      alignment={isPortaled ? \"none\" : \"left\"}\n      spacing={isPortaled ? \"none\" : \"default\"}\n      className={cn(\"z-[9999] w-fit\", isPortaled ? \"mt-0\" : \"mt-2\")}\n    >\n      {visibleTabConfig.map(({ tab, icon: Icon, i18nKey }) => {\n        const pinned = !state.unpinnedTabs.includes(tab);\n        return (\n          <li key={tab} className=\"list-none\">\n            <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n              <div\n                className={cn(\n                  \"group flex h-[30px] w-full min-w-0 items-stretch rounded\",\n                  !isArchivedConversation &&\n                    \"hover:bg-[var(--oh-interactive-hover)]\",\n                  isArchivedConversation && \"opacity-50\",\n                )}\n              >\n                <button\n                  type=\"button\"\n                  data-testid={`conversation-tabs-menu-open-${tab}`}\n                  disabled={isArchivedConversation}\n                  className={cn(\n                    \"flex min-w-0 flex-1 items-center gap-2 rounded-l p-2 text-start text-white\",\n                    dropdownInstantColorClassName,\n                    isArchivedConversation\n                      ? \"cursor-not-allowed\"\n                      : \"cursor-pointer\",\n                  )}\n                  onClick={() => handleOpenTab(tab)}\n                >\n                  <span\n                    className={dropdownMenuRowIconWrapperClassName}\n                    aria-hidden\n                  >\n                    <Icon className=\"h-4 w-4\" />\n                  </span>\n                  <span className=\"text-sm\">{t(i18nKey)}</span>\n                </button>\n                <button\n                  type=\"button\"\n                  data-testid={`conversation-tabs-menu-pin-${tab}`}\n                  disabled={isArchivedConversation}\n                  className={cn(\n                    \"flex shrink-0 items-center justify-center rounded-r px-2 text-white\",\n                    dropdownInstantColorClassName,\n                    isArchivedConversation\n                      ? \"cursor-not-allowed\"\n                      : \"cursor-pointer hover:bg-white/10\",\n                  )}\n                  aria-pressed={pinned}\n                  aria-label={\n                    pinned\n                      ? t(I18nKey.CONVERSATION$UNPIN_TAB)\n                      : t(I18nKey.CONVERSATION$PIN_TAB)\n                  }\n                  onClick={(e) => handlePinToggle(tab, e)}\n                >\n                  {pinned ? (\n                    <span\n                      className={cn(\n                        \"-mr-[5px] ml-auto\",\n                        dropdownMenuRowIconWrapperClassName,\n                      )}\n                      aria-hidden\n                    >\n                      <PillFillIcon className=\"h-7 w-7\" />\n                    </span>\n                  ) : (\n                    <span\n                      className={cn(\n                        \"ml-auto\",\n                        dropdownMenuRowIconWrapperClassName,\n                      )}\n                      aria-hidden\n                    >\n                      <PillIcon className=\"h-4.5 w-4.5\" />\n                    </span>\n                  )}\n                </button>\n              </div>\n            </ArchivedDisabledTooltip>\n          </li>\n        );\n      })}\n    </ContextMenu>\n  );\n\n  if (isPortaled && portalStyle && typeof document !== \"undefined\") {\n    return ReactDOM.createPortal(\n      <div style={portalStyle}>{menu}</div>,\n      document.body,\n    );\n  }\n\n  return menu;\n}\n"],"mappings":"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"}
+{"version":3,"file":"conversation-tabs-context-menu.cjs","names":[],"sources":["../../../../../src/components/features/conversation/conversation-tabs/conversation-tabs-context-menu.tsx"],"sourcesContent":["import React, { useLayoutEffect, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useConversationLocalStorageState } from \"#/utils/conversation-local-storage\";\nimport {\n  useConversationStore,\n  type ConversationTab,\n} from \"#/stores/conversation-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Gauge, Globe, ListTodo, SquareChevronRight } from \"lucide-react\";\nimport { LuFileDiff } from \"react-icons/lu\";\nimport DocumentIcon from \"#/icons/document.svg?react\";\nimport PillIcon from \"#/icons/pill.svg?react\";\nimport PillFillIcon from \"#/icons/pill-fill.svg?react\";\nimport DoubleCheckIcon from \"#/icons/double-check.svg?react\";\nimport { useTaskList } from \"#/hooks/use-task-list\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useSelectConversationTab } from \"#/hooks/use-select-conversation-tab\";\nimport { useIsArchivedConversation } from \"#/hooks/use-is-archived-conversation\";\nimport { ArchivedDisabledTooltip } from \"../../context-menu/archived-disabled-tooltip\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownInstantColorClassName,\n  dropdownMenuRowIconWrapperClassName,\n} from \"#/utils/dropdown-classes\";\n\ninterface ConversationTabsContextMenuProps {\n  isOpen: boolean;\n  onClose: () => void;\n  ignoreOutsideClickRef?: React.RefObject<HTMLElement | null>;\n  /** Portal anchor so the menu is not clipped by drawer overflow. */\n  anchorRef?: React.RefObject<HTMLElement | null>;\n}\n\nexport function ConversationTabsContextMenu({\n  isOpen,\n  onClose,\n  ignoreOutsideClickRef,\n  anchorRef,\n}: ConversationTabsContextMenuProps) {\n  const ref = useClickOutsideElement<HTMLUListElement>(\n    onClose,\n    ignoreOutsideClickRef,\n  );\n  const [portalStyle, setPortalStyle] = useState<React.CSSProperties>();\n\n  useLayoutEffect(() => {\n    if (!isOpen || !anchorRef?.current) {\n      setPortalStyle(undefined);\n      return undefined;\n    }\n\n    const updatePosition = () => {\n      const rect = anchorRef.current?.getBoundingClientRect();\n      if (!rect) return;\n\n      const gap = 8;\n      setPortalStyle({\n        position: \"fixed\",\n        zIndex: 9999,\n        top: rect.bottom + gap,\n        left: rect.left,\n      });\n    };\n\n    updatePosition();\n    window.addEventListener(\"resize\", updatePosition);\n    window.addEventListener(\"scroll\", updatePosition, true);\n    return () => {\n      window.removeEventListener(\"resize\", updatePosition);\n      window.removeEventListener(\"scroll\", updatePosition, true);\n    };\n  }, [isOpen, anchorRef]);\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useConversationId();\n  const {\n    state,\n    setUnpinnedTabs,\n    setSelectedTab: setPersistedSelectedTab,\n  } = useConversationLocalStorageState(conversationId);\n  const { selectedTab, isRightPanelShown, setSelectedTab } =\n    useConversationStore();\n\n  const { navigateToTab } = useSelectConversationTab();\n\n  const { hasTaskList } = useTaskList();\n  const { backend } = useActiveBackend();\n  const isArchivedConversation = useIsArchivedConversation();\n\n  const tabConfig = [\n    {\n      tab: \"planner\",\n      icon: ListTodo,\n      i18nKey: I18nKey.COMMON$PLANNER,\n    },\n    { tab: \"files\", icon: DocumentIcon, i18nKey: I18nKey.COMMON$FILES },\n    {\n      tab: \"commits\",\n      icon: LuFileDiff,\n      i18nKey: I18nKey.DIFF_VIEWER$COMMITS,\n    },\n    {\n      tab: \"terminal\",\n      icon: SquareChevronRight,\n      i18nKey: I18nKey.COMMON$TERMINAL,\n    },\n    { tab: \"browser\", icon: Globe, i18nKey: I18nKey.COMMON$BROWSER },\n    { tab: \"usage\", icon: Gauge, i18nKey: I18nKey.COMMON$USAGE },\n  ];\n\n  if (hasTaskList) {\n    tabConfig.unshift({\n      tab: \"tasklist\",\n      icon: DoubleCheckIcon,\n      i18nKey: I18nKey.COMMON$TASK_LIST,\n    });\n  }\n\n  const visibleTabConfig = tabConfig.filter(\n    ({ tab }) => tab !== \"planner\" || backend.kind === \"cloud\",\n  );\n\n  const handleOpenTab = (tab: string) => {\n    if (isArchivedConversation) {\n      return;\n    }\n    navigateToTab(tab as ConversationTab);\n    onClose();\n  };\n\n  const handlePinToggle = (tab: string, e: React.MouseEvent) => {\n    if (isArchivedConversation) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n    e.preventDefault();\n    e.stopPropagation();\n    if (state.unpinnedTabs.includes(tab)) {\n      setUnpinnedTabs(state.unpinnedTabs.filter((item) => item !== tab));\n    } else {\n      const newUnpinnedTabs = [...state.unpinnedTabs, tab];\n      setUnpinnedTabs(newUnpinnedTabs);\n\n      if (selectedTab === tab && isRightPanelShown) {\n        const nextPinnedTab = visibleTabConfig.find(\n          ({ tab: tabKey }) =>\n            tabKey !== tab && !newUnpinnedTabs.includes(tabKey),\n        );\n\n        if (nextPinnedTab) {\n          setSelectedTab(nextPinnedTab.tab as ConversationTab);\n          setPersistedSelectedTab(nextPinnedTab.tab as ConversationTab);\n        }\n      }\n    }\n  };\n\n  if (!isOpen) return null;\n\n  const isPortaled = Boolean(anchorRef?.current && portalStyle);\n\n  const menu = (\n    <ContextMenu\n      ref={ref}\n      theme={isPortaled ? \"popover\" : \"default\"}\n      position={isPortaled ? \"none\" : \"bottom\"}\n      alignment={isPortaled ? \"none\" : \"left\"}\n      spacing={isPortaled ? \"none\" : \"default\"}\n      className={cn(\"z-[9999] w-fit\", isPortaled ? \"mt-0\" : \"mt-2\")}\n    >\n      {visibleTabConfig.map(({ tab, icon: Icon, i18nKey }) => {\n        const pinned = !state.unpinnedTabs.includes(tab);\n        return (\n          <li key={tab} className=\"list-none\">\n            <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n              <div\n                className={cn(\n                  \"group flex h-[30px] w-full min-w-0 items-stretch rounded\",\n                  !isArchivedConversation &&\n                    \"hover:bg-[var(--oh-interactive-hover)]\",\n                  isArchivedConversation && \"opacity-50\",\n                )}\n              >\n                <button\n                  type=\"button\"\n                  data-testid={`conversation-tabs-menu-open-${tab}`}\n                  disabled={isArchivedConversation}\n                  className={cn(\n                    \"flex min-w-0 flex-1 items-center gap-2 rounded-l p-2 text-start text-white\",\n                    dropdownInstantColorClassName,\n                    isArchivedConversation\n                      ? \"cursor-not-allowed\"\n                      : \"cursor-pointer\",\n                  )}\n                  onClick={() => handleOpenTab(tab)}\n                >\n                  <span\n                    className={dropdownMenuRowIconWrapperClassName}\n                    aria-hidden\n                  >\n                    <Icon className=\"h-4 w-4\" />\n                  </span>\n                  <span className=\"text-sm\">{t(i18nKey)}</span>\n                </button>\n                <button\n                  type=\"button\"\n                  data-testid={`conversation-tabs-menu-pin-${tab}`}\n                  disabled={isArchivedConversation}\n                  className={cn(\n                    \"flex shrink-0 items-center justify-center rounded-r px-2 text-white\",\n                    dropdownInstantColorClassName,\n                    isArchivedConversation\n                      ? \"cursor-not-allowed\"\n                      : \"cursor-pointer hover:bg-white/10\",\n                  )}\n                  aria-pressed={pinned}\n                  aria-label={\n                    pinned\n                      ? t(I18nKey.CONVERSATION$UNPIN_TAB)\n                      : t(I18nKey.CONVERSATION$PIN_TAB)\n                  }\n                  onClick={(e) => handlePinToggle(tab, e)}\n                >\n                  {pinned ? (\n                    <span\n                      className={cn(\n                        \"-mr-[5px] ml-auto\",\n                        dropdownMenuRowIconWrapperClassName,\n                      )}\n                      aria-hidden\n                    >\n                      <PillFillIcon className=\"h-7 w-7\" />\n                    </span>\n                  ) : (\n                    <span\n                      className={cn(\n                        \"ml-auto\",\n                        dropdownMenuRowIconWrapperClassName,\n                      )}\n                      aria-hidden\n                    >\n                      <PillIcon className=\"h-4.5 w-4.5\" />\n                    </span>\n                  )}\n                </button>\n              </div>\n            </ArchivedDisabledTooltip>\n          </li>\n        );\n      })}\n    </ContextMenu>\n  );\n\n  if (isPortaled && portalStyle && typeof document !== \"undefined\") {\n    return ReactDOM.createPortal(\n      <div style={portalStyle}>{menu}</div>,\n      document.body,\n    );\n  }\n\n  return menu;\n}\n"],"mappings":"+/CAqCA,SAAgB,EAA4B,CAC1C,SACA,UACA,wBACA,aACmC,CACnC,IAAM,EAAM,EAAA,uBACV,EACA,CACF,EACM,CAAC,EAAa,IAAA,EAAA,EAAA,UAAgD,GAEpE,EAAA,EAAA,qBAAsB,CACpB,GAAI,CAAC,GAAU,CAAC,GAAW,QAAS,CAClC,EAAe,IAAA,EAAS,EACxB,MACF,CAEA,IAAM,MAAuB,CAC3B,IAAM,EAAO,EAAU,SAAS,sBAAsB,EACjD,GAGL,EAAe,CACb,SAAU,QACV,OAAQ,KACR,IAAK,EAAK,OAAS,EACnB,KAAM,EAAK,IACb,CAAC,CACH,EAKA,OAHA,EAAe,EACf,OAAO,iBAAiB,SAAU,CAAc,EAChD,OAAO,iBAAiB,SAAU,EAAgB,EAAI,MACzC,CACX,OAAO,oBAAoB,SAAU,CAAc,EACnD,OAAO,oBAAoB,SAAU,EAAgB,EAAI,CAC3D,CACF,EAAG,CAAC,EAAQ,CAAS,CAAC,EACtB,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,kBAAmB,EAAA,kBAAkB,EACvC,CACJ,QACA,kBACA,eAAgB,GACd,EAAA,iCAAiC,CAAc,EAC7C,CAAE,cAAa,oBAAmB,kBACtC,EAAA,qBAAqB,EAEjB,CAAE,iBAAkB,EAAA,yBAAyB,EAE7C,CAAE,eAAgB,EAAA,YAAY,EAC9B,CAAE,WAAY,EAAA,iBAAiB,EAC/B,EAAyB,EAAA,0BAA0B,EAEnD,EAAY,CAChB,CACE,IAAK,UACL,KAAM,EAAA,SACN,QAAS,EAAA,QAAQ,cACnB,EACA,CAAE,IAAK,QAAS,KAAM,EAAA,QAAc,QAAS,EAAA,QAAQ,YAAa,EAClE,CACE,IAAK,UACL,KAAM,EAAA,WACN,QAAS,EAAA,QAAQ,mBACnB,EACA,CACE,IAAK,WACL,KAAM,EAAA,mBACN,QAAS,EAAA,QAAQ,eACnB,EACA,CAAE,IAAK,UAAW,KAAM,EAAA,MAAO,QAAS,EAAA,QAAQ,cAAe,EAC/D,CAAE,IAAK,QAAS,KAAM,EAAA,MAAO,QAAS,EAAA,QAAQ,YAAa,CAC7D,EAEI,GACF,EAAU,QAAQ,CAChB,IAAK,WACL,KAAM,EAAA,QACN,QAAS,EAAA,QAAQ,gBACnB,CAAC,EAGH,IAAM,EAAmB,EAAU,QAChC,CAAE,SAAU,IAAQ,WAAa,EAAQ,OAAS,OACrD,EAEM,EAAiB,GAAgB,CACjC,IAGJ,EAAc,CAAsB,EACpC,EAAQ,EACV,EAEM,GAAmB,EAAa,IAAwB,CAC5D,GAAI,EAAwB,CAC1B,EAAE,eAAe,EACjB,EAAE,gBAAgB,EAClB,MACF,CAGA,GAFA,EAAE,eAAe,EACjB,EAAE,gBAAgB,EACd,EAAM,aAAa,SAAS,CAAG,EACjC,EAAgB,EAAM,aAAa,OAAQ,GAAS,IAAS,CAAG,CAAC,MAC5D,CACL,IAAM,EAAkB,CAAC,GAAG,EAAM,aAAc,CAAG,EAGnD,GAFA,EAAgB,CAAe,EAE3B,IAAgB,GAAO,EAAmB,CAC5C,IAAM,EAAgB,EAAiB,MACpC,CAAE,IAAK,KACN,IAAW,GAAO,CAAC,EAAgB,SAAS,CAAM,CACtD,EAEI,IACF,EAAe,EAAc,GAAsB,EACnD,EAAwB,EAAc,GAAsB,EAEhE,CACF,CACF,EAEA,GAAI,CAAC,EAAQ,OAAO,KAEpB,IAAM,EAAa,GAAQ,GAAW,SAAW,GAE3C,GACJ,EAAA,EAAA,KAAC,EAAA,YAAD,CACO,MACL,MAAO,EAAa,UAAY,UAChC,SAAU,EAAa,OAAS,SAChC,UAAW,EAAa,OAAS,OACjC,QAAS,EAAa,OAAS,UAC/B,UAAW,EAAA,GAAG,iBAAkB,EAAa,OAAS,MAAM,WAE3D,EAAiB,KAAK,CAAE,MAAK,KAAM,EAAM,aAAc,CACtD,IAAM,EAAS,CAAC,EAAM,aAAa,SAAS,CAAG,EAC/C,OACE,EAAA,EAAA,KAAC,KAAD,CAAc,UAAU,sBACtB,EAAA,EAAA,KAAC,EAAA,wBAAD,CAAyB,WAAY,YACnC,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,2DACA,CAAC,GACC,yCACF,GAA0B,YAC5B,WANF,EAQE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,cAAa,+BAA+B,IAC5C,SAAU,EACV,UAAW,EAAA,GACT,6EACA,EAAA,8BACA,EACI,qBACA,gBACN,EACA,YAAe,EAAc,CAAG,WAXlC,EAaE,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,oCACX,cAAA,aAEA,EAAA,EAAA,KAAC,EAAD,CAAM,UAAU,SAAW,CAAA,CACvB,CAAA,GACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAW,EAAE,CAAO,CAAQ,CAAA,CACtC,KACR,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,cAAa,8BAA8B,IAC3C,SAAU,EACV,UAAW,EAAA,GACT,sEACA,EAAA,8BACA,EACI,qBACA,kCACN,EACA,eAAc,EACd,aAEM,EADJ,EACM,EAAA,QAAQ,uBACR,EAAA,QAAQ,oBAAoB,EAEpC,QAAU,GAAM,EAAgB,EAAK,CAAC,WAErC,GACC,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,GACT,oBACA,EAAA,mCACF,EACA,cAAA,aAEA,EAAA,EAAA,KAAC,EAAA,QAAD,CAAc,UAAU,SAAW,CAAA,CAC/B,CAAA,GAEN,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,GACT,UACA,EAAA,mCACF,EACA,cAAA,aAEA,EAAA,EAAA,KAAC,EAAA,QAAD,CAAU,UAAU,aAAe,CAAA,CAC/B,CAAA,CAEF,CAAA,CACL,GACkB,CAAA,CACvB,EA1EK,CA0EL,CAER,CAAC,CACU,CAAA,EAUf,OAPI,GAAc,GAAe,OAAO,SAAa,IAC5C,EAAA,QAAS,cACd,EAAA,EAAA,KAAC,MAAD,CAAK,MAAO,WAAc,CAAU,CAAA,EACpC,SAAS,IACX,EAGK,CACT"}