@openhands/agent-canvas 1.13.0 → 1.15.0

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

@@ -0,0 +1,45 @@
+import { cn as e } from "../../../utils/utils.js";
+import { useConversationOverviewDrawerOptional as t } from "./conversation-overview-drawer-context.js";
+import { ResizeHandle as n } from "../../ui/resize-handle.js";
+import { useResizableDrawerWidth as r } from "../../../hooks/use-resizable-drawer-width.js";
+import { ConversationOverviewDrawerContent as i } from "./conversation-overview-drawer-content.js";
+import { CONVERSATION_OVERVIEW_DRAWER_RESIZE_HANDLE_TEST_ID as a, CONVERSATION_OVERVIEW_DRAWER_TEST_ID as o, CONVERSATION_OVERVIEW_DRAWER_WIDTH_STORAGE_KEY as s } from "./conversation-overview-drawer.constants.js";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/features/conversation/conversation-overview-drawer.tsx
+function d(e) {
+	return e ? "translate-x-0 opacity-100" : "w-0 translate-x-full opacity-0";
+}
+function f({ isMobile: f, resizeContainerRef: p }) {
+	let m = t(), h = !!m?.section, { drawerWidth: g, isDragging: _, handleMouseDown: v } = r({
+		containerRef: p ?? { current: null },
+		defaultWidth: 420,
+		minWidth: 300,
+		maxWidth: 640,
+		storageKey: s,
+		enabled: h && !f && p != null
+	});
+	return m ? f ? h ? /* @__PURE__ */ l(i, { className: "max-h-[min(50vh,420px)] w-full border-t border-[var(--oh-border)]" }) : null : /* @__PURE__ */ u(c, { children: [h && p ? /* @__PURE__ */ l("div", {
+		"data-testid": a,
+		children: /* @__PURE__ */ l(n, {
+			onMouseDown: v,
+			isDragging: _
+		})
+	}) : null, /* @__PURE__ */ l("div", {
+		"data-testid": o,
+		"aria-hidden": !h,
+		className: e("shrink-0 overflow-hidden ease-in-out", _ ? "transition-[transform,opacity] duration-300" : "transition-all duration-300", d(h)),
+		style: {
+			width: h ? `${g}px` : "0px",
+			transitionProperty: _ ? "transform, opacity" : "width, transform, opacity"
+		},
+		children: /* @__PURE__ */ l("div", {
+			className: "flex h-full flex-col overflow-hidden border-l border-[var(--oh-border)] bg-base-secondary",
+			style: { width: `${g}px` },
+			children: h ? /* @__PURE__ */ l(i, { className: "h-full" }) : null
+		})
+	})] }) : null;
+}
+//#endregion
+export { f as ConversationOverviewDrawer };
+
+//# sourceMappingURL=conversation-overview-drawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-drawer.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-drawer.tsx"],"sourcesContent":["import type { RefObject } from \"react\";\nimport { ResizeHandle } from \"#/components/ui/resize-handle\";\nimport { useResizableDrawerWidth } from \"#/hooks/use-resizable-drawer-width\";\nimport { cn } from \"#/utils/utils\";\nimport { ConversationOverviewDrawerContent } from \"./conversation-overview-drawer-content\";\nimport { useConversationOverviewDrawerOptional } from \"./conversation-overview-drawer-context\";\nimport {\n  CONVERSATION_OVERVIEW_DRAWER_DEFAULT_WIDTH_PX,\n  CONVERSATION_OVERVIEW_DRAWER_MAX_WIDTH_PX,\n  CONVERSATION_OVERVIEW_DRAWER_MIN_WIDTH_PX,\n  CONVERSATION_OVERVIEW_DRAWER_RESIZE_HANDLE_TEST_ID,\n  CONVERSATION_OVERVIEW_DRAWER_TEST_ID,\n  CONVERSATION_OVERVIEW_DRAWER_WIDTH_STORAGE_KEY,\n} from \"./conversation-overview-drawer.constants\";\n\nfunction getOverviewDrawerClass(isOpen: boolean) {\n  return isOpen\n    ? \"translate-x-0 opacity-100\"\n    : \"w-0 translate-x-full opacity-0\";\n}\n\ninterface ConversationOverviewDrawerProps {\n  isMobile: boolean;\n  resizeContainerRef?: RefObject<HTMLElement | null>;\n}\n\nexport function ConversationOverviewDrawer({\n  isMobile,\n  resizeContainerRef,\n}: ConversationOverviewDrawerProps) {\n  const overviewDrawer = useConversationOverviewDrawerOptional();\n  const isOpen = Boolean(overviewDrawer?.section);\n\n  const { drawerWidth, isDragging, handleMouseDown } = useResizableDrawerWidth({\n    containerRef: resizeContainerRef ?? { current: null },\n    defaultWidth: CONVERSATION_OVERVIEW_DRAWER_DEFAULT_WIDTH_PX,\n    minWidth: CONVERSATION_OVERVIEW_DRAWER_MIN_WIDTH_PX,\n    maxWidth: CONVERSATION_OVERVIEW_DRAWER_MAX_WIDTH_PX,\n    storageKey: CONVERSATION_OVERVIEW_DRAWER_WIDTH_STORAGE_KEY,\n    enabled: isOpen && !isMobile && resizeContainerRef != null,\n  });\n\n  if (!overviewDrawer) {\n    return null;\n  }\n\n  if (isMobile) {\n    if (!isOpen) {\n      return null;\n    }\n\n    return (\n      <ConversationOverviewDrawerContent className=\"max-h-[min(50vh,420px)] w-full border-t border-[var(--oh-border)]\" />\n    );\n  }\n\n  return (\n    <>\n      {isOpen && resizeContainerRef ? (\n        <div data-testid={CONVERSATION_OVERVIEW_DRAWER_RESIZE_HANDLE_TEST_ID}>\n          <ResizeHandle onMouseDown={handleMouseDown} isDragging={isDragging} />\n        </div>\n      ) : null}\n      <div\n        data-testid={CONVERSATION_OVERVIEW_DRAWER_TEST_ID}\n        aria-hidden={!isOpen}\n        className={cn(\n          \"shrink-0 overflow-hidden ease-in-out\",\n          isDragging\n            ? \"transition-[transform,opacity] duration-300\"\n            : \"transition-all duration-300\",\n          getOverviewDrawerClass(isOpen),\n        )}\n        style={{\n          width: isOpen ? `${drawerWidth}px` : \"0px\",\n          transitionProperty: isDragging\n            ? \"transform, opacity\"\n            : \"width, transform, opacity\",\n        }}\n      >\n        <div\n          className=\"flex h-full flex-col overflow-hidden border-l border-[var(--oh-border)] bg-base-secondary\"\n          style={{ width: `${drawerWidth}px` }}\n        >\n          {isOpen ? (\n            <ConversationOverviewDrawerContent className=\"h-full\" />\n          ) : null}\n        </div>\n      </div>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;AAeA,SAAS,EAAuB,GAAiB;CAC/C,OAAO,IACH,8BACA;AACN;AAOA,SAAgB,EAA2B,EACzC,aACA,yBACkC;CAClC,IAAM,IAAiB,EAAsC,GACvD,IAAS,EAAQ,GAAgB,SAEjC,EAAE,gBAAa,eAAY,uBAAoB,EAAwB;EAC3E,cAAc,KAAsB,EAAE,SAAS,KAAK;EACpD,cAAA;EACA,UAAA;EACA,UAAA;EACA,YAAY;EACZ,SAAS,KAAU,CAAC,KAAY,KAAsB;CACxD,CAAC;CAgBD,OAdK,IAID,IACG,IAKH,kBAAC,GAAD,EAAmC,WAAU,oEAAqE,CAAA,IAJ3G,OAST,kBAAA,GAAA,EAAA,UAAA,CACG,KAAU,IACT,kBAAC,OAAD;EAAK,eAAa;YAChB,kBAAC,GAAD;GAAc,aAAa;GAA6B;EAAa,CAAA;CAClE,CAAA,IACH,MACJ,kBAAC,OAAD;EACE,eAAa;EACb,eAAa,CAAC;EACd,WAAW,EACT,wCACA,IACI,gDACA,+BACJ,EAAuB,CAAM,CAC/B;EACA,OAAO;GACL,OAAO,IAAS,GAAG,EAAY,MAAM;GACrC,oBAAoB,IAChB,uBACA;EACN;YAEA,kBAAC,OAAD;GACE,WAAU;GACV,OAAO,EAAE,OAAO,GAAG,EAAY,IAAI;aAElC,IACC,kBAAC,GAAD,EAAmC,WAAU,SAAU,CAAA,IACrD;EACD,CAAA;CACF,CAAA,CACL,EAAA,CAAA,IA9CK;AAgDX"}

package/dist/components/features/conversation/conversation-overview-drawer.types.cjs

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");var e={automations:`automations`,skills:`skills`,mcp:`mcp`,secrets:`secrets`,pull_requests:`pull_requests`,issues:`issues`};exports.CONVERSATION_OVERVIEW_DRAWER_SECTION=e;
+//# sourceMappingURL=conversation-overview-drawer.types.cjs.map

package/dist/components/features/conversation/conversation-overview-drawer.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-drawer.types.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-drawer.types.ts"],"sourcesContent":["export const CONVERSATION_OVERVIEW_DRAWER_SECTION = {\n  automations: \"automations\",\n  skills: \"skills\",\n  mcp: \"mcp\",\n  secrets: \"secrets\",\n  pull_requests: \"pull_requests\",\n  issues: \"issues\",\n} as const;\n\nexport type ConversationOverviewDrawerSection =\n  (typeof CONVERSATION_OVERVIEW_DRAWER_SECTION)[keyof typeof CONVERSATION_OVERVIEW_DRAWER_SECTION];\n\nexport interface ConversationOverviewDrawerOpenOptions {\n  openAdd?: boolean;\n}\n"],"mappings":"mDAAA,IAAa,EAAuC,CAClD,YAAa,cACb,OAAQ,SACR,IAAK,MACL,QAAS,UACT,cAAe,gBACf,OAAQ,QACV"}

package/dist/components/features/conversation/conversation-overview-drawer.types.d.ts

@@ -0,0 +1,12 @@
+export declare const CONVERSATION_OVERVIEW_DRAWER_SECTION: {
+    readonly automations: "automations";
+    readonly skills: "skills";
+    readonly mcp: "mcp";
+    readonly secrets: "secrets";
+    readonly pull_requests: "pull_requests";
+    readonly issues: "issues";
+};
+export type ConversationOverviewDrawerSection = (typeof CONVERSATION_OVERVIEW_DRAWER_SECTION)[keyof typeof CONVERSATION_OVERVIEW_DRAWER_SECTION];
+export interface ConversationOverviewDrawerOpenOptions {
+    openAdd?: boolean;
+}

package/dist/components/features/conversation/conversation-overview-drawer.types.js

@@ -0,0 +1,13 @@
+//#region src/components/features/conversation/conversation-overview-drawer.types.ts
+var e = {
+	automations: "automations",
+	skills: "skills",
+	mcp: "mcp",
+	secrets: "secrets",
+	pull_requests: "pull_requests",
+	issues: "issues"
+};
+//#endregion
+export { e as CONVERSATION_OVERVIEW_DRAWER_SECTION };
+
+//# sourceMappingURL=conversation-overview-drawer.types.js.map

package/dist/components/features/conversation/conversation-overview-drawer.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-drawer.types.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-drawer.types.ts"],"sourcesContent":["export const CONVERSATION_OVERVIEW_DRAWER_SECTION = {\n  automations: \"automations\",\n  skills: \"skills\",\n  mcp: \"mcp\",\n  secrets: \"secrets\",\n  pull_requests: \"pull_requests\",\n  issues: \"issues\",\n} as const;\n\nexport type ConversationOverviewDrawerSection =\n  (typeof CONVERSATION_OVERVIEW_DRAWER_SECTION)[keyof typeof CONVERSATION_OVERVIEW_DRAWER_SECTION];\n\nexport interface ConversationOverviewDrawerOpenOptions {\n  openAdd?: boolean;\n}\n"],"mappings":";AAAA,IAAa,IAAuC;CAClD,aAAa;CACb,QAAQ;CACR,KAAK;CACL,SAAS;CACT,eAAe;CACf,QAAQ;AACV"}

package/dist/components/features/conversation/conversation-overview-git-items-panel.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/external-link.cjs"),i=require("../../../utils/utils.cjs"),a=require("../../../hooks/use-conversation-primary-repository.cjs"),o=require("./conversation-overview-drawer.types.cjs"),s=require("../../../api/git-provider-items-service.cjs"),c=require("../../../hooks/query/use-repository-git-items.cjs"),l=require("../../../utils/extension-module-card-classes.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=i.cn(`size-3.5 shrink-0 text-[var(--oh-muted)]`,`opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100`);function p(e){let{repository:t,provider:n}=a.useConversationPrimaryRepository();return!t||!n?null:e===o.CONVERSATION_OVERVIEW_DRAWER_SECTION.pull_requests?s.GitProviderItemsService.constructPullRequestsListUrl(n,t):s.GitProviderItemsService.constructIssuesListUrl(n,t)}function m({kind:e}){let{t:o}=t.useTranslation(`openhands`),{provider:s}=a.useConversationPrimaryRepository(),c=p(e);return!c||!s?null:(0,d.jsxs)(`a`,{href:c,target:`_blank`,rel:`noreferrer`,"data-testid":`conversation-overview-${e}-open-external`,className:i.cn(`inline-flex h-7 min-h-7 shrink-0 items-center gap-1.5 whitespace-nowrap`,`px-1 text-xs text-[var(--oh-muted)] transition-colors`,`hover:text-[var(--oh-foreground)]`),children:[o(n.I18nKey.CONVERSATION$OVERVIEW_VIEW_ON_PROVIDER,{provider:i.getProviderName(s)}),(0,d.jsx)(r.ExternalLink,{className:`size-3.5`,"aria-hidden":!0})]})}function h({kind:e}){let{t:s}=t.useTranslation(`openhands`),{repository:u,provider:p,isConnected:m}=a.useConversationPrimaryRepository(),h=c.useRepositoryPullRequests(u,p),g=c.useRepositoryIssues(u,p),_=e===o.CONVERSATION_OVERVIEW_DRAWER_SECTION.pull_requests?h:g;return!m||!u||!p?(0,d.jsx)(`p`,{"data-testid":`conversation-overview-git-items-unavailable`,className:i.cn(l.extensionModuleEmptyStateClassName,`px-4 py-6 text-center text-sm`),children:s(n.I18nKey.CONVERSATION$OVERVIEW_GIT_UNAVAILABLE)}):(0,d.jsx)(`div`,{"data-testid":`conversation-overview-${e}-panel`,className:`min-h-0 flex-1 overflow-y-auto px-2 py-2`,children:_.isLoading?(0,d.jsx)(`p`,{className:`px-2 py-4 text-sm text-[var(--oh-muted)]`,children:s(n.I18nKey.HOME$LOADING)}):_.isError?(0,d.jsx)(`p`,{"data-testid":`conversation-overview-${e}-error`,className:i.cn(l.extensionModuleEmptyStateClassName,`px-2 py-6 text-center text-sm`),children:s(n.I18nKey.CONVERSATION$OVERVIEW_GIT_ITEMS_ERROR)}):_.data&&_.data.length>0?(0,d.jsx)(`ul`,{className:`flex flex-col gap-0.5`,children:_.data.map(t=>(0,d.jsx)(`li`,{children:(0,d.jsxs)(`a`,{href:t.url,target:`_blank`,rel:`noreferrer`,"data-testid":`conversation-overview-${e}-item-${t.number}`,className:i.cn(`group flex min-w-0 items-center gap-2 rounded-md px-2 py-2`,`transition-colors hover:bg-white/5`),children:[(0,d.jsxs)(`span`,{className:`shrink-0 text-sm tabular-nums text-[var(--oh-muted)]`,children:[`#`,t.number]}),(0,d.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]`,children:t.title}),(0,d.jsx)(r.ExternalLink,{className:f,"aria-hidden":!0})]})},t.id))}):(0,d.jsx)(`p`,{"data-testid":`conversation-overview-${e}-empty`,className:i.cn(l.extensionModuleEmptyStateClassName,`px-2 py-6 text-center text-sm`),children:e===o.CONVERSATION_OVERVIEW_DRAWER_SECTION.pull_requests?s(n.I18nKey.CONVERSATION$OVERVIEW_PULL_REQUESTS_EMPTY):s(n.I18nKey.CONVERSATION$OVERVIEW_ISSUES_EMPTY)})})}exports.ConversationOverviewGitItemsHeaderLink=m,exports.ConversationOverviewGitItemsPanel=h;
+//# sourceMappingURL=conversation-overview-git-items-panel.cjs.map

package/dist/components/features/conversation/conversation-overview-git-items-panel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-git-items-panel.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-git-items-panel.tsx"],"sourcesContent":["import React from \"react\";\nimport { ExternalLink } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { GitProviderItemsService } from \"#/api/git-provider-items-service\";\nimport {\n  useRepositoryIssues,\n  useRepositoryPullRequests,\n} from \"#/hooks/query/use-repository-git-items\";\nimport { useConversationPrimaryRepository } from \"#/hooks/use-conversation-primary-repository\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn, getProviderName } from \"#/utils/utils\";\nimport { extensionModuleEmptyStateClassName } from \"#/utils/extension-module-card-classes\";\nimport { CONVERSATION_OVERVIEW_DRAWER_SECTION } from \"./conversation-overview-drawer.types\";\n\ninterface ConversationOverviewGitItemsPanelProps {\n  kind: \"pull_requests\" | \"issues\";\n}\n\nconst EXTERNAL_LINK_ICON_CLASSNAME = cn(\n  \"size-3.5 shrink-0 text-[var(--oh-muted)]\",\n  \"opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100\",\n);\n\nfunction useGitItemsExternalListUrl(kind: \"pull_requests\" | \"issues\") {\n  const { repository, provider } = useConversationPrimaryRepository();\n\n  if (!repository || !provider) {\n    return null;\n  }\n\n  return kind === CONVERSATION_OVERVIEW_DRAWER_SECTION.pull_requests\n    ? GitProviderItemsService.constructPullRequestsListUrl(provider, repository)\n    : GitProviderItemsService.constructIssuesListUrl(provider, repository);\n}\n\nexport function ConversationOverviewGitItemsHeaderLink({\n  kind,\n}: ConversationOverviewGitItemsPanelProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { provider } = useConversationPrimaryRepository();\n  const externalListUrl = useGitItemsExternalListUrl(kind);\n\n  if (!externalListUrl || !provider) {\n    return null;\n  }\n\n  return (\n    <a\n      href={externalListUrl}\n      target=\"_blank\"\n      rel=\"noreferrer\"\n      data-testid={`conversation-overview-${kind}-open-external`}\n      className={cn(\n        \"inline-flex h-7 min-h-7 shrink-0 items-center gap-1.5 whitespace-nowrap\",\n        \"px-1 text-xs text-[var(--oh-muted)] transition-colors\",\n        \"hover:text-[var(--oh-foreground)]\",\n      )}\n    >\n      {t(I18nKey.CONVERSATION$OVERVIEW_VIEW_ON_PROVIDER, {\n        provider: getProviderName(provider),\n      })}\n      <ExternalLink className=\"size-3.5\" aria-hidden />\n    </a>\n  );\n}\n\nexport function ConversationOverviewGitItemsPanel({\n  kind,\n}: ConversationOverviewGitItemsPanelProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { repository, provider, isConnected } =\n    useConversationPrimaryRepository();\n\n  const pullRequestsQuery = useRepositoryPullRequests(repository, provider);\n  const issuesQuery = useRepositoryIssues(repository, provider);\n\n  const query =\n    kind === CONVERSATION_OVERVIEW_DRAWER_SECTION.pull_requests\n      ? pullRequestsQuery\n      : issuesQuery;\n\n  if (!isConnected || !repository || !provider) {\n    return (\n      <p\n        data-testid=\"conversation-overview-git-items-unavailable\"\n        className={cn(\n          extensionModuleEmptyStateClassName,\n          \"px-4 py-6 text-center text-sm\",\n        )}\n      >\n        {t(I18nKey.CONVERSATION$OVERVIEW_GIT_UNAVAILABLE)}\n      </p>\n    );\n  }\n\n  return (\n    <div\n      data-testid={`conversation-overview-${kind}-panel`}\n      className=\"min-h-0 flex-1 overflow-y-auto px-2 py-2\"\n    >\n      {query.isLoading ? (\n        <p className=\"px-2 py-4 text-sm text-[var(--oh-muted)]\">\n          {t(I18nKey.HOME$LOADING)}\n        </p>\n      ) : query.isError ? (\n        <p\n          data-testid={`conversation-overview-${kind}-error`}\n          className={cn(\n            extensionModuleEmptyStateClassName,\n            \"px-2 py-6 text-center text-sm\",\n          )}\n        >\n          {t(I18nKey.CONVERSATION$OVERVIEW_GIT_ITEMS_ERROR)}\n        </p>\n      ) : query.data && query.data.length > 0 ? (\n        <ul className=\"flex flex-col gap-0.5\">\n          {query.data.map((item) => (\n            <li key={item.id}>\n              <a\n                href={item.url}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n                data-testid={`conversation-overview-${kind}-item-${item.number}`}\n                className={cn(\n                  \"group flex min-w-0 items-center gap-2 rounded-md px-2 py-2\",\n                  \"transition-colors hover:bg-white/5\",\n                )}\n              >\n                <span className=\"shrink-0 text-sm tabular-nums text-[var(--oh-muted)]\">\n                  #{item.number}\n                </span>\n                <span className=\"min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]\">\n                  {item.title}\n                </span>\n                <ExternalLink\n                  className={EXTERNAL_LINK_ICON_CLASSNAME}\n                  aria-hidden\n                />\n              </a>\n            </li>\n          ))}\n        </ul>\n      ) : (\n        <p\n          data-testid={`conversation-overview-${kind}-empty`}\n          className={cn(\n            extensionModuleEmptyStateClassName,\n            \"px-2 py-6 text-center text-sm\",\n          )}\n        >\n          {kind === CONVERSATION_OVERVIEW_DRAWER_SECTION.pull_requests\n            ? t(I18nKey.CONVERSATION$OVERVIEW_PULL_REQUESTS_EMPTY)\n            : t(I18nKey.CONVERSATION$OVERVIEW_ISSUES_EMPTY)}\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":"oqBAkBA,IAAM,EAA+B,EAAA,GACnC,2CACA,sFACF,EAEA,SAAS,EAA2B,EAAkC,CACpE,GAAM,CAAE,aAAY,YAAa,EAAA,iCAAiC,EAMlE,MAJI,CAAC,GAAc,CAAC,EACX,KAGF,IAAS,EAAA,qCAAqC,cACjD,EAAA,wBAAwB,6BAA6B,EAAU,CAAU,EACzE,EAAA,wBAAwB,uBAAuB,EAAU,CAAU,CACzE,CAEA,SAAgB,EAAuC,CACrD,QACyC,CACzC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,YAAa,EAAA,iCAAiC,EAChD,EAAkB,EAA2B,CAAI,EAMvD,MAJI,CAAC,GAAmB,CAAC,EAChB,MAIP,EAAA,EAAA,MAAC,IAAD,CACE,KAAM,EACN,OAAO,SACP,IAAI,aACJ,cAAa,yBAAyB,EAAK,gBAC3C,UAAW,EAAA,GACT,0EACA,wDACA,mCACF,WATF,CAWG,EAAE,EAAA,QAAQ,uCAAwC,CACjD,SAAU,EAAA,gBAAgB,CAAQ,CACpC,CAAC,GACD,EAAA,EAAA,KAAC,EAAA,aAAD,CAAc,UAAU,WAAW,cAAA,EAAa,CAAA,CAC/C,GAEP,CAEA,SAAgB,EAAkC,CAChD,QACyC,CACzC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,aAAY,WAAU,eAC5B,EAAA,iCAAiC,EAE7B,EAAoB,EAAA,0BAA0B,EAAY,CAAQ,EAClE,EAAc,EAAA,oBAAoB,EAAY,CAAQ,EAEtD,EACJ,IAAS,EAAA,qCAAqC,cAC1C,EACA,EAgBN,MAdI,CAAC,GAAe,CAAC,GAAc,CAAC,GAEhC,EAAA,EAAA,KAAC,IAAD,CACE,cAAY,8CACZ,UAAW,EAAA,GACT,EAAA,mCACA,+BACF,WAEC,EAAE,EAAA,QAAQ,qCAAqC,CAC/C,CAAA,GAKL,EAAA,EAAA,KAAC,MAAD,CACE,cAAa,yBAAyB,EAAK,QAC3C,UAAU,oDAET,EAAM,WACL,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,oDACV,EAAE,EAAA,QAAQ,YAAY,CACtB,CAAA,EACD,EAAM,SACR,EAAA,EAAA,KAAC,IAAD,CACE,cAAa,yBAAyB,EAAK,QAC3C,UAAW,EAAA,GACT,EAAA,mCACA,+BACF,WAEC,EAAE,EAAA,QAAQ,qCAAqC,CAC/C,CAAA,EACD,EAAM,MAAQ,EAAM,KAAK,OAAS,GACpC,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,iCACX,EAAM,KAAK,IAAK,IACf,EAAA,EAAA,KAAC,KAAD,CAAA,UACE,EAAA,EAAA,MAAC,IAAD,CACE,KAAM,EAAK,IACX,OAAO,SACP,IAAI,aACJ,cAAa,yBAAyB,EAAK,QAAQ,EAAK,SACxD,UAAW,EAAA,GACT,6DACA,oCACF,WARF,EAUE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,gEAAhB,CAAuE,IACnE,EAAK,MACH,KACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uEACb,EAAK,KACF,CAAA,GACN,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,UAAW,EACX,cAAA,EACD,CAAA,CACA,GACD,EAtBK,EAAK,EAsBV,CACL,CACC,CAAA,GAEJ,EAAA,EAAA,KAAC,IAAD,CACE,cAAa,yBAAyB,EAAK,QAC3C,UAAW,EAAA,GACT,EAAA,mCACA,+BACF,WAEC,IAAS,EAAA,qCAAqC,cAC3C,EAAE,EAAA,QAAQ,yCAAyC,EACnD,EAAE,EAAA,QAAQ,kCAAkC,CAC/C,CAAA,CAEF,CAAA,CAET"}

package/dist/components/features/conversation/conversation-overview-git-items-panel.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface ConversationOverviewGitItemsPanelProps {
+    kind: "pull_requests" | "issues";
+}
+export declare function ConversationOverviewGitItemsHeaderLink({ kind, }: ConversationOverviewGitItemsPanelProps): React.JSX.Element | null;
+export declare function ConversationOverviewGitItemsPanel({ kind, }: ConversationOverviewGitItemsPanelProps): React.JSX.Element;
+export {};

package/dist/components/features/conversation/conversation-overview-git-items-panel.js

@@ -0,0 +1,81 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { ExternalLink as n } from "../../../node_modules/lucide-react/dist/esm/icons/external-link.js";
+import { cn as r, getProviderName as i } from "../../../utils/utils.js";
+import { useConversationPrimaryRepository as a } from "../../../hooks/use-conversation-primary-repository.js";
+import { CONVERSATION_OVERVIEW_DRAWER_SECTION as o } from "./conversation-overview-drawer.types.js";
+import { GitProviderItemsService as s } from "../../../api/git-provider-items-service.js";
+import { useRepositoryIssues as c, useRepositoryPullRequests as l } from "../../../hooks/query/use-repository-git-items.js";
+import { extensionModuleEmptyStateClassName as u } from "../../../utils/extension-module-card-classes.js";
+import "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/features/conversation/conversation-overview-git-items-panel.tsx
+var p = r("size-3.5 shrink-0 text-[var(--oh-muted)]", "opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100");
+function m(e) {
+	let { repository: t, provider: n } = a();
+	return !t || !n ? null : e === o.pull_requests ? s.constructPullRequestsListUrl(n, t) : s.constructIssuesListUrl(n, t);
+}
+function h({ kind: o }) {
+	let { t: s } = e("openhands"), { provider: c } = a(), l = m(o);
+	return !l || !c ? null : /* @__PURE__ */ f("a", {
+		href: l,
+		target: "_blank",
+		rel: "noreferrer",
+		"data-testid": `conversation-overview-${o}-open-external`,
+		className: r("inline-flex h-7 min-h-7 shrink-0 items-center gap-1.5 whitespace-nowrap", "px-1 text-xs text-[var(--oh-muted)] transition-colors", "hover:text-[var(--oh-foreground)]"),
+		children: [s(t.CONVERSATION$OVERVIEW_VIEW_ON_PROVIDER, { provider: i(c) }), /* @__PURE__ */ d(n, {
+			className: "size-3.5",
+			"aria-hidden": !0
+		})]
+	});
+}
+function g({ kind: i }) {
+	let { t: s } = e("openhands"), { repository: m, provider: h, isConnected: g } = a(), _ = l(m, h), v = c(m, h), y = i === o.pull_requests ? _ : v;
+	return !g || !m || !h ? /* @__PURE__ */ d("p", {
+		"data-testid": "conversation-overview-git-items-unavailable",
+		className: r(u, "px-4 py-6 text-center text-sm"),
+		children: s(t.CONVERSATION$OVERVIEW_GIT_UNAVAILABLE)
+	}) : /* @__PURE__ */ d("div", {
+		"data-testid": `conversation-overview-${i}-panel`,
+		className: "min-h-0 flex-1 overflow-y-auto px-2 py-2",
+		children: y.isLoading ? /* @__PURE__ */ d("p", {
+			className: "px-2 py-4 text-sm text-[var(--oh-muted)]",
+			children: s(t.HOME$LOADING)
+		}) : y.isError ? /* @__PURE__ */ d("p", {
+			"data-testid": `conversation-overview-${i}-error`,
+			className: r(u, "px-2 py-6 text-center text-sm"),
+			children: s(t.CONVERSATION$OVERVIEW_GIT_ITEMS_ERROR)
+		}) : y.data && y.data.length > 0 ? /* @__PURE__ */ d("ul", {
+			className: "flex flex-col gap-0.5",
+			children: y.data.map((e) => /* @__PURE__ */ d("li", { children: /* @__PURE__ */ f("a", {
+				href: e.url,
+				target: "_blank",
+				rel: "noreferrer",
+				"data-testid": `conversation-overview-${i}-item-${e.number}`,
+				className: r("group flex min-w-0 items-center gap-2 rounded-md px-2 py-2", "transition-colors hover:bg-white/5"),
+				children: [
+					/* @__PURE__ */ f("span", {
+						className: "shrink-0 text-sm tabular-nums text-[var(--oh-muted)]",
+						children: ["#", e.number]
+					}),
+					/* @__PURE__ */ d("span", {
+						className: "min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]",
+						children: e.title
+					}),
+					/* @__PURE__ */ d(n, {
+						className: p,
+						"aria-hidden": !0
+					})
+				]
+			}) }, e.id))
+		}) : /* @__PURE__ */ d("p", {
+			"data-testid": `conversation-overview-${i}-empty`,
+			className: r(u, "px-2 py-6 text-center text-sm"),
+			children: i === o.pull_requests ? s(t.CONVERSATION$OVERVIEW_PULL_REQUESTS_EMPTY) : s(t.CONVERSATION$OVERVIEW_ISSUES_EMPTY)
+		})
+	});
+}
+//#endregion
+export { h as ConversationOverviewGitItemsHeaderLink, g as ConversationOverviewGitItemsPanel };
+
+//# sourceMappingURL=conversation-overview-git-items-panel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-git-items-panel.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-git-items-panel.tsx"],"sourcesContent":["import React from \"react\";\nimport { ExternalLink } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { GitProviderItemsService } from \"#/api/git-provider-items-service\";\nimport {\n  useRepositoryIssues,\n  useRepositoryPullRequests,\n} from \"#/hooks/query/use-repository-git-items\";\nimport { useConversationPrimaryRepository } from \"#/hooks/use-conversation-primary-repository\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn, getProviderName } from \"#/utils/utils\";\nimport { extensionModuleEmptyStateClassName } from \"#/utils/extension-module-card-classes\";\nimport { CONVERSATION_OVERVIEW_DRAWER_SECTION } from \"./conversation-overview-drawer.types\";\n\ninterface ConversationOverviewGitItemsPanelProps {\n  kind: \"pull_requests\" | \"issues\";\n}\n\nconst EXTERNAL_LINK_ICON_CLASSNAME = cn(\n  \"size-3.5 shrink-0 text-[var(--oh-muted)]\",\n  \"opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100\",\n);\n\nfunction useGitItemsExternalListUrl(kind: \"pull_requests\" | \"issues\") {\n  const { repository, provider } = useConversationPrimaryRepository();\n\n  if (!repository || !provider) {\n    return null;\n  }\n\n  return kind === CONVERSATION_OVERVIEW_DRAWER_SECTION.pull_requests\n    ? GitProviderItemsService.constructPullRequestsListUrl(provider, repository)\n    : GitProviderItemsService.constructIssuesListUrl(provider, repository);\n}\n\nexport function ConversationOverviewGitItemsHeaderLink({\n  kind,\n}: ConversationOverviewGitItemsPanelProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { provider } = useConversationPrimaryRepository();\n  const externalListUrl = useGitItemsExternalListUrl(kind);\n\n  if (!externalListUrl || !provider) {\n    return null;\n  }\n\n  return (\n    <a\n      href={externalListUrl}\n      target=\"_blank\"\n      rel=\"noreferrer\"\n      data-testid={`conversation-overview-${kind}-open-external`}\n      className={cn(\n        \"inline-flex h-7 min-h-7 shrink-0 items-center gap-1.5 whitespace-nowrap\",\n        \"px-1 text-xs text-[var(--oh-muted)] transition-colors\",\n        \"hover:text-[var(--oh-foreground)]\",\n      )}\n    >\n      {t(I18nKey.CONVERSATION$OVERVIEW_VIEW_ON_PROVIDER, {\n        provider: getProviderName(provider),\n      })}\n      <ExternalLink className=\"size-3.5\" aria-hidden />\n    </a>\n  );\n}\n\nexport function ConversationOverviewGitItemsPanel({\n  kind,\n}: ConversationOverviewGitItemsPanelProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { repository, provider, isConnected } =\n    useConversationPrimaryRepository();\n\n  const pullRequestsQuery = useRepositoryPullRequests(repository, provider);\n  const issuesQuery = useRepositoryIssues(repository, provider);\n\n  const query =\n    kind === CONVERSATION_OVERVIEW_DRAWER_SECTION.pull_requests\n      ? pullRequestsQuery\n      : issuesQuery;\n\n  if (!isConnected || !repository || !provider) {\n    return (\n      <p\n        data-testid=\"conversation-overview-git-items-unavailable\"\n        className={cn(\n          extensionModuleEmptyStateClassName,\n          \"px-4 py-6 text-center text-sm\",\n        )}\n      >\n        {t(I18nKey.CONVERSATION$OVERVIEW_GIT_UNAVAILABLE)}\n      </p>\n    );\n  }\n\n  return (\n    <div\n      data-testid={`conversation-overview-${kind}-panel`}\n      className=\"min-h-0 flex-1 overflow-y-auto px-2 py-2\"\n    >\n      {query.isLoading ? (\n        <p className=\"px-2 py-4 text-sm text-[var(--oh-muted)]\">\n          {t(I18nKey.HOME$LOADING)}\n        </p>\n      ) : query.isError ? (\n        <p\n          data-testid={`conversation-overview-${kind}-error`}\n          className={cn(\n            extensionModuleEmptyStateClassName,\n            \"px-2 py-6 text-center text-sm\",\n          )}\n        >\n          {t(I18nKey.CONVERSATION$OVERVIEW_GIT_ITEMS_ERROR)}\n        </p>\n      ) : query.data && query.data.length > 0 ? (\n        <ul className=\"flex flex-col gap-0.5\">\n          {query.data.map((item) => (\n            <li key={item.id}>\n              <a\n                href={item.url}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n                data-testid={`conversation-overview-${kind}-item-${item.number}`}\n                className={cn(\n                  \"group flex min-w-0 items-center gap-2 rounded-md px-2 py-2\",\n                  \"transition-colors hover:bg-white/5\",\n                )}\n              >\n                <span className=\"shrink-0 text-sm tabular-nums text-[var(--oh-muted)]\">\n                  #{item.number}\n                </span>\n                <span className=\"min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]\">\n                  {item.title}\n                </span>\n                <ExternalLink\n                  className={EXTERNAL_LINK_ICON_CLASSNAME}\n                  aria-hidden\n                />\n              </a>\n            </li>\n          ))}\n        </ul>\n      ) : (\n        <p\n          data-testid={`conversation-overview-${kind}-empty`}\n          className={cn(\n            extensionModuleEmptyStateClassName,\n            \"px-2 py-6 text-center text-sm\",\n          )}\n        >\n          {kind === CONVERSATION_OVERVIEW_DRAWER_SECTION.pull_requests\n            ? t(I18nKey.CONVERSATION$OVERVIEW_PULL_REQUESTS_EMPTY)\n            : t(I18nKey.CONVERSATION$OVERVIEW_ISSUES_EMPTY)}\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAkBA,IAAM,IAA+B,EACnC,4CACA,sFACF;AAEA,SAAS,EAA2B,GAAkC;CACpE,IAAM,EAAE,eAAY,gBAAa,EAAiC;CAMlE,OAJI,CAAC,KAAc,CAAC,IACX,OAGF,MAAS,EAAqC,gBACjD,EAAwB,6BAA6B,GAAU,CAAU,IACzE,EAAwB,uBAAuB,GAAU,CAAU;AACzE;AAEA,SAAgB,EAAuC,EACrD,WACyC;CACzC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,gBAAa,EAAiC,GAChD,IAAkB,EAA2B,CAAI;CAMvD,OAJI,CAAC,KAAmB,CAAC,IAChB,OAIP,kBAAC,KAAD;EACE,MAAM;EACN,QAAO;EACP,KAAI;EACJ,eAAa,yBAAyB,EAAK;EAC3C,WAAW,EACT,2EACA,yDACA,mCACF;YATF,CAWG,EAAE,EAAQ,wCAAwC,EACjD,UAAU,EAAgB,CAAQ,EACpC,CAAC,GACD,kBAAC,GAAD;GAAc,WAAU;GAAW,eAAA;EAAa,CAAA,CAC/C;;AAEP;AAEA,SAAgB,EAAkC,EAChD,WACyC;CACzC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,eAAY,aAAU,mBAC5B,EAAiC,GAE7B,IAAoB,EAA0B,GAAY,CAAQ,GAClE,IAAc,EAAoB,GAAY,CAAQ,GAEtD,IACJ,MAAS,EAAqC,gBAC1C,IACA;CAgBN,OAdI,CAAC,KAAe,CAAC,KAAc,CAAC,IAEhC,kBAAC,KAAD;EACE,eAAY;EACZ,WAAW,EACT,GACA,+BACF;YAEC,EAAE,EAAQ,qCAAqC;CAC/C,CAAA,IAKL,kBAAC,OAAD;EACE,eAAa,yBAAyB,EAAK;EAC3C,WAAU;YAET,EAAM,YACL,kBAAC,KAAD;GAAG,WAAU;aACV,EAAE,EAAQ,YAAY;EACtB,CAAA,IACD,EAAM,UACR,kBAAC,KAAD;GACE,eAAa,yBAAyB,EAAK;GAC3C,WAAW,EACT,GACA,+BACF;aAEC,EAAE,EAAQ,qCAAqC;EAC/C,CAAA,IACD,EAAM,QAAQ,EAAM,KAAK,SAAS,IACpC,kBAAC,MAAD;GAAI,WAAU;aACX,EAAM,KAAK,KAAK,MACf,kBAAC,MAAD,EAAA,UACE,kBAAC,KAAD;IACE,MAAM,EAAK;IACX,QAAO;IACP,KAAI;IACJ,eAAa,yBAAyB,EAAK,QAAQ,EAAK;IACxD,WAAW,EACT,8DACA,oCACF;cARF;KAUE,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CAAuE,KACnE,EAAK,MACH;;KACN,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAK;KACF,CAAA;KACN,kBAAC,GAAD;MACE,WAAW;MACX,eAAA;KACD,CAAA;IACA;MACD,GAtBK,EAAK,EAsBV,CACL;EACC,CAAA,IAEJ,kBAAC,KAAD;GACE,eAAa,yBAAyB,EAAK;GAC3C,WAAW,EACT,GACA,+BACF;aAEC,MAAS,EAAqC,gBAC3C,EAAE,EAAQ,yCAAyC,IACnD,EAAE,EAAQ,kCAAkC;EAC/C,CAAA;CAEF,CAAA;AAET"}

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

package/dist/components/features/conversation/conversation-overview-git-section.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-git-section.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-git-section.tsx"],"sourcesContent":["import React from \"react\";\nimport { ExternalLink, GitBranch, GitCommitHorizontal } from \"lucide-react\";\nimport { FaCodeBranch } from \"react-icons/fa\";\nimport { useTranslation } from \"react-i18next\";\nimport PrIcon from \"#/icons/u-pr.svg?react\";\nimport { GitProviderIcon } from \"#/components/shared/git-provider-icon\";\nimport { useRepositoryPullRequests } from \"#/hooks/query/use-repository-git-items\";\nimport { useUnifiedGitCommits } from \"#/hooks/query/use-unified-git-commits\";\nimport { useConversationPrimaryRepository } from \"#/hooks/use-conversation-primary-repository\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useSelectConversationTab } from \"#/hooks/use-select-conversation-tab\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useConversationLocalStorageState } from \"#/utils/conversation-local-storage\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn, constructBranchUrl, constructRepositoryUrl } from \"#/utils/utils\";\nimport { useConversationOverviewDrawerOptional } from \"./conversation-overview-drawer-context\";\nimport { CONVERSATION_OVERVIEW_DRAWER_SECTION } from \"./conversation-overview-drawer.types\";\nimport {\n  CONVERSATION_OVERVIEW_GIT_PART,\n  isOverviewGitPartPinned,\n} from \"./conversation-overview-sections\";\n\nconst ROW_ICON_CLASSNAME = \"size-4 shrink-0 text-[var(--oh-muted)]\";\nconst EXTERNAL_LINK_ICON_CLASSNAME = cn(\n  \"size-3.5 shrink-0 text-[var(--oh-muted)]\",\n  \"opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100\",\n);\n// Non-localizable empty-count glyph (zero PRs).\n\nconst ZERO_COUNT_LABEL = \"-\";\n\n/**\n * Repo / branch / commits / PR rows for the overview git block.\n * Changes is rendered by the parent panel ahead of this section.\n */\nexport function ConversationOverviewGitSection() {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useConversationId();\n  const { state } = useConversationLocalStorageState(conversationId);\n  const { navigateToCommits } = useSelectConversationTab();\n  const overviewDrawer = useConversationOverviewDrawerOptional();\n  const { data: settings } = useSettings();\n  const { repository, provider, branch, isConnected } =\n    useConversationPrimaryRepository();\n\n  const showRepository = isOverviewGitPartPinned(\n    CONVERSATION_OVERVIEW_GIT_PART.repository,\n    state.unpinnedOverviewGitParts ?? [],\n  );\n  const showBranch = isOverviewGitPartPinned(\n    CONVERSATION_OVERVIEW_GIT_PART.branch,\n    state.unpinnedOverviewGitParts ?? [],\n  );\n  const showCommits = isOverviewGitPartPinned(\n    CONVERSATION_OVERVIEW_GIT_PART.commits,\n    state.unpinnedOverviewGitParts ?? [],\n  );\n  const showPullRequests = isOverviewGitPartPinned(\n    CONVERSATION_OVERVIEW_GIT_PART.pull_requests,\n    state.unpinnedOverviewGitParts ?? [],\n  );\n\n  const pullRequestsQuery = useRepositoryPullRequests(\n    showPullRequests ? repository : null,\n    showPullRequests ? provider : null,\n  );\n  // Same page the Files → Commits drawer uses; no separate total from the\n  // API, so we surface the fetched count (and a trailing + when capped).\n  const commitsQuery = useUnifiedGitCommits();\n\n  if (!isConnected || !repository || !provider) {\n    return null;\n  }\n\n  if (!showRepository && !showBranch && !showCommits && !showPullRequests) {\n    return null;\n  }\n\n  const providerHost = settings?.provider_tokens_set?.[provider] ?? null;\n  const repoUrl = constructRepositoryUrl(provider, repository, providerHost);\n  const branchUrl = branch\n    ? constructBranchUrl(provider, repository, branch, providerHost)\n    : null;\n  const pullRequestsCount = pullRequestsQuery.data?.length ?? null;\n  const commitsCount = commitsQuery.isUnsupported\n    ? null\n    : commitsQuery.commits.length;\n  const commitsCountLabel =\n    commitsCount !== null && commitsCount > 0\n      ? commitsQuery.hasMore\n        ? `${commitsCount}+`\n        : String(commitsCount)\n      : ZERO_COUNT_LABEL;\n\n  const openPullRequests = () => {\n    overviewDrawer?.openSection(\n      CONVERSATION_OVERVIEW_DRAWER_SECTION.pull_requests,\n    );\n  };\n\n  const openCommits = () => {\n    overviewDrawer?.closeDrawer();\n    navigateToCommits();\n  };\n\n  const showHeader = showRepository || showBranch;\n  const showList = showCommits || showPullRequests;\n\n  return (\n    <div data-testid=\"conversation-overview-git-section\">\n      {showHeader ? (\n        <div className=\"px-2 pb-1\">\n          {showRepository ? (\n            <a\n              href={repoUrl}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              data-testid=\"conversation-overview-git-repo\"\n              className={cn(\n                \"group flex min-w-0 items-center gap-2 rounded-md px-2 py-1.5\",\n                \"transition-colors hover:bg-white/5\",\n              )}\n            >\n              <GitProviderIcon\n                gitProvider={provider}\n                className={ROW_ICON_CLASSNAME}\n              />\n              <span className=\"min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]\">\n                {repository}\n              </span>\n              <ExternalLink\n                className={EXTERNAL_LINK_ICON_CLASSNAME}\n                aria-hidden\n              />\n            </a>\n          ) : null}\n          {showBranch ? (\n            branch && branchUrl ? (\n              <a\n                href={branchUrl}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n                data-testid=\"conversation-overview-git-branch\"\n                className={cn(\n                  \"group flex min-w-0 items-center gap-2 rounded-md px-2 py-1.5\",\n                  \"transition-colors hover:bg-white/5\",\n                )}\n              >\n                <FaCodeBranch\n                  size={14}\n                  className=\"shrink-0 text-[var(--oh-muted)]\"\n                  aria-hidden\n                />\n                <span className=\"min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]\">\n                  {branch}\n                </span>\n                <ExternalLink\n                  className={EXTERNAL_LINK_ICON_CLASSNAME}\n                  aria-hidden\n                />\n              </a>\n            ) : (\n              <div\n                data-testid=\"conversation-overview-git-branch\"\n                className=\"flex min-w-0 items-center gap-2 px-2 py-1.5\"\n              >\n                <GitBranch\n                  className=\"size-3.5 shrink-0 text-[var(--oh-muted)]\"\n                  aria-hidden\n                />\n                <span\n                  className={cn(\n                    \"text-sm\",\n                    branch\n                      ? \"text-[var(--oh-foreground)]\"\n                      : \"text-[var(--oh-muted)]\",\n                  )}\n                >\n                  {branch || t(I18nKey.CONVERSATION$OVERVIEW_NONE)}\n                </span>\n              </div>\n            )\n          ) : null}\n        </div>\n      ) : null}\n\n      {showList ? (\n        <ul className=\"px-2\">\n          {showCommits ? (\n            <li>\n              <button\n                type=\"button\"\n                data-testid=\"conversation-overview-commits\"\n                onClick={openCommits}\n                className={cn(\n                  \"flex w-full min-w-0 items-center gap-2 rounded-md px-2 py-1.5\",\n                  \"cursor-pointer bg-transparent text-left transition-colors hover:bg-white/5\",\n                )}\n              >\n                <GitCommitHorizontal\n                  className={ROW_ICON_CLASSNAME}\n                  aria-hidden\n                />\n                <span className=\"min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]\">\n                  {t(I18nKey.DIFF_VIEWER$COMMITS)}\n                </span>\n                {commitsQuery.isLoading ? (\n                  <span className=\"text-sm tabular-nums text-[var(--oh-muted)]\">\n                    …\n                  </span>\n                ) : (\n                  <span\n                    data-testid=\"conversation-overview-commits-count\"\n                    className=\"text-sm tabular-nums text-[var(--oh-muted)]\"\n                  >\n                    {commitsCountLabel}\n                  </span>\n                )}\n              </button>\n            </li>\n          ) : null}\n          {showPullRequests ? (\n            <li>\n              <button\n                type=\"button\"\n                data-testid=\"conversation-overview-pull-requests\"\n                onClick={openPullRequests}\n                className={cn(\n                  \"flex w-full min-w-0 items-center gap-2 rounded-md px-2 py-1.5\",\n                  \"cursor-pointer bg-transparent text-left transition-colors hover:bg-white/5\",\n                )}\n              >\n                <PrIcon className={ROW_ICON_CLASSNAME} aria-hidden />\n                <span className=\"min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]\">\n                  {t(I18nKey.CONVERSATION$OVERVIEW_PULL_REQUESTS)}\n                </span>\n                {pullRequestsQuery.isLoading ? (\n                  <span className=\"text-sm tabular-nums text-[var(--oh-muted)]\">\n                    …\n                  </span>\n                ) : (\n                  <span\n                    data-testid=\"conversation-overview-pull-requests-count\"\n                    className=\"text-sm tabular-nums text-[var(--oh-muted)]\"\n                  >\n                    {pullRequestsCount !== null && pullRequestsCount > 0\n                      ? pullRequestsCount\n                      : ZERO_COUNT_LABEL}\n                  </span>\n                )}\n              </button>\n            </li>\n          ) : null}\n        </ul>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/conversation/conversation-overview-git-section.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+/**
+ * Repo / branch / commits / PR rows for the overview git block.
+ * Changes is rendered by the parent panel ahead of this section.
+ */
+export declare function ConversationOverviewGitSection(): React.JSX.Element | null;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-git-section.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-git-section.tsx"],"sourcesContent":["import React from \"react\";\nimport { ExternalLink, GitBranch, GitCommitHorizontal } from \"lucide-react\";\nimport { FaCodeBranch } from \"react-icons/fa\";\nimport { useTranslation } from \"react-i18next\";\nimport PrIcon from \"#/icons/u-pr.svg?react\";\nimport { GitProviderIcon } from \"#/components/shared/git-provider-icon\";\nimport { useRepositoryPullRequests } from \"#/hooks/query/use-repository-git-items\";\nimport { useUnifiedGitCommits } from \"#/hooks/query/use-unified-git-commits\";\nimport { useConversationPrimaryRepository } from \"#/hooks/use-conversation-primary-repository\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useSelectConversationTab } from \"#/hooks/use-select-conversation-tab\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useConversationLocalStorageState } from \"#/utils/conversation-local-storage\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn, constructBranchUrl, constructRepositoryUrl } from \"#/utils/utils\";\nimport { useConversationOverviewDrawerOptional } from \"./conversation-overview-drawer-context\";\nimport { CONVERSATION_OVERVIEW_DRAWER_SECTION } from \"./conversation-overview-drawer.types\";\nimport {\n  CONVERSATION_OVERVIEW_GIT_PART,\n  isOverviewGitPartPinned,\n} from \"./conversation-overview-sections\";\n\nconst ROW_ICON_CLASSNAME = \"size-4 shrink-0 text-[var(--oh-muted)]\";\nconst EXTERNAL_LINK_ICON_CLASSNAME = cn(\n  \"size-3.5 shrink-0 text-[var(--oh-muted)]\",\n  \"opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100\",\n);\n// Non-localizable empty-count glyph (zero PRs).\n\nconst ZERO_COUNT_LABEL = \"-\";\n\n/**\n * Repo / branch / commits / PR rows for the overview git block.\n * Changes is rendered by the parent panel ahead of this section.\n */\nexport function ConversationOverviewGitSection() {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useConversationId();\n  const { state } = useConversationLocalStorageState(conversationId);\n  const { navigateToCommits } = useSelectConversationTab();\n  const overviewDrawer = useConversationOverviewDrawerOptional();\n  const { data: settings } = useSettings();\n  const { repository, provider, branch, isConnected } =\n    useConversationPrimaryRepository();\n\n  const showRepository = isOverviewGitPartPinned(\n    CONVERSATION_OVERVIEW_GIT_PART.repository,\n    state.unpinnedOverviewGitParts ?? [],\n  );\n  const showBranch = isOverviewGitPartPinned(\n    CONVERSATION_OVERVIEW_GIT_PART.branch,\n    state.unpinnedOverviewGitParts ?? [],\n  );\n  const showCommits = isOverviewGitPartPinned(\n    CONVERSATION_OVERVIEW_GIT_PART.commits,\n    state.unpinnedOverviewGitParts ?? [],\n  );\n  const showPullRequests = isOverviewGitPartPinned(\n    CONVERSATION_OVERVIEW_GIT_PART.pull_requests,\n    state.unpinnedOverviewGitParts ?? [],\n  );\n\n  const pullRequestsQuery = useRepositoryPullRequests(\n    showPullRequests ? repository : null,\n    showPullRequests ? provider : null,\n  );\n  // Same page the Files → Commits drawer uses; no separate total from the\n  // API, so we surface the fetched count (and a trailing + when capped).\n  const commitsQuery = useUnifiedGitCommits();\n\n  if (!isConnected || !repository || !provider) {\n    return null;\n  }\n\n  if (!showRepository && !showBranch && !showCommits && !showPullRequests) {\n    return null;\n  }\n\n  const providerHost = settings?.provider_tokens_set?.[provider] ?? null;\n  const repoUrl = constructRepositoryUrl(provider, repository, providerHost);\n  const branchUrl = branch\n    ? constructBranchUrl(provider, repository, branch, providerHost)\n    : null;\n  const pullRequestsCount = pullRequestsQuery.data?.length ?? null;\n  const commitsCount = commitsQuery.isUnsupported\n    ? null\n    : commitsQuery.commits.length;\n  const commitsCountLabel =\n    commitsCount !== null && commitsCount > 0\n      ? commitsQuery.hasMore\n        ? `${commitsCount}+`\n        : String(commitsCount)\n      : ZERO_COUNT_LABEL;\n\n  const openPullRequests = () => {\n    overviewDrawer?.openSection(\n      CONVERSATION_OVERVIEW_DRAWER_SECTION.pull_requests,\n    );\n  };\n\n  const openCommits = () => {\n    overviewDrawer?.closeDrawer();\n    navigateToCommits();\n  };\n\n  const showHeader = showRepository || showBranch;\n  const showList = showCommits || showPullRequests;\n\n  return (\n    <div data-testid=\"conversation-overview-git-section\">\n      {showHeader ? (\n        <div className=\"px-2 pb-1\">\n          {showRepository ? (\n            <a\n              href={repoUrl}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              data-testid=\"conversation-overview-git-repo\"\n              className={cn(\n                \"group flex min-w-0 items-center gap-2 rounded-md px-2 py-1.5\",\n                \"transition-colors hover:bg-white/5\",\n              )}\n            >\n              <GitProviderIcon\n                gitProvider={provider}\n                className={ROW_ICON_CLASSNAME}\n              />\n              <span className=\"min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]\">\n                {repository}\n              </span>\n              <ExternalLink\n                className={EXTERNAL_LINK_ICON_CLASSNAME}\n                aria-hidden\n              />\n            </a>\n          ) : null}\n          {showBranch ? (\n            branch && branchUrl ? (\n              <a\n                href={branchUrl}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n                data-testid=\"conversation-overview-git-branch\"\n                className={cn(\n                  \"group flex min-w-0 items-center gap-2 rounded-md px-2 py-1.5\",\n                  \"transition-colors hover:bg-white/5\",\n                )}\n              >\n                <FaCodeBranch\n                  size={14}\n                  className=\"shrink-0 text-[var(--oh-muted)]\"\n                  aria-hidden\n                />\n                <span className=\"min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]\">\n                  {branch}\n                </span>\n                <ExternalLink\n                  className={EXTERNAL_LINK_ICON_CLASSNAME}\n                  aria-hidden\n                />\n              </a>\n            ) : (\n              <div\n                data-testid=\"conversation-overview-git-branch\"\n                className=\"flex min-w-0 items-center gap-2 px-2 py-1.5\"\n              >\n                <GitBranch\n                  className=\"size-3.5 shrink-0 text-[var(--oh-muted)]\"\n                  aria-hidden\n                />\n                <span\n                  className={cn(\n                    \"text-sm\",\n                    branch\n                      ? \"text-[var(--oh-foreground)]\"\n                      : \"text-[var(--oh-muted)]\",\n                  )}\n                >\n                  {branch || t(I18nKey.CONVERSATION$OVERVIEW_NONE)}\n                </span>\n              </div>\n            )\n          ) : null}\n        </div>\n      ) : null}\n\n      {showList ? (\n        <ul className=\"px-2\">\n          {showCommits ? (\n            <li>\n              <button\n                type=\"button\"\n                data-testid=\"conversation-overview-commits\"\n                onClick={openCommits}\n                className={cn(\n                  \"flex w-full min-w-0 items-center gap-2 rounded-md px-2 py-1.5\",\n                  \"cursor-pointer bg-transparent text-left transition-colors hover:bg-white/5\",\n                )}\n              >\n                <GitCommitHorizontal\n                  className={ROW_ICON_CLASSNAME}\n                  aria-hidden\n                />\n                <span className=\"min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]\">\n                  {t(I18nKey.DIFF_VIEWER$COMMITS)}\n                </span>\n                {commitsQuery.isLoading ? (\n                  <span className=\"text-sm tabular-nums text-[var(--oh-muted)]\">\n                    …\n                  </span>\n                ) : (\n                  <span\n                    data-testid=\"conversation-overview-commits-count\"\n                    className=\"text-sm tabular-nums text-[var(--oh-muted)]\"\n                  >\n                    {commitsCountLabel}\n                  </span>\n                )}\n              </button>\n            </li>\n          ) : null}\n          {showPullRequests ? (\n            <li>\n              <button\n                type=\"button\"\n                data-testid=\"conversation-overview-pull-requests\"\n                onClick={openPullRequests}\n                className={cn(\n                  \"flex w-full min-w-0 items-center gap-2 rounded-md px-2 py-1.5\",\n                  \"cursor-pointer bg-transparent text-left transition-colors hover:bg-white/5\",\n                )}\n              >\n                <PrIcon className={ROW_ICON_CLASSNAME} aria-hidden />\n                <span className=\"min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]\">\n                  {t(I18nKey.CONVERSATION$OVERVIEW_PULL_REQUESTS)}\n                </span>\n                {pullRequestsQuery.isLoading ? (\n                  <span className=\"text-sm tabular-nums text-[var(--oh-muted)]\">\n                    …\n                  </span>\n                ) : (\n                  <span\n                    data-testid=\"conversation-overview-pull-requests-count\"\n                    className=\"text-sm tabular-nums text-[var(--oh-muted)]\"\n                  >\n                    {pullRequestsCount !== null && pullRequestsCount > 0\n                      ? pullRequestsCount\n                      : ZERO_COUNT_LABEL}\n                  </span>\n                )}\n              </button>\n            </li>\n          ) : null}\n        </ul>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/conversation/conversation-overview-mcp-panel.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("../../../utils/retrieve-axios-error-message.cjs"),i=require("../../../utils/custom-toast-handlers.cjs"),a=require("../../../utils/mcp-config.cjs"),o=require("../../../hooks/query/use-settings.cjs"),s=require("./conversation-overview-drawer-context.cjs"),c=require("../../../node_modules/@openhands/extensions/integrations/index.cjs"),l=require("../../../utils/mcp-marketplace-utils.cjs"),u=require("../../../utils/mcp-installed-servers.cjs"),d=require("../mcp-page/install-server-modal.cjs"),f=require("../../shared/modals/confirmation-modal.cjs"),p=require("../../../hooks/mutation/use-delete-mcp-server.cjs"),m=require("../../../hooks/mutation/use-update-mcp-server.cjs"),h=require("../mcp-page/installed-servers-section.cjs"),g=require("../mcp-page/marketplace-section.cjs"),_=require("../mcp-page/custom-server-editor.cjs"),v=require("../mcp-page/mcp-toolbar.cjs");require("../mcp-page/index.cjs");let y=require("react");y=e.__toESM(y,1);let b=require("react/jsx-runtime");function x({openAdd:e}){let{t:x}=t.useTranslation(`openhands`),{data:S,isLoading:C}=o.useSettings(),{mutate:w,isPending:T}=p.useDeleteMcpServer(),{mutate:E}=m.useUpdateMcpServer(),D=s.useConversationOverviewDrawerOptional()?.addRequestKey??0,[O,k]=(0,y.useState)(null),[A,j]=(0,y.useState)(null),[M,N]=(0,y.useState)(null),[P,F]=(0,y.useState)(``),[I,L]=(0,y.useState)(`all`);(0,y.useEffect)(()=>{e&&j({id:``,type:`sse`})},[e]),(0,y.useEffect)(()=>{D!==0&&j({id:``,type:`sse`})},[D]);let R=u.flattenMcpConfig(a.parseMcpConfig(S?.agent_settings?.mcp_config)),z=l.getMcpMarketplaceCatalog(c.default),B=R.filter(e=>l.installedServerMatchesQuery(e,l.findCatalogEntryForServer(e,z),P));return C||!S?(0,b.jsx)(`div`,{"data-testid":`conversation-overview-mcp-panel`,className:`text-sm text-muted`,children:`…`}):(0,b.jsxs)(`div`,{"data-testid":`conversation-overview-mcp-panel`,className:`flex flex-col gap-4`,children:[(0,b.jsx)(v.McpToolbar,{search:P,onSearchChange:F,sectionFilter:I,onSectionFilterChange:L}),I===`library`?null:(0,b.jsxs)(`section`,{className:`flex flex-col gap-3`,children:[(0,b.jsx)(`h3`,{className:`text-sm font-semibold text-foreground`,children:x(n.I18nKey.MCP$INSTALLED_TITLE)}),(0,b.jsx)(h.InstalledServersSection,{servers:B,hasAnyInstalled:R.length>0,query:P,onEdit:j,onToggleEnabled:(e,t)=>{E({serverId:e.id,server:{...e,enabled:t}})}})]}),I===`installed`?null:(0,b.jsx)(g.MarketplaceSection,{onSelect:k,onAdd:k,query:P}),O?(0,b.jsx)(d.InstallServerModal,{entry:O,existingServers:R,onClose:()=>k(null)}):null,A?(0,b.jsx)(_.CustomServerEditor,{server:A,existingServers:R,onClose:()=>j(null)}):null,M?(0,b.jsx)(f.ConfirmationModal,{text:x(n.I18nKey.SETTINGS$MCP_CONFIRM_DELETE),onCancel:()=>N(null),onConfirm:()=>{M&&w(M,{onSuccess:()=>{i.displaySuccessToast(x(n.I18nKey.MCP$REMOVE_SUCCESS)),N(null)},onError:e=>{i.displayErrorToast(r.retrieveAxiosErrorMessage(e)||x(n.I18nKey.ERROR$GENERIC)),N(null)}})},isConfirming:T}):null]})}exports.ConversationOverviewMcpPanel=x;
+//# sourceMappingURL=conversation-overview-mcp-panel.cjs.map

package/dist/components/features/conversation/conversation-overview-mcp-panel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-mcp-panel.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-mcp-panel.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { AxiosError } from \"axios\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useDeleteMcpServer } from \"#/hooks/mutation/use-delete-mcp-server\";\nimport { useUpdateMcpServer } from \"#/hooks/mutation/use-update-mcp-server\";\nimport { parseMcpConfig } from \"#/utils/mcp-config\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport {\n  findCatalogEntryForServer,\n  getMcpMarketplaceCatalog,\n  installedServerMatchesQuery,\n} from \"#/utils/mcp-marketplace-utils\";\nimport {\n  INTEGRATION_CATALOG as MCP_MARKETPLACE,\n  type IntegrationCatalogEntry as MarketplaceEntry,\n} from \"@openhands/extensions/integrations\";\nimport { MCPServerConfig } from \"#/types/mcp-server\";\nimport { flattenMcpConfig } from \"#/utils/mcp-installed-servers\";\nimport {\n  InstalledServersSection,\n  CustomServerEditor,\n  InstallServerModal,\n  MarketplaceSection,\n  McpToolbar,\n  type McpSectionFilter,\n} from \"#/components/features/mcp-page\";\nimport { useConversationOverviewDrawerOptional } from \"./conversation-overview-drawer-context\";\n\ninterface ConversationOverviewMcpPanelProps {\n  openAdd: boolean;\n}\n\nexport function ConversationOverviewMcpPanel({\n  openAdd,\n}: ConversationOverviewMcpPanelProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { data: settings, isLoading } = useSettings();\n  const { mutate: deleteMcpServer, isPending: isDeleting } =\n    useDeleteMcpServer();\n  const { mutate: updateMcpServer } = useUpdateMcpServer();\n  const addRequestKey =\n    useConversationOverviewDrawerOptional()?.addRequestKey ?? 0;\n\n  const [installEntry, setInstallEntry] = useState<MarketplaceEntry | null>(\n    null,\n  );\n  const [editingServer, setEditingServer] = useState<MCPServerConfig | null>(\n    null,\n  );\n  const [serverToDelete, setServerToDelete] = useState<MCPServerConfig | null>(\n    null,\n  );\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [sectionFilter, setSectionFilter] = useState<McpSectionFilter>(\"all\");\n\n  useEffect(() => {\n    if (!openAdd) {\n      return;\n    }\n    setEditingServer({ id: \"\", type: \"sse\" });\n  }, [openAdd]);\n\n  useEffect(() => {\n    if (addRequestKey === 0) {\n      return;\n    }\n    setEditingServer({ id: \"\", type: \"sse\" });\n  }, [addRequestKey]);\n\n  const mcpConfig = parseMcpConfig(settings?.agent_settings?.mcp_config);\n  const allServers = flattenMcpConfig(mcpConfig);\n  const mcpMarketplace = getMcpMarketplaceCatalog(MCP_MARKETPLACE);\n  const filteredInstalledServers = allServers.filter((server) =>\n    installedServerMatchesQuery(\n      server,\n      findCatalogEntryForServer(server, mcpMarketplace),\n      searchQuery,\n    ),\n  );\n\n  const handleToggleEnabled = (server: MCPServerConfig, enabled: boolean) => {\n    updateMcpServer({ serverId: server.id, server: { ...server, enabled } });\n  };\n\n  const handleConfirmDelete = () => {\n    if (!serverToDelete) {\n      return;\n    }\n    deleteMcpServer(serverToDelete, {\n      onSuccess: () => {\n        displaySuccessToast(t(I18nKey.MCP$REMOVE_SUCCESS));\n        setServerToDelete(null);\n      },\n      onError: (error) => {\n        displayErrorToast(\n          retrieveAxiosErrorMessage(error as AxiosError) ||\n            t(I18nKey.ERROR$GENERIC),\n        );\n        setServerToDelete(null);\n      },\n    });\n  };\n\n  if (isLoading || !settings) {\n    return (\n      <div\n        data-testid=\"conversation-overview-mcp-panel\"\n        className=\"text-sm text-muted\"\n      >\n        …\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-testid=\"conversation-overview-mcp-panel\"\n      className=\"flex flex-col gap-4\"\n    >\n      <McpToolbar\n        search={searchQuery}\n        onSearchChange={setSearchQuery}\n        sectionFilter={sectionFilter}\n        onSectionFilterChange={setSectionFilter}\n      />\n\n      {sectionFilter !== \"library\" ? (\n        <section className=\"flex flex-col gap-3\">\n          <h3 className=\"text-sm font-semibold text-foreground\">\n            {t(I18nKey.MCP$INSTALLED_TITLE)}\n          </h3>\n          <InstalledServersSection\n            servers={filteredInstalledServers}\n            hasAnyInstalled={allServers.length > 0}\n            query={searchQuery}\n            onEdit={setEditingServer}\n            onToggleEnabled={handleToggleEnabled}\n          />\n        </section>\n      ) : null}\n\n      {sectionFilter !== \"installed\" ? (\n        <MarketplaceSection\n          onSelect={setInstallEntry}\n          onAdd={setInstallEntry}\n          query={searchQuery}\n        />\n      ) : null}\n\n      {installEntry ? (\n        <InstallServerModal\n          entry={installEntry}\n          existingServers={allServers}\n          onClose={() => setInstallEntry(null)}\n        />\n      ) : null}\n\n      {editingServer ? (\n        <CustomServerEditor\n          server={editingServer}\n          existingServers={allServers}\n          onClose={() => setEditingServer(null)}\n        />\n      ) : null}\n\n      {serverToDelete ? (\n        <ConfirmationModal\n          text={t(I18nKey.SETTINGS$MCP_CONFIRM_DELETE)}\n          onCancel={() => setServerToDelete(null)}\n          onConfirm={handleConfirmDelete}\n          isConfirming={isDeleting}\n        />\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"8oCAuCA,SAAgB,EAA6B,CAC3C,WACoC,CACpC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,KAAM,EAAU,aAAc,EAAA,YAAY,EAC5C,CAAE,OAAQ,EAAiB,UAAW,GAC1C,EAAA,mBAAmB,EACf,CAAE,OAAQ,GAAoB,EAAA,mBAAmB,EACjD,EACJ,EAAA,sCAAsC,GAAG,eAAiB,EAEtD,CAAC,EAAc,IAAA,EAAA,EAAA,UACnB,IACF,EACM,CAAC,EAAe,IAAA,EAAA,EAAA,UACpB,IACF,EACM,CAAC,EAAgB,IAAA,EAAA,EAAA,UACrB,IACF,EACM,CAAC,EAAa,IAAA,EAAA,EAAA,UAA2B,EAAE,EAC3C,CAAC,EAAe,IAAA,EAAA,EAAA,UAA+C,KAAK,GAE1E,EAAA,EAAA,eAAgB,CACT,GAGL,EAAiB,CAAE,GAAI,GAAI,KAAM,KAAM,CAAC,CAC1C,EAAG,CAAC,CAAO,CAAC,GAEZ,EAAA,EAAA,eAAgB,CACV,IAAkB,GAGtB,EAAiB,CAAE,GAAI,GAAI,KAAM,KAAM,CAAC,CAC1C,EAAG,CAAC,CAAa,CAAC,EAGlB,IAAM,EAAa,EAAA,iBADD,EAAA,eAAe,GAAU,gBAAgB,UACvB,CAAS,EACvC,EAAiB,EAAA,yBAAyB,EAAA,OAAe,EACzD,EAA2B,EAAW,OAAQ,GAClD,EAAA,4BACE,EACA,EAAA,0BAA0B,EAAQ,CAAc,EAChD,CACF,CACF,EAoCA,OAXI,GAAa,CAAC,GAEd,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,kCACZ,UAAU,8BACX,GAEI,CAAA,GAKP,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,kCACZ,UAAU,+BAFZ,EAIE,EAAA,EAAA,KAAC,EAAA,WAAD,CACE,OAAQ,EACR,eAAgB,EACD,gBACf,sBAAuB,CACxB,CAAA,EAEA,IAAkB,UAaf,MAZF,EAAA,EAAA,MAAC,UAAD,CAAS,UAAU,+BAAnB,EACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,iDACX,EAAE,EAAA,QAAQ,mBAAmB,CAC5B,CAAA,GACJ,EAAA,EAAA,KAAC,EAAA,wBAAD,CACE,QAAS,EACT,gBAAiB,EAAW,OAAS,EACrC,MAAO,EACP,OAAQ,EACR,iBAxDmB,EAAyB,IAAqB,CACzE,EAAgB,CAAE,SAAU,EAAO,GAAI,OAAQ,CAAE,GAAG,EAAQ,SAAQ,CAAE,CAAC,CACzE,CAuDS,CAAA,CACM,IAGV,IAAkB,YAMf,MALF,EAAA,EAAA,KAAC,EAAA,mBAAD,CACE,SAAU,EACV,MAAO,EACP,MAAO,CACR,CAAA,EAGF,GACC,EAAA,EAAA,KAAC,EAAA,mBAAD,CACE,MAAO,EACP,gBAAiB,EACjB,YAAe,EAAgB,IAAI,CACpC,CAAA,EACC,KAEH,GACC,EAAA,EAAA,KAAC,EAAA,mBAAD,CACE,OAAQ,EACR,gBAAiB,EACjB,YAAe,EAAiB,IAAI,CACrC,CAAA,EACC,KAEH,GACC,EAAA,EAAA,KAAC,EAAA,kBAAD,CACE,KAAM,EAAE,EAAA,QAAQ,2BAA2B,EAC3C,aAAgB,EAAkB,IAAI,EACtC,cArF0B,CAC3B,GAGL,EAAgB,EAAgB,CAC9B,cAAiB,CACf,EAAA,oBAAoB,EAAE,EAAA,QAAQ,kBAAkB,CAAC,EACjD,EAAkB,IAAI,CACxB,EACA,QAAU,GAAU,CAClB,EAAA,kBACE,EAAA,0BAA0B,CAAmB,GAC3C,EAAE,EAAA,QAAQ,aAAa,CAC3B,EACA,EAAkB,IAAI,CACxB,CACF,CAAC,CACH,EAqEQ,aAAc,CACf,CAAA,EACC,IACD,GAET"}

package/dist/components/features/conversation/conversation-overview-mcp-panel.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface ConversationOverviewMcpPanelProps {
+    openAdd: boolean;
+}
+export declare function ConversationOverviewMcpPanel({ openAdd, }: ConversationOverviewMcpPanelProps): React.JSX.Element;
+export {};