@openhands/agent-canvas 1.0.0-beta.6 → 1.0.0-beta.8

package/dist/components/features/controls/tools-context-menu-icon-text.cjs

@@ -1,2 +1,2 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/utils.cjs`),t=require(`../../../utils/form-control-classes.cjs`);let n=require(`react/jsx-runtime`);function r({icon:r,text:i,rightIcon:a,className:o}){return(0,n.jsxs)(`div`,{className:e.cn(`flex min-w-0 w-full items-center justify-between gap-2`,o),children:[(0,n.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,n.jsx)(`span`,{className:e.cn(`flex shrink-0 items-center text-[var(--oh-muted)] group-hover:text-[var(--oh-foreground)] group-focus-visible:text-[var(--oh-foreground)] [&_svg]:text-current`,t.formControlTransitionClassName),"aria-hidden":!0,children:r}),(0,n.jsx)(`span`,{className:`text-sm font-normal leading-5`,children:i})]}),a?(0,n.jsx)(`span`,{className:e.cn(`flex shrink-0 items-center text-[var(--oh-muted)] group-hover:text-[var(--oh-foreground)] group-focus-visible:text-[var(--oh-foreground)] [&_svg]:text-current`,t.formControlTransitionClassName),"aria-hidden":!0,children:a}):null]})}exports.ToolsContextMenuIconText=r;
+require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/utils.cjs`),t=require(`../../../utils/dropdown-classes.cjs`);let n=require(`react/jsx-runtime`);function r({icon:r,text:i,rightIcon:a,className:o}){return(0,n.jsxs)(`div`,{className:e.cn(`flex min-w-0 w-full items-center justify-between`,t.dropdownMenuRowGapClassName,o),children:[(0,n.jsxs)(`div`,{className:e.cn(`flex min-w-0 items-center`,t.dropdownMenuRowGapClassName),children:[(0,n.jsx)(`span`,{className:t.dropdownMenuRowIconWrapperClassName,"aria-hidden":!0,children:r}),(0,n.jsx)(`span`,{className:`text-sm font-normal leading-5`,children:i})]}),a?(0,n.jsx)(`span`,{className:t.dropdownMenuRowIconWrapperClassName,"aria-hidden":!0,children:a}):null]})}exports.ToolsContextMenuIconText=r;
 //# sourceMappingURL=tools-context-menu-icon-text.cjs.map

package/dist/components/features/controls/tools-context-menu-icon-text.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tools-context-menu-icon-text.cjs","names":[],"sources":["../../../../src/components/features/controls/tools-context-menu-icon-text.tsx"],"sourcesContent":["import { cn } from \"#/utils/utils\";\nimport { formControlTransitionClassName } from \"#/utils/form-control-classes\";\n\ninterface ToolsContextMenuIconTextProps {\n  icon: React.ReactNode;\n  text: React.ReactNode;\n  rightIcon?: React.ReactNode;\n  className?: string;\n}\n\nexport function ToolsContextMenuIconText({\n  icon,\n  text,\n  rightIcon,\n  className,\n}: ToolsContextMenuIconTextProps) {\n  return (\n    <div\n      className={cn(\n        \"flex min-w-0 w-full items-center justify-between gap-2\",\n        className,\n      )}\n    >\n      <div className=\"flex min-w-0 items-center gap-2\">\n        <span\n          className={cn(\n            \"flex shrink-0 items-center text-[var(--oh-muted)] group-hover:text-[var(--oh-foreground)] group-focus-visible:text-[var(--oh-foreground)] [&_svg]:text-current\",\n            formControlTransitionClassName,\n          )}\n          aria-hidden\n        >\n          {icon}\n        </span>\n        <span className=\"text-sm font-normal leading-5\">{text}</span>\n      </div>\n      {rightIcon ? (\n        <span\n          className={cn(\n            \"flex shrink-0 items-center text-[var(--oh-muted)] group-hover:text-[var(--oh-foreground)] group-focus-visible:text-[var(--oh-foreground)] [&_svg]:text-current\",\n            formControlTransitionClassName,\n          )}\n          aria-hidden\n        >\n          {rightIcon}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"uLAUA,SAAgB,EAAyB,CACvC,OACA,OACA,YACA,aACgC,CAChC,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,yDACA,EACD,UAJH,EAME,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,2CAAf,EACE,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,GACT,iKACA,EAAA,+BACD,CACD,cAAA,YAEC,EACI,CAAA,EACP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,yCAAiC,EAAY,CAAA,CACzD,GACL,GACC,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,GACT,iKACA,EAAA,+BACD,CACD,cAAA,YAEC,EACI,CAAA,CACL,KACA"}
+{"version":3,"file":"tools-context-menu-icon-text.cjs","names":[],"sources":["../../../../src/components/features/controls/tools-context-menu-icon-text.tsx"],"sourcesContent":["import { cn } from \"#/utils/utils\";\nimport {\n  dropdownMenuRowGapClassName,\n  dropdownMenuRowIconWrapperClassName,\n} from \"#/utils/dropdown-classes\";\n\ninterface ToolsContextMenuIconTextProps {\n  icon: React.ReactNode;\n  text: React.ReactNode;\n  rightIcon?: React.ReactNode;\n  className?: string;\n}\n\nexport function ToolsContextMenuIconText({\n  icon,\n  text,\n  rightIcon,\n  className,\n}: ToolsContextMenuIconTextProps) {\n  return (\n    <div\n      className={cn(\n        \"flex min-w-0 w-full items-center justify-between\",\n        dropdownMenuRowGapClassName,\n        className,\n      )}\n    >\n      <div\n        className={cn(\"flex min-w-0 items-center\", dropdownMenuRowGapClassName)}\n      >\n        <span className={dropdownMenuRowIconWrapperClassName} aria-hidden>\n          {icon}\n        </span>\n        <span className=\"text-sm font-normal leading-5\">{text}</span>\n      </div>\n      {rightIcon ? (\n        <span className={dropdownMenuRowIconWrapperClassName} aria-hidden>\n          {rightIcon}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"mLAaA,SAAgB,EAAyB,CACvC,OACA,OACA,YACA,aACgC,CAChC,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,mDACA,EAAA,4BACA,EACD,UALH,EAOE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GAAG,4BAA6B,EAAA,4BAA4B,UADzE,EAGE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,oCAAqC,cAAA,YACnD,EACI,CAAA,EACP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,yCAAiC,EAAY,CAAA,CACzD,GACL,GACC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,oCAAqC,cAAA,YACnD,EACI,CAAA,CACL,KACA"}

package/dist/components/features/controls/tools-context-menu-icon-text.js

@@ -1,28 +1,28 @@
 import { cn as e } from "../../../utils/utils.js";
-import { formControlTransitionClassName as t } from "../../../utils/form-control-classes.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { dropdownMenuRowGapClassName as t, dropdownMenuRowIconWrapperClassName as n } from "../../../utils/dropdown-classes.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/features/controls/tools-context-menu-icon-text.tsx
-function i({ icon: i, text: a, rightIcon: o, className: s }) {
-	return /* @__PURE__ */ r("div", {
-		className: e("flex min-w-0 w-full items-center justify-between gap-2", s),
-		children: [/* @__PURE__ */ r("div", {
-			className: "flex min-w-0 items-center gap-2",
-			children: [/* @__PURE__ */ n("span", {
-				className: e("flex shrink-0 items-center text-[var(--oh-muted)] group-hover:text-[var(--oh-foreground)] group-focus-visible:text-[var(--oh-foreground)] [&_svg]:text-current", t),
+function a({ icon: a, text: o, rightIcon: s, className: c }) {
+	return /* @__PURE__ */ i("div", {
+		className: e("flex min-w-0 w-full items-center justify-between", t, c),
+		children: [/* @__PURE__ */ i("div", {
+			className: e("flex min-w-0 items-center", t),
+			children: [/* @__PURE__ */ r("span", {
+				className: n,
 				"aria-hidden": !0,
-				children: i
-			}), /* @__PURE__ */ n("span", {
-				className: "text-sm font-normal leading-5",
 				children: a
+			}), /* @__PURE__ */ r("span", {
+				className: "text-sm font-normal leading-5",
+				children: o
 			})]
-		}), o ? /* @__PURE__ */ n("span", {
-			className: e("flex shrink-0 items-center text-[var(--oh-muted)] group-hover:text-[var(--oh-foreground)] group-focus-visible:text-[var(--oh-foreground)] [&_svg]:text-current", t),
+		}), s ? /* @__PURE__ */ r("span", {
+			className: n,
 			"aria-hidden": !0,
-			children: o
+			children: s
 		}) : null]
 	});
 }
 //#endregion
-export { i as ToolsContextMenuIconText };
+export { a as ToolsContextMenuIconText };
 
 //# sourceMappingURL=tools-context-menu-icon-text.js.map

package/dist/components/features/controls/tools-context-menu-icon-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"tools-context-menu-icon-text.js","names":[],"sources":["../../../../src/components/features/controls/tools-context-menu-icon-text.tsx"],"sourcesContent":["import { cn } from \"#/utils/utils\";\nimport { formControlTransitionClassName } from \"#/utils/form-control-classes\";\n\ninterface ToolsContextMenuIconTextProps {\n  icon: React.ReactNode;\n  text: React.ReactNode;\n  rightIcon?: React.ReactNode;\n  className?: string;\n}\n\nexport function ToolsContextMenuIconText({\n  icon,\n  text,\n  rightIcon,\n  className,\n}: ToolsContextMenuIconTextProps) {\n  return (\n    <div\n      className={cn(\n        \"flex min-w-0 w-full items-center justify-between gap-2\",\n        className,\n      )}\n    >\n      <div className=\"flex min-w-0 items-center gap-2\">\n        <span\n          className={cn(\n            \"flex shrink-0 items-center text-[var(--oh-muted)] group-hover:text-[var(--oh-foreground)] group-focus-visible:text-[var(--oh-foreground)] [&_svg]:text-current\",\n            formControlTransitionClassName,\n          )}\n          aria-hidden\n        >\n          {icon}\n        </span>\n        <span className=\"text-sm font-normal leading-5\">{text}</span>\n      </div>\n      {rightIcon ? (\n        <span\n          className={cn(\n            \"flex shrink-0 items-center text-[var(--oh-muted)] group-hover:text-[var(--oh-foreground)] group-focus-visible:text-[var(--oh-foreground)] [&_svg]:text-current\",\n            formControlTransitionClassName,\n          )}\n          aria-hidden\n        >\n          {rightIcon}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;AAUA,SAAgB,EAAyB,EACvC,SACA,SACA,cACA,gBACgC;AAChC,QACE,kBAAC,OAAD;EACE,WAAW,EACT,0DACA,EACD;YAJH,CAME,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,QAAD;IACE,WAAW,EACT,kKACA,EACD;IACD,eAAA;cAEC;IACI,CAAA,EACP,kBAAC,QAAD;IAAM,WAAU;cAAiC;IAAY,CAAA,CACzD;MACL,IACC,kBAAC,QAAD;GACE,WAAW,EACT,kKACA,EACD;GACD,eAAA;aAEC;GACI,CAAA,GACL,KACA"}
+{"version":3,"file":"tools-context-menu-icon-text.js","names":[],"sources":["../../../../src/components/features/controls/tools-context-menu-icon-text.tsx"],"sourcesContent":["import { cn } from \"#/utils/utils\";\nimport {\n  dropdownMenuRowGapClassName,\n  dropdownMenuRowIconWrapperClassName,\n} from \"#/utils/dropdown-classes\";\n\ninterface ToolsContextMenuIconTextProps {\n  icon: React.ReactNode;\n  text: React.ReactNode;\n  rightIcon?: React.ReactNode;\n  className?: string;\n}\n\nexport function ToolsContextMenuIconText({\n  icon,\n  text,\n  rightIcon,\n  className,\n}: ToolsContextMenuIconTextProps) {\n  return (\n    <div\n      className={cn(\n        \"flex min-w-0 w-full items-center justify-between\",\n        dropdownMenuRowGapClassName,\n        className,\n      )}\n    >\n      <div\n        className={cn(\"flex min-w-0 items-center\", dropdownMenuRowGapClassName)}\n      >\n        <span className={dropdownMenuRowIconWrapperClassName} aria-hidden>\n          {icon}\n        </span>\n        <span className=\"text-sm font-normal leading-5\">{text}</span>\n      </div>\n      {rightIcon ? (\n        <span className={dropdownMenuRowIconWrapperClassName} aria-hidden>\n          {rightIcon}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;AAaA,SAAgB,EAAyB,EACvC,SACA,SACA,cACA,gBACgC;AAChC,QACE,kBAAC,OAAD;EACE,WAAW,EACT,oDACA,GACA,EACD;YALH,CAOE,kBAAC,OAAD;GACE,WAAW,EAAG,6BAA6B,EAA4B;aADzE,CAGE,kBAAC,QAAD;IAAM,WAAW;IAAqC,eAAA;cACnD;IACI,CAAA,EACP,kBAAC,QAAD;IAAM,WAAU;cAAiC;IAAY,CAAA,CACzD;MACL,IACC,kBAAC,QAAD;GAAM,WAAW;GAAqC,eAAA;aACnD;GACI,CAAA,GACL,KACA"}

package/dist/components/features/conversation/conversation-name-context-menu-icon-text.cjs

@@ -1,2 +1,2 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/utils.cjs`),t=require(`../../../utils/form-control-classes.cjs`);let n=require(`react/jsx-runtime`);function r({icon:r,text:i,className:a}){return(0,n.jsxs)(`div`,{className:e.cn(`flex min-w-0 w-full items-center gap-2`,a),children:[(0,n.jsx)(`span`,{className:e.cn(`flex shrink-0 items-center text-[var(--oh-muted)] group-hover:text-[var(--oh-foreground)] group-focus-visible:text-[var(--oh-foreground)] [&_svg]:text-current`,t.formControlTransitionClassName),"aria-hidden":!0,children:r}),(0,n.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:i})]})}exports.ConversationNameContextMenuIconText=r;
+require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/utils.cjs`),t=require(`../../../utils/dropdown-classes.cjs`);let n=require(`react/jsx-runtime`);function r({icon:r,text:i,className:a}){return(0,n.jsxs)(`div`,{className:e.cn(`flex min-w-0 w-full items-center`,t.dropdownMenuRowGapClassName,a),children:[(0,n.jsx)(`span`,{className:t.dropdownMenuRowIconWrapperClassName,"aria-hidden":!0,children:r}),(0,n.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:i})]})}exports.ConversationNameContextMenuIconText=r;
 //# sourceMappingURL=conversation-name-context-menu-icon-text.cjs.map

package/dist/components/features/conversation/conversation-name-context-menu-icon-text.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-name-context-menu-icon-text.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-name-context-menu-icon-text.tsx"],"sourcesContent":["import { cn } from \"#/utils/utils\";\nimport { formControlTransitionClassName } from \"#/utils/form-control-classes\";\n\ninterface ConversationNameContextMenuIconTextProps {\n  icon: React.ReactNode;\n  text: string;\n  className?: string;\n}\n\nexport function ConversationNameContextMenuIconText({\n  icon,\n  text,\n  className,\n}: ConversationNameContextMenuIconTextProps) {\n  return (\n    <div className={cn(\"flex min-w-0 w-full items-center gap-2\", className)}>\n      <span\n        className={cn(\n          \"flex shrink-0 items-center text-[var(--oh-muted)] group-hover:text-[var(--oh-foreground)] group-focus-visible:text-[var(--oh-foreground)] [&_svg]:text-current\",\n          formControlTransitionClassName,\n        )}\n        aria-hidden\n      >\n        {icon}\n      </span>\n      <span className=\"min-w-0 flex-1 truncate\">{text}</span>\n    </div>\n  );\n}\n"],"mappings":"uLASA,SAAgB,EAAoC,CAClD,OACA,OACA,aAC2C,CAC3C,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,GAAG,yCAA0C,EAAU,UAAvE,EACE,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,GACT,iKACA,EAAA,+BACD,CACD,cAAA,YAEC,EACI,CAAA,EACP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mCAA2B,EAAY,CAAA,CACnD"}
+{"version":3,"file":"conversation-name-context-menu-icon-text.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-name-context-menu-icon-text.tsx"],"sourcesContent":["import { cn } from \"#/utils/utils\";\nimport {\n  dropdownMenuRowGapClassName,\n  dropdownMenuRowIconWrapperClassName,\n} from \"#/utils/dropdown-classes\";\n\ninterface ConversationNameContextMenuIconTextProps {\n  icon: React.ReactNode;\n  text: string;\n  className?: string;\n}\n\nexport function ConversationNameContextMenuIconText({\n  icon,\n  text,\n  className,\n}: ConversationNameContextMenuIconTextProps) {\n  return (\n    <div\n      className={cn(\n        \"flex min-w-0 w-full items-center\",\n        dropdownMenuRowGapClassName,\n        className,\n      )}\n    >\n      <span className={dropdownMenuRowIconWrapperClassName} aria-hidden>\n        {icon}\n      </span>\n      <span className=\"min-w-0 flex-1 truncate\">{text}</span>\n    </div>\n  );\n}\n"],"mappings":"mLAYA,SAAgB,EAAoC,CAClD,OACA,OACA,aAC2C,CAC3C,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,mCACA,EAAA,4BACA,EACD,UALH,EAOE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,oCAAqC,cAAA,YACnD,EACI,CAAA,EACP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mCAA2B,EAAY,CAAA,CACnD"}

package/dist/components/features/conversation/conversation-name-context-menu-icon-text.js

@@ -1,21 +1,21 @@
 import { cn as e } from "../../../utils/utils.js";
-import { formControlTransitionClassName as t } from "../../../utils/form-control-classes.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { dropdownMenuRowGapClassName as t, dropdownMenuRowIconWrapperClassName as n } from "../../../utils/dropdown-classes.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/features/conversation/conversation-name-context-menu-icon-text.tsx
-function i({ icon: i, text: a, className: o }) {
-	return /* @__PURE__ */ r("div", {
-		className: e("flex min-w-0 w-full items-center gap-2", o),
-		children: [/* @__PURE__ */ n("span", {
-			className: e("flex shrink-0 items-center text-[var(--oh-muted)] group-hover:text-[var(--oh-foreground)] group-focus-visible:text-[var(--oh-foreground)] [&_svg]:text-current", t),
+function a({ icon: a, text: o, className: s }) {
+	return /* @__PURE__ */ i("div", {
+		className: e("flex min-w-0 w-full items-center", t, s),
+		children: [/* @__PURE__ */ r("span", {
+			className: n,
 			"aria-hidden": !0,
-			children: i
-		}), /* @__PURE__ */ n("span", {
-			className: "min-w-0 flex-1 truncate",
 			children: a
+		}), /* @__PURE__ */ r("span", {
+			className: "min-w-0 flex-1 truncate",
+			children: o
 		})]
 	});
 }
 //#endregion
-export { i as ConversationNameContextMenuIconText };
+export { a as ConversationNameContextMenuIconText };
 
 //# sourceMappingURL=conversation-name-context-menu-icon-text.js.map

package/dist/components/features/conversation/conversation-name-context-menu-icon-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-name-context-menu-icon-text.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-name-context-menu-icon-text.tsx"],"sourcesContent":["import { cn } from \"#/utils/utils\";\nimport { formControlTransitionClassName } from \"#/utils/form-control-classes\";\n\ninterface ConversationNameContextMenuIconTextProps {\n  icon: React.ReactNode;\n  text: string;\n  className?: string;\n}\n\nexport function ConversationNameContextMenuIconText({\n  icon,\n  text,\n  className,\n}: ConversationNameContextMenuIconTextProps) {\n  return (\n    <div className={cn(\"flex min-w-0 w-full items-center gap-2\", className)}>\n      <span\n        className={cn(\n          \"flex shrink-0 items-center text-[var(--oh-muted)] group-hover:text-[var(--oh-foreground)] group-focus-visible:text-[var(--oh-foreground)] [&_svg]:text-current\",\n          formControlTransitionClassName,\n        )}\n        aria-hidden\n      >\n        {icon}\n      </span>\n      <span className=\"min-w-0 flex-1 truncate\">{text}</span>\n    </div>\n  );\n}\n"],"mappings":";;;;AASA,SAAgB,EAAoC,EAClD,SACA,SACA,gBAC2C;AAC3C,QACE,kBAAC,OAAD;EAAK,WAAW,EAAG,0CAA0C,EAAU;YAAvE,CACE,kBAAC,QAAD;GACE,WAAW,EACT,kKACA,EACD;GACD,eAAA;aAEC;GACI,CAAA,EACP,kBAAC,QAAD;GAAM,WAAU;aAA2B;GAAY,CAAA,CACnD"}
+{"version":3,"file":"conversation-name-context-menu-icon-text.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-name-context-menu-icon-text.tsx"],"sourcesContent":["import { cn } from \"#/utils/utils\";\nimport {\n  dropdownMenuRowGapClassName,\n  dropdownMenuRowIconWrapperClassName,\n} from \"#/utils/dropdown-classes\";\n\ninterface ConversationNameContextMenuIconTextProps {\n  icon: React.ReactNode;\n  text: string;\n  className?: string;\n}\n\nexport function ConversationNameContextMenuIconText({\n  icon,\n  text,\n  className,\n}: ConversationNameContextMenuIconTextProps) {\n  return (\n    <div\n      className={cn(\n        \"flex min-w-0 w-full items-center\",\n        dropdownMenuRowGapClassName,\n        className,\n      )}\n    >\n      <span className={dropdownMenuRowIconWrapperClassName} aria-hidden>\n        {icon}\n      </span>\n      <span className=\"min-w-0 flex-1 truncate\">{text}</span>\n    </div>\n  );\n}\n"],"mappings":";;;;AAYA,SAAgB,EAAoC,EAClD,SACA,SACA,gBAC2C;AAC3C,QACE,kBAAC,OAAD;EACE,WAAW,EACT,oCACA,GACA,EACD;YALH,CAOE,kBAAC,QAAD;GAAM,WAAW;GAAqC,eAAA;aACnD;GACI,CAAA,EACP,kBAAC,QAAD;GAAM,WAAU;aAA2B;GAAY,CAAA,CACnD"}

package/dist/components/features/conversation/conversation-name-with-status.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../types/agent-state.cjs`),n=require(`../../../utils/utils.cjs`),r=require(`../../../hooks/use-conversation-id.cjs`),i=require(`../../../hooks/query/use-active-conversation.cjs`),a=require(`../../../hooks/use-agent-state.cjs`),o=require(`../../../hooks/query/use-task-polling.cjs`),s=require(`../../../utils/status.cjs`),c=require(`../../../hooks/mutation/use-unified-stop-conversation.cjs`),l=require(`../../../hooks/use-user-providers.cjs`),u=require(`../../../icons/debug-stackframe-dot.cjs`),d=require(`../../../hooks/mutation/use-unified-start-conversation.cjs`),f=require(`../controls/server-status-context-menu.cjs`),p=require(`./conversation-name.cjs`),m=require(`./right-panel-toggle.cjs`);let h=require(`react`);h=e.__toESM(h,1);let g=require(`react/jsx-runtime`);function _(){let{conversationId:e}=r.useConversationId(),{data:h}=i.useActiveConversation(),{curAgentState:_}=a.useAgentState(),{isTask:v,taskStatus:y}=o.useTaskPolling(),{mutate:b}=c.useUnifiedPauseConversation(),{mutate:x}=d.useUnifiedResumeConversation(),{providers:S}=l.useUserProviders(),C=h?.execution_status??null,w=n.getStatusColor({isPausing:!1,isTask:v,taskStatus:y,isStartingStatus:_===t.AgentState.LOADING||_===t.AgentState.INIT,isStopStatus:s.isExecutionErrored(C),curAgentState:_});return(0,g.jsxs)(`div`,{className:`flex items-center justify-between w-full`,children:[(0,g.jsxs)(`div`,{className:`flex items-center min-w-0`,children:[(0,g.jsxs)(`div`,{className:`group relative shrink-0`,children:[(0,g.jsx)(u.default,{className:`ml-[3.5px] w-6 h-6 cursor-pointer`,color:w}),(0,g.jsx)(f.ServerStatusContextMenu,{onClose:()=>{},onStopServer:s.isExecutionActive(C)?t=>{t.preventDefault(),t.stopPropagation(),e&&b({conversationId:e})}:void 0,onStartServer:s.isExecutionPaused(C)?t=>{t.preventDefault(),t.stopPropagation(),e&&x({conversationId:e,providers:S})}:void 0,executionStatus:C,position:`bottom`,className:`opacity-0 invisible pointer-events-none group-hover:opacity-100 group-hover:visible group-hover:pointer-events-auto bottom-full left-0 mt-0 min-h-fit`,isPausing:!1})]}),(0,g.jsx)(p.ConversationName,{})]}),(0,g.jsx)(m.RightPanelToggle,{className:`mr-2`})]})}exports.ConversationNameWithStatus=_;
+const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../types/agent-state.cjs`),n=require(`../../../utils/status.cjs`),r=require(`../../../utils/utils.cjs`),i=require(`../../../hooks/use-conversation-id.cjs`),a=require(`../../../hooks/query/use-active-conversation.cjs`),o=require(`../../../hooks/use-agent-state.cjs`),s=require(`../../../hooks/query/use-task-polling.cjs`),c=require(`../../../hooks/mutation/use-unified-stop-conversation.cjs`),l=require(`../../../hooks/use-user-providers.cjs`),u=require(`../../../icons/debug-stackframe-dot.cjs`),d=require(`../../../hooks/mutation/use-unified-start-conversation.cjs`),f=require(`../controls/server-status-context-menu.cjs`),p=require(`./conversation-name.cjs`),m=require(`./right-panel-toggle.cjs`);let h=require(`react`);h=e.__toESM(h,1);let g=require(`react/jsx-runtime`);function _(){let{conversationId:e}=i.useConversationId(),{data:h}=a.useActiveConversation(),{curAgentState:_}=o.useAgentState(),{isTask:v,taskStatus:y}=s.useTaskPolling(),{mutate:b}=c.useUnifiedPauseConversation(),{mutate:x}=d.useUnifiedResumeConversation(),{providers:S}=l.useUserProviders(),C=h?.execution_status??null,w=r.getStatusColor({isPausing:!1,isTask:v,taskStatus:y,isStartingStatus:_===t.AgentState.LOADING||_===t.AgentState.INIT,isStopStatus:n.isExecutionErrored(C),curAgentState:_});return(0,g.jsxs)(`div`,{className:`flex items-center justify-between w-full`,children:[(0,g.jsxs)(`div`,{className:`flex items-center min-w-0`,children:[(0,g.jsxs)(`div`,{className:`group relative shrink-0`,children:[(0,g.jsx)(u.default,{className:`ml-[3.5px] w-6 h-6 cursor-pointer`,color:w}),(0,g.jsx)(f.ServerStatusContextMenu,{onClose:()=>{},onStopServer:n.isExecutionActive(C)?t=>{t.preventDefault(),t.stopPropagation(),e&&b({conversationId:e})}:void 0,onStartServer:n.isExecutionPaused(C)?t=>{t.preventDefault(),t.stopPropagation(),e&&x({conversationId:e,providers:S})}:void 0,executionStatus:C,position:`bottom`,className:`opacity-0 invisible pointer-events-none group-hover:opacity-100 group-hover:visible group-hover:pointer-events-auto bottom-full left-0 mt-0 min-h-fit`,isPausing:!1})]}),(0,g.jsx)(p.ConversationName,{})]}),(0,g.jsx)(m.RightPanelToggle,{className:`mr-2`})]})}exports.ConversationNameWithStatus=_;
 //# sourceMappingURL=conversation-name-with-status.cjs.map

package/dist/components/features/conversation/conversation-name-with-status.js

@@ -1,10 +1,10 @@
 import { AgentState as e } from "../../../types/agent-state.js";
-import { getStatusColor as t } from "../../../utils/utils.js";
-import { useConversationId as n } from "../../../hooks/use-conversation-id.js";
-import { useActiveConversation as r } from "../../../hooks/query/use-active-conversation.js";
-import { useAgentState as i } from "../../../hooks/use-agent-state.js";
-import { useTaskPolling as a } from "../../../hooks/query/use-task-polling.js";
-import { isExecutionActive as o, isExecutionErrored as s, isExecutionPaused as c } from "../../../utils/status.js";
+import { isExecutionActive as t, isExecutionErrored as n, isExecutionPaused as r } from "../../../utils/status.js";
+import { getStatusColor as i } from "../../../utils/utils.js";
+import { useConversationId as a } from "../../../hooks/use-conversation-id.js";
+import { useActiveConversation as o } from "../../../hooks/query/use-active-conversation.js";
+import { useAgentState as s } from "../../../hooks/use-agent-state.js";
+import { useTaskPolling as c } from "../../../hooks/query/use-task-polling.js";
 import { useUnifiedPauseConversation as l } from "../../../hooks/mutation/use-unified-stop-conversation.js";
 import { useUserProviders as u } from "../../../hooks/use-user-providers.js";
 import d from "../../../icons/debug-stackframe-dot.js";
@@ -16,7 +16,7 @@ import "react";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/components/features/conversation/conversation-name-with-status.tsx
 function v() {
-	let { conversationId: v } = n(), { data: y } = r(), { curAgentState: b } = i(), { isTask: x, taskStatus: S } = a(), { mutate: C } = l(), { mutate: w } = f(), { providers: T } = u(), E = y?.execution_status ?? null;
+	let { conversationId: v } = a(), { data: y } = o(), { curAgentState: b } = s(), { isTask: x, taskStatus: S } = c(), { mutate: C } = l(), { mutate: w } = f(), { providers: T } = u(), E = y?.execution_status ?? null;
 	return /* @__PURE__ */ _("div", {
 		className: "flex items-center justify-between w-full",
 		children: [/* @__PURE__ */ _("div", {
@@ -25,20 +25,20 @@ function v() {
 				className: "group relative shrink-0",
 				children: [/* @__PURE__ */ g(d, {
 					className: "ml-[3.5px] w-6 h-6 cursor-pointer",
-					color: t({
+					color: i({
 						isPausing: !1,
 						isTask: x,
 						taskStatus: S,
 						isStartingStatus: b === e.LOADING || b === e.INIT,
-						isStopStatus: s(E),
+						isStopStatus: n(E),
 						curAgentState: b
 					})
 				}), /* @__PURE__ */ g(p, {
 					onClose: () => {},
-					onStopServer: o(E) ? (e) => {
+					onStopServer: t(E) ? (e) => {
 						e.preventDefault(), e.stopPropagation(), v && C({ conversationId: v });
 					} : void 0,
-					onStartServer: c(E) ? (e) => {
+					onStartServer: r(E) ? (e) => {
 						e.preventDefault(), e.stopPropagation(), v && w({
 							conversationId: v,
 							providers: T

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(`../../../../utils/utils.cjs`),i=require(`../../../../hooks/use-conversation-id.cjs`),a=require(`../../../../utils/conversation-local-storage.cjs`),o=require(`../../../../stores/conversation-store.cjs`),s=require(`../../../../contexts/active-backend-context.cjs`),c=require(`../../../../icons/lesson-plan.cjs`),l=require(`../../../../ui/context-menu.cjs`),u=require(`../../../../hooks/use-click-outside-element.cjs`),d=require(`../../../../icons/document.cjs`),f=require(`../../../../hooks/use-select-conversation-tab.cjs`),p=require(`../../../../icons/terminal.cjs`),m=require(`../../../../icons/globe.cjs`),h=require(`../../../../icons/vscode.cjs`),g=require(`../../../../icons/double-check.cjs`),_=require(`../../../../icons/pill.cjs`),v=require(`../../../../icons/pill-fill.cjs`),y=require(`../../../../hooks/use-task-list.cjs`);let b=require(`react`);b=e.__toESM(b,1);let x=require(`react/jsx-runtime`);function S({isOpen:e,onClose:b,ignoreOutsideClickRef:S}){let C=u.useClickOutsideElement(b,S),{t:w}=t.useTranslation(`openhands`),{conversationId:T}=i.useConversationId(),{state:E,setUnpinnedTabs:D,setSelectedTab:O}=a.useConversationLocalStorageState(T),{selectedTab:k,isRightPanelShown:A,setSelectedTab:j}=o.useConversationStore(),{navigateToTab:M}=f.useSelectConversationTab(),{hasTaskList:N}=y.useTaskList(),{backend:P}=s.useActiveBackend(),F=[{tab:`planner`,icon:c.default,i18nKey:n.I18nKey.COMMON$PLANNER},{tab:`files`,icon:d.default,i18nKey:n.I18nKey.COMMON$FILES},{tab:`vscode`,icon:h.default,i18nKey:n.I18nKey.COMMON$CODE},{tab:`terminal`,icon:p.default,i18nKey:n.I18nKey.COMMON$TERMINAL},{tab:`browser`,icon:m.default,i18nKey:n.I18nKey.COMMON$BROWSER}];N&&F.unshift({tab:`tasklist`,icon:g.default,i18nKey:n.I18nKey.COMMON$TASK_LIST});let I=F.filter(({tab:e})=>e!==`vscode`&&e!==`planner`||P.kind===`cloud`);if(!e)return null;let L=e=>{M(e),b()},R=(e,t)=>{if(t.preventDefault(),t.stopPropagation(),E.unpinnedTabs.includes(e))D(E.unpinnedTabs.filter(t=>t!==e));else{let t=[...E.unpinnedTabs,e];if(D(t),k===e&&A){let n=I.find(({tab:n})=>n!==e&&!t.includes(n));n&&(j(n.tab),O(n.tab))}}};return(0,x.jsx)(l.ContextMenu,{ref:C,alignment:`right`,position:`bottom`,className:`z-[9999] mt-2 w-fit`,children:I.map(({tab:e,icon:t,i18nKey:n})=>{let i=!E.unpinnedTabs.includes(e);return(0,x.jsx)(`li`,{className:`list-none`,children:(0,x.jsxs)(`div`,{className:r.cn(`flex h-[30px] w-full min-w-0 items-stretch rounded`,`hover:bg-[var(--oh-interactive-hover)]`),children:[(0,x.jsxs)(`button`,{type:`button`,"data-testid":`conversation-tabs-menu-open-${e}`,className:r.cn(`flex min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-l p-2 text-start`,`text-white transition-colors`),onClick:()=>L(e),children:[(0,x.jsx)(t,{className:`h-4 w-4 shrink-0`}),(0,x.jsx)(`span`,{className:`text-sm`,children:w(n)})]}),(0,x.jsx)(`button`,{type:`button`,"data-testid":`conversation-tabs-menu-pin-${e}`,className:r.cn(`flex shrink-0 cursor-pointer items-center justify-center rounded-r px-2`,`text-white transition-colors hover:bg-white/10`),"aria-pressed":i,"aria-label":i?`Unpin tab from bar`:`Pin tab to bar`,onClick:t=>R(e,t),children:i?(0,x.jsx)(v.default,{className:`-mr-[5px] ml-auto h-7 w-7`}):(0,x.jsx)(_.default,{className:`ml-auto h-4.5 w-4.5`})})]})},e)})})}exports.ConversationTabsContextMenu=S;
+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/use-conversation-id.cjs`),a=require(`../../../../utils/conversation-local-storage.cjs`),o=require(`../../../../stores/conversation-store.cjs`),s=require(`../../../../contexts/active-backend-context.cjs`),c=require(`../../../../icons/lesson-plan.cjs`),l=require(`../../../../utils/dropdown-classes.cjs`),u=require(`../../../../ui/context-menu.cjs`),d=require(`../../../../hooks/use-click-outside-element.cjs`),f=require(`../../../../icons/document.cjs`),p=require(`../../../../hooks/use-select-conversation-tab.cjs`),m=require(`../../../../icons/terminal.cjs`),h=require(`../../../../icons/globe.cjs`),g=require(`../../../../icons/vscode.cjs`),_=require(`../../../../icons/double-check.cjs`),v=require(`../../../../icons/pill.cjs`),y=require(`../../../../icons/pill-fill.cjs`),b=require(`../../../../hooks/use-task-list.cjs`);let x=require(`react`);x=e.__toESM(x,1);let S=require(`react/jsx-runtime`);function C({isOpen:e,onClose:x,ignoreOutsideClickRef:C}){let w=d.useClickOutsideElement(x,C),{t:T}=t.useTranslation(`openhands`),{conversationId:E}=i.useConversationId(),{state:D,setUnpinnedTabs:O,setSelectedTab:k}=a.useConversationLocalStorageState(E),{selectedTab:A,isRightPanelShown:j,setSelectedTab:M}=o.useConversationStore(),{navigateToTab:N}=p.useSelectConversationTab(),{hasTaskList:P}=b.useTaskList(),{backend:F}=s.useActiveBackend(),I=[{tab:`planner`,icon:c.default,i18nKey:n.I18nKey.COMMON$PLANNER},{tab:`files`,icon:f.default,i18nKey:n.I18nKey.COMMON$FILES},{tab:`vscode`,icon:g.default,i18nKey:n.I18nKey.COMMON$CODE},{tab:`terminal`,icon:m.default,i18nKey:n.I18nKey.COMMON$TERMINAL},{tab:`browser`,icon:h.default,i18nKey:n.I18nKey.COMMON$BROWSER}];P&&I.unshift({tab:`tasklist`,icon:_.default,i18nKey:n.I18nKey.COMMON$TASK_LIST});let L=I.filter(({tab:e})=>e!==`vscode`&&e!==`planner`||F.kind===`cloud`);if(!e)return null;let R=e=>{N(e),x()},z=(e,t)=>{if(t.preventDefault(),t.stopPropagation(),D.unpinnedTabs.includes(e))O(D.unpinnedTabs.filter(t=>t!==e));else{let t=[...D.unpinnedTabs,e];if(O(t),A===e&&j){let n=L.find(({tab:n})=>n!==e&&!t.includes(n));n&&(M(n.tab),k(n.tab))}}};return(0,S.jsx)(u.ContextMenu,{ref:w,alignment:`right`,position:`bottom`,className:`z-[9999] mt-2 w-fit`,children:L.map(({tab:e,icon:t,i18nKey:n})=>{let i=!D.unpinnedTabs.includes(e);return(0,S.jsx)(`li`,{className:`list-none`,children:(0,S.jsxs)(`div`,{className:r.cn(`group flex h-[30px] w-full min-w-0 items-stretch rounded`,`hover:bg-[var(--oh-interactive-hover)]`),children:[(0,S.jsxs)(`button`,{type:`button`,"data-testid":`conversation-tabs-menu-open-${e}`,className:r.cn(`flex min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-l p-2 text-start text-white`,l.dropdownInstantColorClassName),onClick:()=>R(e),children:[(0,S.jsx)(`span`,{className:l.dropdownMenuRowIconWrapperClassName,"aria-hidden":!0,children:(0,S.jsx)(t,{className:`h-4 w-4`})}),(0,S.jsx)(`span`,{className:`text-sm`,children:T(n)})]}),(0,S.jsx)(`button`,{type:`button`,"data-testid":`conversation-tabs-menu-pin-${e}`,className:r.cn(`flex shrink-0 cursor-pointer items-center justify-center rounded-r px-2 text-white hover:bg-white/10`,l.dropdownInstantColorClassName),"aria-pressed":i,"aria-label":i?`Unpin tab from bar`:`Pin tab to bar`,onClick:t=>z(e,t),children:i?(0,S.jsx)(`span`,{className:r.cn(`-mr-[5px] ml-auto`,l.dropdownMenuRowIconWrapperClassName),"aria-hidden":!0,children:(0,S.jsx)(y.default,{className:`h-7 w-7`})}):(0,S.jsx)(`span`,{className:r.cn(`ml-auto`,l.dropdownMenuRowIconWrapperClassName),"aria-hidden":!0,children:(0,S.jsx)(v.default,{className:`h-4.5 w-4.5`})})})]})},e)})})}exports.ConversationTabsContextMenu=C;
 //# 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 from \"react\";\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 TerminalIcon from \"#/icons/terminal.svg?react\";\nimport GlobeIcon from \"#/icons/globe.svg?react\";\nimport DocumentIcon from \"#/icons/document.svg?react\";\nimport VSCodeIcon from \"#/icons/vscode.svg?react\";\nimport PillIcon from \"#/icons/pill.svg?react\";\nimport PillFillIcon from \"#/icons/pill-fill.svg?react\";\nimport LessonPlanIcon from \"#/icons/lesson-plan.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 { cn } from \"#/utils/utils\";\n\ninterface ConversationTabsContextMenuProps {\n  isOpen: boolean;\n  onClose: () => void;\n  ignoreOutsideClickRef?: React.RefObject<HTMLElement | null>;\n}\n\nexport function ConversationTabsContextMenu({\n  isOpen,\n  onClose,\n  ignoreOutsideClickRef,\n}: ConversationTabsContextMenuProps) {\n  const ref = useClickOutsideElement<HTMLUListElement>(\n    onClose,\n    ignoreOutsideClickRef,\n  );\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\n  const tabConfig = [\n    {\n      tab: \"planner\",\n      icon: LessonPlanIcon,\n      i18nKey: I18nKey.COMMON$PLANNER,\n    },\n    { tab: \"files\", icon: DocumentIcon, i18nKey: I18nKey.COMMON$FILES },\n    { tab: \"vscode\", icon: VSCodeIcon, i18nKey: I18nKey.COMMON$CODE },\n    { tab: \"terminal\", icon: TerminalIcon, i18nKey: I18nKey.COMMON$TERMINAL },\n    { tab: \"browser\", icon: GlobeIcon, i18nKey: I18nKey.COMMON$BROWSER },\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 }) =>\n      (tab !== \"vscode\" && tab !== \"planner\") || backend.kind === \"cloud\",\n  );\n\n  if (!isOpen) return null;\n\n  const handleOpenTab = (tab: string) => {\n    navigateToTab(tab as ConversationTab);\n    onClose();\n  };\n\n  const handlePinToggle = (tab: string, e: React.MouseEvent) => {\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  return (\n    <ContextMenu\n      ref={ref}\n      alignment=\"right\"\n      position=\"bottom\"\n      className=\"z-[9999] mt-2 w-fit\"\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            <div\n              className={cn(\n                \"flex h-[30px] w-full min-w-0 items-stretch rounded\",\n                \"hover:bg-[var(--oh-interactive-hover)]\",\n              )}\n            >\n              <button\n                type=\"button\"\n                data-testid={`conversation-tabs-menu-open-${tab}`}\n                className={cn(\n                  \"flex min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-l p-2 text-start\",\n                  \"text-white transition-colors\",\n                )}\n                onClick={() => handleOpenTab(tab)}\n              >\n                <Icon className=\"h-4 w-4 shrink-0\" />\n                <span className=\"text-sm\">{t(i18nKey)}</span>\n              </button>\n              <button\n                type=\"button\"\n                data-testid={`conversation-tabs-menu-pin-${tab}`}\n                className={cn(\n                  \"flex shrink-0 cursor-pointer items-center justify-center rounded-r px-2\",\n                  \"text-white transition-colors hover:bg-white/10\",\n                )}\n                aria-pressed={pinned}\n                aria-label={pinned ? \"Unpin tab from bar\" : \"Pin tab to bar\"}\n                onClick={(e) => handlePinToggle(tab, e)}\n              >\n                {pinned ? (\n                  <PillFillIcon className=\"-mr-[5px] ml-auto h-7 w-7\" />\n                ) : (\n                  <PillIcon className=\"ml-auto h-4.5 w-4.5\" />\n                )}\n              </button>\n            </div>\n          </li>\n        );\n      })}\n    </ContextMenu>\n  );\n}\n"],"mappings":"ilCA8BA,SAAgB,EAA4B,CAC1C,SACA,UACA,yBACmC,CACnC,IAAM,EAAM,EAAA,uBACV,EACA,EACD,CACK,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,CAAE,kBAAmB,EAAA,mBAAmB,CACxC,CACJ,QACA,kBACA,eAAgB,GACd,EAAA,iCAAiC,EAAe,CAC9C,CAAE,cAAa,oBAAmB,kBACtC,EAAA,sBAAsB,CAElB,CAAE,iBAAkB,EAAA,0BAA0B,CAE9C,CAAE,eAAgB,EAAA,aAAa,CAC/B,CAAE,WAAY,EAAA,kBAAkB,CAEhC,EAAY,CAChB,CACE,IAAK,UACL,KAAM,EAAA,QACN,QAAS,EAAA,QAAQ,eAClB,CACD,CAAE,IAAK,QAAS,KAAM,EAAA,QAAc,QAAS,EAAA,QAAQ,aAAc,CACnE,CAAE,IAAK,SAAU,KAAM,EAAA,QAAY,QAAS,EAAA,QAAQ,YAAa,CACjE,CAAE,IAAK,WAAY,KAAM,EAAA,QAAc,QAAS,EAAA,QAAQ,gBAAiB,CACzE,CAAE,IAAK,UAAW,KAAM,EAAA,QAAW,QAAS,EAAA,QAAQ,eAAgB,CACrE,CAEG,GACF,EAAU,QAAQ,CAChB,IAAK,WACL,KAAM,EAAA,QACN,QAAS,EAAA,QAAQ,iBAClB,CAAC,CAGJ,IAAM,EAAmB,EAAU,QAChC,CAAE,SACA,IAAQ,UAAY,IAAQ,WAAc,EAAQ,OAAS,QAC/D,CAED,GAAI,CAAC,EAAQ,OAAO,KAEpB,IAAM,EAAiB,GAAgB,CACrC,EAAc,EAAuB,CACrC,GAAS,EAGL,GAAmB,EAAa,IAAwB,CAG5D,GAFA,EAAE,gBAAgB,CAClB,EAAE,iBAAiB,CACf,EAAM,aAAa,SAAS,EAAI,CAClC,EAAgB,EAAM,aAAa,OAAQ,GAAS,IAAS,EAAI,CAAC,KAC7D,CACL,IAAM,EAAkB,CAAC,GAAG,EAAM,aAAc,EAAI,CAGpD,GAFA,EAAgB,EAAgB,CAE5B,IAAgB,GAAO,EAAmB,CAC5C,IAAM,EAAgB,EAAiB,MACpC,CAAE,IAAK,KACN,IAAW,GAAO,CAAC,EAAgB,SAAS,EAAO,CACtD,CAEG,IACF,EAAe,EAAc,IAAuB,CACpD,EAAwB,EAAc,IAAuB,KAMrE,OACE,EAAA,EAAA,KAAC,EAAA,YAAD,CACO,MACL,UAAU,QACV,SAAS,SACT,UAAU,+BAET,EAAiB,KAAK,CAAE,MAAK,KAAM,EAAM,aAAc,CACtD,IAAM,EAAS,CAAC,EAAM,aAAa,SAAS,EAAI,CAChD,OACE,EAAA,EAAA,KAAC,KAAD,CAAc,UAAU,sBACtB,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,qDACA,yCACD,UAJH,EAME,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,cAAa,+BAA+B,IAC5C,UAAW,EAAA,GACT,iFACA,+BACD,CACD,YAAe,EAAc,EAAI,UAPnC,EASE,EAAA,EAAA,KAAC,EAAD,CAAM,UAAU,mBAAqB,CAAA,EACrC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAW,EAAE,EAAQ,CAAQ,CAAA,CACtC,IACT,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,cAAa,8BAA8B,IAC3C,UAAW,EAAA,GACT,0EACA,iDACD,CACD,eAAc,EACd,aAAY,EAAS,qBAAuB,iBAC5C,QAAU,GAAM,EAAgB,EAAK,EAAE,UAEtC,GACC,EAAA,EAAA,KAAC,EAAA,QAAD,CAAc,UAAU,4BAA8B,CAAA,EAEtD,EAAA,EAAA,KAAC,EAAA,QAAD,CAAU,UAAU,sBAAwB,CAAA,CAEvC,CAAA,CACL,GACH,CArCI,EAqCJ,EAEP,CACU,CAAA"}
+{"version":3,"file":"conversation-tabs-context-menu.cjs","names":[],"sources":["../../../../../src/components/features/conversation/conversation-tabs/conversation-tabs-context-menu.tsx"],"sourcesContent":["import React from \"react\";\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 TerminalIcon from \"#/icons/terminal.svg?react\";\nimport GlobeIcon from \"#/icons/globe.svg?react\";\nimport DocumentIcon from \"#/icons/document.svg?react\";\nimport VSCodeIcon from \"#/icons/vscode.svg?react\";\nimport PillIcon from \"#/icons/pill.svg?react\";\nimport PillFillIcon from \"#/icons/pill-fill.svg?react\";\nimport LessonPlanIcon from \"#/icons/lesson-plan.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 { 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}\n\nexport function ConversationTabsContextMenu({\n  isOpen,\n  onClose,\n  ignoreOutsideClickRef,\n}: ConversationTabsContextMenuProps) {\n  const ref = useClickOutsideElement<HTMLUListElement>(\n    onClose,\n    ignoreOutsideClickRef,\n  );\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\n  const tabConfig = [\n    {\n      tab: \"planner\",\n      icon: LessonPlanIcon,\n      i18nKey: I18nKey.COMMON$PLANNER,\n    },\n    { tab: \"files\", icon: DocumentIcon, i18nKey: I18nKey.COMMON$FILES },\n    { tab: \"vscode\", icon: VSCodeIcon, i18nKey: I18nKey.COMMON$CODE },\n    { tab: \"terminal\", icon: TerminalIcon, i18nKey: I18nKey.COMMON$TERMINAL },\n    { tab: \"browser\", icon: GlobeIcon, i18nKey: I18nKey.COMMON$BROWSER },\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 }) =>\n      (tab !== \"vscode\" && tab !== \"planner\") || backend.kind === \"cloud\",\n  );\n\n  if (!isOpen) return null;\n\n  const handleOpenTab = (tab: string) => {\n    navigateToTab(tab as ConversationTab);\n    onClose();\n  };\n\n  const handlePinToggle = (tab: string, e: React.MouseEvent) => {\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  return (\n    <ContextMenu\n      ref={ref}\n      alignment=\"right\"\n      position=\"bottom\"\n      className=\"z-[9999] mt-2 w-fit\"\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            <div\n              className={cn(\n                \"group flex h-[30px] w-full min-w-0 items-stretch rounded\",\n                \"hover:bg-[var(--oh-interactive-hover)]\",\n              )}\n            >\n              <button\n                type=\"button\"\n                data-testid={`conversation-tabs-menu-open-${tab}`}\n                className={cn(\n                  \"flex min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-l p-2 text-start text-white\",\n                  dropdownInstantColorClassName,\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                className={cn(\n                  \"flex shrink-0 cursor-pointer items-center justify-center rounded-r px-2 text-white hover:bg-white/10\",\n                  dropdownInstantColorClassName,\n                )}\n                aria-pressed={pinned}\n                aria-label={pinned ? \"Unpin tab from bar\" : \"Pin tab to bar\"}\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          </li>\n        );\n      })}\n    </ContextMenu>\n  );\n}\n"],"mappings":"qoCAkCA,SAAgB,EAA4B,CAC1C,SACA,UACA,yBACmC,CACnC,IAAM,EAAM,EAAA,uBACV,EACA,EACD,CACK,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,CAAE,kBAAmB,EAAA,mBAAmB,CACxC,CACJ,QACA,kBACA,eAAgB,GACd,EAAA,iCAAiC,EAAe,CAC9C,CAAE,cAAa,oBAAmB,kBACtC,EAAA,sBAAsB,CAElB,CAAE,iBAAkB,EAAA,0BAA0B,CAE9C,CAAE,eAAgB,EAAA,aAAa,CAC/B,CAAE,WAAY,EAAA,kBAAkB,CAEhC,EAAY,CAChB,CACE,IAAK,UACL,KAAM,EAAA,QACN,QAAS,EAAA,QAAQ,eAClB,CACD,CAAE,IAAK,QAAS,KAAM,EAAA,QAAc,QAAS,EAAA,QAAQ,aAAc,CACnE,CAAE,IAAK,SAAU,KAAM,EAAA,QAAY,QAAS,EAAA,QAAQ,YAAa,CACjE,CAAE,IAAK,WAAY,KAAM,EAAA,QAAc,QAAS,EAAA,QAAQ,gBAAiB,CACzE,CAAE,IAAK,UAAW,KAAM,EAAA,QAAW,QAAS,EAAA,QAAQ,eAAgB,CACrE,CAEG,GACF,EAAU,QAAQ,CAChB,IAAK,WACL,KAAM,EAAA,QACN,QAAS,EAAA,QAAQ,iBAClB,CAAC,CAGJ,IAAM,EAAmB,EAAU,QAChC,CAAE,SACA,IAAQ,UAAY,IAAQ,WAAc,EAAQ,OAAS,QAC/D,CAED,GAAI,CAAC,EAAQ,OAAO,KAEpB,IAAM,EAAiB,GAAgB,CACrC,EAAc,EAAuB,CACrC,GAAS,EAGL,GAAmB,EAAa,IAAwB,CAG5D,GAFA,EAAE,gBAAgB,CAClB,EAAE,iBAAiB,CACf,EAAM,aAAa,SAAS,EAAI,CAClC,EAAgB,EAAM,aAAa,OAAQ,GAAS,IAAS,EAAI,CAAC,KAC7D,CACL,IAAM,EAAkB,CAAC,GAAG,EAAM,aAAc,EAAI,CAGpD,GAFA,EAAgB,EAAgB,CAE5B,IAAgB,GAAO,EAAmB,CAC5C,IAAM,EAAgB,EAAiB,MACpC,CAAE,IAAK,KACN,IAAW,GAAO,CAAC,EAAgB,SAAS,EAAO,CACtD,CAEG,IACF,EAAe,EAAc,IAAuB,CACpD,EAAwB,EAAc,IAAuB,KAMrE,OACE,EAAA,EAAA,KAAC,EAAA,YAAD,CACO,MACL,UAAU,QACV,SAAS,SACT,UAAU,+BAET,EAAiB,KAAK,CAAE,MAAK,KAAM,EAAM,aAAc,CACtD,IAAM,EAAS,CAAC,EAAM,aAAa,SAAS,EAAI,CAChD,OACE,EAAA,EAAA,KAAC,KAAD,CAAc,UAAU,sBACtB,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,2DACA,yCACD,UAJH,EAME,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,cAAa,+BAA+B,IAC5C,UAAW,EAAA,GACT,4FACA,EAAA,8BACD,CACD,YAAe,EAAc,EAAI,UAPnC,EASE,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,oCACX,cAAA,aAEA,EAAA,EAAA,KAAC,EAAD,CAAM,UAAU,UAAY,CAAA,CACvB,CAAA,EACP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAW,EAAE,EAAQ,CAAQ,CAAA,CACtC,IACT,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,cAAa,8BAA8B,IAC3C,UAAW,EAAA,GACT,uGACA,EAAA,8BACD,CACD,eAAc,EACd,aAAY,EAAS,qBAAuB,iBAC5C,QAAU,GAAM,EAAgB,EAAK,EAAE,UAEtC,GACC,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,GACT,oBACA,EAAA,oCACD,CACD,cAAA,aAEA,EAAA,EAAA,KAAC,EAAA,QAAD,CAAc,UAAU,UAAY,CAAA,CAC/B,CAAA,EAEP,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,GACT,UACA,EAAA,oCACD,CACD,cAAA,aAEA,EAAA,EAAA,KAAC,EAAA,QAAD,CAAU,UAAU,cAAgB,CAAA,CAC/B,CAAA,CAEF,CAAA,CACL,GACH,CA1DI,EA0DJ,EAEP,CACU,CAAA"}

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

@@ -6,22 +6,23 @@ import { useConversationLocalStorageState as i } from "../../../../utils/convers
 import { useConversationStore as a } from "../../../../stores/conversation-store.js";
 import { useActiveBackend as o } from "../../../../contexts/active-backend-context.js";
 import s from "../../../../icons/lesson-plan.js";
-import { ContextMenu as c } from "../../../../ui/context-menu.js";
-import { useClickOutsideElement as l } from "../../../../hooks/use-click-outside-element.js";
-import u from "../../../../icons/document.js";
-import { useSelectConversationTab as d } from "../../../../hooks/use-select-conversation-tab.js";
-import f from "../../../../icons/terminal.js";
-import p from "../../../../icons/globe.js";
-import m from "../../../../icons/vscode.js";
-import h from "../../../../icons/double-check.js";
-import g from "../../../../icons/pill.js";
-import _ from "../../../../icons/pill-fill.js";
-import { useTaskList as v } from "../../../../hooks/use-task-list.js";
+import { dropdownInstantColorClassName as c, dropdownMenuRowIconWrapperClassName as l } from "../../../../utils/dropdown-classes.js";
+import { ContextMenu as u } from "../../../../ui/context-menu.js";
+import { useClickOutsideElement as d } from "../../../../hooks/use-click-outside-element.js";
+import f from "../../../../icons/document.js";
+import { useSelectConversationTab as p } from "../../../../hooks/use-select-conversation-tab.js";
+import m from "../../../../icons/terminal.js";
+import h from "../../../../icons/globe.js";
+import g from "../../../../icons/vscode.js";
+import _ from "../../../../icons/double-check.js";
+import v from "../../../../icons/pill.js";
+import y from "../../../../icons/pill-fill.js";
+import { useTaskList as b } from "../../../../hooks/use-task-list.js";
 import "react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/components/features/conversation/conversation-tabs/conversation-tabs-context-menu.tsx
-function x({ isOpen: x, onClose: S, ignoreOutsideClickRef: C }) {
-	let w = l(S, C), { t: T } = e("openhands"), { conversationId: E } = r(), { state: D, setUnpinnedTabs: O, setSelectedTab: k } = i(E), { selectedTab: A, isRightPanelShown: j, setSelectedTab: M } = a(), { navigateToTab: N } = d(), { hasTaskList: P } = v(), { backend: F } = o(), I = [
+function C({ isOpen: C, onClose: w, ignoreOutsideClickRef: T }) {
+	let E = d(w, T), { t: D } = e("openhands"), { conversationId: O } = r(), { state: k, setUnpinnedTabs: A, setSelectedTab: j } = i(O), { selectedTab: M, isRightPanelShown: N, setSelectedTab: P } = a(), { navigateToTab: F } = p(), { hasTaskList: I } = b(), { backend: L } = o(), R = [
 		{
 			tab: "planner",
 			icon: s,
@@ -29,72 +30,84 @@ function x({ isOpen: x, onClose: S, ignoreOutsideClickRef: C }) {
 		},
 		{
 			tab: "files",
-			icon: u,
+			icon: f,
 			i18nKey: t.COMMON$FILES
 		},
 		{
 			tab: "vscode",
-			icon: m,
+			icon: g,
 			i18nKey: t.COMMON$CODE
 		},
 		{
 			tab: "terminal",
-			icon: f,
+			icon: m,
 			i18nKey: t.COMMON$TERMINAL
 		},
 		{
 			tab: "browser",
-			icon: p,
+			icon: h,
 			i18nKey: t.COMMON$BROWSER
 		}
 	];
-	P && I.unshift({
+	I && R.unshift({
 		tab: "tasklist",
-		icon: h,
+		icon: _,
 		i18nKey: t.COMMON$TASK_LIST
 	});
-	let L = I.filter(({ tab: e }) => e !== "vscode" && e !== "planner" || F.kind === "cloud");
-	if (!x) return null;
-	let R = (e) => {
-		N(e), S();
-	}, z = (e, t) => {
-		if (t.preventDefault(), t.stopPropagation(), D.unpinnedTabs.includes(e)) O(D.unpinnedTabs.filter((t) => t !== e));
+	let z = R.filter(({ tab: e }) => e !== "vscode" && e !== "planner" || L.kind === "cloud");
+	if (!C) return null;
+	let B = (e) => {
+		F(e), w();
+	}, V = (e, t) => {
+		if (t.preventDefault(), t.stopPropagation(), k.unpinnedTabs.includes(e)) A(k.unpinnedTabs.filter((t) => t !== e));
 		else {
-			let t = [...D.unpinnedTabs, e];
-			if (O(t), A === e && j) {
-				let n = L.find(({ tab: n }) => n !== e && !t.includes(n));
-				n && (M(n.tab), k(n.tab));
+			let t = [...k.unpinnedTabs, e];
+			if (A(t), M === e && N) {
+				let n = z.find(({ tab: n }) => n !== e && !t.includes(n));
+				n && (P(n.tab), j(n.tab));
 			}
 		}
 	};
-	return /* @__PURE__ */ y(c, {
-		ref: w,
+	return /* @__PURE__ */ x(u, {
+		ref: E,
 		alignment: "right",
 		position: "bottom",
 		className: "z-[9999] mt-2 w-fit",
-		children: L.map(({ tab: e, icon: t, i18nKey: r }) => {
-			let i = !D.unpinnedTabs.includes(e);
-			return /* @__PURE__ */ y("li", {
+		children: z.map(({ tab: e, icon: t, i18nKey: r }) => {
+			let i = !k.unpinnedTabs.includes(e);
+			return /* @__PURE__ */ x("li", {
 				className: "list-none",
-				children: /* @__PURE__ */ b("div", {
-					className: n("flex h-[30px] w-full min-w-0 items-stretch rounded", "hover:bg-[var(--oh-interactive-hover)]"),
-					children: [/* @__PURE__ */ b("button", {
+				children: /* @__PURE__ */ S("div", {
+					className: n("group flex h-[30px] w-full min-w-0 items-stretch rounded", "hover:bg-[var(--oh-interactive-hover)]"),
+					children: [/* @__PURE__ */ S("button", {
 						type: "button",
 						"data-testid": `conversation-tabs-menu-open-${e}`,
-						className: n("flex min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-l p-2 text-start", "text-white transition-colors"),
-						onClick: () => R(e),
-						children: [/* @__PURE__ */ y(t, { className: "h-4 w-4 shrink-0" }), /* @__PURE__ */ y("span", {
+						className: n("flex min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-l p-2 text-start text-white", c),
+						onClick: () => B(e),
+						children: [/* @__PURE__ */ x("span", {
+							className: l,
+							"aria-hidden": !0,
+							children: /* @__PURE__ */ x(t, { className: "h-4 w-4" })
+						}), /* @__PURE__ */ x("span", {
 							className: "text-sm",
-							children: T(r)
+							children: D(r)
 						})]
-					}), /* @__PURE__ */ y("button", {
+					}), /* @__PURE__ */ x("button", {
 						type: "button",
 						"data-testid": `conversation-tabs-menu-pin-${e}`,
-						className: n("flex shrink-0 cursor-pointer items-center justify-center rounded-r px-2", "text-white transition-colors hover:bg-white/10"),
+						className: n("flex shrink-0 cursor-pointer items-center justify-center rounded-r px-2 text-white hover:bg-white/10", c),
 						"aria-pressed": i,
 						"aria-label": i ? "Unpin tab from bar" : "Pin tab to bar",
-						onClick: (t) => z(e, t),
-						children: i ? /* @__PURE__ */ y(_, { className: "-mr-[5px] ml-auto h-7 w-7" }) : /* @__PURE__ */ y(g, { className: "ml-auto h-4.5 w-4.5" })
+						onClick: (t) => V(e, t),
+						children: i ? /* @__PURE__ */ x("span", {
+							className: n("-mr-[5px] ml-auto", l),
+							"aria-hidden": !0,
+							children: /* @__PURE__ */ x(y, { className: "h-7 w-7" })
+						}) : /* @__PURE__ */ x("span", {
+							className: n("ml-auto", l),
+							"aria-hidden": !0,
+							children: /* @__PURE__ */ x(v, { className: "h-4.5 w-4.5" })
+						})
 					})]
 				})
 			}, e);
@@ -102,6 +115,6 @@ function x({ isOpen: x, onClose: S, ignoreOutsideClickRef: C }) {
 	});
 }
 //#endregion
-export { x as ConversationTabsContextMenu };
+export { C as ConversationTabsContextMenu };
 
 //# sourceMappingURL=conversation-tabs-context-menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"conversation-tabs-context-menu.js","names":[],"sources":["../../../../../src/components/features/conversation/conversation-tabs/conversation-tabs-context-menu.tsx"],"sourcesContent":["import React from \"react\";\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 TerminalIcon from \"#/icons/terminal.svg?react\";\nimport GlobeIcon from \"#/icons/globe.svg?react\";\nimport DocumentIcon from \"#/icons/document.svg?react\";\nimport VSCodeIcon from \"#/icons/vscode.svg?react\";\nimport PillIcon from \"#/icons/pill.svg?react\";\nimport PillFillIcon from \"#/icons/pill-fill.svg?react\";\nimport LessonPlanIcon from \"#/icons/lesson-plan.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 { cn } from \"#/utils/utils\";\n\ninterface ConversationTabsContextMenuProps {\n  isOpen: boolean;\n  onClose: () => void;\n  ignoreOutsideClickRef?: React.RefObject<HTMLElement | null>;\n}\n\nexport function ConversationTabsContextMenu({\n  isOpen,\n  onClose,\n  ignoreOutsideClickRef,\n}: ConversationTabsContextMenuProps) {\n  const ref = useClickOutsideElement<HTMLUListElement>(\n    onClose,\n    ignoreOutsideClickRef,\n  );\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\n  const tabConfig = [\n    {\n      tab: \"planner\",\n      icon: LessonPlanIcon,\n      i18nKey: I18nKey.COMMON$PLANNER,\n    },\n    { tab: \"files\", icon: DocumentIcon, i18nKey: I18nKey.COMMON$FILES },\n    { tab: \"vscode\", icon: VSCodeIcon, i18nKey: I18nKey.COMMON$CODE },\n    { tab: \"terminal\", icon: TerminalIcon, i18nKey: I18nKey.COMMON$TERMINAL },\n    { tab: \"browser\", icon: GlobeIcon, i18nKey: I18nKey.COMMON$BROWSER },\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 }) =>\n      (tab !== \"vscode\" && tab !== \"planner\") || backend.kind === \"cloud\",\n  );\n\n  if (!isOpen) return null;\n\n  const handleOpenTab = (tab: string) => {\n    navigateToTab(tab as ConversationTab);\n    onClose();\n  };\n\n  const handlePinToggle = (tab: string, e: React.MouseEvent) => {\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  return (\n    <ContextMenu\n      ref={ref}\n      alignment=\"right\"\n      position=\"bottom\"\n      className=\"z-[9999] mt-2 w-fit\"\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            <div\n              className={cn(\n                \"flex h-[30px] w-full min-w-0 items-stretch rounded\",\n                \"hover:bg-[var(--oh-interactive-hover)]\",\n              )}\n            >\n              <button\n                type=\"button\"\n                data-testid={`conversation-tabs-menu-open-${tab}`}\n                className={cn(\n                  \"flex min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-l p-2 text-start\",\n                  \"text-white transition-colors\",\n                )}\n                onClick={() => handleOpenTab(tab)}\n              >\n                <Icon className=\"h-4 w-4 shrink-0\" />\n                <span className=\"text-sm\">{t(i18nKey)}</span>\n              </button>\n              <button\n                type=\"button\"\n                data-testid={`conversation-tabs-menu-pin-${tab}`}\n                className={cn(\n                  \"flex shrink-0 cursor-pointer items-center justify-center rounded-r px-2\",\n                  \"text-white transition-colors hover:bg-white/10\",\n                )}\n                aria-pressed={pinned}\n                aria-label={pinned ? \"Unpin tab from bar\" : \"Pin tab to bar\"}\n                onClick={(e) => handlePinToggle(tab, e)}\n              >\n                {pinned ? (\n                  <PillFillIcon className=\"-mr-[5px] ml-auto h-7 w-7\" />\n                ) : (\n                  <PillIcon className=\"ml-auto h-4.5 w-4.5\" />\n                )}\n              </button>\n            </div>\n          </li>\n        );\n      })}\n    </ContextMenu>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8BA,SAAgB,EAA4B,EAC1C,WACA,YACA,4BACmC;CACnC,IAAM,IAAM,EACV,GACA,EACD,EACK,EAAE,SAAM,EAAe,YAAY,EACnC,EAAE,sBAAmB,GAAmB,EACxC,EACJ,UACA,oBACA,gBAAgB,MACd,EAAiC,EAAe,EAC9C,EAAE,gBAAa,sBAAmB,sBACtC,GAAsB,EAElB,EAAE,qBAAkB,GAA0B,EAE9C,EAAE,mBAAgB,GAAa,EAC/B,EAAE,eAAY,GAAkB,EAEhC,IAAY;EAChB;GACE,KAAK;GACL,MAAM;GACN,SAAS,EAAQ;GAClB;EACD;GAAE,KAAK;GAAS,MAAM;GAAc,SAAS,EAAQ;GAAc;EACnE;GAAE,KAAK;GAAU,MAAM;GAAY,SAAS,EAAQ;GAAa;EACjE;GAAE,KAAK;GAAY,MAAM;GAAc,SAAS,EAAQ;GAAiB;EACzE;GAAE,KAAK;GAAW,MAAM;GAAW,SAAS,EAAQ;GAAgB;EACrE;AAED,CAAI,KACF,EAAU,QAAQ;EAChB,KAAK;EACL,MAAM;EACN,SAAS,EAAQ;EAClB,CAAC;CAGJ,IAAM,IAAmB,EAAU,QAChC,EAAE,aACA,MAAQ,YAAY,MAAQ,aAAc,EAAQ,SAAS,QAC/D;AAED,KAAI,CAAC,EAAQ,QAAO;CAEpB,IAAM,KAAiB,MAAgB;AAErC,EADA,EAAc,EAAuB,EACrC,GAAS;IAGL,KAAmB,GAAa,MAAwB;AAG5D,MAFA,EAAE,gBAAgB,EAClB,EAAE,iBAAiB,EACf,EAAM,aAAa,SAAS,EAAI,CAClC,GAAgB,EAAM,aAAa,QAAQ,MAAS,MAAS,EAAI,CAAC;OAC7D;GACL,IAAM,IAAkB,CAAC,GAAG,EAAM,cAAc,EAAI;AAGpD,OAFA,EAAgB,EAAgB,EAE5B,MAAgB,KAAO,GAAmB;IAC5C,IAAM,IAAgB,EAAiB,MACpC,EAAE,KAAK,QACN,MAAW,KAAO,CAAC,EAAgB,SAAS,EAAO,CACtD;AAED,IAAI,MACF,EAAe,EAAc,IAAuB,EACpD,EAAwB,EAAc,IAAuB;;;;AAMrE,QACE,kBAAC,GAAD;EACO;EACL,WAAU;EACV,UAAS;EACT,WAAU;YAET,EAAiB,KAAK,EAAE,QAAK,MAAM,GAAM,iBAAc;GACtD,IAAM,IAAS,CAAC,EAAM,aAAa,SAAS,EAAI;AAChD,UACE,kBAAC,MAAD;IAAc,WAAU;cACtB,kBAAC,OAAD;KACE,WAAW,EACT,sDACA,yCACD;eAJH,CAME,kBAAC,UAAD;MACE,MAAK;MACL,eAAa,+BAA+B;MAC5C,WAAW,EACT,kFACA,+BACD;MACD,eAAe,EAAc,EAAI;gBAPnC,CASE,kBAAC,GAAD,EAAM,WAAU,oBAAqB,CAAA,EACrC,kBAAC,QAAD;OAAM,WAAU;iBAAW,EAAE,EAAQ;OAAQ,CAAA,CACtC;SACT,kBAAC,UAAD;MACE,MAAK;MACL,eAAa,8BAA8B;MAC3C,WAAW,EACT,2EACA,iDACD;MACD,gBAAc;MACd,cAAY,IAAS,uBAAuB;MAC5C,UAAU,MAAM,EAAgB,GAAK,EAAE;gBAEtC,IACC,kBAAC,GAAD,EAAc,WAAU,6BAA8B,CAAA,GAEtD,kBAAC,GAAD,EAAU,WAAU,uBAAwB,CAAA;MAEvC,CAAA,CACL;;IACH,EArCI,EAqCJ;IAEP;EACU,CAAA"}
+{"version":3,"file":"conversation-tabs-context-menu.js","names":[],"sources":["../../../../../src/components/features/conversation/conversation-tabs/conversation-tabs-context-menu.tsx"],"sourcesContent":["import React from \"react\";\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 TerminalIcon from \"#/icons/terminal.svg?react\";\nimport GlobeIcon from \"#/icons/globe.svg?react\";\nimport DocumentIcon from \"#/icons/document.svg?react\";\nimport VSCodeIcon from \"#/icons/vscode.svg?react\";\nimport PillIcon from \"#/icons/pill.svg?react\";\nimport PillFillIcon from \"#/icons/pill-fill.svg?react\";\nimport LessonPlanIcon from \"#/icons/lesson-plan.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 { 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}\n\nexport function ConversationTabsContextMenu({\n  isOpen,\n  onClose,\n  ignoreOutsideClickRef,\n}: ConversationTabsContextMenuProps) {\n  const ref = useClickOutsideElement<HTMLUListElement>(\n    onClose,\n    ignoreOutsideClickRef,\n  );\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\n  const tabConfig = [\n    {\n      tab: \"planner\",\n      icon: LessonPlanIcon,\n      i18nKey: I18nKey.COMMON$PLANNER,\n    },\n    { tab: \"files\", icon: DocumentIcon, i18nKey: I18nKey.COMMON$FILES },\n    { tab: \"vscode\", icon: VSCodeIcon, i18nKey: I18nKey.COMMON$CODE },\n    { tab: \"terminal\", icon: TerminalIcon, i18nKey: I18nKey.COMMON$TERMINAL },\n    { tab: \"browser\", icon: GlobeIcon, i18nKey: I18nKey.COMMON$BROWSER },\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 }) =>\n      (tab !== \"vscode\" && tab !== \"planner\") || backend.kind === \"cloud\",\n  );\n\n  if (!isOpen) return null;\n\n  const handleOpenTab = (tab: string) => {\n    navigateToTab(tab as ConversationTab);\n    onClose();\n  };\n\n  const handlePinToggle = (tab: string, e: React.MouseEvent) => {\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  return (\n    <ContextMenu\n      ref={ref}\n      alignment=\"right\"\n      position=\"bottom\"\n      className=\"z-[9999] mt-2 w-fit\"\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            <div\n              className={cn(\n                \"group flex h-[30px] w-full min-w-0 items-stretch rounded\",\n                \"hover:bg-[var(--oh-interactive-hover)]\",\n              )}\n            >\n              <button\n                type=\"button\"\n                data-testid={`conversation-tabs-menu-open-${tab}`}\n                className={cn(\n                  \"flex min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-l p-2 text-start text-white\",\n                  dropdownInstantColorClassName,\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                className={cn(\n                  \"flex shrink-0 cursor-pointer items-center justify-center rounded-r px-2 text-white hover:bg-white/10\",\n                  dropdownInstantColorClassName,\n                )}\n                aria-pressed={pinned}\n                aria-label={pinned ? \"Unpin tab from bar\" : \"Pin tab to bar\"}\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          </li>\n        );\n      })}\n    </ContextMenu>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAkCA,SAAgB,EAA4B,EAC1C,WACA,YACA,4BACmC;CACnC,IAAM,IAAM,EACV,GACA,EACD,EACK,EAAE,SAAM,EAAe,YAAY,EACnC,EAAE,sBAAmB,GAAmB,EACxC,EACJ,UACA,oBACA,gBAAgB,MACd,EAAiC,EAAe,EAC9C,EAAE,gBAAa,sBAAmB,sBACtC,GAAsB,EAElB,EAAE,qBAAkB,GAA0B,EAE9C,EAAE,mBAAgB,GAAa,EAC/B,EAAE,eAAY,GAAkB,EAEhC,IAAY;EAChB;GACE,KAAK;GACL,MAAM;GACN,SAAS,EAAQ;GAClB;EACD;GAAE,KAAK;GAAS,MAAM;GAAc,SAAS,EAAQ;GAAc;EACnE;GAAE,KAAK;GAAU,MAAM;GAAY,SAAS,EAAQ;GAAa;EACjE;GAAE,KAAK;GAAY,MAAM;GAAc,SAAS,EAAQ;GAAiB;EACzE;GAAE,KAAK;GAAW,MAAM;GAAW,SAAS,EAAQ;GAAgB;EACrE;AAED,CAAI,KACF,EAAU,QAAQ;EAChB,KAAK;EACL,MAAM;EACN,SAAS,EAAQ;EAClB,CAAC;CAGJ,IAAM,IAAmB,EAAU,QAChC,EAAE,aACA,MAAQ,YAAY,MAAQ,aAAc,EAAQ,SAAS,QAC/D;AAED,KAAI,CAAC,EAAQ,QAAO;CAEpB,IAAM,KAAiB,MAAgB;AAErC,EADA,EAAc,EAAuB,EACrC,GAAS;IAGL,KAAmB,GAAa,MAAwB;AAG5D,MAFA,EAAE,gBAAgB,EAClB,EAAE,iBAAiB,EACf,EAAM,aAAa,SAAS,EAAI,CAClC,GAAgB,EAAM,aAAa,QAAQ,MAAS,MAAS,EAAI,CAAC;OAC7D;GACL,IAAM,IAAkB,CAAC,GAAG,EAAM,cAAc,EAAI;AAGpD,OAFA,EAAgB,EAAgB,EAE5B,MAAgB,KAAO,GAAmB;IAC5C,IAAM,IAAgB,EAAiB,MACpC,EAAE,KAAK,QACN,MAAW,KAAO,CAAC,EAAgB,SAAS,EAAO,CACtD;AAED,IAAI,MACF,EAAe,EAAc,IAAuB,EACpD,EAAwB,EAAc,IAAuB;;;;AAMrE,QACE,kBAAC,GAAD;EACO;EACL,WAAU;EACV,UAAS;EACT,WAAU;YAET,EAAiB,KAAK,EAAE,QAAK,MAAM,GAAM,iBAAc;GACtD,IAAM,IAAS,CAAC,EAAM,aAAa,SAAS,EAAI;AAChD,UACE,kBAAC,MAAD;IAAc,WAAU;cACtB,kBAAC,OAAD;KACE,WAAW,EACT,4DACA,yCACD;eAJH,CAME,kBAAC,UAAD;MACE,MAAK;MACL,eAAa,+BAA+B;MAC5C,WAAW,EACT,6FACA,EACD;MACD,eAAe,EAAc,EAAI;gBAPnC,CASE,kBAAC,QAAD;OACE,WAAW;OACX,eAAA;iBAEA,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;OACvB,CAAA,EACP,kBAAC,QAAD;OAAM,WAAU;iBAAW,EAAE,EAAQ;OAAQ,CAAA,CACtC;SACT,kBAAC,UAAD;MACE,MAAK;MACL,eAAa,8BAA8B;MAC3C,WAAW,EACT,wGACA,EACD;MACD,gBAAc;MACd,cAAY,IAAS,uBAAuB;MAC5C,UAAU,MAAM,EAAgB,GAAK,EAAE;gBAEtC,IACC,kBAAC,QAAD;OACE,WAAW,EACT,qBACA,EACD;OACD,eAAA;iBAEA,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;OAC/B,CAAA,GAEP,kBAAC,QAAD;OACE,WAAW,EACT,WACA,EACD;OACD,eAAA;iBAEA,kBAAC,GAAD,EAAU,WAAU,eAAgB,CAAA;OAC/B,CAAA;MAEF,CAAA,CACL;;IACH,EA1DI,EA0DJ;IAEP;EACU,CAAA"}

package/dist/components/features/conversation-panel/cloud-new-conversation-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(`../../../utils/utils.cjs`),i=require(`../../../context/navigation-context.cjs`),a=require(`../../../hooks/mutation/use-create-conversation.cjs`),o=require(`../../../ui/divider.cjs`),s=require(`../../../hooks/use-user-providers.cjs`),c=require(`../../shared/git-provider-icon.cjs`),l=require(`../../../hooks/use-debounce.cjs`),u=require(`../../../hooks/query/use-git-repositories.cjs`),d=require(`../../../hooks/query/use-search-repositories.cjs`),f=require(`../../../icons/repo.cjs`),p=require(`../../../stores/home-store.cjs`),ee=require(`../../../hooks/use-is-creating-conversation.cjs`),te=require(`./new-conversation-dropdown-styles.cjs`),m=require(`../../../hooks/use-popover-fixed-placement.cjs`),h=require(`../../../icons/search.cjs`);let g=require(`react`);g=e.__toESM(g,1);let _=require(`react/jsx-runtime`);function v({repo:e,disabled:t,onSelect:n,itemClass:r}){return(0,_.jsx)(`li`,{children:(0,_.jsxs)(`button`,{type:`button`,disabled:t,"data-testid":`launch-repository`,"data-repo-name":e.full_name,onClick:()=>n(e),className:r,children:[(0,_.jsx)(f.default,{width:14,height:14,className:`shrink-0`}),(0,_.jsx)(`span`,{className:`truncate`,children:e.full_name})]})})}function y({trigger:e,className:f,popoverClassName:y,popoverTestId:b=`new-conversation-popover`,useFixedPlacement:x=!1}){let{t:S}=t.useTranslation(`openhands`),{navigate:C}=i.useNavigation(),{providers:w}=s.useUserProviders(),{lastSelectedProvider:T,setLastSelectedProvider:E}=p.useHomeStore(),[D,O]=g.default.useState(!1),k=g.default.useRef(null),A=g.default.useRef(null),j=m.usePopoverFixedPlacement(A,{open:D,enabled:x}),[M,N]=g.default.useState(T??null),[P,F]=g.default.useState(``),I=l.useDebounce(P,300);g.default.useEffect(()=>{if(w.length===0){M!==null&&N(null);return}M&&w.includes(M)||N(T&&w.includes(T)?T:w[0])},[w,M,T]);let{data:L,isLoading:R,isError:z,hasNextPage:B,isFetchingNextPage:V,fetchNextPage:H}=u.useGitRepositories({provider:M}),{data:U,isLoading:W}=d.useSearchRepositories(I,M),G=g.default.useMemo(()=>L?.pages.flatMap(e=>e.items)??[],[L]),K=I?U??[]:G,{mutate:q,isPending:J}=a.useCreateConversation(),Y=ee.useIsCreatingConversation(),X=J||Y;g.default.useEffect(()=>{if(!D)return;let e=e=>{k.current&&!k.current.contains(e.target)&&O(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[D]),g.default.useEffect(()=>{if(!D)return;let e=e=>{e.key===`Escape`&&O(!1)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[D]);let Z=e=>{X||q({repository:{name:e.full_name,gitProvider:e.git_provider,branch:e.main_branch??`main`}},{onSuccess:e=>{O(!1),C(`/conversations/${e.conversation_id}`)}})},ne=e=>{N(e),E(e),F(``)},Q=r.cn(`flex w-full cursor-pointer items-center gap-2 rounded px-2 py-2 text-left text-sm text-white`,`font-normal transition-colors hover:bg-[var(--oh-interactive-hover)]`,`disabled:cursor-not-allowed disabled:opacity-60`);g.default.useEffect(()=>{D&&(I||!B||V||R||K.length===0||K.length>=10||H())},[D,I,B,V,R,K.length,H]);let $=I?W:R,re=!I&&B&&K.length>0,ie=g.default.useCallback(()=>{O(e=>!e)},[]),ae=D&&(!x||j!==null),oe=x&&j?{position:`fixed`,top:j.top,left:j.left,width:j.width}:void 0;return(0,_.jsxs)(`div`,{className:r.cn(!x&&`relative`,f),ref:k,children:[(0,_.jsx)(`span`,{ref:A,className:`inline-flex`,children:e({onClick:ie,"aria-expanded":D,"aria-haspopup":`menu`,disabled:X})}),ae&&(0,_.jsxs)(`div`,{"data-testid":b,className:r.cn(te.NEW_CONVERSATION_DROPDOWN_SURFACE,!x&&r.cn(`absolute top-full mt-0`,y)),style:oe,children:[w.length>1&&(0,_.jsx)(`div`,{className:`flex items-center gap-1 px-1 py-1`,"data-testid":`cloud-provider-tabs`,children:w.map(e=>{let t=e===M;return(0,_.jsxs)(`button`,{type:`button`,"data-testid":`cloud-provider-tab-${e}`,onClick:()=>ne(e),className:r.cn(`flex items-center gap-1 rounded px-2 py-1 text-xs`,`border transition-colors`,t?`border-[var(--oh-border-subtle)] bg-[var(--oh-interactive-hover)] text-white`:`border-transparent text-[var(--oh-text-secondary)] hover:text-white`),children:[(0,_.jsx)(c.GitProviderIcon,{gitProvider:e}),(0,_.jsx)(`span`,{className:`capitalize`,children:e})]},e)})}),(0,_.jsx)(`div`,{className:`px-2`,children:(0,_.jsxs)(`div`,{className:`relative`,children:[(0,_.jsx)(h.default,{width:16,height:16,"aria-hidden":!0,className:`pointer-events-none absolute left-0 top-1/2 -translate-y-1/2 text-[var(--oh-muted)]`}),(0,_.jsx)(`input`,{type:`text`,"data-testid":`cloud-repo-search-input`,value:P,onChange:e=>F(e.target.value),placeholder:S(n.I18nKey.COMMON$SEARCH_REPOSITORIES),disabled:!M,className:r.cn(`w-full border-0 bg-transparent py-1.5 pl-6 pr-0 text-sm text-white`,`outline-none placeholder:text-[var(--oh-muted)]`,`focus:outline-none focus:ring-0`,`disabled:cursor-not-allowed disabled:opacity-60`)})]})}),(0,_.jsx)(o.Divider,{inset:`menu`}),(0,_.jsxs)(`ul`,{className:`flex max-h-[40vh] flex-col overflow-y-auto custom-scrollbar-always sm:max-h-[280px]`,children:[$&&K.length===0&&(0,_.jsx)(`li`,{className:`px-2 py-2 text-sm text-[var(--oh-muted)] italic`,"data-testid":`cloud-repo-loading`,children:S(n.I18nKey.HOME$LOADING_REPOSITORIES)}),z&&(0,_.jsx)(`li`,{className:`px-2 py-2 text-sm text-[#F87171]`,"data-testid":`cloud-repo-error`,children:S(n.I18nKey.HOME$FAILED_TO_LOAD_REPOSITORIES)}),!$&&!z&&K.length===0&&!!M&&(0,_.jsx)(`li`,{className:`px-2 py-2 text-sm text-[var(--oh-muted)] italic`,"data-testid":`cloud-repo-empty`,children:S(n.I18nKey.GITHUB$NO_RESULTS)}),K.map(e=>(0,_.jsx)(v,{repo:e,disabled:X,onSelect:Z,itemClass:Q},`${e.git_provider}:${e.id}`)),re&&(0,_.jsx)(`li`,{children:(0,_.jsx)(`button`,{type:`button`,"data-testid":`cloud-repo-load-more`,disabled:V,onClick:()=>H(),className:Q,children:(0,_.jsx)(`span`,{className:`text-[var(--oh-text-secondary)]`,children:S(V?n.I18nKey.HOME$LOADING_MORE_REPOSITORIES:n.I18nKey.CONVERSATION$LOAD_MORE)})})})]})]})]})}exports.CloudNewConversationMenu=y;
+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(`../../../context/navigation-context.cjs`),a=require(`../../../utils/dropdown-classes.cjs`),o=require(`../../../hooks/mutation/use-create-conversation.cjs`),s=require(`../../../ui/divider.cjs`),ee=require(`../../../hooks/use-user-providers.cjs`),c=require(`../../shared/git-provider-icon.cjs`),l=require(`../../../hooks/use-debounce.cjs`),u=require(`../../../hooks/query/use-git-repositories.cjs`),d=require(`../../../hooks/query/use-search-repositories.cjs`),f=require(`../../../icons/repo.cjs`),p=require(`../../../stores/home-store.cjs`),te=require(`../../../hooks/use-is-creating-conversation.cjs`),m=require(`./new-conversation-dropdown-styles.cjs`),h=require(`../../../hooks/use-popover-fixed-placement.cjs`),g=require(`../../../icons/search.cjs`);let _=require(`react`);_=e.__toESM(_,1);let v=require(`react/jsx-runtime`);function y({repo:e,disabled:t,onSelect:n,itemClass:r}){return(0,v.jsx)(`li`,{children:(0,v.jsxs)(`button`,{type:`button`,disabled:t,"data-testid":`launch-repository`,"data-repo-name":e.full_name,onClick:()=>n(e),className:r,children:[(0,v.jsx)(`span`,{className:a.dropdownMenuRowIconWrapperClassName,"aria-hidden":!0,children:(0,v.jsx)(f.default,{width:14,height:14})}),(0,v.jsx)(`span`,{className:`truncate`,children:e.full_name})]})})}function b({trigger:e,className:f,popoverClassName:b,popoverTestId:x=`new-conversation-popover`,useFixedPlacement:S=!1}){let{t:C}=t.useTranslation(`openhands`),{navigate:w}=i.useNavigation(),{providers:T}=ee.useUserProviders(),{lastSelectedProvider:E,setLastSelectedProvider:D}=p.useHomeStore(),[O,k]=_.default.useState(!1),A=_.default.useRef(null),j=_.default.useRef(null),M=h.usePopoverFixedPlacement(j,{open:O,enabled:S}),[N,P]=_.default.useState(E??null),[F,I]=_.default.useState(``),L=l.useDebounce(F,300);_.default.useEffect(()=>{if(T.length===0){N!==null&&P(null);return}N&&T.includes(N)||P(E&&T.includes(E)?E:T[0])},[T,N,E]);let{data:R,isLoading:z,isError:B,hasNextPage:V,isFetchingNextPage:H,fetchNextPage:U}=u.useGitRepositories({provider:N}),{data:W,isLoading:G}=d.useSearchRepositories(L,N),K=_.default.useMemo(()=>R?.pages.flatMap(e=>e.items)??[],[R]),q=L?W??[]:K,{mutate:J,isPending:Y}=o.useCreateConversation(),X=te.useIsCreatingConversation(),Z=Y||X;_.default.useEffect(()=>{if(!O)return;let e=e=>{A.current&&!A.current.contains(e.target)&&k(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[O]),_.default.useEffect(()=>{if(!O)return;let e=e=>{e.key===`Escape`&&k(!1)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[O]);let ne=e=>{Z||J({repository:{name:e.full_name,gitProvider:e.git_provider,branch:e.main_branch??`main`}},{onSuccess:e=>{k(!1),w(`/conversations/${e.conversation_id}`)}})},re=e=>{P(e),D(e),I(``)},Q=a.dropdownMenuRowClassName;_.default.useEffect(()=>{O&&(L||!V||H||z||q.length===0||q.length>=10||U())},[O,L,V,H,z,q.length,U]);let $=L?G:z,ie=!L&&V&&q.length>0,ae=_.default.useCallback(()=>{k(e=>!e)},[]),oe=O&&(!S||M!==null),se=S&&M?{position:`fixed`,top:M.top,left:M.left,width:M.width}:void 0;return(0,v.jsxs)(`div`,{className:r.cn(!S&&`relative`,f),ref:A,children:[(0,v.jsx)(`span`,{ref:j,className:`inline-flex`,children:e({onClick:ae,"aria-expanded":O,"aria-haspopup":`menu`,disabled:Z})}),oe&&(0,v.jsxs)(`div`,{"data-testid":x,className:r.cn(m.NEW_CONVERSATION_DROPDOWN_SURFACE,!S&&r.cn(`absolute top-full mt-0`,b)),style:se,children:[T.length>1&&(0,v.jsx)(`div`,{className:`flex items-center gap-1 px-1 py-1`,"data-testid":`cloud-provider-tabs`,children:T.map(e=>{let t=e===N;return(0,v.jsxs)(`button`,{type:`button`,"data-testid":`cloud-provider-tab-${e}`,onClick:()=>re(e),className:r.cn(`flex items-center gap-1 rounded border px-2 py-1 text-xs`,`transition-none`,t?`border-[var(--oh-border-subtle)] bg-[var(--oh-interactive-hover)] text-white`:`border-transparent text-[var(--oh-text-secondary)] hover:text-white`),children:[(0,v.jsx)(c.GitProviderIcon,{gitProvider:e}),(0,v.jsx)(`span`,{className:`capitalize`,children:e})]},e)})}),(0,v.jsx)(`div`,{className:`px-2`,children:(0,v.jsxs)(`div`,{className:`relative`,children:[(0,v.jsx)(g.default,{width:16,height:16,"aria-hidden":!0,className:`pointer-events-none absolute left-0 top-1/2 -translate-y-1/2 text-[var(--oh-muted)]`}),(0,v.jsx)(`input`,{type:`text`,"data-testid":`cloud-repo-search-input`,value:F,onChange:e=>I(e.target.value),placeholder:C(n.I18nKey.COMMON$SEARCH_REPOSITORIES),disabled:!N,className:r.cn(`w-full border-0 bg-transparent py-1.5 pl-6 pr-0 text-sm text-white`,`outline-none placeholder:text-[var(--oh-muted)]`,`focus:outline-none focus:ring-0`,`disabled:cursor-not-allowed disabled:opacity-60`)})]})}),(0,v.jsx)(s.Divider,{inset:`menu`}),(0,v.jsxs)(`ul`,{className:r.cn(`max-h-[40vh] overflow-y-auto custom-scrollbar-always sm:max-h-[280px]`,a.dropdownMenuListClassName),children:[$&&q.length===0&&(0,v.jsx)(`li`,{className:`px-2 py-2 text-sm text-[var(--oh-muted)] italic`,"data-testid":`cloud-repo-loading`,children:C(n.I18nKey.HOME$LOADING_REPOSITORIES)}),B&&(0,v.jsx)(`li`,{className:`px-2 py-2 text-sm text-[#F87171]`,"data-testid":`cloud-repo-error`,children:C(n.I18nKey.HOME$FAILED_TO_LOAD_REPOSITORIES)}),!$&&!B&&q.length===0&&!!N&&(0,v.jsx)(`li`,{className:`px-2 py-2 text-sm text-[var(--oh-muted)] italic`,"data-testid":`cloud-repo-empty`,children:C(n.I18nKey.GITHUB$NO_RESULTS)}),q.map(e=>(0,v.jsx)(y,{repo:e,disabled:Z,onSelect:ne,itemClass:Q},`${e.git_provider}:${e.id}`)),ie&&(0,v.jsx)(`li`,{children:(0,v.jsx)(`button`,{type:`button`,"data-testid":`cloud-repo-load-more`,disabled:H,onClick:()=>U(),className:Q,children:(0,v.jsx)(`span`,{className:`text-[var(--oh-text-secondary)]`,children:C(H?n.I18nKey.HOME$LOADING_MORE_REPOSITORIES:n.I18nKey.CONVERSATION$LOAD_MORE)})})})]})]})]})}exports.CloudNewConversationMenu=b;
 //# sourceMappingURL=cloud-new-conversation-menu.cjs.map