@openhands/agent-canvas 1.14.0 → 1.16.0

package/dist/components/features/chat/tool-visualizers/primitives/file-path-chip.js

@@ -1,23 +1,29 @@
-import e from "../../../../../icons/file.js";
-import "react";
-import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useOptionalConversationId as e } from "../../../../../hooks/use-conversation-id.js";
+import { openWorkspaceFile as t } from "../../../../../services/canvas-ui.js";
+import n from "../../../../../icons/file.js";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/features/chat/tool-visualizers/primitives/file-path-chip.tsx
-function i({ path: i, range: a, onClick: o }) {
-	let s = /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(e, { className: "h-3.5 w-3.5 flex-shrink-0 text-muted" }), /* @__PURE__ */ n("span", {
-		className: "break-all",
-		children: a ? `${i}:${a}` : i
-	})] }), c = "inline-flex max-w-full items-center gap-1.5 self-start rounded bg-surface-raised px-2 py-0.5 font-mono text-xs text-foreground";
-	return o ? /* @__PURE__ */ n("button", {
+function o({ path: o, range: s, onClick: c }) {
+	let { conversationId: l } = e();
+	return /* @__PURE__ */ i("button", {
 		type: "button",
-		className: `${c} cursor-pointer hover:bg-[var(--oh-interactive-hover)]`,
-		onClick: o,
-		children: s
-	}) : /* @__PURE__ */ n("span", {
-		className: c,
-		children: s
+		"data-testid": "file-path-chip",
+		title: o,
+		className: "inline-flex max-w-full cursor-pointer items-center gap-1.5 self-start rounded bg-surface-raised px-2 py-0.5 text-left font-mono text-xs text-foreground hover:bg-[var(--oh-interactive-hover)]",
+		onClick: (e) => {
+			if (e.stopPropagation(), c) {
+				c();
+				return;
+			}
+			t(o, l);
+		},
+		children: /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(n, { className: "h-3.5 w-3.5 flex-shrink-0 text-muted" }), /* @__PURE__ */ i("span", {
+			className: "break-all",
+			children: s ? `${o}:${s}` : o
+		})] })
 	});
 }
 //#endregion
-export { i as FilePathChip };
+export { o as FilePathChip };
 
 //# sourceMappingURL=file-path-chip.js.map

package/dist/components/features/chat/tool-visualizers/primitives/file-path-chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-path-chip.js","names":[],"sources":["../../../../../../src/components/features/chat/tool-visualizers/primitives/file-path-chip.tsx"],"sourcesContent":["import React from \"react\";\nimport FileIcon from \"#/icons/file.svg?react\";\n\ninterface FilePathChipProps {\n  path: string;\n  /** Optional line-range suffix, e.g. \"12-48\". */\n  range?: string;\n  /** Opens the referenced file when the surrounding visualizer can navigate. */\n  onClick?: () => void;\n}\n\n/**\n * Monospace file-path pill with an optional navigation affordance.\n *\n * The static variant remains available for visualizers without a workspace\n * target; passing `onClick` upgrades the same visual language to a button.\n */\nexport function FilePathChip({ path, range, onClick }: FilePathChipProps) {\n  const content = (\n    <>\n      <FileIcon className=\"h-3.5 w-3.5 flex-shrink-0 text-muted\" />\n      <span className=\"break-all\">{range ? `${path}:${range}` : path}</span>\n    </>\n  );\n  const className =\n    \"inline-flex max-w-full items-center gap-1.5 self-start rounded bg-surface-raised px-2 py-0.5 font-mono text-xs text-foreground\";\n\n  if (onClick) {\n    return (\n      <button\n        type=\"button\"\n        className={`${className} cursor-pointer hover:bg-[var(--oh-interactive-hover)]`}\n        onClick={onClick}\n      >\n        {content}\n      </button>\n    );\n  }\n\n  return <span className={className}>{content}</span>;\n}\n"],"mappings":";;;;AAiBA,SAAgB,EAAa,EAAE,SAAM,UAAO,cAA8B;CACxE,IAAM,IACJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAU,WAAU,uCAAwC,CAAA,GAC5D,kBAAC,QAAD;EAAM,WAAU;YAAa,IAAQ,GAAG,EAAK,GAAG,MAAU;CAAW,CAAA,CACrE,EAAA,CAAA,GAEE,IACJ;CAcF,OAZI,IAEA,kBAAC,UAAD;EACE,MAAK;EACL,WAAW,GAAG,EAAU;EACf;YAER;CACK,CAAA,IAIL,kBAAC,QAAD;EAAiB;YAAY;CAAc,CAAA;AACpD"}
+{"version":3,"file":"file-path-chip.js","names":[],"sources":["../../../../../../src/components/features/chat/tool-visualizers/primitives/file-path-chip.tsx"],"sourcesContent":["import FileIcon from \"#/icons/file.svg?react\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { openWorkspaceFile } from \"#/services/canvas-ui\";\n\ninterface FilePathChipProps {\n  path: string;\n  /** Optional line-range suffix, e.g. \"12-48\". */\n  range?: string;\n  /**\n   * Opens the referenced file when the surrounding visualizer can navigate.\n   * Defaults to `openWorkspaceFile` so chips without a parent handler still\n   * deep-link into the Files drawer.\n   */\n  onClick?: () => void;\n}\n\n/**\n * Monospace file-path pill with an optional navigation affordance.\n *\n * Passing `onClick` upgrades the same visual language to a custom handler\n * (e.g. markdown artifact View). Without it, click opens the Files drawer.\n */\nexport function FilePathChip({ path, range, onClick }: FilePathChipProps) {\n  const { conversationId } = useOptionalConversationId();\n  const content = (\n    <>\n      <FileIcon className=\"h-3.5 w-3.5 flex-shrink-0 text-muted\" />\n      <span className=\"break-all\">{range ? `${path}:${range}` : path}</span>\n    </>\n  );\n  const className =\n    \"inline-flex max-w-full cursor-pointer items-center gap-1.5 self-start rounded bg-surface-raised px-2 py-0.5 text-left font-mono text-xs text-foreground hover:bg-[var(--oh-interactive-hover)]\";\n\n  return (\n    <button\n      type=\"button\"\n      data-testid=\"file-path-chip\"\n      title={path}\n      className={className}\n      onClick={(event) => {\n        event.stopPropagation();\n        if (onClick) {\n          onClick();\n          return;\n        }\n        openWorkspaceFile(path, conversationId);\n      }}\n    >\n      {content}\n    </button>\n  );\n}\n"],"mappings":";;;;;AAsBA,SAAgB,EAAa,EAAE,SAAM,UAAO,cAA8B;CACxE,IAAM,EAAE,sBAAmB,EAA0B;CAUrD,OACE,kBAAC,UAAD;EACE,MAAK;EACL,eAAY;EACZ,OAAO;EACI,WAAA;EACX,UAAU,MAAU;GAElB,IADA,EAAM,gBAAgB,GAClB,GAAS;IACX,EAAQ;IACR;GACF;GACA,EAAkB,GAAM,CAAc;EACxC;YArBF,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAU,WAAU,uCAAwC,CAAA,GAC5D,kBAAC,QAAD;GAAM,WAAU;aAAa,IAAQ,GAAG,EAAK,GAAG,MAAU;EAAW,CAAA,CACrE,EAAA,CAoBC;CACK,CAAA;AAEZ"}

package/dist/components/features/chat/user-message-body.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("../markdown/markdown-renderer.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=5,c=360,l={p:({children:e})=>(0,o.jsx)(`p`,{className:`m-0 leading-6`,children:e})};function u({message:e,isHovering:u,isExpanded:d,onTruncatableChange:f}){let{t:p}=t.useTranslation(`openhands`),m=a.default.useRef(null),[h,g]=a.default.useState(!1);a.default.useEffect(()=>{f(h)},[h,f]),a.default.useLayoutEffect(()=>{let t=m.current;if(!t||d){g(!1);return}let n=()=>{let n=Number.parseFloat(getComputedStyle(t).lineHeight),r=s*(Number.isFinite(n)&&n>0?n:24),i=(e.match(/\n/g)??[]).length;g(t.scrollHeight>r+1||i>=s||e.trim().length>c)};n();let r=new ResizeObserver(n);return r.observe(t),()=>r.disconnect()},[e,d]);let _=h&&!d;return(0,o.jsxs)(`div`,{className:`relative min-w-0`,children:[(0,o.jsx)(`div`,{ref:m,className:r.cn(`text-sm leading-6 whitespace-normal [word-break:break-word]`,_&&`line-clamp-5`),children:(0,o.jsx)(i.MarkdownRenderer,{includeStandard:!0,includeHeadings:!0,allowHtml:!1,components:l,children:e})}),_?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`div`,{"aria-hidden":!0,"data-testid":`chat-message-truncation-gradient`,className:`pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-tertiary to-transparent`}),(0,o.jsx)(`span`,{"data-testid":`chat-message-view-more`,className:r.cn(`pointer-events-none absolute bottom-1 left-1/2 z-10 inline-flex -translate-x-1/2 items-center rounded-full border border-[var(--oh-border-subtle)] bg-[var(--oh-surface-raised)] px-2.5 py-0.5 text-xs font-normal text-[var(--oh-foreground)] transition-opacity duration-150`,u?`opacity-100`:`opacity-0`),children:p(n.I18nKey.COMMON$VIEW_MORE)})]}):null]})}exports.UserMessageBody=u,exports.chatBubbleMarkdownComponents=l;
+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("../markdown/markdown-renderer.cjs"),a=require("./chat-markdown-path-code.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=5,l=360,u={p:({children:e})=>(0,s.jsx)(`p`,{className:`m-0 leading-6`,children:e}),code:a.ChatCode,a:a.ChatAnchor,strong:a.ChatStrong};function d({message:e,isHovering:a,isExpanded:d,onTruncatableChange:f}){let{t:p}=t.useTranslation(`openhands`),m=o.default.useRef(null),[h,g]=o.default.useState(!1);o.default.useEffect(()=>{f(h)},[h,f]),o.default.useLayoutEffect(()=>{let t=m.current;if(!t||d){g(!1);return}let n=()=>{let n=Number.parseFloat(getComputedStyle(t).lineHeight),r=c*(Number.isFinite(n)&&n>0?n:24),i=(e.match(/\n/g)??[]).length;g(t.scrollHeight>r+1||i>=c||e.trim().length>l)};n();let r=new ResizeObserver(n);return r.observe(t),()=>r.disconnect()},[e,d]);let _=h&&!d;return(0,s.jsxs)(`div`,{className:`relative min-w-0`,children:[(0,s.jsx)(`div`,{ref:m,className:r.cn(`text-sm leading-6 whitespace-normal [word-break:break-word]`,_&&`line-clamp-5`),children:(0,s.jsx)(i.MarkdownRenderer,{includeStandard:!0,includeHeadings:!0,allowHtml:!1,components:u,children:e})}),_?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(`div`,{"aria-hidden":!0,"data-testid":`chat-message-truncation-gradient`,className:`pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-tertiary to-transparent`}),(0,s.jsx)(`span`,{"data-testid":`chat-message-view-more`,className:r.cn(`pointer-events-none absolute bottom-1 left-1/2 z-10 inline-flex -translate-x-1/2 items-center rounded-full border border-[var(--oh-border-subtle)] bg-[var(--oh-surface-raised)] px-2.5 py-0.5 text-xs font-normal text-[var(--oh-foreground)] transition-opacity duration-150`,a?`opacity-100`:`opacity-0`),children:p(n.I18nKey.COMMON$VIEW_MORE)})]}):null]})}exports.UserMessageBody=d,exports.chatBubbleMarkdownComponents=u;
 //# sourceMappingURL=user-message-body.cjs.map

package/dist/components/features/chat/user-message-body.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"user-message-body.cjs","names":[],"sources":["../../../../src/components/features/chat/user-message-body.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { MarkdownRenderer } from \"../markdown/markdown-renderer\";\n\nconst USER_MESSAGE_MAX_LINES = 5;\nconst USER_MESSAGE_LENGTH_THRESHOLD = 360;\nexport const USER_MESSAGE_LINE_HEIGHT_PX = 24;\n\nexport const chatBubbleMarkdownComponents = {\n  p: ({ children }: React.ComponentProps<\"p\">) => (\n    <p className=\"m-0 leading-6\">{children}</p>\n  ),\n};\n\nexport function UserMessageBody({\n  message,\n  isHovering,\n  isExpanded,\n  onTruncatableChange,\n}: {\n  message: string;\n  isHovering: boolean;\n  isExpanded: boolean;\n  onTruncatableChange: (truncatable: boolean) => void;\n}) {\n  const { t } = useTranslation(\"openhands\");\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const [isTruncatable, setIsTruncatable] = React.useState(false);\n\n  React.useEffect(() => {\n    onTruncatableChange(isTruncatable);\n  }, [isTruncatable, onTruncatableChange]);\n\n  React.useLayoutEffect(() => {\n    const content = contentRef.current;\n    if (!content || isExpanded) {\n      setIsTruncatable(false);\n      return undefined;\n    }\n\n    const measure = () => {\n      const lineHeight = Number.parseFloat(\n        getComputedStyle(content).lineHeight,\n      );\n      const linePx =\n        Number.isFinite(lineHeight) && lineHeight > 0\n          ? lineHeight\n          : USER_MESSAGE_LINE_HEIGHT_PX;\n      const maxHeight = USER_MESSAGE_MAX_LINES * linePx;\n      const newlineCount = (message.match(/\\n/g) ?? []).length;\n\n      const truncatable =\n        content.scrollHeight > maxHeight + 1 ||\n        newlineCount >= USER_MESSAGE_MAX_LINES ||\n        message.trim().length > USER_MESSAGE_LENGTH_THRESHOLD;\n\n      setIsTruncatable(truncatable);\n    };\n\n    measure();\n\n    const observer = new ResizeObserver(measure);\n    observer.observe(content);\n\n    return () => observer.disconnect();\n  }, [message, isExpanded]);\n\n  const isCollapsed = isTruncatable && !isExpanded;\n\n  return (\n    <div className=\"relative min-w-0\">\n      <div\n        ref={contentRef}\n        className={cn(\n          \"text-sm leading-6 whitespace-normal [word-break:break-word]\",\n          isCollapsed && \"line-clamp-5\",\n        )}\n      >\n        <MarkdownRenderer\n          includeStandard\n          includeHeadings\n          allowHtml={false}\n          components={chatBubbleMarkdownComponents}\n        >\n          {message}\n        </MarkdownRenderer>\n      </div>\n\n      {isCollapsed ? (\n        <>\n          <div\n            aria-hidden\n            data-testid=\"chat-message-truncation-gradient\"\n            className=\"pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-tertiary to-transparent\"\n          />\n          <span\n            data-testid=\"chat-message-view-more\"\n            className={cn(\n              \"pointer-events-none absolute bottom-1 left-1/2 z-10 inline-flex -translate-x-1/2 items-center rounded-full border border-[var(--oh-border-subtle)] bg-[var(--oh-surface-raised)] px-2.5 py-0.5 text-xs font-normal text-[var(--oh-foreground)] transition-opacity duration-150\",\n              isHovering ? \"opacity-100\" : \"opacity-0\",\n            )}\n          >\n            {t(I18nKey.COMMON$VIEW_MORE)}\n          </span>\n        </>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"kVAMA,IAAM,EAAyB,EACzB,EAAgC,IAGzB,EAA+B,CAC1C,GAAI,CAAE,eACJ,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,gBAAiB,UAAY,CAAA,CAE9C,EAEA,SAAgB,EAAgB,CAC9B,UACA,aACA,aACA,uBAMC,CACD,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAa,EAAA,QAAM,OAAuB,IAAI,EAC9C,CAAC,EAAe,GAAoB,EAAA,QAAM,SAAS,EAAK,EAE9D,EAAA,QAAM,cAAgB,CACpB,EAAoB,CAAa,CACnC,EAAG,CAAC,EAAe,CAAmB,CAAC,EAEvC,EAAA,QAAM,oBAAsB,CAC1B,IAAM,EAAU,EAAW,QAC3B,GAAI,CAAC,GAAW,EAAY,CAC1B,EAAiB,EAAK,EACtB,MACF,CAEA,IAAM,MAAgB,CACpB,IAAM,EAAa,OAAO,WACxB,iBAAiB,CAAO,EAAE,UAC5B,EAKM,EAAY,GAHhB,OAAO,SAAS,CAAU,GAAK,EAAa,EACxC,EAAA,IAGA,GAAgB,EAAQ,MAAM,KAAK,GAAK,CAAC,GAAG,OAOlD,EAJE,EAAQ,aAAe,EAAY,GACnC,GAAgB,GAChB,EAAQ,KAAK,EAAE,OAAS,CAEE,CAC9B,EAEA,EAAQ,EAER,IAAM,EAAW,IAAI,eAAe,CAAO,EAG3C,OAFA,EAAS,QAAQ,CAAO,MAEX,EAAS,WAAW,CACnC,EAAG,CAAC,EAAS,CAAU,CAAC,EAExB,IAAM,EAAc,GAAiB,CAAC,EAEtC,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4BAAf,EACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,UAAW,EAAA,GACT,8DACA,GAAe,cACjB,YAEA,EAAA,EAAA,KAAC,EAAA,iBAAD,CACE,gBAAA,GACA,gBAAA,GACA,UAAW,GACX,WAAY,WAEX,CACe,CAAA,CACf,CAAA,EAEJ,GACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,MAAD,CACE,cAAA,GACA,cAAY,mCACZ,UAAU,oGACX,CAAA,GACD,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,yBACZ,UAAW,EAAA,GACT,iRACA,EAAa,cAAgB,WAC/B,WAEC,EAAE,EAAA,QAAQ,gBAAgB,CACvB,CAAA,CACN,CAAA,CAAA,EACA,IACD,GAET"}
+{"version":3,"file":"user-message-body.cjs","names":[],"sources":["../../../../src/components/features/chat/user-message-body.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { MarkdownRenderer } from \"../markdown/markdown-renderer\";\nimport { ChatAnchor, ChatCode, ChatStrong } from \"./chat-markdown-path-code\";\n\nconst USER_MESSAGE_MAX_LINES = 5;\nconst USER_MESSAGE_LENGTH_THRESHOLD = 360;\nexport const USER_MESSAGE_LINE_HEIGHT_PX = 24;\n\nexport const chatBubbleMarkdownComponents = {\n  p: ({ children }: React.ComponentProps<\"p\">) => (\n    <p className=\"m-0 leading-6\">{children}</p>\n  ),\n  code: ChatCode,\n  a: ChatAnchor,\n  strong: ChatStrong,\n};\n\nexport function UserMessageBody({\n  message,\n  isHovering,\n  isExpanded,\n  onTruncatableChange,\n}: {\n  message: string;\n  isHovering: boolean;\n  isExpanded: boolean;\n  onTruncatableChange: (truncatable: boolean) => void;\n}) {\n  const { t } = useTranslation(\"openhands\");\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const [isTruncatable, setIsTruncatable] = React.useState(false);\n\n  React.useEffect(() => {\n    onTruncatableChange(isTruncatable);\n  }, [isTruncatable, onTruncatableChange]);\n\n  React.useLayoutEffect(() => {\n    const content = contentRef.current;\n    if (!content || isExpanded) {\n      setIsTruncatable(false);\n      return undefined;\n    }\n\n    const measure = () => {\n      const lineHeight = Number.parseFloat(\n        getComputedStyle(content).lineHeight,\n      );\n      const linePx =\n        Number.isFinite(lineHeight) && lineHeight > 0\n          ? lineHeight\n          : USER_MESSAGE_LINE_HEIGHT_PX;\n      const maxHeight = USER_MESSAGE_MAX_LINES * linePx;\n      const newlineCount = (message.match(/\\n/g) ?? []).length;\n\n      const truncatable =\n        content.scrollHeight > maxHeight + 1 ||\n        newlineCount >= USER_MESSAGE_MAX_LINES ||\n        message.trim().length > USER_MESSAGE_LENGTH_THRESHOLD;\n\n      setIsTruncatable(truncatable);\n    };\n\n    measure();\n\n    const observer = new ResizeObserver(measure);\n    observer.observe(content);\n\n    return () => observer.disconnect();\n  }, [message, isExpanded]);\n\n  const isCollapsed = isTruncatable && !isExpanded;\n\n  return (\n    <div className=\"relative min-w-0\">\n      <div\n        ref={contentRef}\n        className={cn(\n          \"text-sm leading-6 whitespace-normal [word-break:break-word]\",\n          isCollapsed && \"line-clamp-5\",\n        )}\n      >\n        <MarkdownRenderer\n          includeStandard\n          includeHeadings\n          allowHtml={false}\n          components={chatBubbleMarkdownComponents}\n        >\n          {message}\n        </MarkdownRenderer>\n      </div>\n\n      {isCollapsed ? (\n        <>\n          <div\n            aria-hidden\n            data-testid=\"chat-message-truncation-gradient\"\n            className=\"pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-tertiary to-transparent\"\n          />\n          <span\n            data-testid=\"chat-message-view-more\"\n            className={cn(\n              \"pointer-events-none absolute bottom-1 left-1/2 z-10 inline-flex -translate-x-1/2 items-center rounded-full border border-[var(--oh-border-subtle)] bg-[var(--oh-surface-raised)] px-2.5 py-0.5 text-xs font-normal text-[var(--oh-foreground)] transition-opacity duration-150\",\n              isHovering ? \"opacity-100\" : \"opacity-0\",\n            )}\n          >\n            {t(I18nKey.COMMON$VIEW_MORE)}\n          </span>\n        </>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"6XAOA,IAAM,EAAyB,EACzB,EAAgC,IAGzB,EAA+B,CAC1C,GAAI,CAAE,eACJ,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,gBAAiB,UAAY,CAAA,EAE5C,KAAM,EAAA,SACN,EAAG,EAAA,WACH,OAAQ,EAAA,UACV,EAEA,SAAgB,EAAgB,CAC9B,UACA,aACA,aACA,uBAMC,CACD,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAa,EAAA,QAAM,OAAuB,IAAI,EAC9C,CAAC,EAAe,GAAoB,EAAA,QAAM,SAAS,EAAK,EAE9D,EAAA,QAAM,cAAgB,CACpB,EAAoB,CAAa,CACnC,EAAG,CAAC,EAAe,CAAmB,CAAC,EAEvC,EAAA,QAAM,oBAAsB,CAC1B,IAAM,EAAU,EAAW,QAC3B,GAAI,CAAC,GAAW,EAAY,CAC1B,EAAiB,EAAK,EACtB,MACF,CAEA,IAAM,MAAgB,CACpB,IAAM,EAAa,OAAO,WACxB,iBAAiB,CAAO,EAAE,UAC5B,EAKM,EAAY,GAHhB,OAAO,SAAS,CAAU,GAAK,EAAa,EACxC,EAAA,IAGA,GAAgB,EAAQ,MAAM,KAAK,GAAK,CAAC,GAAG,OAOlD,EAJE,EAAQ,aAAe,EAAY,GACnC,GAAgB,GAChB,EAAQ,KAAK,EAAE,OAAS,CAEE,CAC9B,EAEA,EAAQ,EAER,IAAM,EAAW,IAAI,eAAe,CAAO,EAG3C,OAFA,EAAS,QAAQ,CAAO,MAEX,EAAS,WAAW,CACnC,EAAG,CAAC,EAAS,CAAU,CAAC,EAExB,IAAM,EAAc,GAAiB,CAAC,EAEtC,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4BAAf,EACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,UAAW,EAAA,GACT,8DACA,GAAe,cACjB,YAEA,EAAA,EAAA,KAAC,EAAA,iBAAD,CACE,gBAAA,GACA,gBAAA,GACA,UAAW,GACX,WAAY,WAEX,CACe,CAAA,CACf,CAAA,EAEJ,GACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,MAAD,CACE,cAAA,GACA,cAAY,mCACZ,UAAU,oGACX,CAAA,GACD,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,yBACZ,UAAW,EAAA,GACT,iRACA,EAAa,cAAgB,WAC/B,WAEC,EAAE,EAAA,QAAQ,gBAAgB,CACvB,CAAA,CACN,CAAA,CAAA,EACA,IACD,GAET"}

package/dist/components/features/chat/user-message-body.d.ts

@@ -1,7 +1,11 @@
 import React from "react";
+import { ChatAnchor, ChatCode, ChatStrong } from "./chat-markdown-path-code";
 export declare const USER_MESSAGE_LINE_HEIGHT_PX = 24;
 export declare const chatBubbleMarkdownComponents: {
     p: ({ children }: React.ComponentProps<"p">) => React.JSX.Element;
+    code: typeof ChatCode;
+    a: typeof ChatAnchor;
+    strong: typeof ChatStrong;
 };
 export declare function UserMessageBody({ message, isHovering, isExpanded, onTruncatableChange, }: {
     message: string;

package/dist/components/features/chat/user-message-body.js

@@ -2,56 +2,62 @@ import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es
 import { I18nKey as t } from "../../../i18n/declaration.js";
 import { cn as n } from "../../../utils/utils.js";
 import { MarkdownRenderer as r } from "../markdown/markdown-renderer.js";
-import i from "react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { ChatAnchor as i, ChatCode as a, ChatStrong as o } from "./chat-markdown-path-code.js";
+import s from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/features/chat/user-message-body.tsx
-var c = 5, l = 360, u = { p: ({ children: e }) => /* @__PURE__ */ o("p", {
-	className: "m-0 leading-6",
-	children: e
-}) };
-function d({ message: d, isHovering: f, isExpanded: p, onTruncatableChange: m }) {
-	let { t: h } = e("openhands"), g = i.useRef(null), [_, v] = i.useState(!1);
-	i.useEffect(() => {
+var d = 5, f = 360, p = {
+	p: ({ children: e }) => /* @__PURE__ */ l("p", {
+		className: "m-0 leading-6",
+		children: e
+	}),
+	code: a,
+	a: i,
+	strong: o
+};
+function m({ message: i, isHovering: a, isExpanded: o, onTruncatableChange: m }) {
+	let { t: h } = e("openhands"), g = s.useRef(null), [_, v] = s.useState(!1);
+	s.useEffect(() => {
 		m(_);
-	}, [_, m]), i.useLayoutEffect(() => {
+	}, [_, m]), s.useLayoutEffect(() => {
 		let e = g.current;
-		if (!e || p) {
+		if (!e || o) {
 			v(!1);
 			return;
 		}
 		let t = () => {
-			let t = Number.parseFloat(getComputedStyle(e).lineHeight), n = c * (Number.isFinite(t) && t > 0 ? t : 24), r = (d.match(/\n/g) ?? []).length;
-			v(e.scrollHeight > n + 1 || r >= c || d.trim().length > l);
+			let t = Number.parseFloat(getComputedStyle(e).lineHeight), n = d * (Number.isFinite(t) && t > 0 ? t : 24), r = (i.match(/\n/g) ?? []).length;
+			v(e.scrollHeight > n + 1 || r >= d || i.trim().length > f);
 		};
 		t();
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
-	}, [d, p]);
-	let y = _ && !p;
-	return /* @__PURE__ */ s("div", {
+	}, [i, o]);
+	let y = _ && !o;
+	return /* @__PURE__ */ u("div", {
 		className: "relative min-w-0",
-		children: [/* @__PURE__ */ o("div", {
+		children: [/* @__PURE__ */ l("div", {
 			ref: g,
 			className: n("text-sm leading-6 whitespace-normal [word-break:break-word]", y && "line-clamp-5"),
-			children: /* @__PURE__ */ o(r, {
+			children: /* @__PURE__ */ l(r, {
 				includeStandard: !0,
 				includeHeadings: !0,
 				allowHtml: !1,
-				components: u,
-				children: d
+				components: p,
+				children: i
 			})
-		}), y ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("div", {
+		}), y ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("div", {
 			"aria-hidden": !0,
 			"data-testid": "chat-message-truncation-gradient",
 			className: "pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-tertiary to-transparent"
-		}), /* @__PURE__ */ o("span", {
+		}), /* @__PURE__ */ l("span", {
 			"data-testid": "chat-message-view-more",
-			className: n("pointer-events-none absolute bottom-1 left-1/2 z-10 inline-flex -translate-x-1/2 items-center rounded-full border border-[var(--oh-border-subtle)] bg-[var(--oh-surface-raised)] px-2.5 py-0.5 text-xs font-normal text-[var(--oh-foreground)] transition-opacity duration-150", f ? "opacity-100" : "opacity-0"),
+			className: n("pointer-events-none absolute bottom-1 left-1/2 z-10 inline-flex -translate-x-1/2 items-center rounded-full border border-[var(--oh-border-subtle)] bg-[var(--oh-surface-raised)] px-2.5 py-0.5 text-xs font-normal text-[var(--oh-foreground)] transition-opacity duration-150", a ? "opacity-100" : "opacity-0"),
 			children: h(t.COMMON$VIEW_MORE)
 		})] }) : null]
 	});
 }
 //#endregion
-export { d as UserMessageBody, u as chatBubbleMarkdownComponents };
+export { m as UserMessageBody, p as chatBubbleMarkdownComponents };
 
 //# sourceMappingURL=user-message-body.js.map

package/dist/components/features/chat/user-message-body.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-message-body.js","names":[],"sources":["../../../../src/components/features/chat/user-message-body.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { MarkdownRenderer } from \"../markdown/markdown-renderer\";\n\nconst USER_MESSAGE_MAX_LINES = 5;\nconst USER_MESSAGE_LENGTH_THRESHOLD = 360;\nexport const USER_MESSAGE_LINE_HEIGHT_PX = 24;\n\nexport const chatBubbleMarkdownComponents = {\n  p: ({ children }: React.ComponentProps<\"p\">) => (\n    <p className=\"m-0 leading-6\">{children}</p>\n  ),\n};\n\nexport function UserMessageBody({\n  message,\n  isHovering,\n  isExpanded,\n  onTruncatableChange,\n}: {\n  message: string;\n  isHovering: boolean;\n  isExpanded: boolean;\n  onTruncatableChange: (truncatable: boolean) => void;\n}) {\n  const { t } = useTranslation(\"openhands\");\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const [isTruncatable, setIsTruncatable] = React.useState(false);\n\n  React.useEffect(() => {\n    onTruncatableChange(isTruncatable);\n  }, [isTruncatable, onTruncatableChange]);\n\n  React.useLayoutEffect(() => {\n    const content = contentRef.current;\n    if (!content || isExpanded) {\n      setIsTruncatable(false);\n      return undefined;\n    }\n\n    const measure = () => {\n      const lineHeight = Number.parseFloat(\n        getComputedStyle(content).lineHeight,\n      );\n      const linePx =\n        Number.isFinite(lineHeight) && lineHeight > 0\n          ? lineHeight\n          : USER_MESSAGE_LINE_HEIGHT_PX;\n      const maxHeight = USER_MESSAGE_MAX_LINES * linePx;\n      const newlineCount = (message.match(/\\n/g) ?? []).length;\n\n      const truncatable =\n        content.scrollHeight > maxHeight + 1 ||\n        newlineCount >= USER_MESSAGE_MAX_LINES ||\n        message.trim().length > USER_MESSAGE_LENGTH_THRESHOLD;\n\n      setIsTruncatable(truncatable);\n    };\n\n    measure();\n\n    const observer = new ResizeObserver(measure);\n    observer.observe(content);\n\n    return () => observer.disconnect();\n  }, [message, isExpanded]);\n\n  const isCollapsed = isTruncatable && !isExpanded;\n\n  return (\n    <div className=\"relative min-w-0\">\n      <div\n        ref={contentRef}\n        className={cn(\n          \"text-sm leading-6 whitespace-normal [word-break:break-word]\",\n          isCollapsed && \"line-clamp-5\",\n        )}\n      >\n        <MarkdownRenderer\n          includeStandard\n          includeHeadings\n          allowHtml={false}\n          components={chatBubbleMarkdownComponents}\n        >\n          {message}\n        </MarkdownRenderer>\n      </div>\n\n      {isCollapsed ? (\n        <>\n          <div\n            aria-hidden\n            data-testid=\"chat-message-truncation-gradient\"\n            className=\"pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-tertiary to-transparent\"\n          />\n          <span\n            data-testid=\"chat-message-view-more\"\n            className={cn(\n              \"pointer-events-none absolute bottom-1 left-1/2 z-10 inline-flex -translate-x-1/2 items-center rounded-full border border-[var(--oh-border-subtle)] bg-[var(--oh-surface-raised)] px-2.5 py-0.5 text-xs font-normal text-[var(--oh-foreground)] transition-opacity duration-150\",\n              isHovering ? \"opacity-100\" : \"opacity-0\",\n            )}\n          >\n            {t(I18nKey.COMMON$VIEW_MORE)}\n          </span>\n        </>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAMA,IAAM,IAAyB,GACzB,IAAgC,KAGzB,IAA+B,EAC1C,IAAI,EAAE,kBACJ,kBAAC,KAAD;CAAG,WAAU;CAAiB;AAAY,CAAA,EAE9C;AAEA,SAAgB,EAAgB,EAC9B,YACA,eACA,eACA,0BAMC;CACD,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAa,EAAM,OAAuB,IAAI,GAC9C,CAAC,GAAe,KAAoB,EAAM,SAAS,EAAK;CAM9D,AAJA,EAAM,gBAAgB;EACpB,EAAoB,CAAa;CACnC,GAAG,CAAC,GAAe,CAAmB,CAAC,GAEvC,EAAM,sBAAsB;EAC1B,IAAM,IAAU,EAAW;EAC3B,IAAI,CAAC,KAAW,GAAY;GAC1B,EAAiB,EAAK;GACtB;EACF;EAEA,IAAM,UAAgB;GACpB,IAAM,IAAa,OAAO,WACxB,iBAAiB,CAAO,EAAE,UAC5B,GAKM,IAAY,KAHhB,OAAO,SAAS,CAAU,KAAK,IAAa,IACxC,IAAA,KAGA,KAAgB,EAAQ,MAAM,KAAK,KAAK,CAAC,GAAG;GAOlD,EAJE,EAAQ,eAAe,IAAY,KACnC,KAAgB,KAChB,EAAQ,KAAK,EAAE,SAAS,CAEE;EAC9B;EAEA,EAAQ;EAER,IAAM,IAAW,IAAI,eAAe,CAAO;EAG3C,OAFA,EAAS,QAAQ,CAAO,SAEX,EAAS,WAAW;CACnC,GAAG,CAAC,GAAS,CAAU,CAAC;CAExB,IAAM,IAAc,KAAiB,CAAC;CAEtC,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GACE,KAAK;GACL,WAAW,EACT,+DACA,KAAe,cACjB;aAEA,kBAAC,GAAD;IACE,iBAAA;IACA,iBAAA;IACA,WAAW;IACX,YAAY;cAEX;GACe,CAAA;EACf,CAAA,GAEJ,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;GACE,eAAA;GACA,eAAY;GACZ,WAAU;EACX,CAAA,GACD,kBAAC,QAAD;GACE,eAAY;GACZ,WAAW,EACT,kRACA,IAAa,gBAAgB,WAC/B;aAEC,EAAE,EAAQ,gBAAgB;EACvB,CAAA,CACN,EAAA,CAAA,IACA,IACD;;AAET"}
+{"version":3,"file":"user-message-body.js","names":[],"sources":["../../../../src/components/features/chat/user-message-body.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { MarkdownRenderer } from \"../markdown/markdown-renderer\";\nimport { ChatAnchor, ChatCode, ChatStrong } from \"./chat-markdown-path-code\";\n\nconst USER_MESSAGE_MAX_LINES = 5;\nconst USER_MESSAGE_LENGTH_THRESHOLD = 360;\nexport const USER_MESSAGE_LINE_HEIGHT_PX = 24;\n\nexport const chatBubbleMarkdownComponents = {\n  p: ({ children }: React.ComponentProps<\"p\">) => (\n    <p className=\"m-0 leading-6\">{children}</p>\n  ),\n  code: ChatCode,\n  a: ChatAnchor,\n  strong: ChatStrong,\n};\n\nexport function UserMessageBody({\n  message,\n  isHovering,\n  isExpanded,\n  onTruncatableChange,\n}: {\n  message: string;\n  isHovering: boolean;\n  isExpanded: boolean;\n  onTruncatableChange: (truncatable: boolean) => void;\n}) {\n  const { t } = useTranslation(\"openhands\");\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const [isTruncatable, setIsTruncatable] = React.useState(false);\n\n  React.useEffect(() => {\n    onTruncatableChange(isTruncatable);\n  }, [isTruncatable, onTruncatableChange]);\n\n  React.useLayoutEffect(() => {\n    const content = contentRef.current;\n    if (!content || isExpanded) {\n      setIsTruncatable(false);\n      return undefined;\n    }\n\n    const measure = () => {\n      const lineHeight = Number.parseFloat(\n        getComputedStyle(content).lineHeight,\n      );\n      const linePx =\n        Number.isFinite(lineHeight) && lineHeight > 0\n          ? lineHeight\n          : USER_MESSAGE_LINE_HEIGHT_PX;\n      const maxHeight = USER_MESSAGE_MAX_LINES * linePx;\n      const newlineCount = (message.match(/\\n/g) ?? []).length;\n\n      const truncatable =\n        content.scrollHeight > maxHeight + 1 ||\n        newlineCount >= USER_MESSAGE_MAX_LINES ||\n        message.trim().length > USER_MESSAGE_LENGTH_THRESHOLD;\n\n      setIsTruncatable(truncatable);\n    };\n\n    measure();\n\n    const observer = new ResizeObserver(measure);\n    observer.observe(content);\n\n    return () => observer.disconnect();\n  }, [message, isExpanded]);\n\n  const isCollapsed = isTruncatable && !isExpanded;\n\n  return (\n    <div className=\"relative min-w-0\">\n      <div\n        ref={contentRef}\n        className={cn(\n          \"text-sm leading-6 whitespace-normal [word-break:break-word]\",\n          isCollapsed && \"line-clamp-5\",\n        )}\n      >\n        <MarkdownRenderer\n          includeStandard\n          includeHeadings\n          allowHtml={false}\n          components={chatBubbleMarkdownComponents}\n        >\n          {message}\n        </MarkdownRenderer>\n      </div>\n\n      {isCollapsed ? (\n        <>\n          <div\n            aria-hidden\n            data-testid=\"chat-message-truncation-gradient\"\n            className=\"pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-tertiary to-transparent\"\n          />\n          <span\n            data-testid=\"chat-message-view-more\"\n            className={cn(\n              \"pointer-events-none absolute bottom-1 left-1/2 z-10 inline-flex -translate-x-1/2 items-center rounded-full border border-[var(--oh-border-subtle)] bg-[var(--oh-surface-raised)] px-2.5 py-0.5 text-xs font-normal text-[var(--oh-foreground)] transition-opacity duration-150\",\n              isHovering ? \"opacity-100\" : \"opacity-0\",\n            )}\n          >\n            {t(I18nKey.COMMON$VIEW_MORE)}\n          </span>\n        </>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,IAAM,IAAyB,GACzB,IAAgC,KAGzB,IAA+B;CAC1C,IAAI,EAAE,kBACJ,kBAAC,KAAD;EAAG,WAAU;EAAiB;CAAY,CAAA;CAE5C,MAAM;CACN,GAAG;CACH,QAAQ;AACV;AAEA,SAAgB,EAAgB,EAC9B,YACA,eACA,eACA,0BAMC;CACD,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAa,EAAM,OAAuB,IAAI,GAC9C,CAAC,GAAe,KAAoB,EAAM,SAAS,EAAK;CAM9D,AAJA,EAAM,gBAAgB;EACpB,EAAoB,CAAa;CACnC,GAAG,CAAC,GAAe,CAAmB,CAAC,GAEvC,EAAM,sBAAsB;EAC1B,IAAM,IAAU,EAAW;EAC3B,IAAI,CAAC,KAAW,GAAY;GAC1B,EAAiB,EAAK;GACtB;EACF;EAEA,IAAM,UAAgB;GACpB,IAAM,IAAa,OAAO,WACxB,iBAAiB,CAAO,EAAE,UAC5B,GAKM,IAAY,KAHhB,OAAO,SAAS,CAAU,KAAK,IAAa,IACxC,IAAA,KAGA,KAAgB,EAAQ,MAAM,KAAK,KAAK,CAAC,GAAG;GAOlD,EAJE,EAAQ,eAAe,IAAY,KACnC,KAAgB,KAChB,EAAQ,KAAK,EAAE,SAAS,CAEE;EAC9B;EAEA,EAAQ;EAER,IAAM,IAAW,IAAI,eAAe,CAAO;EAG3C,OAFA,EAAS,QAAQ,CAAO,SAEX,EAAS,WAAW;CACnC,GAAG,CAAC,GAAS,CAAU,CAAC;CAExB,IAAM,IAAc,KAAiB,CAAC;CAEtC,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GACE,KAAK;GACL,WAAW,EACT,+DACA,KAAe,cACjB;aAEA,kBAAC,GAAD;IACE,iBAAA;IACA,iBAAA;IACA,WAAW;IACX,YAAY;cAEX;GACe,CAAA;EACf,CAAA,GAEJ,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;GACE,eAAA;GACA,eAAY;GACZ,WAAU;EACX,CAAA,GACD,kBAAC,QAAD;GACE,eAAY;GACZ,WAAW,EACT,kRACA,IAAa,gBAAgB,WAC/B;aAEC,EAAE,EAAQ,gBAAgB;EACvB,CAAA,CACN,EAAA,CAAA,IACA,IACD;;AAET"}

package/dist/components/features/command-menu/command-menu-items.d.ts

@@ -18,10 +18,11 @@ export type CommandMenuItemId = "new-chat" | "customize" | "automations" | "mcp"
 export interface CommandMenuItemDefinition {
     id: CommandMenuItemId;
     group: CommandMenuGroupId;
-    titleKey: I18nKey;
-    descriptionKey: I18nKey;
-    keywordsKey: I18nKey;
-    /** Literal copy overriding the i18n key, when a manifest owns it. */
+    /** Absent on an item whose copy a manifest owns, which sets the literal. */
+    titleKey?: I18nKey;
+    descriptionKey?: I18nKey;
+    keywordsKey?: I18nKey;
+    /** Literal copy, for an item a manifest owns. */
     title?: string;
     description?: string;
     keywords?: string;
@@ -29,6 +30,11 @@ export interface CommandMenuItemDefinition {
     to?: string;
     perform?: () => void;
 }
+/**
+ * An item's copy: its literal when a manifest owns the item, its translation
+ * otherwise.
+ */
+export declare function commandMenuItemCopy(literal: string | undefined, key: I18nKey | undefined, translate: (key: I18nKey) => string): string;
 export declare const COMMAND_MENU_GROUP_LABELS: Record<CommandMenuGroupId, I18nKey>;
 export declare const COMMAND_MENU_GROUP_ORDER: CommandMenuGroupId[];
 export declare const createCommandMenuItems: ({ toggleSidebar, }: {

package/dist/components/features/conversation/conversation-git-actions-menu.cjs

@@ -0,0 +1,2 @@
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/git-commit-horizontal.cjs"),i=require("../../../utils/utils.cjs"),a=require("../../../stores/conversation-store.cjs"),o=require("../../../ui/context-menu.cjs"),s=require("../context-menu/context-menu-list-item.cjs"),c=require("../../../hooks/use-click-outside-element.cjs"),l=require("../../../icons/u-code-branch.cjs"),u=require("../controls/tools-context-menu-icon-text.cjs"),d=require("../../../icons/u-arrow-up.cjs"),f=require("../../../icons/u-arrow-down.cjs"),p=require("../../../icons/u-pr.cjs");let m=require("react");m=e.__toESM(m,1);let h=require("react/jsx-runtime"),g=require("react-dom");g=e.__toESM(g,1);var _=`!w-auto whitespace-nowrap`;function v({anchorRef:e,onClose:v,gitProvider:y,testIdPrefix:b=`conversation-git-actions`}){let{t:x}=t.useTranslation(`openhands`),S=c.useClickOutsideElement(v),C=a.useConversationStore(e=>e.setMessageToSend),[w,T]=(0,m.useState)();return(0,m.useLayoutEffect)(()=>{let t=e.current;if(!t)return;let n=()=>{let e=t.getBoundingClientRect();T({position:`fixed`,top:e.bottom+4,right:window.innerWidth-e.right,zIndex:50})};return n(),window.addEventListener(`resize`,n),window.addEventListener(`scroll`,n,!0),()=>{window.removeEventListener(`resize`,n),window.removeEventListener(`scroll`,n,!0)}},[e]),w?g.default.createPortal((0,h.jsxs)(o.ContextMenu,{ref:S,testId:`${b}-menu`,theme:`popover`,style:w,className:`w-max min-w-[8rem]`,children:[(0,h.jsx)(s.ContextMenuListItem,{testId:`${b}-commit`,onClick:()=>{C(i.getGitCommitPrompt()),v()},className:_,children:(0,h.jsx)(u.ToolsContextMenuIconText,{icon:(0,h.jsx)(r.GitCommitHorizontal,{className:`size-4`,"aria-hidden":!0}),text:x(n.I18nKey.DIFF_VIEWER$COMMITS)})}),(0,h.jsx)(s.ContextMenuListItem,{testId:`${b}-pull`,onClick:()=>{C(i.getGitPullPrompt()),v()},className:_,children:(0,h.jsx)(u.ToolsContextMenuIconText,{icon:(0,h.jsx)(f.default,{width:16,height:16,"aria-hidden":!0}),text:x(n.I18nKey.COMMON$PULL)})}),(0,h.jsx)(s.ContextMenuListItem,{testId:`${b}-push`,onClick:()=>{C(i.getGitPushPrompt(y)),v()},className:_,children:(0,h.jsx)(u.ToolsContextMenuIconText,{icon:(0,h.jsx)(d.default,{width:16,height:16,"aria-hidden":!0}),text:x(n.I18nKey.COMMON$PUSH)})}),(0,h.jsx)(s.ContextMenuListItem,{testId:`${b}-create-pr`,onClick:()=>{C(i.getCreatePRPrompt(y)),v()},className:_,children:(0,h.jsx)(u.ToolsContextMenuIconText,{icon:(0,h.jsx)(p.default,{width:16,height:16,"aria-hidden":!0}),text:x(n.I18nKey.COMMON$CREATE_PR)})}),(0,h.jsx)(s.ContextMenuListItem,{testId:`${b}-create-new-branch`,onClick:()=>{C(i.getCreateNewBranchPrompt()),v()},className:_,children:(0,h.jsx)(u.ToolsContextMenuIconText,{icon:(0,h.jsx)(l.default,{width:16,height:16,"aria-hidden":!0}),text:x(n.I18nKey.COMMON$CREATE_NEW_BRANCH)})})]}),document.body):null}exports.ConversationGitActionsMenu=v;
+//# sourceMappingURL=conversation-git-actions-menu.cjs.map

package/dist/components/features/conversation/conversation-git-actions-menu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-git-actions-menu.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-git-actions-menu.tsx"],"sourcesContent":["import React, { useLayoutEffect, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { GitCommitHorizontal } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport ArrowDownIcon from \"#/icons/u-arrow-down.svg?react\";\nimport ArrowUpIcon from \"#/icons/u-arrow-up.svg?react\";\nimport CodeBranchIcon from \"#/icons/u-code-branch.svg?react\";\nimport PrIcon from \"#/icons/u-pr.svg?react\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { ContextMenuListItem } from \"#/components/features/context-menu/context-menu-list-item\";\nimport { ToolsContextMenuIconText } from \"#/components/features/controls/tools-context-menu-icon-text\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport {\n  getCreateNewBranchPrompt,\n  getCreatePRPrompt,\n  getGitCommitPrompt,\n  getGitPullPrompt,\n  getGitPushPrompt,\n} from \"#/utils/utils\";\nimport { Provider } from \"#/types/settings\";\n\nconst GIT_MENU_ITEM_CLASSNAME = \"!w-auto whitespace-nowrap\";\n\ninterface ConversationGitActionsMenuProps {\n  anchorRef: React.RefObject<HTMLButtonElement | null>;\n  onClose: () => void;\n  gitProvider: Provider;\n  /** Prefix for menu/item `data-testid` values (suffixes: -menu, -commit, …). */\n  testIdPrefix?: string;\n}\n\n/**\n * Portaled dropdown of agent-prompt git actions (commit, pull, push, PR, branch).\n * Anchored under a trigger; shared by the overview diffs row and header toggle.\n */\nexport function ConversationGitActionsMenu({\n  anchorRef,\n  onClose,\n  gitProvider,\n  testIdPrefix = \"conversation-git-actions\",\n}: ConversationGitActionsMenuProps) {\n  const { t } = useTranslation(\"openhands\");\n  const menuRef = useClickOutsideElement<HTMLUListElement>(onClose);\n  const setMessageToSend = useConversationStore(\n    (state) => state.setMessageToSend,\n  );\n  const [portalStyle, setPortalStyle] = useState<React.CSSProperties>();\n\n  useLayoutEffect(() => {\n    const anchor = anchorRef.current;\n    if (!anchor) {\n      return undefined;\n    }\n\n    const updatePosition = () => {\n      const rect = anchor.getBoundingClientRect();\n      setPortalStyle({\n        position: \"fixed\",\n        top: rect.bottom + 4,\n        right: window.innerWidth - rect.right,\n        zIndex: 50,\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  }, [anchorRef]);\n\n  const handleCommit = () => {\n    setMessageToSend(getGitCommitPrompt());\n    onClose();\n  };\n\n  const handlePull = () => {\n    setMessageToSend(getGitPullPrompt());\n    onClose();\n  };\n\n  const handlePush = () => {\n    setMessageToSend(getGitPushPrompt(gitProvider));\n    onClose();\n  };\n\n  const handleCreatePr = () => {\n    setMessageToSend(getCreatePRPrompt(gitProvider));\n    onClose();\n  };\n\n  const handleCreateNewBranch = () => {\n    setMessageToSend(getCreateNewBranchPrompt());\n    onClose();\n  };\n\n  if (!portalStyle) {\n    return null;\n  }\n\n  return ReactDOM.createPortal(\n    <ContextMenu\n      ref={menuRef}\n      testId={`${testIdPrefix}-menu`}\n      theme=\"popover\"\n      style={portalStyle}\n      className=\"w-max min-w-[8rem]\"\n    >\n      <ContextMenuListItem\n        testId={`${testIdPrefix}-commit`}\n        onClick={handleCommit}\n        className={GIT_MENU_ITEM_CLASSNAME}\n      >\n        <ToolsContextMenuIconText\n          icon={<GitCommitHorizontal className=\"size-4\" aria-hidden />}\n          text={t(I18nKey.DIFF_VIEWER$COMMITS)}\n        />\n      </ContextMenuListItem>\n      <ContextMenuListItem\n        testId={`${testIdPrefix}-pull`}\n        onClick={handlePull}\n        className={GIT_MENU_ITEM_CLASSNAME}\n      >\n        <ToolsContextMenuIconText\n          icon={<ArrowDownIcon width={16} height={16} aria-hidden />}\n          text={t(I18nKey.COMMON$PULL)}\n        />\n      </ContextMenuListItem>\n      <ContextMenuListItem\n        testId={`${testIdPrefix}-push`}\n        onClick={handlePush}\n        className={GIT_MENU_ITEM_CLASSNAME}\n      >\n        <ToolsContextMenuIconText\n          icon={<ArrowUpIcon width={16} height={16} aria-hidden />}\n          text={t(I18nKey.COMMON$PUSH)}\n        />\n      </ContextMenuListItem>\n      <ContextMenuListItem\n        testId={`${testIdPrefix}-create-pr`}\n        onClick={handleCreatePr}\n        className={GIT_MENU_ITEM_CLASSNAME}\n      >\n        <ToolsContextMenuIconText\n          icon={<PrIcon width={16} height={16} aria-hidden />}\n          text={t(I18nKey.COMMON$CREATE_PR)}\n        />\n      </ContextMenuListItem>\n      <ContextMenuListItem\n        testId={`${testIdPrefix}-create-new-branch`}\n        onClick={handleCreateNewBranch}\n        className={GIT_MENU_ITEM_CLASSNAME}\n      >\n        <ToolsContextMenuIconText\n          icon={<CodeBranchIcon width={16} height={16} aria-hidden />}\n          text={t(I18nKey.COMMON$CREATE_NEW_BRANCH)}\n        />\n      </ContextMenuListItem>\n    </ContextMenu>,\n    document.body,\n  );\n}\n"],"mappings":"y1BAuBA,IAAM,EAA0B,4BAchC,SAAgB,EAA2B,CACzC,YACA,UACA,cACA,eAAe,4BACmB,CAClC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAU,EAAA,uBAAyC,CAAO,EAC1D,EAAmB,EAAA,qBACtB,GAAU,EAAM,gBACnB,EACM,CAAC,EAAa,IAAA,EAAA,EAAA,UAAgD,EAwDpE,OAtDA,EAAA,EAAA,qBAAsB,CACpB,IAAM,EAAS,EAAU,QACzB,GAAI,CAAC,EACH,OAGF,IAAM,MAAuB,CAC3B,IAAM,EAAO,EAAO,sBAAsB,EAC1C,EAAe,CACb,SAAU,QACV,IAAK,EAAK,OAAS,EACnB,MAAO,OAAO,WAAa,EAAK,MAChC,OAAQ,EACV,CAAC,CACH,EAKA,OAHA,EAAe,EACf,OAAO,iBAAiB,SAAU,CAAc,EAChD,OAAO,iBAAiB,SAAU,EAAgB,EAAI,MACzC,CACX,OAAO,oBAAoB,SAAU,CAAc,EACnD,OAAO,oBAAoB,SAAU,EAAgB,EAAI,CAC3D,CACF,EAAG,CAAC,CAAS,CAAC,EA2BT,EAIE,EAAA,QAAS,cACd,EAAA,EAAA,MAAC,EAAA,YAAD,CACE,IAAK,EACL,OAAQ,GAAG,EAAa,OACxB,MAAM,UACN,MAAO,EACP,UAAU,8BALZ,EAOE,EAAA,EAAA,KAAC,EAAA,oBAAD,CACE,OAAQ,GAAG,EAAa,SACxB,YAvCqB,CACzB,EAAiB,EAAA,mBAAmB,CAAC,EACrC,EAAQ,CACV,EAqCM,UAAW,YAEX,EAAA,EAAA,KAAC,EAAA,yBAAD,CACE,MAAM,EAAA,EAAA,KAAC,EAAA,oBAAD,CAAqB,UAAU,SAAS,cAAA,EAAa,CAAA,EAC3D,KAAM,EAAE,EAAA,QAAQ,mBAAmB,CACpC,CAAA,CACkB,CAAA,GACrB,EAAA,EAAA,KAAC,EAAA,oBAAD,CACE,OAAQ,GAAG,EAAa,OACxB,YA5CmB,CACvB,EAAiB,EAAA,iBAAiB,CAAC,EACnC,EAAQ,CACV,EA0CM,UAAW,YAEX,EAAA,EAAA,KAAC,EAAA,yBAAD,CACE,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAe,MAAO,GAAI,OAAQ,GAAI,cAAA,EAAa,CAAA,EACzD,KAAM,EAAE,EAAA,QAAQ,WAAW,CAC5B,CAAA,CACkB,CAAA,GACrB,EAAA,EAAA,KAAC,EAAA,oBAAD,CACE,OAAQ,GAAG,EAAa,OACxB,YAjDmB,CACvB,EAAiB,EAAA,iBAAiB,CAAW,CAAC,EAC9C,EAAQ,CACV,EA+CM,UAAW,YAEX,EAAA,EAAA,KAAC,EAAA,yBAAD,CACE,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAa,MAAO,GAAI,OAAQ,GAAI,cAAA,EAAa,CAAA,EACvD,KAAM,EAAE,EAAA,QAAQ,WAAW,CAC5B,CAAA,CACkB,CAAA,GACrB,EAAA,EAAA,KAAC,EAAA,oBAAD,CACE,OAAQ,GAAG,EAAa,YACxB,YAtDuB,CAC3B,EAAiB,EAAA,kBAAkB,CAAW,CAAC,EAC/C,EAAQ,CACV,EAoDM,UAAW,YAEX,EAAA,EAAA,KAAC,EAAA,yBAAD,CACE,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAQ,MAAO,GAAI,OAAQ,GAAI,cAAA,EAAa,CAAA,EAClD,KAAM,EAAE,EAAA,QAAQ,gBAAgB,CACjC,CAAA,CACkB,CAAA,GACrB,EAAA,EAAA,KAAC,EAAA,oBAAD,CACE,OAAQ,GAAG,EAAa,oBACxB,YA3D8B,CAClC,EAAiB,EAAA,yBAAyB,CAAC,EAC3C,EAAQ,CACV,EAyDM,UAAW,YAEX,EAAA,EAAA,KAAC,EAAA,yBAAD,CACE,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAgB,MAAO,GAAI,OAAQ,GAAI,cAAA,EAAa,CAAA,EAC1D,KAAM,EAAE,EAAA,QAAQ,wBAAwB,CACzC,CAAA,CACkB,CAAA,CACV,IACb,SAAS,IACX,EA/DS,IAgEX"}

package/dist/components/features/conversation/conversation-git-actions-menu.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { Provider } from "#/types/settings";
+interface ConversationGitActionsMenuProps {
+    anchorRef: React.RefObject<HTMLButtonElement | null>;
+    onClose: () => void;
+    gitProvider: Provider;
+    /** Prefix for menu/item `data-testid` values (suffixes: -menu, -commit, …). */
+    testIdPrefix?: string;
+}
+/**
+ * Portaled dropdown of agent-prompt git actions (commit, pull, push, PR, branch).
+ * Anchored under a trigger; shared by the overview diffs row and header toggle.
+ */
+export declare function ConversationGitActionsMenu({ anchorRef, onClose, gitProvider, testIdPrefix, }: ConversationGitActionsMenuProps): React.ReactPortal | null;
+export {};

package/dist/components/features/conversation/conversation-git-actions-menu.js

@@ -0,0 +1,123 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { GitCommitHorizontal as n } from "../../../node_modules/lucide-react/dist/esm/icons/git-commit-horizontal.js";
+import { getCreateNewBranchPrompt as r, getCreatePRPrompt as i, getGitCommitPrompt as a, getGitPullPrompt as o, getGitPushPrompt as s } from "../../../utils/utils.js";
+import { useConversationStore as c } from "../../../stores/conversation-store.js";
+import { ContextMenu as l } from "../../../ui/context-menu.js";
+import { ContextMenuListItem as u } from "../context-menu/context-menu-list-item.js";
+import { useClickOutsideElement as d } from "../../../hooks/use-click-outside-element.js";
+import f from "../../../icons/u-code-branch.js";
+import { ToolsContextMenuIconText as p } from "../controls/tools-context-menu-icon-text.js";
+import m from "../../../icons/u-arrow-up.js";
+import h from "../../../icons/u-arrow-down.js";
+import g from "../../../icons/u-pr.js";
+import { useLayoutEffect as _, useState as v } from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import x from "react-dom";
+//#region src/components/features/conversation/conversation-git-actions-menu.tsx
+var S = "!w-auto whitespace-nowrap";
+function C({ anchorRef: C, onClose: w, gitProvider: T, testIdPrefix: E = "conversation-git-actions" }) {
+	let { t: D } = e("openhands"), O = d(w), k = c((e) => e.setMessageToSend), [A, j] = v();
+	return _(() => {
+		let e = C.current;
+		if (!e) return;
+		let t = () => {
+			let t = e.getBoundingClientRect();
+			j({
+				position: "fixed",
+				top: t.bottom + 4,
+				right: window.innerWidth - t.right,
+				zIndex: 50
+			});
+		};
+		return t(), window.addEventListener("resize", t), window.addEventListener("scroll", t, !0), () => {
+			window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
+		};
+	}, [C]), A ? x.createPortal(/* @__PURE__ */ b(l, {
+		ref: O,
+		testId: `${E}-menu`,
+		theme: "popover",
+		style: A,
+		className: "w-max min-w-[8rem]",
+		children: [
+			/* @__PURE__ */ y(u, {
+				testId: `${E}-commit`,
+				onClick: () => {
+					k(a()), w();
+				},
+				className: S,
+				children: /* @__PURE__ */ y(p, {
+					icon: /* @__PURE__ */ y(n, {
+						className: "size-4",
+						"aria-hidden": !0
+					}),
+					text: D(t.DIFF_VIEWER$COMMITS)
+				})
+			}),
+			/* @__PURE__ */ y(u, {
+				testId: `${E}-pull`,
+				onClick: () => {
+					k(o()), w();
+				},
+				className: S,
+				children: /* @__PURE__ */ y(p, {
+					icon: /* @__PURE__ */ y(h, {
+						width: 16,
+						height: 16,
+						"aria-hidden": !0
+					}),
+					text: D(t.COMMON$PULL)
+				})
+			}),
+			/* @__PURE__ */ y(u, {
+				testId: `${E}-push`,
+				onClick: () => {
+					k(s(T)), w();
+				},
+				className: S,
+				children: /* @__PURE__ */ y(p, {
+					icon: /* @__PURE__ */ y(m, {
+						width: 16,
+						height: 16,
+						"aria-hidden": !0
+					}),
+					text: D(t.COMMON$PUSH)
+				})
+			}),
+			/* @__PURE__ */ y(u, {
+				testId: `${E}-create-pr`,
+				onClick: () => {
+					k(i(T)), w();
+				},
+				className: S,
+				children: /* @__PURE__ */ y(p, {
+					icon: /* @__PURE__ */ y(g, {
+						width: 16,
+						height: 16,
+						"aria-hidden": !0
+					}),
+					text: D(t.COMMON$CREATE_PR)
+				})
+			}),
+			/* @__PURE__ */ y(u, {
+				testId: `${E}-create-new-branch`,
+				onClick: () => {
+					k(r()), w();
+				},
+				className: S,
+				children: /* @__PURE__ */ y(p, {
+					icon: /* @__PURE__ */ y(f, {
+						width: 16,
+						height: 16,
+						"aria-hidden": !0
+					}),
+					text: D(t.COMMON$CREATE_NEW_BRANCH)
+				})
+			})
+		]
+	}), document.body) : null;
+}
+//#endregion
+export { C as ConversationGitActionsMenu };
+
+//# sourceMappingURL=conversation-git-actions-menu.js.map

package/dist/components/features/conversation/conversation-git-actions-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-git-actions-menu.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-git-actions-menu.tsx"],"sourcesContent":["import React, { useLayoutEffect, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { GitCommitHorizontal } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport ArrowDownIcon from \"#/icons/u-arrow-down.svg?react\";\nimport ArrowUpIcon from \"#/icons/u-arrow-up.svg?react\";\nimport CodeBranchIcon from \"#/icons/u-code-branch.svg?react\";\nimport PrIcon from \"#/icons/u-pr.svg?react\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { ContextMenuListItem } from \"#/components/features/context-menu/context-menu-list-item\";\nimport { ToolsContextMenuIconText } from \"#/components/features/controls/tools-context-menu-icon-text\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport {\n  getCreateNewBranchPrompt,\n  getCreatePRPrompt,\n  getGitCommitPrompt,\n  getGitPullPrompt,\n  getGitPushPrompt,\n} from \"#/utils/utils\";\nimport { Provider } from \"#/types/settings\";\n\nconst GIT_MENU_ITEM_CLASSNAME = \"!w-auto whitespace-nowrap\";\n\ninterface ConversationGitActionsMenuProps {\n  anchorRef: React.RefObject<HTMLButtonElement | null>;\n  onClose: () => void;\n  gitProvider: Provider;\n  /** Prefix for menu/item `data-testid` values (suffixes: -menu, -commit, …). */\n  testIdPrefix?: string;\n}\n\n/**\n * Portaled dropdown of agent-prompt git actions (commit, pull, push, PR, branch).\n * Anchored under a trigger; shared by the overview diffs row and header toggle.\n */\nexport function ConversationGitActionsMenu({\n  anchorRef,\n  onClose,\n  gitProvider,\n  testIdPrefix = \"conversation-git-actions\",\n}: ConversationGitActionsMenuProps) {\n  const { t } = useTranslation(\"openhands\");\n  const menuRef = useClickOutsideElement<HTMLUListElement>(onClose);\n  const setMessageToSend = useConversationStore(\n    (state) => state.setMessageToSend,\n  );\n  const [portalStyle, setPortalStyle] = useState<React.CSSProperties>();\n\n  useLayoutEffect(() => {\n    const anchor = anchorRef.current;\n    if (!anchor) {\n      return undefined;\n    }\n\n    const updatePosition = () => {\n      const rect = anchor.getBoundingClientRect();\n      setPortalStyle({\n        position: \"fixed\",\n        top: rect.bottom + 4,\n        right: window.innerWidth - rect.right,\n        zIndex: 50,\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  }, [anchorRef]);\n\n  const handleCommit = () => {\n    setMessageToSend(getGitCommitPrompt());\n    onClose();\n  };\n\n  const handlePull = () => {\n    setMessageToSend(getGitPullPrompt());\n    onClose();\n  };\n\n  const handlePush = () => {\n    setMessageToSend(getGitPushPrompt(gitProvider));\n    onClose();\n  };\n\n  const handleCreatePr = () => {\n    setMessageToSend(getCreatePRPrompt(gitProvider));\n    onClose();\n  };\n\n  const handleCreateNewBranch = () => {\n    setMessageToSend(getCreateNewBranchPrompt());\n    onClose();\n  };\n\n  if (!portalStyle) {\n    return null;\n  }\n\n  return ReactDOM.createPortal(\n    <ContextMenu\n      ref={menuRef}\n      testId={`${testIdPrefix}-menu`}\n      theme=\"popover\"\n      style={portalStyle}\n      className=\"w-max min-w-[8rem]\"\n    >\n      <ContextMenuListItem\n        testId={`${testIdPrefix}-commit`}\n        onClick={handleCommit}\n        className={GIT_MENU_ITEM_CLASSNAME}\n      >\n        <ToolsContextMenuIconText\n          icon={<GitCommitHorizontal className=\"size-4\" aria-hidden />}\n          text={t(I18nKey.DIFF_VIEWER$COMMITS)}\n        />\n      </ContextMenuListItem>\n      <ContextMenuListItem\n        testId={`${testIdPrefix}-pull`}\n        onClick={handlePull}\n        className={GIT_MENU_ITEM_CLASSNAME}\n      >\n        <ToolsContextMenuIconText\n          icon={<ArrowDownIcon width={16} height={16} aria-hidden />}\n          text={t(I18nKey.COMMON$PULL)}\n        />\n      </ContextMenuListItem>\n      <ContextMenuListItem\n        testId={`${testIdPrefix}-push`}\n        onClick={handlePush}\n        className={GIT_MENU_ITEM_CLASSNAME}\n      >\n        <ToolsContextMenuIconText\n          icon={<ArrowUpIcon width={16} height={16} aria-hidden />}\n          text={t(I18nKey.COMMON$PUSH)}\n        />\n      </ContextMenuListItem>\n      <ContextMenuListItem\n        testId={`${testIdPrefix}-create-pr`}\n        onClick={handleCreatePr}\n        className={GIT_MENU_ITEM_CLASSNAME}\n      >\n        <ToolsContextMenuIconText\n          icon={<PrIcon width={16} height={16} aria-hidden />}\n          text={t(I18nKey.COMMON$CREATE_PR)}\n        />\n      </ContextMenuListItem>\n      <ContextMenuListItem\n        testId={`${testIdPrefix}-create-new-branch`}\n        onClick={handleCreateNewBranch}\n        className={GIT_MENU_ITEM_CLASSNAME}\n      >\n        <ToolsContextMenuIconText\n          icon={<CodeBranchIcon width={16} height={16} aria-hidden />}\n          text={t(I18nKey.COMMON$CREATE_NEW_BRANCH)}\n        />\n      </ContextMenuListItem>\n    </ContextMenu>,\n    document.body,\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,IAAM,IAA0B;AAchC,SAAgB,EAA2B,EACzC,cACA,YACA,gBACA,kBAAe,8BACmB;CAClC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAU,EAAyC,CAAO,GAC1D,IAAmB,GACtB,MAAU,EAAM,gBACnB,GACM,CAAC,GAAa,KAAkB,EAA8B;CAwDpE,OAtDA,QAAsB;EACpB,IAAM,IAAS,EAAU;EACzB,IAAI,CAAC,GACH;EAGF,IAAM,UAAuB;GAC3B,IAAM,IAAO,EAAO,sBAAsB;GAC1C,EAAe;IACb,UAAU;IACV,KAAK,EAAK,SAAS;IACnB,OAAO,OAAO,aAAa,EAAK;IAChC,QAAQ;GACV,CAAC;EACH;EAKA,OAHA,EAAe,GACf,OAAO,iBAAiB,UAAU,CAAc,GAChD,OAAO,iBAAiB,UAAU,GAAgB,EAAI,SACzC;GAEX,AADA,OAAO,oBAAoB,UAAU,CAAc,GACnD,OAAO,oBAAoB,UAAU,GAAgB,EAAI;EAC3D;CACF,GAAG,CAAC,CAAS,CAAC,GA2BT,IAIE,EAAS,aACd,kBAAC,GAAD;EACE,KAAK;EACL,QAAQ,GAAG,EAAa;EACxB,OAAM;EACN,OAAO;EACP,WAAU;YALZ;GAOE,kBAAC,GAAD;IACE,QAAQ,GAAG,EAAa;IACxB,eAvCqB;KAEzB,AADA,EAAiB,EAAmB,CAAC,GACrC,EAAQ;IACV;IAqCM,WAAW;cAEX,kBAAC,GAAD;KACE,MAAM,kBAAC,GAAD;MAAqB,WAAU;MAAS,eAAA;KAAa,CAAA;KAC3D,MAAM,EAAE,EAAQ,mBAAmB;IACpC,CAAA;GACkB,CAAA;GACrB,kBAAC,GAAD;IACE,QAAQ,GAAG,EAAa;IACxB,eA5CmB;KAEvB,AADA,EAAiB,EAAiB,CAAC,GACnC,EAAQ;IACV;IA0CM,WAAW;cAEX,kBAAC,GAAD;KACE,MAAM,kBAAC,GAAD;MAAe,OAAO;MAAI,QAAQ;MAAI,eAAA;KAAa,CAAA;KACzD,MAAM,EAAE,EAAQ,WAAW;IAC5B,CAAA;GACkB,CAAA;GACrB,kBAAC,GAAD;IACE,QAAQ,GAAG,EAAa;IACxB,eAjDmB;KAEvB,AADA,EAAiB,EAAiB,CAAW,CAAC,GAC9C,EAAQ;IACV;IA+CM,WAAW;cAEX,kBAAC,GAAD;KACE,MAAM,kBAAC,GAAD;MAAa,OAAO;MAAI,QAAQ;MAAI,eAAA;KAAa,CAAA;KACvD,MAAM,EAAE,EAAQ,WAAW;IAC5B,CAAA;GACkB,CAAA;GACrB,kBAAC,GAAD;IACE,QAAQ,GAAG,EAAa;IACxB,eAtDuB;KAE3B,AADA,EAAiB,EAAkB,CAAW,CAAC,GAC/C,EAAQ;IACV;IAoDM,WAAW;cAEX,kBAAC,GAAD;KACE,MAAM,kBAAC,GAAD;MAAQ,OAAO;MAAI,QAAQ;MAAI,eAAA;KAAa,CAAA;KAClD,MAAM,EAAE,EAAQ,gBAAgB;IACjC,CAAA;GACkB,CAAA;GACrB,kBAAC,GAAD;IACE,QAAQ,GAAG,EAAa;IACxB,eA3D8B;KAElC,AADA,EAAiB,EAAyB,CAAC,GAC3C,EAAQ;IACV;IAyDM,WAAW;cAEX,kBAAC,GAAD;KACE,MAAM,kBAAC,GAAD;MAAgB,OAAO;MAAI,QAAQ;MAAI,eAAA;KAAa,CAAA;KAC1D,MAAM,EAAE,EAAQ,wBAAwB;IACzC,CAAA;GACkB,CAAA;EACV;KACb,SAAS,IACX,IA/DS;AAgEX"}

package/dist/components/features/conversation/conversation-git-actions-toggle.cjs

@@ -0,0 +1,2 @@
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/git-commit-horizontal.cjs"),i=require("../../../utils/utils.cjs"),a=require("../../../hooks/query/use-active-conversation.cjs"),o=require("../../../utils/form-control-classes.cjs"),s=require("../../../hooks/use-is-archived-conversation.cjs"),c=require("./conversation-git-actions-menu.cjs"),l=require("../chat/chat-action-tooltip.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=i.cn(`inline-flex h-7 min-h-7 w-fit shrink-0 cursor-pointer items-center justify-center gap-1.5 px-2.5`,`rounded-md text-xs font-normal leading-none`,o.formControlBorderClassName,o.formControlTransitionClassName,`text-[var(--oh-muted)]`,o.formControlMutedHoverClassName,`disabled:cursor-not-allowed disabled:opacity-30`);function p({className:e}){let{t:o}=t.useTranslation(`openhands`),p=s.useIsArchivedConversation(),{data:m}=a.useActiveConversation(),[h,g]=(0,u.useState)(!1),_=(0,u.useRef)(null),v=m?.git_provider??`github`;(0,u.useEffect)(()=>{if(!h)return;let e=e=>{e.key===`Escape`&&g(!1)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[h]);let y=o(n.I18nKey.CONVERSATION$OVERVIEW_DIFF_GIT_ACTIONS),b=(0,d.jsxs)(`button`,{ref:_,type:`button`,onClick:()=>{p||g(e=>!e)},disabled:p,className:i.cn(f,h&&`bg-white/10 text-[var(--oh-foreground)]`,p&&`cursor-not-allowed opacity-50 hover:bg-transparent hover:text-[var(--oh-muted)]`,e),"aria-expanded":h,"aria-haspopup":`menu`,"aria-disabled":p,"data-testid":`conversation-git-actions-toggle`,children:[(0,d.jsx)(r.GitCommitHorizontal,{className:`size-4 shrink-0`,size:16,"aria-hidden":!0}),(0,d.jsx)(`span`,{className:`whitespace-nowrap`,children:y})]});return(0,d.jsxs)(`div`,{className:`relative inline-flex items-center self-center`,children:[p?(0,d.jsx)(l.ChatActionTooltip,{tooltip:o(n.I18nKey.CONVERSATION$UNAVAILABLE_FOR_ARCHIVES),ariaLabel:o(n.I18nKey.CONVERSATION$UNAVAILABLE_FOR_ARCHIVES),children:b}):b,h?(0,d.jsx)(c.ConversationGitActionsMenu,{anchorRef:_,gitProvider:v,onClose:()=>g(!1)}):null]})}exports.ConversationGitActionsToggle=p;
+//# sourceMappingURL=conversation-git-actions-toggle.cjs.map

package/dist/components/features/conversation/conversation-git-actions-toggle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-git-actions-toggle.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-git-actions-toggle.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { GitCommitHorizontal } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useIsArchivedConversation } from \"#/hooks/use-is-archived-conversation\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Provider } from \"#/types/settings\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  formControlBorderClassName,\n  formControlMutedHoverClassName,\n  formControlTransitionClassName,\n} from \"#/utils/form-control-classes\";\nimport { ChatActionTooltip } from \"../chat/chat-action-tooltip\";\nimport { ConversationGitActionsMenu } from \"./conversation-git-actions-menu\";\n\n/** Same 28px height as overview / drawer header icon buttons. */\nconst GIT_ACTIONS_BUTTON_CLASSNAME = cn(\n  \"inline-flex h-7 min-h-7 w-fit shrink-0 cursor-pointer items-center justify-center gap-1.5 px-2.5\",\n  \"rounded-md text-xs font-normal leading-none\",\n  formControlBorderClassName,\n  formControlTransitionClassName,\n  \"text-[var(--oh-muted)]\",\n  formControlMutedHoverClassName,\n  \"disabled:cursor-not-allowed disabled:opacity-30\",\n);\n\ninterface ConversationGitActionsToggleProps {\n  className?: string;\n}\n\n/**\n * Header control left of overview: opens the shared git-actions dropdown\n * (commit / pull / push / create PR / new branch) as chat prompts.\n */\nexport function ConversationGitActionsToggle({\n  className,\n}: ConversationGitActionsToggleProps) {\n  const { t } = useTranslation(\"openhands\");\n  const isArchivedConversation = useIsArchivedConversation();\n  const { data: conversation } = useActiveConversation();\n  const [isGitMenuOpen, setIsGitMenuOpen] = useState(false);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const gitProvider =\n    (conversation?.git_provider as Provider | undefined) ?? \"github\";\n\n  useEffect(() => {\n    if (!isGitMenuOpen) {\n      return undefined;\n    }\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setIsGitMenuOpen(false);\n      }\n    };\n\n    window.addEventListener(\"keydown\", onKeyDown);\n    return () => window.removeEventListener(\"keydown\", onKeyDown);\n  }, [isGitMenuOpen]);\n\n  const label = t(I18nKey.CONVERSATION$OVERVIEW_DIFF_GIT_ACTIONS);\n\n  const button = (\n    <button\n      ref={buttonRef}\n      type=\"button\"\n      onClick={() => {\n        if (isArchivedConversation) {\n          return;\n        }\n        setIsGitMenuOpen((open) => !open);\n      }}\n      disabled={isArchivedConversation}\n      className={cn(\n        GIT_ACTIONS_BUTTON_CLASSNAME,\n        isGitMenuOpen && \"bg-white/10 text-[var(--oh-foreground)]\",\n        isArchivedConversation &&\n          \"cursor-not-allowed opacity-50 hover:bg-transparent hover:text-[var(--oh-muted)]\",\n        className,\n      )}\n      aria-expanded={isGitMenuOpen}\n      aria-haspopup=\"menu\"\n      aria-disabled={isArchivedConversation}\n      data-testid=\"conversation-git-actions-toggle\"\n    >\n      <GitCommitHorizontal className=\"size-4 shrink-0\" size={16} aria-hidden />\n      <span className=\"whitespace-nowrap\">{label}</span>\n    </button>\n  );\n\n  return (\n    <div className=\"relative inline-flex items-center self-center\">\n      {/* Label is visible, so a tooltip only adds value for the disabled reason. */}\n      {isArchivedConversation ? (\n        <ChatActionTooltip\n          tooltip={t(I18nKey.CONVERSATION$UNAVAILABLE_FOR_ARCHIVES)}\n          ariaLabel={t(I18nKey.CONVERSATION$UNAVAILABLE_FOR_ARCHIVES)}\n        >\n          {button}\n        </ChatActionTooltip>\n      ) : (\n        button\n      )}\n      {isGitMenuOpen ? (\n        <ConversationGitActionsMenu\n          anchorRef={buttonRef}\n          gitProvider={gitProvider}\n          onClose={() => setIsGitMenuOpen(false)}\n        />\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"0oBAiBA,IAAM,EAA+B,EAAA,GACnC,mGACA,8CACA,EAAA,2BACA,EAAA,+BACA,yBACA,EAAA,+BACA,iDACF,EAUA,SAAgB,EAA6B,CAC3C,aACoC,CACpC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAyB,EAAA,0BAA0B,EACnD,CAAE,KAAM,GAAiB,EAAA,sBAAsB,EAC/C,CAAC,EAAe,IAAA,EAAA,EAAA,UAA6B,EAAK,EAClD,GAAA,EAAA,EAAA,QAAsC,IAAI,EAE1C,EACH,GAAc,cAAyC,UAE1D,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,EACH,OAGF,IAAM,EAAa,GAAyB,CACtC,EAAM,MAAQ,UAChB,EAAiB,EAAK,CAE1B,EAGA,OADA,OAAO,iBAAiB,UAAW,CAAS,MAC/B,OAAO,oBAAoB,UAAW,CAAS,CAC9D,EAAG,CAAC,CAAa,CAAC,EAElB,IAAM,EAAQ,EAAE,EAAA,QAAQ,sCAAsC,EAExD,GACJ,EAAA,EAAA,MAAC,SAAD,CACE,IAAK,EACL,KAAK,SACL,YAAe,CACT,GAGJ,EAAkB,GAAS,CAAC,CAAI,CAClC,EACA,SAAU,EACV,UAAW,EAAA,GACT,EACA,GAAiB,0CACjB,GACE,kFACF,CACF,EACA,gBAAe,EACf,gBAAc,OACd,gBAAe,EACf,cAAY,2CApBd,EAsBE,EAAA,EAAA,KAAC,EAAA,oBAAD,CAAqB,UAAU,kBAAkB,KAAM,GAAI,cAAA,EAAa,CAAA,GACxE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,6BAAqB,CAAY,CAAA,CAC3C,IAGV,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,yDAAf,CAEG,GACC,EAAA,EAAA,KAAC,EAAA,kBAAD,CACE,QAAS,EAAE,EAAA,QAAQ,qCAAqC,EACxD,UAAW,EAAE,EAAA,QAAQ,qCAAqC,WAEzD,CACgB,CAAA,EAEnB,EAED,GACC,EAAA,EAAA,KAAC,EAAA,2BAAD,CACE,UAAW,EACE,cACb,YAAe,EAAiB,EAAK,CACtC,CAAA,EACC,IACD,GAET"}

package/dist/components/features/conversation/conversation-git-actions-toggle.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface ConversationGitActionsToggleProps {
+    className?: string;
+}
+/**
+ * Header control left of overview: opens the shared git-actions dropdown
+ * (commit / pull / push / create PR / new branch) as chat prompts.
+ */
+export declare function ConversationGitActionsToggle({ className, }: ConversationGitActionsToggleProps): React.JSX.Element;
+export {};

package/dist/components/features/conversation/conversation-git-actions-toggle.js

@@ -0,0 +1,60 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { GitCommitHorizontal as n } from "../../../node_modules/lucide-react/dist/esm/icons/git-commit-horizontal.js";
+import { cn as r } from "../../../utils/utils.js";
+import { useActiveConversation as i } from "../../../hooks/query/use-active-conversation.js";
+import { formControlBorderClassName as a, formControlMutedHoverClassName as o, formControlTransitionClassName as s } from "../../../utils/form-control-classes.js";
+import { useIsArchivedConversation as c } from "../../../hooks/use-is-archived-conversation.js";
+import { ConversationGitActionsMenu as l } from "./conversation-git-actions-menu.js";
+import { ChatActionTooltip as u } from "../chat/chat-action-tooltip.js";
+import { useEffect as d, useRef as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/features/conversation/conversation-git-actions-toggle.tsx
+var g = r("inline-flex h-7 min-h-7 w-fit shrink-0 cursor-pointer items-center justify-center gap-1.5 px-2.5", "rounded-md text-xs font-normal leading-none", a, s, "text-[var(--oh-muted)]", o, "disabled:cursor-not-allowed disabled:opacity-30");
+function _({ className: a }) {
+	let { t: o } = e("openhands"), s = c(), { data: _ } = i(), [v, y] = p(!1), b = f(null), x = _?.git_provider ?? "github";
+	d(() => {
+		if (!v) return;
+		let e = (e) => {
+			e.key === "Escape" && y(!1);
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [v]);
+	let S = o(t.CONVERSATION$OVERVIEW_DIFF_GIT_ACTIONS), C = /* @__PURE__ */ h("button", {
+		ref: b,
+		type: "button",
+		onClick: () => {
+			s || y((e) => !e);
+		},
+		disabled: s,
+		className: r(g, v && "bg-white/10 text-[var(--oh-foreground)]", s && "cursor-not-allowed opacity-50 hover:bg-transparent hover:text-[var(--oh-muted)]", a),
+		"aria-expanded": v,
+		"aria-haspopup": "menu",
+		"aria-disabled": s,
+		"data-testid": "conversation-git-actions-toggle",
+		children: [/* @__PURE__ */ m(n, {
+			className: "size-4 shrink-0",
+			size: 16,
+			"aria-hidden": !0
+		}), /* @__PURE__ */ m("span", {
+			className: "whitespace-nowrap",
+			children: S
+		})]
+	});
+	return /* @__PURE__ */ h("div", {
+		className: "relative inline-flex items-center self-center",
+		children: [s ? /* @__PURE__ */ m(u, {
+			tooltip: o(t.CONVERSATION$UNAVAILABLE_FOR_ARCHIVES),
+			ariaLabel: o(t.CONVERSATION$UNAVAILABLE_FOR_ARCHIVES),
+			children: C
+		}) : C, v ? /* @__PURE__ */ m(l, {
+			anchorRef: b,
+			gitProvider: x,
+			onClose: () => y(!1)
+		}) : null]
+	});
+}
+//#endregion
+export { _ as ConversationGitActionsToggle };
+
+//# sourceMappingURL=conversation-git-actions-toggle.js.map

package/dist/components/features/conversation/conversation-git-actions-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-git-actions-toggle.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-git-actions-toggle.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { GitCommitHorizontal } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useIsArchivedConversation } from \"#/hooks/use-is-archived-conversation\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Provider } from \"#/types/settings\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  formControlBorderClassName,\n  formControlMutedHoverClassName,\n  formControlTransitionClassName,\n} from \"#/utils/form-control-classes\";\nimport { ChatActionTooltip } from \"../chat/chat-action-tooltip\";\nimport { ConversationGitActionsMenu } from \"./conversation-git-actions-menu\";\n\n/** Same 28px height as overview / drawer header icon buttons. */\nconst GIT_ACTIONS_BUTTON_CLASSNAME = cn(\n  \"inline-flex h-7 min-h-7 w-fit shrink-0 cursor-pointer items-center justify-center gap-1.5 px-2.5\",\n  \"rounded-md text-xs font-normal leading-none\",\n  formControlBorderClassName,\n  formControlTransitionClassName,\n  \"text-[var(--oh-muted)]\",\n  formControlMutedHoverClassName,\n  \"disabled:cursor-not-allowed disabled:opacity-30\",\n);\n\ninterface ConversationGitActionsToggleProps {\n  className?: string;\n}\n\n/**\n * Header control left of overview: opens the shared git-actions dropdown\n * (commit / pull / push / create PR / new branch) as chat prompts.\n */\nexport function ConversationGitActionsToggle({\n  className,\n}: ConversationGitActionsToggleProps) {\n  const { t } = useTranslation(\"openhands\");\n  const isArchivedConversation = useIsArchivedConversation();\n  const { data: conversation } = useActiveConversation();\n  const [isGitMenuOpen, setIsGitMenuOpen] = useState(false);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const gitProvider =\n    (conversation?.git_provider as Provider | undefined) ?? \"github\";\n\n  useEffect(() => {\n    if (!isGitMenuOpen) {\n      return undefined;\n    }\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setIsGitMenuOpen(false);\n      }\n    };\n\n    window.addEventListener(\"keydown\", onKeyDown);\n    return () => window.removeEventListener(\"keydown\", onKeyDown);\n  }, [isGitMenuOpen]);\n\n  const label = t(I18nKey.CONVERSATION$OVERVIEW_DIFF_GIT_ACTIONS);\n\n  const button = (\n    <button\n      ref={buttonRef}\n      type=\"button\"\n      onClick={() => {\n        if (isArchivedConversation) {\n          return;\n        }\n        setIsGitMenuOpen((open) => !open);\n      }}\n      disabled={isArchivedConversation}\n      className={cn(\n        GIT_ACTIONS_BUTTON_CLASSNAME,\n        isGitMenuOpen && \"bg-white/10 text-[var(--oh-foreground)]\",\n        isArchivedConversation &&\n          \"cursor-not-allowed opacity-50 hover:bg-transparent hover:text-[var(--oh-muted)]\",\n        className,\n      )}\n      aria-expanded={isGitMenuOpen}\n      aria-haspopup=\"menu\"\n      aria-disabled={isArchivedConversation}\n      data-testid=\"conversation-git-actions-toggle\"\n    >\n      <GitCommitHorizontal className=\"size-4 shrink-0\" size={16} aria-hidden />\n      <span className=\"whitespace-nowrap\">{label}</span>\n    </button>\n  );\n\n  return (\n    <div className=\"relative inline-flex items-center self-center\">\n      {/* Label is visible, so a tooltip only adds value for the disabled reason. */}\n      {isArchivedConversation ? (\n        <ChatActionTooltip\n          tooltip={t(I18nKey.CONVERSATION$UNAVAILABLE_FOR_ARCHIVES)}\n          ariaLabel={t(I18nKey.CONVERSATION$UNAVAILABLE_FOR_ARCHIVES)}\n        >\n          {button}\n        </ChatActionTooltip>\n      ) : (\n        button\n      )}\n      {isGitMenuOpen ? (\n        <ConversationGitActionsMenu\n          anchorRef={buttonRef}\n          gitProvider={gitProvider}\n          onClose={() => setIsGitMenuOpen(false)}\n        />\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAiBA,IAAM,IAA+B,EACnC,oGACA,+CACA,GACA,GACA,0BACA,GACA,iDACF;AAUA,SAAgB,EAA6B,EAC3C,gBACoC;CACpC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAyB,EAA0B,GACnD,EAAE,MAAM,MAAiB,EAAsB,GAC/C,CAAC,GAAe,KAAoB,EAAS,EAAK,GAClD,IAAY,EAA0B,IAAI,GAE1C,IACH,GAAc,gBAAyC;CAE1D,QAAgB;EACd,IAAI,CAAC,GACH;EAGF,IAAM,KAAa,MAAyB;GAC1C,AAAI,EAAM,QAAQ,YAChB,EAAiB,EAAK;EAE1B;EAGA,OADA,OAAO,iBAAiB,WAAW,CAAS,SAC/B,OAAO,oBAAoB,WAAW,CAAS;CAC9D,GAAG,CAAC,CAAa,CAAC;CAElB,IAAM,IAAQ,EAAE,EAAQ,sCAAsC,GAExD,IACJ,kBAAC,UAAD;EACE,KAAK;EACL,MAAK;EACL,eAAe;GACT,KAGJ,GAAkB,MAAS,CAAC,CAAI;EAClC;EACA,UAAU;EACV,WAAW,EACT,GACA,KAAiB,2CACjB,KACE,mFACF,CACF;EACA,iBAAe;EACf,iBAAc;EACd,iBAAe;EACf,eAAY;YApBd,CAsBE,kBAAC,GAAD;GAAqB,WAAU;GAAkB,MAAM;GAAI,eAAA;EAAa,CAAA,GACxE,kBAAC,QAAD;GAAM,WAAU;aAAqB;EAAY,CAAA,CAC3C;;CAGV,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CAEG,IACC,kBAAC,GAAD;GACE,SAAS,EAAE,EAAQ,qCAAqC;GACxD,WAAW,EAAE,EAAQ,qCAAqC;aAEzD;EACgB,CAAA,IAEnB,GAED,IACC,kBAAC,GAAD;GACE,WAAW;GACE;GACb,eAAe,EAAiB,EAAK;EACtC,CAAA,IACC,IACD;;AAET"}

package/dist/components/features/conversation/conversation-main/chat-interface-wrapper.cjs

@@ -1,2 +1,2 @@
-require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../chat/chat-interface.cjs");let t=require("react/jsx-runtime");function n({isRightPanelShown:n}){return(0,t.jsx)(`div`,{className:`flex justify-center w-full h-full`,children:(0,t.jsx)(`div`,{className:`w-full min-w-0 max-w-[800px] h-full flex flex-col min-h-0 transition-all duration-300 ease-in-out`,children:(0,t.jsx)(e.ChatInterface,{})})})}exports.ChatInterfaceWrapper=n;
+require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../stores/conversation-store.cjs"),t=require("../../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.cjs"),n=require("../../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.cjs"),r=require("../../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.cjs"),i=require("../../chat/chat-interface.cjs"),a=require("../conversation-overview-panel.cjs"),o=require("../../../../hooks/use-breakpoint.cjs"),s=require("../conversation-overview-panel.constants.cjs"),c=require("../../../../hooks/use-conversation-overview-column-space.cjs");let l=require("react"),u=require("react/jsx-runtime");var d=`w-full min-w-0 max-w-[800px] h-full flex flex-col min-h-0`;function f({isRightPanelShown:f}){let p=o.useBreakpoint(),m=!r.useReducedMotion()&&!0,h=e.useConversationStore(e=>e.isOverviewPanelShown),g=(0,l.useRef)(null),_=!p&&h,v=c.useConversationOverviewColumnSpace(g,_);return(0,u.jsxs)(`div`,{ref:g,className:`flex h-full min-h-0 w-full overflow-hidden`,children:[(0,u.jsx)(`div`,{className:`flex min-h-0 min-w-0 flex-1 justify-center overflow-hidden`,children:(0,u.jsx)(`div`,{className:d,children:(0,u.jsx)(i.ChatInterface,{})})}),(0,u.jsx)(t.AnimatePresence,{children:_&&v?(0,u.jsx)(n.motion.div,{"data-testid":`conversation-overview-column`,initial:m?{width:0,opacity:0}:!1,animate:{width:268,opacity:1},exit:m?{width:0,opacity:0}:{opacity:0},transition:s.CONVERSATION_OVERVIEW_PANEL_TRANSITION,className:`flex shrink-0 flex-col items-start overflow-hidden pt-4 pl-3 pr-4`,children:(0,u.jsx)(`div`,{className:`w-full shrink-0`,style:{width:268},children:(0,u.jsx)(a.ConversationOverviewPanel,{})})},`conversation-overview-column`):null})]})}exports.ChatInterfaceWrapper=f;
 //# sourceMappingURL=chat-interface-wrapper.cjs.map

package/dist/components/features/conversation/conversation-main/chat-interface-wrapper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chat-interface-wrapper.cjs","names":[],"sources":["../../../../../src/components/features/conversation/conversation-main/chat-interface-wrapper.tsx"],"sourcesContent":["import { ChatInterface } from \"../../chat/chat-interface\";\n\ninterface ChatInterfaceWrapperProps {\n  isRightPanelShown: boolean;\n}\n\nexport function ChatInterfaceWrapper({\n  isRightPanelShown: _isRightPanelShown,\n}: ChatInterfaceWrapperProps) {\n  return (\n    <div className=\"flex justify-center w-full h-full\">\n      <div className=\"w-full min-w-0 max-w-[800px] h-full flex flex-col min-h-0 transition-all duration-300 ease-in-out\">\n        <ChatInterface />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"0IAMA,SAAgB,EAAqB,CACnC,kBAAmB,GACS,CAC5B,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,8CACb,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,8GACb,EAAA,EAAA,KAAC,EAAA,cAAD,CAAgB,CAAA,CACb,CAAA,CACF,CAAA,CAET"}
+{"version":3,"file":"chat-interface-wrapper.cjs","names":[],"sources":["../../../../../src/components/features/conversation/conversation-main/chat-interface-wrapper.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport { AnimatePresence, motion, useReducedMotion } from \"framer-motion\";\nimport { ChatInterface } from \"../../chat/chat-interface\";\nimport { ConversationOverviewPanel } from \"../conversation-overview-panel\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useBreakpoint } from \"#/hooks/use-breakpoint\";\nimport { useConversationOverviewColumnSpace } from \"#/hooks/use-conversation-overview-column-space\";\nimport {\n  CONVERSATION_OVERVIEW_COLUMN_WIDTH_PX,\n  CONVERSATION_OVERVIEW_PANEL_TRANSITION,\n} from \"../conversation-overview-panel.constants\";\n\ninterface ChatInterfaceWrapperProps {\n  isRightPanelShown: boolean;\n}\n\nconst THREAD_CLASSNAME =\n  \"w-full min-w-0 max-w-[800px] h-full flex flex-col min-h-0\";\n\nexport function ChatInterfaceWrapper({\n  isRightPanelShown: _isRightPanelShown,\n}: ChatInterfaceWrapperProps) {\n  const isMobile = useBreakpoint();\n  const reduceMotion = useReducedMotion();\n  const enableOverviewMotion = !reduceMotion && import.meta.env.MODE !== \"test\";\n  const isOverviewPanelShown = useConversationStore(\n    (state) => state.isOverviewPanelShown,\n  );\n  const containerRef = useRef<HTMLDivElement>(null);\n  const wantsOverviewPanel = !isMobile && isOverviewPanelShown;\n  const hasOverviewColumnSpace = useConversationOverviewColumnSpace(\n    containerRef,\n    wantsOverviewPanel,\n  );\n  const showOverviewPanel = wantsOverviewPanel && hasOverviewColumnSpace;\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"flex h-full min-h-0 w-full overflow-hidden\"\n    >\n      <div className=\"flex min-h-0 min-w-0 flex-1 justify-center overflow-hidden\">\n        <div className={THREAD_CLASSNAME}>\n          <ChatInterface />\n        </div>\n      </div>\n      <AnimatePresence>\n        {showOverviewPanel ? (\n          <motion.div\n            key=\"conversation-overview-column\"\n            data-testid=\"conversation-overview-column\"\n            initial={enableOverviewMotion ? { width: 0, opacity: 0 } : false}\n            animate={{\n              width: CONVERSATION_OVERVIEW_COLUMN_WIDTH_PX,\n              opacity: 1,\n            }}\n            exit={\n              enableOverviewMotion ? { width: 0, opacity: 0 } : { opacity: 0 }\n            }\n            transition={CONVERSATION_OVERVIEW_PANEL_TRANSITION}\n            className=\"flex shrink-0 flex-col items-start overflow-hidden pt-4 pl-3 pr-4\"\n          >\n            <div\n              className=\"w-full shrink-0\"\n              style={{ width: CONVERSATION_OVERVIEW_COLUMN_WIDTH_PX }}\n            >\n              <ConversationOverviewPanel />\n            </div>\n          </motion.div>\n        ) : null}\n      </AnimatePresence>\n    </div>\n  );\n}\n"],"mappings":"kuBAgBA,IAAM,EACJ,4DAEF,SAAgB,EAAqB,CACnC,kBAAmB,GACS,CAC5B,IAAM,EAAW,EAAA,cAAc,EAEzB,EAAuB,CADR,EAAA,iBACS,GAAgB,GACxC,EAAuB,EAAA,qBAC1B,GAAU,EAAM,oBACnB,EACM,GAAA,EAAA,EAAA,QAAsC,IAAI,EAC1C,EAAqB,CAAC,GAAY,EAClC,EAAyB,EAAA,mCAC7B,EACA,CACF,EAGA,OACE,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,UAAU,sDAFZ,EAIE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,uEACb,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,YACd,EAAA,EAAA,KAAC,EAAA,cAAD,CAAgB,CAAA,CACb,CAAA,CACF,CAAA,GACL,EAAA,EAAA,KAAC,EAAA,gBAAD,CAAA,SAZsB,GAAsB,GAcxC,EAAA,EAAA,KAAC,EAAA,OAAO,IAAR,CAEE,cAAY,+BACZ,QAAS,EAAuB,CAAE,MAAO,EAAG,QAAS,CAAE,EAAI,GAC3D,QAAS,CACP,MAAA,IACA,QAAS,CACX,EACA,KACE,EAAuB,CAAE,MAAO,EAAG,QAAS,CAAE,EAAI,CAAE,QAAS,CAAE,EAEjE,WAAY,EAAA,uCACZ,UAAU,8EAEV,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,kBACV,MAAO,CAAE,MAAA,GAA6C,YAEtD,EAAA,EAAA,KAAC,EAAA,0BAAD,CAA4B,CAAA,CACzB,CAAA,CACK,EAnBN,8BAmBM,EACV,IACW,CAAA,CACd,GAET"}