@openhands/agent-canvas 1.16.0 → 1.17.0

package/dist/components/features/chat/generic-event-message.js

@@ -5,37 +5,56 @@ import r from "../../../icons/angle-down-solid.js";
 import i from "../../../icons/angle-up-solid.js";
 import { SuccessIndicator as a } from "./success-indicator.js";
 import { MarkdownRenderer as o } from "../markdown/markdown-renderer.js";
-import s from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { StyledTooltip as s } from "../../shared/buttons/styled-tooltip.js";
+import { formatEventTimestamp as c } from "../../../utils/format-event-timestamp.js";
+import l from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/features/chat/generic-event-message.tsx
-function u({ title: u, details: d, success: f, initiallyExpanded: p = !1, chevronPosition: m = "after", titleTrailing: h, titleIcon: g }) {
-	let { t: _ } = e("openhands"), [v, y] = s.useState(p), b = d ? /* @__PURE__ */ c("button", {
+function f({ title: f, details: p, success: m, initiallyExpanded: h = !1, chevronPosition: g = "after", titleTrailing: _, titleIcon: v, timestamp: y }) {
+	let { t: b, i18n: x } = e("openhands"), [S, C] = l.useState(h), [w, T] = l.useState(!1), [E, D] = l.useState(!1), O = c(y, x?.language), k = p ? /* @__PURE__ */ u("button", {
 		type: "button",
-		onClick: () => y((e) => !e),
+		onClick: (e) => {
+			C((e) => !e), e.detail > 0 && (T(!1), e.currentTarget.blur());
+		},
 		className: "cursor-pointer text-left",
-		"aria-label": _(v ? t.BUTTON$COLLAPSE : t.BUTTON$EXPAND),
-		children: c(v ? i : r, { className: n("h-4 w-4 inline fill-[var(--oh-muted)]", m === "after" ? "ml-2" : "mr-2") })
-	}) : null;
-	return /* @__PURE__ */ l("div", {
+		"aria-label": b(S ? t.BUTTON$COLLAPSE : t.BUTTON$EXPAND),
+		children: u(S ? i : r, { className: n("h-4 w-4 inline fill-[var(--oh-muted)]", g === "after" ? "ml-2" : "mr-2") })
+	}) : null, A = /* @__PURE__ */ d("div", {
+		"data-testid": "generic-event-message-title",
+		className: "flex items-center",
+		onMouseEnter: () => T(!0),
+		onMouseLeave: () => T(!1),
+		onFocusCapture: () => D(!0),
+		onBlurCapture: (e) => {
+			e.currentTarget.contains(e.relatedTarget) || D(!1);
+		},
+		children: [
+			g === "before" && k,
+			v,
+			/* @__PURE__ */ u("span", { children: f }),
+			g === "after" && k
+		]
+	});
+	return /* @__PURE__ */ d("div", {
 		className: "flex flex-col gap-1.5 my-1 py-1 text-sm w-full",
-		children: [/* @__PURE__ */ l("div", {
+		children: [/* @__PURE__ */ d("div", {
 			className: "flex items-center justify-between font-normal text-[var(--oh-muted)]",
-			children: [/* @__PURE__ */ l("div", {
-				className: "flex items-center",
-				children: [
-					m === "before" && b,
-					g,
-					/* @__PURE__ */ c("span", { children: u }),
-					m === "after" && b
-				]
-			}), /* @__PURE__ */ l("div", {
+			children: [O ? /* @__PURE__ */ u(s, {
+				content: /* @__PURE__ */ u("time", {
+					dateTime: y,
+					children: O
+				}),
+				placement: "top",
+				isOpen: w || E,
+				children: A
+			}) : A, /* @__PURE__ */ d("div", {
 				className: "flex items-center",
-				children: [h, f && /* @__PURE__ */ c(a, { status: f })]
+				children: [_, m && /* @__PURE__ */ u(a, { status: m })]
 			})]
-		}), v && (typeof d == "string" ? /* @__PURE__ */ c(o, { children: d }) : d)]
+		}), S && (typeof p == "string" ? /* @__PURE__ */ u(o, { children: p }) : p)]
 	});
 }
 //#endregion
-export { u as GenericEventMessage };
+export { f as GenericEventMessage };
 
 //# sourceMappingURL=generic-event-message.js.map

package/dist/components/features/chat/generic-event-message.js.map

@@ -1 +1 @@
-{"version":3,"file":"generic-event-message.js","names":[],"sources":["../../../../src/components/features/chat/generic-event-message.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport ArrowDown from \"#/icons/angle-down-solid.svg?react\";\nimport ArrowUp from \"#/icons/angle-up-solid.svg?react\";\nimport { SuccessIndicator } from \"./success-indicator\";\nimport { ObservationResultStatus } from \"#/components/conversation-events/chat/event-content-helpers/get-observation-result\";\nimport { MarkdownRenderer } from \"../markdown/markdown-renderer\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\ninterface GenericEventMessageProps {\n  title: React.ReactNode;\n  details: string | React.ReactNode;\n  success?: ObservationResultStatus;\n  initiallyExpanded?: boolean;\n  /** Where to place the expand/collapse chevron relative to the title. */\n  chevronPosition?: \"before\" | \"after\";\n  /** Extra content rendered at the end of the title row (right side). */\n  titleTrailing?: React.ReactNode;\n  /** Optional icon rendered before the title text. */\n  titleIcon?: React.ReactNode;\n}\n\nexport function GenericEventMessage({\n  title,\n  details,\n  success,\n  initiallyExpanded = false,\n  chevronPosition = \"after\",\n  titleTrailing,\n  titleIcon,\n}: GenericEventMessageProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [showDetails, setShowDetails] = React.useState(initiallyExpanded);\n\n  const chevron = details ? (\n    <button\n      type=\"button\"\n      onClick={() => setShowDetails((prev) => !prev)}\n      className=\"cursor-pointer text-left\"\n      aria-label={\n        showDetails ? t(I18nKey.BUTTON$COLLAPSE) : t(I18nKey.BUTTON$EXPAND)\n      }\n    >\n      {showDetails ? (\n        <ArrowUp\n          className={cn(\n            \"h-4 w-4 inline fill-[var(--oh-muted)]\",\n            chevronPosition === \"after\" ? \"ml-2\" : \"mr-2\",\n          )}\n        />\n      ) : (\n        <ArrowDown\n          className={cn(\n            \"h-4 w-4 inline fill-[var(--oh-muted)]\",\n            chevronPosition === \"after\" ? \"ml-2\" : \"mr-2\",\n          )}\n        />\n      )}\n    </button>\n  ) : null;\n\n  return (\n    <div className=\"flex flex-col gap-1.5 my-1 py-1 text-sm w-full\">\n      <div className=\"flex items-center justify-between font-normal text-[var(--oh-muted)]\">\n        <div className=\"flex items-center\">\n          {chevronPosition === \"before\" && chevron}\n          {titleIcon}\n          {/* Wrap the title in a span so any whitespace inside Trans-rendered\n              fragments (e.g. \"Editing <path>...</path>\") is preserved by\n              normal inline flow instead of being collapsed between\n              anonymous flex items. */}\n          <span>{title}</span>\n          {chevronPosition === \"after\" && chevron}\n        </div>\n\n        <div className=\"flex items-center\">\n          {titleTrailing}\n          {success && <SuccessIndicator status={success} />}\n        </div>\n      </div>\n\n      {showDetails &&\n        (typeof details === \"string\" ? (\n          <MarkdownRenderer>{details}</MarkdownRenderer>\n        ) : (\n          details\n        ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAuBA,SAAgB,EAAoB,EAClC,UACA,YACA,YACA,uBAAoB,IACpB,qBAAkB,SAClB,kBACA,gBAC2B;CAC3B,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAa,KAAkB,EAAM,SAAS,CAAiB,GAEhE,IAAU,IACd,kBAAC,UAAD;EACE,MAAK;EACL,eAAe,GAAgB,MAAS,CAAC,CAAI;EAC7C,WAAU;EACV,cACgB,EAAd,IAAgB,EAAQ,kBAAqB,EAAQ,aAAa;YAIlE,EADD,IACE,IAOA,GAPD,EACE,WAAW,EACT,yCACA,MAAoB,UAAU,SAAS,MACzC,EACD,CAOA;CAEG,CAAA,IACN;CAEJ,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACG,MAAoB,YAAY;KAChC;KAKD,kBAAC,QAAD,EAAA,UAAO,EAAY,CAAA;KAClB,MAAoB,WAAW;IAC7B;OAEL,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,GACA,KAAW,kBAAC,GAAD,EAAkB,QAAQ,EAAU,CAAA,CAC7C;KACF;MAEJ,MACE,OAAO,KAAY,WAClB,kBAAC,GAAD,EAAA,UAAmB,EAA0B,CAAA,IAE7C,EAED;;AAET"}
+{"version":3,"file":"generic-event-message.js","names":[],"sources":["../../../../src/components/features/chat/generic-event-message.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport ArrowDown from \"#/icons/angle-down-solid.svg?react\";\nimport ArrowUp from \"#/icons/angle-up-solid.svg?react\";\nimport { SuccessIndicator } from \"./success-indicator\";\nimport { ObservationResultStatus } from \"#/components/conversation-events/chat/event-content-helpers/get-observation-result\";\nimport { MarkdownRenderer } from \"../markdown/markdown-renderer\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { formatEventTimestamp } from \"#/utils/format-event-timestamp\";\n\ninterface GenericEventMessageProps {\n  title: React.ReactNode;\n  details: string | React.ReactNode;\n  success?: ObservationResultStatus;\n  initiallyExpanded?: boolean;\n  /** Where to place the expand/collapse chevron relative to the title. */\n  chevronPosition?: \"before\" | \"after\";\n  /** Extra content rendered at the end of the title row (right side). */\n  titleTrailing?: React.ReactNode;\n  /** Optional icon rendered before the title text. */\n  titleIcon?: React.ReactNode;\n  timestamp?: string;\n}\n\nexport function GenericEventMessage({\n  title,\n  details,\n  success,\n  initiallyExpanded = false,\n  chevronPosition = \"after\",\n  titleTrailing,\n  titleIcon,\n  timestamp,\n}: GenericEventMessageProps) {\n  const { t, i18n } = useTranslation(\"openhands\");\n  const [showDetails, setShowDetails] = React.useState(initiallyExpanded);\n  const [isHovered, setIsHovered] = React.useState(false);\n  const [hasFocusWithin, setHasFocusWithin] = React.useState(false);\n  const timestampLabel = formatEventTimestamp(timestamp, i18n?.language);\n\n  const chevron = details ? (\n    <button\n      type=\"button\"\n      onClick={(event) => {\n        setShowDetails((prev) => !prev);\n        if (event.detail > 0) {\n          setIsHovered(false);\n          event.currentTarget.blur();\n        }\n      }}\n      className=\"cursor-pointer text-left\"\n      aria-label={\n        showDetails ? t(I18nKey.BUTTON$COLLAPSE) : t(I18nKey.BUTTON$EXPAND)\n      }\n    >\n      {showDetails ? (\n        <ArrowUp\n          className={cn(\n            \"h-4 w-4 inline fill-[var(--oh-muted)]\",\n            chevronPosition === \"after\" ? \"ml-2\" : \"mr-2\",\n          )}\n        />\n      ) : (\n        <ArrowDown\n          className={cn(\n            \"h-4 w-4 inline fill-[var(--oh-muted)]\",\n            chevronPosition === \"after\" ? \"ml-2\" : \"mr-2\",\n          )}\n        />\n      )}\n    </button>\n  ) : null;\n\n  const titleContent = (\n    <div\n      data-testid=\"generic-event-message-title\"\n      className=\"flex items-center\"\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      onFocusCapture={() => setHasFocusWithin(true)}\n      onBlurCapture={(event) => {\n        if (!event.currentTarget.contains(event.relatedTarget)) {\n          setHasFocusWithin(false);\n        }\n      }}\n    >\n      {chevronPosition === \"before\" && chevron}\n      {titleIcon}\n      {/* Wrap the title in a span so any whitespace inside Trans-rendered\n          fragments (e.g. \"Editing <path>...</path>\") is preserved by\n          normal inline flow instead of being collapsed between\n          anonymous flex items. */}\n      <span>{title}</span>\n      {chevronPosition === \"after\" && chevron}\n    </div>\n  );\n\n  const titleContentWithTimestamp = timestampLabel ? (\n    <StyledTooltip\n      content={<time dateTime={timestamp}>{timestampLabel}</time>}\n      placement=\"top\"\n      isOpen={isHovered || hasFocusWithin}\n    >\n      {titleContent}\n    </StyledTooltip>\n  ) : (\n    titleContent\n  );\n\n  const titleRow = (\n    <div className=\"flex items-center justify-between font-normal text-[var(--oh-muted)]\">\n      {titleContentWithTimestamp}\n      <div className=\"flex items-center\">\n        {titleTrailing}\n        {success && <SuccessIndicator status={success} />}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className=\"flex flex-col gap-1.5 my-1 py-1 text-sm w-full\">\n      {titleRow}\n      {showDetails &&\n        (typeof details === \"string\" ? (\n          <MarkdownRenderer>{details}</MarkdownRenderer>\n        ) : (\n          details\n        ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AA0BA,SAAgB,EAAoB,EAClC,UACA,YACA,YACA,uBAAoB,IACpB,qBAAkB,SAClB,kBACA,cACA,gBAC2B;CAC3B,IAAM,EAAE,MAAG,YAAS,EAAe,WAAW,GACxC,CAAC,GAAa,KAAkB,EAAM,SAAS,CAAiB,GAChE,CAAC,GAAW,KAAgB,EAAM,SAAS,EAAK,GAChD,CAAC,GAAgB,KAAqB,EAAM,SAAS,EAAK,GAC1D,IAAiB,EAAqB,GAAW,GAAM,QAAQ,GAE/D,IAAU,IACd,kBAAC,UAAD;EACE,MAAK;EACL,UAAU,MAAU;GAElB,AADA,GAAgB,MAAS,CAAC,CAAI,GAC1B,EAAM,SAAS,MACjB,EAAa,EAAK,GAClB,EAAM,cAAc,KAAK;EAE7B;EACA,WAAU;EACV,cACgB,EAAd,IAAgB,EAAQ,kBAAqB,EAAQ,aAAa;YAIlE,EADD,IACE,IAOA,GAPD,EACE,WAAW,EACT,yCACA,MAAoB,UAAU,SAAS,MACzC,EACD,CAOA;CAEG,CAAA,IACN,MAEE,IACJ,kBAAC,OAAD;EACE,eAAY;EACZ,WAAU;EACV,oBAAoB,EAAa,EAAI;EACrC,oBAAoB,EAAa,EAAK;EACtC,sBAAsB,EAAkB,EAAI;EAC5C,gBAAgB,MAAU;GACxB,AAAK,EAAM,cAAc,SAAS,EAAM,aAAa,KACnD,EAAkB,EAAK;EAE3B;YAVF;GAYG,MAAoB,YAAY;GAChC;GAKD,kBAAC,QAAD,EAAA,UAAO,EAAY,CAAA;GAClB,MAAoB,WAAW;EAC7B;;CAyBP,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CAVA,kBAAC,OAAD;GAAK,WAAU;aAAf,CAbgC,IAChC,kBAAC,GAAD;IACE,SAAS,kBAAC,QAAD;KAAM,UAAU;eAAY;IAAqB,CAAA;IAC1D,WAAU;IACV,QAAQ,KAAa;cAEpB;GACY,CAAA,IAEf,GAME,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,GACA,KAAW,kBAAC,GAAD,EAAkB,QAAQ,EAAU,CAAA,CAC7C;KACF;GAKF,GACA,MACE,OAAO,KAAY,WAClB,kBAAC,GAAD,EAAA,UAAmB,EAA0B,CAAA,IAE7C,EAED;;AAET"}

package/dist/components/features/chat/interactive-chat-box.cjs

@@ -1,2 +1,2 @@
-require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../types/agent-state.cjs"),t=require("../../../utils/utils.cjs"),n=require("../../../hooks/use-conversation-id.cjs"),r=require("../../../stores/conversation-store.cjs"),i=require("../../../hooks/query/use-active-conversation.cjs"),a=require("../../../hooks/use-agent-state.cjs"),o=require("./utils/chat-input.utils.cjs"),s=require("../../../hooks/query/use-sub-conversation-task-polling.cjs"),c=require("./custom-chat-input.cjs"),l=require("../../../hooks/chat/use-btw-interceptor.cjs"),u=require("../../../hooks/chat/use-goal-interceptor.cjs"),d=require("../../../hooks/chat/use-model-interceptor.cjs"),f=require("../../../hooks/chat/use-chat-attachment-upload.cjs"),p=require("./git-control-bar.cjs");let m=require("react/jsx-runtime");function h({onSubmit:h,disabled:g=!1,hasStartedConversation:_}){let{images:v,files:y,imagesMarkedUploadAsFile:b,clearAllFiles:x,subConversationTaskId:S}=r.useConversationStore(),{curAgentState:C}=a.useAgentState(),{data:w}=i.useActiveConversation(),{conversationId:T}=n.useOptionalConversationId(),E=T??w?.id??null,{taskStatus:D}=s.useSubConversationTaskPolling(S,w?.id||null),{handleUpload:O}=f.useChatAttachmentUpload(),k=d.useModelInterceptor(E,u.useGoalInterceptor(E,l.useBtwInterceptor(E,e=>{let{imagesToEmbed:t,imagesAsFiles:n}=o.partitionImagesForUpload(v,b);h(e,t,[...y,...n]),x()})));return(0,m.jsxs)(`div`,{"data-testid":`interactive-chat-box`,children:[(0,m.jsx)(c.CustomChatInput,{disabled:g||C===e.AgentState.AWAITING_USER_CONFIRMATION||t.isTaskPolling(D),isNewConversationPending:g,hasStartedConversation:_,onSubmit:k,onFilesPaste:O}),(0,m.jsx)(`div`,{className:`mt-3 pb-3`,children:(0,m.jsx)(p.GitControlBar,{onSuggestionsClick:e=>{k(e)}})})]})}exports.InteractiveChatBox=h;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../types/agent-state.cjs"),t=require("../../../utils/utils.cjs"),n=require("../../../hooks/use-conversation-id.cjs"),r=require("../../../stores/conversation-store.cjs"),i=require("../../../hooks/query/use-active-conversation.cjs"),a=require("../../../hooks/use-agent-state.cjs"),o=require("./utils/chat-input.utils.cjs"),s=require("../../../hooks/query/use-sub-conversation-task-polling.cjs"),c=require("./custom-chat-input.cjs"),l=require("../../../hooks/chat/use-btw-interceptor.cjs"),u=require("../../../hooks/chat/use-goal-interceptor.cjs"),d=require("../../../hooks/chat/use-model-interceptor.cjs"),f=require("../../../hooks/chat/use-plan-mode-interceptor.cjs"),p=require("../../../hooks/chat/use-chat-attachment-upload.cjs"),m=require("./git-control-bar.cjs");let h=require("react/jsx-runtime");function g({onSubmit:g,disabled:_=!1,hasStartedConversation:v}){let{images:y,files:b,imagesMarkedUploadAsFile:x,clearAllFiles:S,subConversationTaskId:C}=r.useConversationStore(),{curAgentState:w}=a.useAgentState(),{data:T}=i.useActiveConversation(),{conversationId:E}=n.useOptionalConversationId(),D=E??T?.id??null,{taskStatus:O}=s.useSubConversationTaskPolling(C,T?.id||null),{handleUpload:k}=p.useChatAttachmentUpload(),A=d.useModelInterceptor(D,u.useGoalInterceptor(D,f.usePlanModeInterceptor(D,w,l.useBtwInterceptor(D,e=>{let{imagesToEmbed:t,imagesAsFiles:n}=o.partitionImagesForUpload(y,x);g(e,t,[...b,...n]),S()}))));return(0,h.jsxs)(`div`,{"data-testid":`interactive-chat-box`,children:[(0,h.jsx)(c.CustomChatInput,{disabled:_||w===e.AgentState.AWAITING_USER_CONFIRMATION||t.isTaskPolling(O),isNewConversationPending:_,hasStartedConversation:v,onSubmit:A,onFilesPaste:k}),(0,h.jsx)(`div`,{className:`mt-3 pb-3`,children:(0,h.jsx)(m.GitControlBar,{onSuggestionsClick:e=>{A(e)}})})]})}exports.InteractiveChatBox=g;
 //# sourceMappingURL=interactive-chat-box.cjs.map

package/dist/components/features/chat/interactive-chat-box.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"interactive-chat-box.cjs","names":[],"sources":["../../../../src/components/features/chat/interactive-chat-box.tsx"],"sourcesContent":["import { CustomChatInput } from \"./custom-chat-input\";\nimport { useBtwInterceptor } from \"#/hooks/chat/use-btw-interceptor\";\nimport { useGoalInterceptor } from \"#/hooks/chat/use-goal-interceptor\";\nimport { useModelInterceptor } from \"#/hooks/chat/use-model-interceptor\";\nimport { useChatAttachmentUpload } from \"#/hooks/chat/use-chat-attachment-upload\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { GitControlBar } from \"./git-control-bar\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useSubConversationTaskPolling } from \"#/hooks/query/use-sub-conversation-task-polling\";\nimport { partitionImagesForUpload } from \"#/components/features/chat/utils/chat-input.utils\";\nimport { isTaskPolling } from \"#/utils/utils\";\n\ninterface InteractiveChatBoxProps {\n  onSubmit: (message: string, images: File[], files: File[]) => void;\n  disabled?: boolean;\n  hasStartedConversation?: boolean;\n}\n\nexport function InteractiveChatBox({\n  onSubmit,\n  disabled = false,\n  hasStartedConversation,\n}: InteractiveChatBoxProps) {\n  const {\n    images,\n    files,\n    imagesMarkedUploadAsFile,\n    clearAllFiles,\n    subConversationTaskId,\n  } = useConversationStore();\n  const { curAgentState } = useAgentState();\n  const { data: conversation } = useActiveConversation();\n  const { conversationId: routeConversationId } = useOptionalConversationId();\n  const conversationId = routeConversationId ?? conversation?.id ?? null;\n\n  const { taskStatus: subConversationTaskStatus } =\n    useSubConversationTaskPolling(\n      subConversationTaskId,\n      conversation?.id || null,\n    );\n\n  const { handleUpload } = useChatAttachmentUpload();\n\n  const handleAfterGoal = useBtwInterceptor(conversationId, (message) => {\n    const { imagesToEmbed, imagesAsFiles } = partitionImagesForUpload(\n      images,\n      imagesMarkedUploadAsFile,\n    );\n    onSubmit(message, imagesToEmbed, [...files, ...imagesAsFiles]);\n    clearAllFiles();\n  });\n  const handleAfterModel = useGoalInterceptor(conversationId, handleAfterGoal);\n  const handleSubmit = useModelInterceptor(conversationId, handleAfterModel);\n\n  const handleSuggestionsClick = (suggestion: string) => {\n    handleSubmit(suggestion);\n  };\n\n  const isDisabled =\n    disabled ||\n    curAgentState === AgentState.AWAITING_USER_CONFIRMATION ||\n    isTaskPolling(subConversationTaskStatus);\n\n  return (\n    <div data-testid=\"interactive-chat-box\">\n      <CustomChatInput\n        disabled={isDisabled}\n        isNewConversationPending={disabled}\n        hasStartedConversation={hasStartedConversation}\n        onSubmit={handleSubmit}\n        onFilesPaste={handleUpload}\n      />\n      <div className=\"mt-3 pb-3\">\n        <GitControlBar onSuggestionsClick={handleSuggestionsClick} />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"4yBAqBA,SAAgB,EAAmB,CACjC,WACA,WAAW,GACX,0BAC0B,CAC1B,GAAM,CACJ,SACA,QACA,2BACA,gBACA,yBACE,EAAA,qBAAqB,EACnB,CAAE,iBAAkB,EAAA,cAAc,EAClC,CAAE,KAAM,GAAiB,EAAA,sBAAsB,EAC/C,CAAE,eAAgB,GAAwB,EAAA,0BAA0B,EACpE,EAAiB,GAAuB,GAAc,IAAM,KAE5D,CAAE,WAAY,GAClB,EAAA,8BACE,EACA,GAAc,IAAM,IACtB,EAEI,CAAE,gBAAiB,EAAA,wBAAwB,EAW3C,EAAe,EAAA,oBAAoB,EADhB,EAAA,mBAAmB,EARpB,EAAA,kBAAkB,EAAiB,GAAY,CACrE,GAAM,CAAE,gBAAe,iBAAkB,EAAA,yBACvC,EACA,CACF,EACA,EAAS,EAAS,EAAe,CAAC,GAAG,EAAO,GAAG,CAAa,CAAC,EAC7D,EAAc,CAChB,CAC4D,CACH,CAAgB,EAWzE,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,cAAY,gCAAjB,EACE,EAAA,EAAA,KAAC,EAAA,gBAAD,CACE,SAPJ,GACA,IAAkB,EAAA,WAAW,4BAC7B,EAAA,cAAc,CAAyB,EAMnC,yBAA0B,EACF,yBACxB,SAAU,EACV,aAAc,CACf,CAAA,GACD,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACb,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,mBAnBW,GAAuB,CACrD,EAAa,CAAU,CACzB,CAiBkE,CAAA,CACzD,CAAA,CACF,GAET"}
+{"version":3,"file":"interactive-chat-box.cjs","names":[],"sources":["../../../../src/components/features/chat/interactive-chat-box.tsx"],"sourcesContent":["import { CustomChatInput } from \"./custom-chat-input\";\nimport { useBtwInterceptor } from \"#/hooks/chat/use-btw-interceptor\";\nimport { useGoalInterceptor } from \"#/hooks/chat/use-goal-interceptor\";\nimport { useModelInterceptor } from \"#/hooks/chat/use-model-interceptor\";\nimport { usePlanModeInterceptor } from \"#/hooks/chat/use-plan-mode-interceptor\";\nimport { useChatAttachmentUpload } from \"#/hooks/chat/use-chat-attachment-upload\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { GitControlBar } from \"./git-control-bar\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useSubConversationTaskPolling } from \"#/hooks/query/use-sub-conversation-task-polling\";\nimport { partitionImagesForUpload } from \"#/components/features/chat/utils/chat-input.utils\";\nimport { isTaskPolling } from \"#/utils/utils\";\n\ninterface InteractiveChatBoxProps {\n  onSubmit: (message: string, images: File[], files: File[]) => void;\n  disabled?: boolean;\n  hasStartedConversation?: boolean;\n}\n\nexport function InteractiveChatBox({\n  onSubmit,\n  disabled = false,\n  hasStartedConversation,\n}: InteractiveChatBoxProps) {\n  const {\n    images,\n    files,\n    imagesMarkedUploadAsFile,\n    clearAllFiles,\n    subConversationTaskId,\n  } = useConversationStore();\n  const { curAgentState } = useAgentState();\n  const { data: conversation } = useActiveConversation();\n  const { conversationId: routeConversationId } = useOptionalConversationId();\n  const conversationId = routeConversationId ?? conversation?.id ?? null;\n\n  const { taskStatus: subConversationTaskStatus } =\n    useSubConversationTaskPolling(\n      subConversationTaskId,\n      conversation?.id || null,\n    );\n\n  const { handleUpload } = useChatAttachmentUpload();\n\n  const handleAfterGoal = useBtwInterceptor(conversationId, (message) => {\n    const { imagesToEmbed, imagesAsFiles } = partitionImagesForUpload(\n      images,\n      imagesMarkedUploadAsFile,\n    );\n    onSubmit(message, imagesToEmbed, [...files, ...imagesAsFiles]);\n    clearAllFiles();\n  });\n  const handleAfterPlanMode = usePlanModeInterceptor(\n    conversationId,\n    curAgentState,\n    handleAfterGoal,\n  );\n  const handleAfterModel = useGoalInterceptor(\n    conversationId,\n    handleAfterPlanMode,\n  );\n  const handleSubmit = useModelInterceptor(conversationId, handleAfterModel);\n\n  const handleSuggestionsClick = (suggestion: string) => {\n    handleSubmit(suggestion);\n  };\n\n  const isDisabled =\n    disabled ||\n    curAgentState === AgentState.AWAITING_USER_CONFIRMATION ||\n    isTaskPolling(subConversationTaskStatus);\n\n  return (\n    <div data-testid=\"interactive-chat-box\">\n      <CustomChatInput\n        disabled={isDisabled}\n        isNewConversationPending={disabled}\n        hasStartedConversation={hasStartedConversation}\n        onSubmit={handleSubmit}\n        onFilesPaste={handleUpload}\n      />\n      <div className=\"mt-3 pb-3\">\n        <GitControlBar onSuggestionsClick={handleSuggestionsClick} />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"22BAsBA,SAAgB,EAAmB,CACjC,WACA,WAAW,GACX,0BAC0B,CAC1B,GAAM,CACJ,SACA,QACA,2BACA,gBACA,yBACE,EAAA,qBAAqB,EACnB,CAAE,iBAAkB,EAAA,cAAc,EAClC,CAAE,KAAM,GAAiB,EAAA,sBAAsB,EAC/C,CAAE,eAAgB,GAAwB,EAAA,0BAA0B,EACpE,EAAiB,GAAuB,GAAc,IAAM,KAE5D,CAAE,WAAY,GAClB,EAAA,8BACE,EACA,GAAc,IAAM,IACtB,EAEI,CAAE,gBAAiB,EAAA,wBAAwB,EAmB3C,EAAe,EAAA,oBAAoB,EAJhB,EAAA,mBACvB,EAN0B,EAAA,uBAC1B,EACA,EAVsB,EAAA,kBAAkB,EAAiB,GAAY,CACrE,GAAM,CAAE,gBAAe,iBAAkB,EAAA,yBACvC,EACA,CACF,EACA,EAAS,EAAS,EAAe,CAAC,GAAG,EAAO,GAAG,CAAa,CAAC,EAC7D,EAAc,CAChB,CAIE,CAIA,CAEuD,CAAgB,EAWzE,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,cAAY,gCAAjB,EACE,EAAA,EAAA,KAAC,EAAA,gBAAD,CACE,SAPJ,GACA,IAAkB,EAAA,WAAW,4BAC7B,EAAA,cAAc,CAAyB,EAMnC,yBAA0B,EACF,yBACxB,SAAU,EACV,aAAc,CACf,CAAA,GACD,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACb,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,mBAnBW,GAAuB,CACrD,EAAa,CAAU,CACzB,CAiBkE,CAAA,CACzD,CAAA,CACF,GAET"}

package/dist/components/features/chat/interactive-chat-box.js

@@ -10,32 +10,33 @@ import { CustomChatInput as c } from "./custom-chat-input.js";
 import { useBtwInterceptor as l } from "../../../hooks/chat/use-btw-interceptor.js";
 import { useGoalInterceptor as u } from "../../../hooks/chat/use-goal-interceptor.js";
 import { useModelInterceptor as d } from "../../../hooks/chat/use-model-interceptor.js";
-import { useChatAttachmentUpload as f } from "../../../hooks/chat/use-chat-attachment-upload.js";
-import { GitControlBar as p } from "./git-control-bar.js";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { usePlanModeInterceptor as f } from "../../../hooks/chat/use-plan-mode-interceptor.js";
+import { useChatAttachmentUpload as p } from "../../../hooks/chat/use-chat-attachment-upload.js";
+import { GitControlBar as m } from "./git-control-bar.js";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/features/chat/interactive-chat-box.tsx
-function g({ onSubmit: g, disabled: _ = !1, hasStartedConversation: v }) {
-	let { images: y, files: b, imagesMarkedUploadAsFile: x, clearAllFiles: S, subConversationTaskId: C } = r(), { curAgentState: w } = a(), { data: T } = i(), { conversationId: E } = n(), D = E ?? T?.id ?? null, { taskStatus: O } = s(C, T?.id || null), { handleUpload: k } = f(), A = d(D, u(D, l(D, (e) => {
-		let { imagesToEmbed: t, imagesAsFiles: n } = o(y, x);
-		g(e, t, [...b, ...n]), S();
-	})));
-	return /* @__PURE__ */ h("div", {
+function _({ onSubmit: _, disabled: v = !1, hasStartedConversation: y }) {
+	let { images: b, files: x, imagesMarkedUploadAsFile: S, clearAllFiles: C, subConversationTaskId: w } = r(), { curAgentState: T } = a(), { data: E } = i(), { conversationId: D } = n(), O = D ?? E?.id ?? null, { taskStatus: k } = s(w, E?.id || null), { handleUpload: A } = p(), j = d(O, u(O, f(O, T, l(O, (e) => {
+		let { imagesToEmbed: t, imagesAsFiles: n } = o(b, S);
+		_(e, t, [...x, ...n]), C();
+	}))));
+	return /* @__PURE__ */ g("div", {
 		"data-testid": "interactive-chat-box",
-		children: [/* @__PURE__ */ m(c, {
-			disabled: _ || w === e.AWAITING_USER_CONFIRMATION || t(O),
-			isNewConversationPending: _,
-			hasStartedConversation: v,
-			onSubmit: A,
-			onFilesPaste: k
-		}), /* @__PURE__ */ m("div", {
+		children: [/* @__PURE__ */ h(c, {
+			disabled: v || T === e.AWAITING_USER_CONFIRMATION || t(k),
+			isNewConversationPending: v,
+			hasStartedConversation: y,
+			onSubmit: j,
+			onFilesPaste: A
+		}), /* @__PURE__ */ h("div", {
 			className: "mt-3 pb-3",
-			children: /* @__PURE__ */ m(p, { onSuggestionsClick: (e) => {
-				A(e);
+			children: /* @__PURE__ */ h(m, { onSuggestionsClick: (e) => {
+				j(e);
 			} })
 		})]
 	});
 }
 //#endregion
-export { g as InteractiveChatBox };
+export { _ as InteractiveChatBox };
 
 //# sourceMappingURL=interactive-chat-box.js.map

package/dist/components/features/chat/interactive-chat-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"interactive-chat-box.js","names":[],"sources":["../../../../src/components/features/chat/interactive-chat-box.tsx"],"sourcesContent":["import { CustomChatInput } from \"./custom-chat-input\";\nimport { useBtwInterceptor } from \"#/hooks/chat/use-btw-interceptor\";\nimport { useGoalInterceptor } from \"#/hooks/chat/use-goal-interceptor\";\nimport { useModelInterceptor } from \"#/hooks/chat/use-model-interceptor\";\nimport { useChatAttachmentUpload } from \"#/hooks/chat/use-chat-attachment-upload\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { GitControlBar } from \"./git-control-bar\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useSubConversationTaskPolling } from \"#/hooks/query/use-sub-conversation-task-polling\";\nimport { partitionImagesForUpload } from \"#/components/features/chat/utils/chat-input.utils\";\nimport { isTaskPolling } from \"#/utils/utils\";\n\ninterface InteractiveChatBoxProps {\n  onSubmit: (message: string, images: File[], files: File[]) => void;\n  disabled?: boolean;\n  hasStartedConversation?: boolean;\n}\n\nexport function InteractiveChatBox({\n  onSubmit,\n  disabled = false,\n  hasStartedConversation,\n}: InteractiveChatBoxProps) {\n  const {\n    images,\n    files,\n    imagesMarkedUploadAsFile,\n    clearAllFiles,\n    subConversationTaskId,\n  } = useConversationStore();\n  const { curAgentState } = useAgentState();\n  const { data: conversation } = useActiveConversation();\n  const { conversationId: routeConversationId } = useOptionalConversationId();\n  const conversationId = routeConversationId ?? conversation?.id ?? null;\n\n  const { taskStatus: subConversationTaskStatus } =\n    useSubConversationTaskPolling(\n      subConversationTaskId,\n      conversation?.id || null,\n    );\n\n  const { handleUpload } = useChatAttachmentUpload();\n\n  const handleAfterGoal = useBtwInterceptor(conversationId, (message) => {\n    const { imagesToEmbed, imagesAsFiles } = partitionImagesForUpload(\n      images,\n      imagesMarkedUploadAsFile,\n    );\n    onSubmit(message, imagesToEmbed, [...files, ...imagesAsFiles]);\n    clearAllFiles();\n  });\n  const handleAfterModel = useGoalInterceptor(conversationId, handleAfterGoal);\n  const handleSubmit = useModelInterceptor(conversationId, handleAfterModel);\n\n  const handleSuggestionsClick = (suggestion: string) => {\n    handleSubmit(suggestion);\n  };\n\n  const isDisabled =\n    disabled ||\n    curAgentState === AgentState.AWAITING_USER_CONFIRMATION ||\n    isTaskPolling(subConversationTaskStatus);\n\n  return (\n    <div data-testid=\"interactive-chat-box\">\n      <CustomChatInput\n        disabled={isDisabled}\n        isNewConversationPending={disabled}\n        hasStartedConversation={hasStartedConversation}\n        onSubmit={handleSubmit}\n        onFilesPaste={handleUpload}\n      />\n      <div className=\"mt-3 pb-3\">\n        <GitControlBar onSuggestionsClick={handleSuggestionsClick} />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAqBA,SAAgB,EAAmB,EACjC,aACA,cAAW,IACX,6BAC0B;CAC1B,IAAM,EACJ,WACA,UACA,6BACA,kBACA,6BACE,EAAqB,GACnB,EAAE,qBAAkB,EAAc,GAClC,EAAE,MAAM,MAAiB,EAAsB,GAC/C,EAAE,gBAAgB,MAAwB,EAA0B,GACpE,IAAiB,KAAuB,GAAc,MAAM,MAE5D,EAAE,YAAY,MAClB,EACE,GACA,GAAc,MAAM,IACtB,GAEI,EAAE,oBAAiB,EAAwB,GAW3C,IAAe,EAAoB,GADhB,EAAmB,GARpB,EAAkB,IAAiB,MAAY;EACrE,IAAM,EAAE,kBAAe,qBAAkB,EACvC,GACA,CACF;EAEA,AADA,EAAS,GAAS,GAAe,CAAC,GAAG,GAAO,GAAG,CAAa,CAAC,GAC7D,EAAc;CAChB,CAC4D,CACH,CAAgB;CAWzE,OACE,kBAAC,OAAD;EAAK,eAAY;YAAjB,CACE,kBAAC,GAAD;GACE,UAPJ,KACA,MAAkB,EAAW,8BAC7B,EAAc,CAAyB;GAMnC,0BAA0B;GACF;GACxB,UAAU;GACV,cAAc;EACf,CAAA,GACD,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD,EAAe,qBAnBW,MAAuB;IACrD,EAAa,CAAU;GACzB,EAiBkE,CAAA;EACzD,CAAA,CACF;;AAET"}
+{"version":3,"file":"interactive-chat-box.js","names":[],"sources":["../../../../src/components/features/chat/interactive-chat-box.tsx"],"sourcesContent":["import { CustomChatInput } from \"./custom-chat-input\";\nimport { useBtwInterceptor } from \"#/hooks/chat/use-btw-interceptor\";\nimport { useGoalInterceptor } from \"#/hooks/chat/use-goal-interceptor\";\nimport { useModelInterceptor } from \"#/hooks/chat/use-model-interceptor\";\nimport { usePlanModeInterceptor } from \"#/hooks/chat/use-plan-mode-interceptor\";\nimport { useChatAttachmentUpload } from \"#/hooks/chat/use-chat-attachment-upload\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { GitControlBar } from \"./git-control-bar\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useSubConversationTaskPolling } from \"#/hooks/query/use-sub-conversation-task-polling\";\nimport { partitionImagesForUpload } from \"#/components/features/chat/utils/chat-input.utils\";\nimport { isTaskPolling } from \"#/utils/utils\";\n\ninterface InteractiveChatBoxProps {\n  onSubmit: (message: string, images: File[], files: File[]) => void;\n  disabled?: boolean;\n  hasStartedConversation?: boolean;\n}\n\nexport function InteractiveChatBox({\n  onSubmit,\n  disabled = false,\n  hasStartedConversation,\n}: InteractiveChatBoxProps) {\n  const {\n    images,\n    files,\n    imagesMarkedUploadAsFile,\n    clearAllFiles,\n    subConversationTaskId,\n  } = useConversationStore();\n  const { curAgentState } = useAgentState();\n  const { data: conversation } = useActiveConversation();\n  const { conversationId: routeConversationId } = useOptionalConversationId();\n  const conversationId = routeConversationId ?? conversation?.id ?? null;\n\n  const { taskStatus: subConversationTaskStatus } =\n    useSubConversationTaskPolling(\n      subConversationTaskId,\n      conversation?.id || null,\n    );\n\n  const { handleUpload } = useChatAttachmentUpload();\n\n  const handleAfterGoal = useBtwInterceptor(conversationId, (message) => {\n    const { imagesToEmbed, imagesAsFiles } = partitionImagesForUpload(\n      images,\n      imagesMarkedUploadAsFile,\n    );\n    onSubmit(message, imagesToEmbed, [...files, ...imagesAsFiles]);\n    clearAllFiles();\n  });\n  const handleAfterPlanMode = usePlanModeInterceptor(\n    conversationId,\n    curAgentState,\n    handleAfterGoal,\n  );\n  const handleAfterModel = useGoalInterceptor(\n    conversationId,\n    handleAfterPlanMode,\n  );\n  const handleSubmit = useModelInterceptor(conversationId, handleAfterModel);\n\n  const handleSuggestionsClick = (suggestion: string) => {\n    handleSubmit(suggestion);\n  };\n\n  const isDisabled =\n    disabled ||\n    curAgentState === AgentState.AWAITING_USER_CONFIRMATION ||\n    isTaskPolling(subConversationTaskStatus);\n\n  return (\n    <div data-testid=\"interactive-chat-box\">\n      <CustomChatInput\n        disabled={isDisabled}\n        isNewConversationPending={disabled}\n        hasStartedConversation={hasStartedConversation}\n        onSubmit={handleSubmit}\n        onFilesPaste={handleUpload}\n      />\n      <div className=\"mt-3 pb-3\">\n        <GitControlBar onSuggestionsClick={handleSuggestionsClick} />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAsBA,SAAgB,EAAmB,EACjC,aACA,cAAW,IACX,6BAC0B;CAC1B,IAAM,EACJ,WACA,UACA,6BACA,kBACA,6BACE,EAAqB,GACnB,EAAE,qBAAkB,EAAc,GAClC,EAAE,MAAM,MAAiB,EAAsB,GAC/C,EAAE,gBAAgB,MAAwB,EAA0B,GACpE,IAAiB,KAAuB,GAAc,MAAM,MAE5D,EAAE,YAAY,MAClB,EACE,GACA,GAAc,MAAM,IACtB,GAEI,EAAE,oBAAiB,EAAwB,GAmB3C,IAAe,EAAoB,GAJhB,EACvB,GAN0B,EAC1B,GACA,GAVsB,EAAkB,IAAiB,MAAY;EACrE,IAAM,EAAE,kBAAe,qBAAkB,EACvC,GACA,CACF;EAEA,AADA,EAAS,GAAS,GAAe,CAAC,GAAG,GAAO,GAAG,CAAa,CAAC,GAC7D,EAAc;CAChB,CAIE,CAIA,CAEuD,CAAgB;CAWzE,OACE,kBAAC,OAAD;EAAK,eAAY;YAAjB,CACE,kBAAC,GAAD;GACE,UAPJ,KACA,MAAkB,EAAW,8BAC7B,EAAc,CAAyB;GAMnC,0BAA0B;GACF;GACxB,UAAU;GACV,cAAc;EACf,CAAA,GACD,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD,EAAe,qBAnBW,MAAuB;IACrD,EAAa,CAAU;GACzB,EAiBkE,CAAA;EACzD,CAAA,CACF;;AAET"}

package/dist/components/features/conversation/conversation-overview-git-section.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/external-link.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/git-branch.cjs"),a=require("../../../node_modules/lucide-react/dist/esm/icons/git-commit-horizontal.cjs"),o=require("../../../utils/utils.cjs"),s=require("../../../hooks/use-conversation-id.cjs"),c=require("./conversation-overview-sections.cjs"),l=require("../../../utils/conversation-local-storage.cjs"),u=require("../../../node_modules/react-icons/fa/index.cjs"),d=require("../../../hooks/query/use-settings.cjs"),f=require("../../../hooks/use-select-conversation-tab.cjs"),p=require("../../../icons/u-pr.cjs"),m=require("../../shared/git-provider-icon.cjs"),h=require("../../../hooks/use-conversation-primary-repository.cjs"),g=require("./conversation-overview-drawer-context.cjs"),_=require("./conversation-overview-drawer.types.cjs"),v=require("../../../hooks/query/use-repository-git-items.cjs"),y=require("../../../hooks/query/use-unified-git-commits.cjs");let b=require("react");b=e.__toESM(b,1);let x=require("react/jsx-runtime");var S=`size-4 shrink-0 text-[var(--oh-muted)]`,C=o.cn(`size-3.5 shrink-0 text-[var(--oh-muted)]`,`opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100`),w=`-`;function T(){let{t:e}=t.useTranslation(`openhands`),{conversationId:b}=s.useConversationId(),{state:T}=l.useConversationLocalStorageState(b),{navigateToCommits:E}=f.useSelectConversationTab(),D=g.useConversationOverviewDrawerOptional(),{data:O}=d.useSettings(),{repository:k,provider:A,branch:j,isConnected:M}=h.useConversationPrimaryRepository(),N=c.isOverviewGitPartPinned(c.CONVERSATION_OVERVIEW_GIT_PART.repository,T.unpinnedOverviewGitParts??[]),P=c.isOverviewGitPartPinned(c.CONVERSATION_OVERVIEW_GIT_PART.branch,T.unpinnedOverviewGitParts??[]),F=c.isOverviewGitPartPinned(c.CONVERSATION_OVERVIEW_GIT_PART.commits,T.unpinnedOverviewGitParts??[]),I=c.isOverviewGitPartPinned(c.CONVERSATION_OVERVIEW_GIT_PART.pull_requests,T.unpinnedOverviewGitParts??[]),L=v.useRepositoryPullRequests(I?k:null,I?A:null),R=y.useUnifiedGitCommits();if(!M||!k||!A||!N&&!P&&!F&&!I)return null;let z=O?.provider_tokens_set?.[A]??null,B=o.constructRepositoryUrl(A,k,z),V=j?o.constructBranchUrl(A,k,j,z):null,H=L.data?.length??null,U=R.isUnsupported?null:R.commits.length,W=U!==null&&U>0?R.hasMore?`${U}+`:String(U):w,G=()=>{D?.openSection(_.CONVERSATION_OVERVIEW_DRAWER_SECTION.pull_requests)},K=()=>{D?.closeDrawer(),E()},q=N||P,J=F||I;return(0,x.jsxs)(`div`,{"data-testid":`conversation-overview-git-section`,children:[q?(0,x.jsxs)(`div`,{className:`px-2 pb-1`,children:[N?(0,x.jsxs)(`a`,{href:B,target:`_blank`,rel:`noreferrer`,"data-testid":`conversation-overview-git-repo`,className:o.cn(`group flex min-w-0 items-center gap-2 rounded-md px-2 py-1.5`,`transition-colors hover:bg-white/5`),children:[(0,x.jsx)(m.GitProviderIcon,{gitProvider:A,className:S}),(0,x.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]`,children:k}),(0,x.jsx)(r.ExternalLink,{className:C,"aria-hidden":!0})]}):null,P?j&&V?(0,x.jsxs)(`a`,{href:V,target:`_blank`,rel:`noreferrer`,"data-testid":`conversation-overview-git-branch`,className:o.cn(`group flex min-w-0 items-center gap-2 rounded-md px-2 py-1.5`,`transition-colors hover:bg-white/5`),children:[(0,x.jsx)(u.FaCodeBranch,{size:14,className:`shrink-0 text-[var(--oh-muted)]`,"aria-hidden":!0}),(0,x.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]`,children:j}),(0,x.jsx)(r.ExternalLink,{className:C,"aria-hidden":!0})]}):(0,x.jsxs)(`div`,{"data-testid":`conversation-overview-git-branch`,className:`flex min-w-0 items-center gap-2 px-2 py-1.5`,children:[(0,x.jsx)(i.GitBranch,{className:`size-3.5 shrink-0 text-[var(--oh-muted)]`,"aria-hidden":!0}),(0,x.jsx)(`span`,{className:o.cn(`text-sm`,j?`text-[var(--oh-foreground)]`:`text-[var(--oh-muted)]`),children:j||e(n.I18nKey.CONVERSATION$OVERVIEW_NONE)})]}):null]}):null,J?(0,x.jsxs)(`ul`,{className:`px-2`,children:[F?(0,x.jsx)(`li`,{children:(0,x.jsxs)(`button`,{type:`button`,"data-testid":`conversation-overview-commits`,onClick:K,className:o.cn(`flex w-full min-w-0 items-center gap-2 rounded-md px-2 py-1.5`,`cursor-pointer bg-transparent text-left transition-colors hover:bg-white/5`),children:[(0,x.jsx)(a.GitCommitHorizontal,{className:S,"aria-hidden":!0}),(0,x.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]`,children:e(n.I18nKey.DIFF_VIEWER$COMMITS)}),R.isLoading?(0,x.jsx)(`span`,{className:`text-sm tabular-nums text-[var(--oh-muted)]`,children:`…`}):(0,x.jsx)(`span`,{"data-testid":`conversation-overview-commits-count`,className:`text-sm tabular-nums text-[var(--oh-muted)]`,children:W})]})}):null,I?(0,x.jsx)(`li`,{children:(0,x.jsxs)(`button`,{type:`button`,"data-testid":`conversation-overview-pull-requests`,onClick:G,className:o.cn(`flex w-full min-w-0 items-center gap-2 rounded-md px-2 py-1.5`,`cursor-pointer bg-transparent text-left transition-colors hover:bg-white/5`),children:[(0,x.jsx)(p.default,{className:S,"aria-hidden":!0}),(0,x.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]`,children:e(n.I18nKey.CONVERSATION$OVERVIEW_PULL_REQUESTS)}),L.isLoading?(0,x.jsx)(`span`,{className:`text-sm tabular-nums text-[var(--oh-muted)]`,children:`…`}):(0,x.jsx)(`span`,{"data-testid":`conversation-overview-pull-requests-count`,className:`text-sm tabular-nums text-[var(--oh-muted)]`,children:H!==null&&H>0?H:w})]})}):null]}):null]})}exports.ConversationOverviewGitSection=T;
+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/external-link.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/git-branch.cjs"),a=require("../../../node_modules/lucide-react/dist/esm/icons/git-commit-horizontal.cjs"),o=require("../../../utils/utils.cjs"),s=require("../../../hooks/use-conversation-id.cjs"),c=require("./conversation-overview-sections.cjs"),l=require("../../../utils/conversation-local-storage.cjs"),u=require("../../../hooks/query/use-settings.cjs"),d=require("../../../node_modules/react-icons/fa/index.cjs"),f=require("../../../hooks/use-select-conversation-tab.cjs"),p=require("../../../icons/u-pr.cjs"),m=require("../../shared/git-provider-icon.cjs"),h=require("../../../hooks/use-conversation-primary-repository.cjs"),g=require("./conversation-overview-drawer-context.cjs"),_=require("./conversation-overview-drawer.types.cjs"),v=require("../../../hooks/query/use-repository-git-items.cjs"),y=require("../../../hooks/query/use-unified-git-commits.cjs");let b=require("react");b=e.__toESM(b,1);let x=require("react/jsx-runtime");var S=`size-4 shrink-0 text-[var(--oh-muted)]`,C=o.cn(`size-3.5 shrink-0 text-[var(--oh-muted)]`,`opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100`),w=`-`;function T(){let{t:e}=t.useTranslation(`openhands`),{conversationId:b}=s.useConversationId(),{state:T}=l.useConversationLocalStorageState(b),{navigateToCommits:E}=f.useSelectConversationTab(),D=g.useConversationOverviewDrawerOptional(),{data:O}=u.useSettings(),{repository:k,provider:A,branch:j,isConnected:M}=h.useConversationPrimaryRepository(),N=c.isOverviewGitPartPinned(c.CONVERSATION_OVERVIEW_GIT_PART.repository,T.unpinnedOverviewGitParts??[]),P=c.isOverviewGitPartPinned(c.CONVERSATION_OVERVIEW_GIT_PART.branch,T.unpinnedOverviewGitParts??[]),F=c.isOverviewGitPartPinned(c.CONVERSATION_OVERVIEW_GIT_PART.commits,T.unpinnedOverviewGitParts??[]),I=c.isOverviewGitPartPinned(c.CONVERSATION_OVERVIEW_GIT_PART.pull_requests,T.unpinnedOverviewGitParts??[]),L=v.useRepositoryPullRequests(I?k:null,I?A:null),R=y.useUnifiedGitCommits();if(!M||!k||!A||!N&&!P&&!F&&!I)return null;let z=O?.provider_tokens_set?.[A]??null,B=o.constructRepositoryUrl(A,k,z),V=j?o.constructBranchUrl(A,k,j,z):null,H=L.data?.length??null,U=R.isUnsupported?null:R.commits.length,W=U!==null&&U>0?R.hasMore?`${U}+`:String(U):w,G=()=>{D?.openSection(_.CONVERSATION_OVERVIEW_DRAWER_SECTION.pull_requests)},K=()=>{D?.closeDrawer(),E()},q=N||P,J=F||I;return(0,x.jsxs)(`div`,{"data-testid":`conversation-overview-git-section`,children:[q?(0,x.jsxs)(`div`,{className:`px-2 pb-1`,children:[N?(0,x.jsxs)(`a`,{href:B,target:`_blank`,rel:`noreferrer`,"data-testid":`conversation-overview-git-repo`,className:o.cn(`group flex min-w-0 items-center gap-2 rounded-md px-2 py-1.5`,`transition-colors hover:bg-white/5`),children:[(0,x.jsx)(m.GitProviderIcon,{gitProvider:A,className:S}),(0,x.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]`,children:k}),(0,x.jsx)(r.ExternalLink,{className:C,"aria-hidden":!0})]}):null,P?j&&V?(0,x.jsxs)(`a`,{href:V,target:`_blank`,rel:`noreferrer`,"data-testid":`conversation-overview-git-branch`,className:o.cn(`group flex min-w-0 items-center gap-2 rounded-md px-2 py-1.5`,`transition-colors hover:bg-white/5`),children:[(0,x.jsx)(d.FaCodeBranch,{size:14,className:`shrink-0 text-[var(--oh-muted)]`,"aria-hidden":!0}),(0,x.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]`,children:j}),(0,x.jsx)(r.ExternalLink,{className:C,"aria-hidden":!0})]}):(0,x.jsxs)(`div`,{"data-testid":`conversation-overview-git-branch`,className:`flex min-w-0 items-center gap-2 px-2 py-1.5`,children:[(0,x.jsx)(i.GitBranch,{className:`size-3.5 shrink-0 text-[var(--oh-muted)]`,"aria-hidden":!0}),(0,x.jsx)(`span`,{className:o.cn(`text-sm`,j?`text-[var(--oh-foreground)]`:`text-[var(--oh-muted)]`),children:j||e(n.I18nKey.CONVERSATION$OVERVIEW_NONE)})]}):null]}):null,J?(0,x.jsxs)(`ul`,{className:`px-2`,children:[F?(0,x.jsx)(`li`,{children:(0,x.jsxs)(`button`,{type:`button`,"data-testid":`conversation-overview-commits`,onClick:K,className:o.cn(`flex w-full min-w-0 items-center gap-2 rounded-md px-2 py-1.5`,`cursor-pointer bg-transparent text-left transition-colors hover:bg-white/5`),children:[(0,x.jsx)(a.GitCommitHorizontal,{className:S,"aria-hidden":!0}),(0,x.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]`,children:e(n.I18nKey.DIFF_VIEWER$COMMITS)}),R.isLoading?(0,x.jsx)(`span`,{className:`text-sm tabular-nums text-[var(--oh-muted)]`,children:`…`}):(0,x.jsx)(`span`,{"data-testid":`conversation-overview-commits-count`,className:`text-sm tabular-nums text-[var(--oh-muted)]`,children:W})]})}):null,I?(0,x.jsx)(`li`,{children:(0,x.jsxs)(`button`,{type:`button`,"data-testid":`conversation-overview-pull-requests`,onClick:G,className:o.cn(`flex w-full min-w-0 items-center gap-2 rounded-md px-2 py-1.5`,`cursor-pointer bg-transparent text-left transition-colors hover:bg-white/5`),children:[(0,x.jsx)(p.default,{className:S,"aria-hidden":!0}),(0,x.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]`,children:e(n.I18nKey.CONVERSATION$OVERVIEW_PULL_REQUESTS)}),L.isLoading?(0,x.jsx)(`span`,{className:`text-sm tabular-nums text-[var(--oh-muted)]`,children:`…`}):(0,x.jsx)(`span`,{"data-testid":`conversation-overview-pull-requests-count`,className:`text-sm tabular-nums text-[var(--oh-muted)]`,children:H!==null&&H>0?H:w})]})}):null]}):null]})}exports.ConversationOverviewGitSection=T;
 //# sourceMappingURL=conversation-overview-git-section.cjs.map

package/dist/components/features/conversation/conversation-overview-git-section.js

@@ -7,8 +7,8 @@ import { cn as a, constructBranchUrl as o, constructRepositoryUrl as s } from ".
 import { useConversationId as c } from "../../../hooks/use-conversation-id.js";
 import { CONVERSATION_OVERVIEW_GIT_PART as l, isOverviewGitPartPinned as u } from "./conversation-overview-sections.js";
 import { useConversationLocalStorageState as d } from "../../../utils/conversation-local-storage.js";
-import { FaCodeBranch as f } from "../../../node_modules/react-icons/fa/index.js";
-import { useSettings as p } from "../../../hooks/query/use-settings.js";
+import { useSettings as f } from "../../../hooks/query/use-settings.js";
+import { FaCodeBranch as p } from "../../../node_modules/react-icons/fa/index.js";
 import { useSelectConversationTab as m } from "../../../hooks/use-select-conversation-tab.js";
 import h from "../../../icons/u-pr.js";
 import { GitProviderIcon as g } from "../../shared/git-provider-icon.js";
@@ -22,7 +22,7 @@ import { jsx as S, jsxs as C } from "react/jsx-runtime";
 //#region src/components/features/conversation/conversation-overview-git-section.tsx
 var w = "size-4 shrink-0 text-[var(--oh-muted)]", T = a("size-3.5 shrink-0 text-[var(--oh-muted)]", "opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100"), E = "-";
 function D() {
-	let { t: D } = e("openhands"), { conversationId: O } = c(), { state: k } = d(O), { navigateToCommits: A } = m(), j = v(), { data: M } = p(), { repository: N, provider: P, branch: F, isConnected: I } = _(), L = u(l.repository, k.unpinnedOverviewGitParts ?? []), R = u(l.branch, k.unpinnedOverviewGitParts ?? []), z = u(l.commits, k.unpinnedOverviewGitParts ?? []), B = u(l.pull_requests, k.unpinnedOverviewGitParts ?? []), V = b(B ? N : null, B ? P : null), H = x();
+	let { t: D } = e("openhands"), { conversationId: O } = c(), { state: k } = d(O), { navigateToCommits: A } = m(), j = v(), { data: M } = f(), { repository: N, provider: P, branch: F, isConnected: I } = _(), L = u(l.repository, k.unpinnedOverviewGitParts ?? []), R = u(l.branch, k.unpinnedOverviewGitParts ?? []), z = u(l.commits, k.unpinnedOverviewGitParts ?? []), B = u(l.pull_requests, k.unpinnedOverviewGitParts ?? []), V = b(B ? N : null, B ? P : null), H = x();
 	if (!I || !N || !P || !L && !R && !z && !B) return null;
 	let U = M?.provider_tokens_set?.[P] ?? null, W = s(P, N, U), G = F ? o(P, N, F, U) : null, K = V.data?.length ?? null, q = H.isUnsupported ? null : H.commits.length, J = q !== null && q > 0 ? H.hasMore ? `${q}+` : String(q) : E, Y = () => {
 		j?.openSection(y.pull_requests);
@@ -60,7 +60,7 @@ function D() {
 				"data-testid": "conversation-overview-git-branch",
 				className: a("group flex min-w-0 items-center gap-2 rounded-md px-2 py-1.5", "transition-colors hover:bg-white/5"),
 				children: [
-					/* @__PURE__ */ S(f, {
+					/* @__PURE__ */ S(p, {
 						size: 14,
 						className: "shrink-0 text-[var(--oh-muted)]",
 						"aria-hidden": !0

package/dist/components/features/conversation/conversation-overview-skills-panel.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("../../../utils/utils.cjs"),i=require("../../../hooks/query/use-active-conversation.cjs"),a=require("../../../hooks/query/use-conversation-skills.cjs"),o=require("../../../hooks/query/use-settings.cjs"),s=require("../../../hooks/use-skill-enablement.cjs"),c=require("./conversation-overview-drawer-context.cjs"),l=require("../../../utils/extension-module-card-classes.cjs"),u=require("../skills/skill-card.cjs"),d=require("../skills/skill-detail-modal.cjs"),f=require("../skills/add-skill-modal.cjs"),p=require("../skills/skills-toolbar.cjs"),m=require("../skills/skill-filters-modal.cjs"),h=require("../skills/skill-filter.cjs"),g=require("../../../utils/conversation-overview-project-scope.cjs"),_=require("./conversation-overview-project-scope-toggle.cjs");let v=require("react");v=e.__toESM(v,1);let y=require("react/jsx-runtime");function b({openAdd:e}){let{t:b}=t.useTranslation(`openhands`),{isLoading:x}=o.useSettings(),{data:S}=i.useActiveConversation(),{data:C,isLoading:w}=a.useConversationSkills(),{isEnabled:T,setEnabled:E}=s.useSkillEnablement(),D=c.useConversationOverviewDrawerOptional()?.addRequestKey??0,O=S?.selected_workspace??null,[k,A]=(0,v.useState)(g.CONVERSATION_OVERVIEW_PROJECT_SCOPE.project),[j,M]=(0,v.useState)(h.EMPTY_SKILL_FILTER_STATE),[N,P]=(0,v.useState)(!1),[F,I]=(0,v.useState)(null),[L,R]=(0,v.useState)(!1);(0,v.useEffect)(()=>{e&&R(!0)},[e]),(0,v.useEffect)(()=>{D!==0&&R(!0)},[D]);let z=(0,v.useMemo)(()=>{if(!C)return[];let e=g.filterSkillsByProjectScope(C,k,O);return k===g.CONVERSATION_OVERVIEW_PROJECT_SCOPE.all?g.sortSkillsByProjectRelevance(e,O):e},[C,k,O]),B=(0,v.useMemo)(()=>h.applySkillFilters(z,T,j),[z,T,j]);return w||x?(0,y.jsx)(`div`,{"data-testid":`conversation-overview-skills-panel`,className:`text-sm text-muted`,children:`…`}):!C||C.length===0?(0,y.jsxs)(`div`,{"data-testid":`conversation-overview-skills-panel`,className:`flex flex-col gap-4`,children:[(0,y.jsx)(`div`,{"data-testid":`conversation-overview-skills-empty`,className:l.extensionModuleEmptyStateClassName,children:(0,y.jsx)(`p`,{className:`text-sm text-tertiary-light`,children:b(n.I18nKey.SETTINGS$SKILLS_NO_SKILLS)})}),L?(0,y.jsx)(f.AddSkillModal,{onClose:()=>R(!1)}):null]}):(0,y.jsxs)(`div`,{"data-testid":`conversation-overview-skills-panel`,className:`flex flex-col gap-4`,children:[(0,y.jsx)(_.ConversationOverviewProjectScopeToggle,{value:k,onChange:A,testId:`conversation-overview-skills-scope`}),(0,y.jsx)(p.SkillsToolbar,{search:j.query,onSearchChange:e=>M(t=>({...t,query:e})),activeFilterCount:h.countActiveFilters(j),onOpenFilters:()=>P(!0)}),z.length===0?(0,y.jsx)(`div`,{"data-testid":`conversation-overview-skills-project-empty`,className:l.extensionModuleEmptyStateClassName,children:(0,y.jsx)(`p`,{className:`text-sm text-tertiary-light`,children:b(n.I18nKey.CONVERSATION$OVERVIEW_SCOPE_PROJECT_EMPTY_SKILLS)})}):B.length===0?(0,y.jsx)(`div`,{"data-testid":`conversation-overview-skills-no-match`,className:l.extensionModuleEmptyStateClassName,children:(0,y.jsx)(`p`,{className:`text-sm text-tertiary-light`,children:b(n.I18nKey.SETTINGS$SKILLS_NO_MATCH)})}):(0,y.jsx)(`section`,{className:r.cn(`flex min-w-0 flex-col gap-3`,l.extensionModuleCardGridContainerClassName),children:(0,y.jsx)(`div`,{className:r.cn(l.extensionModuleCardGridClassName,`grid-cols-1`),children:B.map(e=>(0,y.jsx)(u.SkillCard,{skill:e,enabled:T(e),onOpen:()=>I(e),onToggle:t=>E(e.name,t)},e.name))})}),F?(0,y.jsx)(d.SkillDetailModal,{skill:F,enabled:T(F),onToggle:e=>E(F.name,e),onClose:()=>I(null)}):null,L?(0,y.jsx)(f.AddSkillModal,{onClose:()=>R(!1)}):null,N?(0,y.jsx)(m.SkillFiltersModal,{groups:h.buildSkillFacetGroups(z,T,j),activeCount:h.countActiveFilters(j),onToggle:(e,t)=>M(n=>h.toggleSkillFilterValue(n,e,t)),onClearAll:()=>M(e=>h.clearSkillFilterFacets(e)),onClose:()=>P(!1)}):null]})}exports.ConversationOverviewSkillsPanel=b;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../utils/utils.cjs"),i=require("../../../hooks/query/use-settings.cjs"),a=require("../../../hooks/query/use-active-conversation.cjs"),o=require("../../../hooks/query/use-conversation-skills.cjs"),s=require("../../../hooks/use-skill-enablement.cjs"),c=require("./conversation-overview-drawer-context.cjs"),l=require("../../../utils/extension-module-card-classes.cjs"),u=require("../skills/skill-card.cjs"),d=require("../skills/skill-detail-modal.cjs"),f=require("../skills/add-skill-modal.cjs"),p=require("../skills/skills-toolbar.cjs"),m=require("../skills/skill-filters-modal.cjs"),h=require("../skills/skill-filter.cjs"),g=require("../../../utils/conversation-overview-project-scope.cjs"),_=require("./conversation-overview-project-scope-toggle.cjs");let v=require("react");v=e.__toESM(v,1);let y=require("react/jsx-runtime");function b({openAdd:e}){let{t:b}=t.useTranslation(`openhands`),{isLoading:x}=i.useSettings(),{data:S}=a.useActiveConversation(),{data:C,isLoading:w}=o.useConversationSkills(),{isEnabled:T,setEnabled:E}=s.useSkillEnablement(),D=c.useConversationOverviewDrawerOptional()?.addRequestKey??0,O=S?.selected_workspace??null,[k,A]=(0,v.useState)(g.CONVERSATION_OVERVIEW_PROJECT_SCOPE.project),[j,M]=(0,v.useState)(h.EMPTY_SKILL_FILTER_STATE),[N,P]=(0,v.useState)(!1),[F,I]=(0,v.useState)(null),[L,R]=(0,v.useState)(!1);(0,v.useEffect)(()=>{e&&R(!0)},[e]),(0,v.useEffect)(()=>{D!==0&&R(!0)},[D]);let z=(0,v.useMemo)(()=>{if(!C)return[];let e=g.filterSkillsByProjectScope(C,k,O);return k===g.CONVERSATION_OVERVIEW_PROJECT_SCOPE.all?g.sortSkillsByProjectRelevance(e,O):e},[C,k,O]),B=(0,v.useMemo)(()=>h.applySkillFilters(z,T,j),[z,T,j]);return w||x?(0,y.jsx)(`div`,{"data-testid":`conversation-overview-skills-panel`,className:`text-sm text-muted`,children:`…`}):!C||C.length===0?(0,y.jsxs)(`div`,{"data-testid":`conversation-overview-skills-panel`,className:`flex flex-col gap-4`,children:[(0,y.jsx)(`div`,{"data-testid":`conversation-overview-skills-empty`,className:l.extensionModuleEmptyStateClassName,children:(0,y.jsx)(`p`,{className:`text-sm text-tertiary-light`,children:b(n.I18nKey.SETTINGS$SKILLS_NO_SKILLS)})}),L?(0,y.jsx)(f.AddSkillModal,{onClose:()=>R(!1)}):null]}):(0,y.jsxs)(`div`,{"data-testid":`conversation-overview-skills-panel`,className:`flex flex-col gap-4`,children:[(0,y.jsx)(_.ConversationOverviewProjectScopeToggle,{value:k,onChange:A,testId:`conversation-overview-skills-scope`}),(0,y.jsx)(p.SkillsToolbar,{search:j.query,onSearchChange:e=>M(t=>({...t,query:e})),activeFilterCount:h.countActiveFilters(j),onOpenFilters:()=>P(!0)}),z.length===0?(0,y.jsx)(`div`,{"data-testid":`conversation-overview-skills-project-empty`,className:l.extensionModuleEmptyStateClassName,children:(0,y.jsx)(`p`,{className:`text-sm text-tertiary-light`,children:b(n.I18nKey.CONVERSATION$OVERVIEW_SCOPE_PROJECT_EMPTY_SKILLS)})}):B.length===0?(0,y.jsx)(`div`,{"data-testid":`conversation-overview-skills-no-match`,className:l.extensionModuleEmptyStateClassName,children:(0,y.jsx)(`p`,{className:`text-sm text-tertiary-light`,children:b(n.I18nKey.SETTINGS$SKILLS_NO_MATCH)})}):(0,y.jsx)(`section`,{className:r.cn(`flex min-w-0 flex-col gap-3`,l.extensionModuleCardGridContainerClassName),children:(0,y.jsx)(`div`,{className:r.cn(l.extensionModuleCardGridClassName,`grid-cols-1`),children:B.map(e=>(0,y.jsx)(u.SkillCard,{skill:e,enabled:T(e),onOpen:()=>I(e),onToggle:t=>E(e.name,t)},e.name))})}),F?(0,y.jsx)(d.SkillDetailModal,{skill:F,enabled:T(F),onToggle:e=>E(F.name,e),onClose:()=>I(null)}):null,L?(0,y.jsx)(f.AddSkillModal,{onClose:()=>R(!1)}):null,N?(0,y.jsx)(m.SkillFiltersModal,{groups:h.buildSkillFacetGroups(z,T,j),activeCount:h.countActiveFilters(j),onToggle:(e,t)=>M(n=>h.toggleSkillFilterValue(n,e,t)),onClearAll:()=>M(e=>h.clearSkillFilterFacets(e)),onClose:()=>P(!1)}):null]})}exports.ConversationOverviewSkillsPanel=b;
 //# sourceMappingURL=conversation-overview-skills-panel.cjs.map

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

@@ -1,9 +1,9 @@
 import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
 import { I18nKey as t } from "../../../i18n/declaration.js";
 import { cn as n } from "../../../utils/utils.js";
-import { useActiveConversation as r } from "../../../hooks/query/use-active-conversation.js";
-import { useConversationSkills as i } from "../../../hooks/query/use-conversation-skills.js";
-import { useSettings as a } from "../../../hooks/query/use-settings.js";
+import { useSettings as r } from "../../../hooks/query/use-settings.js";
+import { useActiveConversation as i } from "../../../hooks/query/use-active-conversation.js";
+import { useConversationSkills as a } from "../../../hooks/query/use-conversation-skills.js";
 import { useSkillEnablement as o } from "../../../hooks/use-skill-enablement.js";
 import { useConversationOverviewDrawerOptional as s } from "./conversation-overview-drawer-context.js";
 import { extensionModuleCardGridClassName as c, extensionModuleCardGridContainerClassName as l, extensionModuleEmptyStateClassName as u } from "../../../utils/extension-module-card-classes.js";
@@ -19,7 +19,7 @@ import { useEffect as E, useMemo as D, useState as O } from "react";
 import { jsx as k, jsxs as A } from "react/jsx-runtime";
 //#region src/components/features/conversation/conversation-overview-skills-panel.tsx
 function j({ openAdd: j }) {
-	let { t: M } = e("openhands"), { isLoading: N } = a(), { data: P } = r(), { data: F, isLoading: I } = i(), { isEnabled: L, setEnabled: R } = o(), z = s()?.addRequestKey ?? 0, B = P?.selected_workspace ?? null, [V, H] = O(S.project), [U, W] = O(g), [G, K] = O(!1), [q, J] = O(null), [Y, X] = O(!1);
+	let { t: M } = e("openhands"), { isLoading: N } = r(), { data: P } = i(), { data: F, isLoading: I } = a(), { isEnabled: L, setEnabled: R } = o(), z = s()?.addRequestKey ?? 0, B = P?.selected_workspace ?? null, [V, H] = O(S.project), [U, W] = O(g), [G, K] = O(!1), [q, J] = O(null), [Y, X] = O(!1);
 	E(() => {
 		j && X(!0);
 	}, [j]), E(() => {

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("../../../../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;
+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("../../../../utils/dropdown-classes.cjs"),f=require("../../../../ui/context-menu.cjs"),p=require("../../../../hooks/use-click-outside-element.cjs"),m=require("../../../../hooks/use-select-conversation-tab.cjs"),h=require("../../../../icons/document.cjs"),g=require("../../context-menu/archived-disabled-tooltip.cjs"),_=require("../../../../hooks/use-is-archived-conversation.cjs"),v=require("../../../../node_modules/react-icons/lu/index.cjs"),y=require("../../../../icons/pill.cjs"),b=require("../../../../icons/pill-fill.cjs"),x=require("../../../../icons/double-check.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=p.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}=m.useSelectConversationTab(),{hasTaskList:V}=S.useTaskList(),H=_.useIsArchivedConversation(),U=[{tab:`planner`,icon:a.ListTodo,i18nKey:n.I18nKey.COMMON$PLANNER},{tab:`files`,icon:h.default,i18nKey:n.I18nKey.COMMON$FILES},{tab:`commits`,icon:v.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}];V&&U.unshift({tab:`tasklist`,icon:x.default,i18nKey:n.I18nKey.COMMON$TASK_LIST});let W=e=>{H||(B(e),E())},G=(e,t)=>{if(H){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=U.find(({tab:n})=>n!==e&&!t.includes(n));n&&(z(n.tab),I(n.tab))}}};if(!e)return null;let K=!!(O?.current&&A),q=(0,w.jsx)(f.ContextMenu,{ref:k,theme:K?`popover`:`default`,position:K?`none`:`bottom`,alignment:K?`none`:`left`,spacing:K?`none`:`default`,className:s.cn(`z-[9999] w-fit`,K?`mt-0`:`mt-2`),children:U.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)(g.ArchivedDisabledTooltip,{isDisabled:H,children:(0,w.jsxs)(`div`,{className:s.cn(`group flex h-[30px] w-full min-w-0 items-stretch rounded`,!H&&`hover:bg-[var(--oh-interactive-hover)]`,H&&`opacity-50`),children:[(0,w.jsxs)(`button`,{type:`button`,"data-testid":`conversation-tabs-menu-open-${e}`,disabled:H,className:s.cn(`flex min-w-0 flex-1 items-center gap-2 rounded-l p-2 text-start text-white`,d.dropdownInstantColorClassName,H?`cursor-not-allowed`:`cursor-pointer`),onClick:()=>W(e),children:[(0,w.jsx)(`span`,{className:d.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:H,className:s.cn(`flex shrink-0 items-center justify-center rounded-r px-2 text-white`,d.dropdownInstantColorClassName,H?`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=>G(e,t),children:i?(0,w.jsx)(`span`,{className:s.cn(`-mr-[5px] ml-auto`,d.dropdownMenuRowIconWrapperClassName),"aria-hidden":!0,children:(0,w.jsx)(b.default,{className:`h-7 w-7`})}):(0,w.jsx)(`span`,{className:s.cn(`ml-auto`,d.dropdownMenuRowIconWrapperClassName),"aria-hidden":!0,children:(0,w.jsx)(y.default,{className:`h-4.5 w-4.5`})})})]})})},e)})});return K&&A&&typeof document<`u`?T.default.createPortal((0,w.jsx)(`div`,{style:A,children:q}),document.body):q}exports.ConversationTabsContextMenu=E;
 //# 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 { 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":"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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 { 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 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 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 = tabConfig.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      {tabConfig.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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"}