@openhands/agent-canvas 1.14.0 → 1.15.0

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

@@ -0,0 +1,138 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { cn as n } from "../../../utils/utils.js";
+import { BrandButton as r } from "../settings/brand-button.js";
+import { useConversationOverviewStats as i } from "../../../hooks/use-conversation-overview-stats.js";
+import { useConversationOverviewDrawer as a } from "./conversation-overview-drawer-context.js";
+import { CONVERSATION_OVERVIEW_DRAWER_SECTION as o } from "./conversation-overview-drawer.types.js";
+import s from "../../../icons/x-mark.js";
+import { ConversationOverviewAutomationsPanel as c } from "./conversation-overview-automations-panel.js";
+import { ConversationOverviewSkillsPanel as l } from "./conversation-overview-skills-panel.js";
+import { ConversationOverviewMcpPanel as u } from "./conversation-overview-mcp-panel.js";
+import { ConversationOverviewSecretsPanel as d } from "./conversation-overview-secrets-panel.js";
+import { ConversationOverviewGitItemsHeaderLink as f, ConversationOverviewGitItemsPanel as p } from "./conversation-overview-git-items-panel.js";
+import { CONVERSATION_SECONDARY_DRAWER_CLOSE_BUTTON_CLASSNAME as m, CONVERSATION_SECONDARY_DRAWER_HEADER_ACTION_CLASSNAME as h, CONVERSATION_SECONDARY_DRAWER_HEADER_CLASSNAME as g } from "./conversation-secondary-drawer.classes.js";
+import { useEffect as _ } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/components/features/conversation/conversation-overview-drawer-content.tsx
+function b(e) {
+	switch (e) {
+		case o.automations: return t.CONVERSATION_PANEL$AUTOMATIONS;
+		case o.skills: return t.SETTINGS$NAV_SKILLS;
+		case o.mcp: return t.CONVERSATION$OVERVIEW_MCP;
+		case o.secrets: return t.SETTINGS$NAV_SECRETS;
+		case o.pull_requests: return t.CONVERSATION$OVERVIEW_PULL_REQUESTS;
+		case o.issues: return t.CONVERSATION$OVERVIEW_ISSUES;
+		default: return e;
+	}
+}
+function x({ section: n }) {
+	let { t: i } = e("openhands"), { requestAdd: s } = a();
+	switch (n) {
+		case o.automations: return /* @__PURE__ */ v(r, {
+			type: "button",
+			variant: "primary",
+			testId: "conversation-overview-automations-add",
+			className: h,
+			onClick: s,
+			children: i(t.AUTOMATIONS$ADD_AUTOMATION)
+		});
+		case o.skills: return /* @__PURE__ */ v(r, {
+			type: "button",
+			variant: "primary",
+			testId: "conversation-overview-skills-add-skill-button",
+			className: h,
+			onClick: s,
+			children: i(t.SETTINGS$SKILLS_ADD_BUTTON)
+		});
+		case o.mcp: return /* @__PURE__ */ v(r, {
+			type: "button",
+			variant: "secondary",
+			testId: "conversation-overview-mcp-add-server",
+			className: h,
+			onClick: s,
+			children: i(t.MCP$ADD_CUSTOM)
+		});
+		case o.secrets: return /* @__PURE__ */ v(r, {
+			type: "button",
+			variant: "primary",
+			testId: "conversation-overview-secrets-add-button",
+			className: h,
+			onClick: s,
+			children: i(t.SECRETS$ADD_NEW_SECRET)
+		});
+		case o.pull_requests: return /* @__PURE__ */ v(f, { kind: "pull_requests" });
+		case o.issues: return /* @__PURE__ */ v(f, { kind: "issues" });
+		default: return null;
+	}
+}
+function S({ section: e, openAdd: t }) {
+	switch (e) {
+		case o.automations: return /* @__PURE__ */ v(c, { openAdd: t });
+		case o.skills: return /* @__PURE__ */ v(l, { openAdd: t });
+		case o.mcp: return /* @__PURE__ */ v(u, { openAdd: t });
+		case o.secrets: return /* @__PURE__ */ v(d, { openAdd: t });
+		case o.pull_requests: return /* @__PURE__ */ v(p, { kind: "pull_requests" });
+		case o.issues: return /* @__PURE__ */ v(p, { kind: "issues" });
+		default: return e;
+	}
+}
+function C({ className: r }) {
+	let { t: c } = e("openhands"), { section: l, openAdd: u, closeDrawer: d } = a(), { workspaceName: f } = i();
+	if (_(() => {
+		if (!l) return;
+		let e = (e) => {
+			e.key === "Escape" && d();
+		};
+		return document.addEventListener("keydown", e), () => {
+			document.removeEventListener("keydown", e);
+		};
+	}, [d, l]), !l) return null;
+	let p = l === o.pull_requests || l === o.issues || l === o.secrets;
+	return /* @__PURE__ */ y("aside", {
+		"data-testid": "conversation-overview-drawer-content",
+		"aria-label": c(b(l)),
+		className: n("flex h-full w-full min-h-0 flex-col overflow-hidden bg-base-secondary", r),
+		children: [/* @__PURE__ */ y("header", {
+			className: g,
+			children: [
+				/* @__PURE__ */ v("button", {
+					type: "button",
+					"data-testid": "conversation-overview-drawer-close",
+					"aria-label": c(t.BUTTON$CLOSE),
+					onClick: d,
+					className: m,
+					children: /* @__PURE__ */ v(s, {
+						className: "size-4",
+						"aria-hidden": !0
+					})
+				}),
+				/* @__PURE__ */ y("div", {
+					className: "flex min-w-0 flex-1 items-center gap-2",
+					children: [/* @__PURE__ */ v("h2", {
+						className: "truncate text-sm font-medium text-content",
+						children: c(b(l))
+					}), f ? /* @__PURE__ */ v("p", {
+						"data-testid": "conversation-overview-drawer-workspace",
+						className: "truncate text-xs text-muted",
+						children: f
+					}) : null]
+				}),
+				/* @__PURE__ */ v("div", {
+					className: "shrink-0",
+					children: /* @__PURE__ */ v(x, { section: l })
+				})
+			]
+		}), /* @__PURE__ */ v("div", {
+			className: n("min-h-0 flex-1 custom-scrollbar-always", p ? "flex flex-col overflow-hidden" : "overflow-y-auto px-4 py-4"),
+			children: /* @__PURE__ */ v(S, {
+				section: l,
+				openAdd: u
+			})
+		})]
+	});
+}
+//#endregion
+export { C as ConversationOverviewDrawerContent };
+
+//# sourceMappingURL=conversation-overview-drawer-content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-drawer-content.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-drawer-content.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport XMarkIcon from \"#/icons/x-mark.svg?react\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { useConversationOverviewDrawer } from \"./conversation-overview-drawer-context\";\nimport {\n  CONVERSATION_OVERVIEW_DRAWER_SECTION,\n  type ConversationOverviewDrawerSection,\n} from \"./conversation-overview-drawer.types\";\nimport { ConversationOverviewAutomationsPanel } from \"./conversation-overview-automations-panel\";\nimport { ConversationOverviewSkillsPanel } from \"./conversation-overview-skills-panel\";\nimport { ConversationOverviewMcpPanel } from \"./conversation-overview-mcp-panel\";\nimport { ConversationOverviewSecretsPanel } from \"./conversation-overview-secrets-panel\";\nimport {\n  ConversationOverviewGitItemsHeaderLink,\n  ConversationOverviewGitItemsPanel,\n} from \"./conversation-overview-git-items-panel\";\nimport { useConversationOverviewStats } from \"#/hooks/use-conversation-overview-stats\";\nimport {\n  CONVERSATION_SECONDARY_DRAWER_CLOSE_BUTTON_CLASSNAME,\n  CONVERSATION_SECONDARY_DRAWER_HEADER_ACTION_CLASSNAME,\n  CONVERSATION_SECONDARY_DRAWER_HEADER_CLASSNAME,\n} from \"./conversation-secondary-drawer.classes\";\n\ninterface ConversationOverviewDrawerContentProps {\n  className?: string;\n}\n\nfunction getSectionTitleKey(section: ConversationOverviewDrawerSection) {\n  switch (section) {\n    case CONVERSATION_OVERVIEW_DRAWER_SECTION.automations:\n      return I18nKey.CONVERSATION_PANEL$AUTOMATIONS;\n    case CONVERSATION_OVERVIEW_DRAWER_SECTION.skills:\n      return I18nKey.SETTINGS$NAV_SKILLS;\n    case CONVERSATION_OVERVIEW_DRAWER_SECTION.mcp:\n      return I18nKey.CONVERSATION$OVERVIEW_MCP;\n    case CONVERSATION_OVERVIEW_DRAWER_SECTION.secrets:\n      return I18nKey.SETTINGS$NAV_SECRETS;\n    case CONVERSATION_OVERVIEW_DRAWER_SECTION.pull_requests:\n      return I18nKey.CONVERSATION$OVERVIEW_PULL_REQUESTS;\n    case CONVERSATION_OVERVIEW_DRAWER_SECTION.issues:\n      return I18nKey.CONVERSATION$OVERVIEW_ISSUES;\n    default: {\n      const _exhaustive: never = section;\n      return _exhaustive;\n    }\n  }\n}\n\nfunction ConversationOverviewDrawerHeaderAddAction({\n  section,\n}: {\n  section: ConversationOverviewDrawerSection;\n}) {\n  const { t } = useTranslation(\"openhands\");\n  const { requestAdd } = useConversationOverviewDrawer();\n\n  switch (section) {\n    case CONVERSATION_OVERVIEW_DRAWER_SECTION.automations:\n      return (\n        <BrandButton\n          type=\"button\"\n          variant=\"primary\"\n          testId=\"conversation-overview-automations-add\"\n          className={CONVERSATION_SECONDARY_DRAWER_HEADER_ACTION_CLASSNAME}\n          onClick={requestAdd}\n        >\n          {t(I18nKey.AUTOMATIONS$ADD_AUTOMATION)}\n        </BrandButton>\n      );\n    case CONVERSATION_OVERVIEW_DRAWER_SECTION.skills:\n      return (\n        <BrandButton\n          type=\"button\"\n          variant=\"primary\"\n          testId=\"conversation-overview-skills-add-skill-button\"\n          className={CONVERSATION_SECONDARY_DRAWER_HEADER_ACTION_CLASSNAME}\n          onClick={requestAdd}\n        >\n          {t(I18nKey.SETTINGS$SKILLS_ADD_BUTTON)}\n        </BrandButton>\n      );\n    case CONVERSATION_OVERVIEW_DRAWER_SECTION.mcp:\n      return (\n        <BrandButton\n          type=\"button\"\n          variant=\"secondary\"\n          testId=\"conversation-overview-mcp-add-server\"\n          className={CONVERSATION_SECONDARY_DRAWER_HEADER_ACTION_CLASSNAME}\n          onClick={requestAdd}\n        >\n          {t(I18nKey.MCP$ADD_CUSTOM)}\n        </BrandButton>\n      );\n    case CONVERSATION_OVERVIEW_DRAWER_SECTION.secrets:\n      return (\n        <BrandButton\n          type=\"button\"\n          variant=\"primary\"\n          testId=\"conversation-overview-secrets-add-button\"\n          className={CONVERSATION_SECONDARY_DRAWER_HEADER_ACTION_CLASSNAME}\n          onClick={requestAdd}\n        >\n          {t(I18nKey.SECRETS$ADD_NEW_SECRET)}\n        </BrandButton>\n      );\n    case CONVERSATION_OVERVIEW_DRAWER_SECTION.pull_requests:\n      return <ConversationOverviewGitItemsHeaderLink kind=\"pull_requests\" />;\n    case CONVERSATION_OVERVIEW_DRAWER_SECTION.issues:\n      return <ConversationOverviewGitItemsHeaderLink kind=\"issues\" />;\n    default:\n      return null;\n  }\n}\n\nfunction ConversationOverviewDrawerBody({\n  section,\n  openAdd,\n}: {\n  section: ConversationOverviewDrawerSection;\n  openAdd: boolean;\n}) {\n  switch (section) {\n    case CONVERSATION_OVERVIEW_DRAWER_SECTION.automations:\n      return <ConversationOverviewAutomationsPanel openAdd={openAdd} />;\n    case CONVERSATION_OVERVIEW_DRAWER_SECTION.skills:\n      return <ConversationOverviewSkillsPanel openAdd={openAdd} />;\n    case CONVERSATION_OVERVIEW_DRAWER_SECTION.mcp:\n      return <ConversationOverviewMcpPanel openAdd={openAdd} />;\n    case CONVERSATION_OVERVIEW_DRAWER_SECTION.secrets:\n      return <ConversationOverviewSecretsPanel openAdd={openAdd} />;\n    case CONVERSATION_OVERVIEW_DRAWER_SECTION.pull_requests:\n      return <ConversationOverviewGitItemsPanel kind=\"pull_requests\" />;\n    case CONVERSATION_OVERVIEW_DRAWER_SECTION.issues:\n      return <ConversationOverviewGitItemsPanel kind=\"issues\" />;\n    default: {\n      const _exhaustive: never = section;\n      return _exhaustive;\n    }\n  }\n}\n\nexport function ConversationOverviewDrawerContent({\n  className,\n}: ConversationOverviewDrawerContentProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { section, openAdd, closeDrawer } = useConversationOverviewDrawer();\n  const { workspaceName } = useConversationOverviewStats();\n\n  useEffect(() => {\n    if (!section) {\n      return undefined;\n    }\n\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        closeDrawer();\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleEscape);\n    return () => {\n      document.removeEventListener(\"keydown\", handleEscape);\n    };\n  }, [closeDrawer, section]);\n\n  if (!section) {\n    return null;\n  }\n\n  const isFullBleedBody =\n    section === CONVERSATION_OVERVIEW_DRAWER_SECTION.pull_requests ||\n    section === CONVERSATION_OVERVIEW_DRAWER_SECTION.issues ||\n    section === CONVERSATION_OVERVIEW_DRAWER_SECTION.secrets;\n\n  return (\n    <aside\n      data-testid=\"conversation-overview-drawer-content\"\n      aria-label={t(getSectionTitleKey(section))}\n      className={cn(\n        \"flex h-full w-full min-h-0 flex-col overflow-hidden bg-base-secondary\",\n        className,\n      )}\n    >\n      <header className={CONVERSATION_SECONDARY_DRAWER_HEADER_CLASSNAME}>\n        <button\n          type=\"button\"\n          data-testid=\"conversation-overview-drawer-close\"\n          aria-label={t(I18nKey.BUTTON$CLOSE)}\n          onClick={closeDrawer}\n          className={CONVERSATION_SECONDARY_DRAWER_CLOSE_BUTTON_CLASSNAME}\n        >\n          <XMarkIcon className=\"size-4\" aria-hidden />\n        </button>\n        <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n          <h2 className=\"truncate text-sm font-medium text-content\">\n            {t(getSectionTitleKey(section))}\n          </h2>\n          {workspaceName ? (\n            <p\n              data-testid=\"conversation-overview-drawer-workspace\"\n              className=\"truncate text-xs text-muted\"\n            >\n              {workspaceName}\n            </p>\n          ) : null}\n        </div>\n        <div className=\"shrink-0\">\n          <ConversationOverviewDrawerHeaderAddAction section={section} />\n        </div>\n      </header>\n\n      <div\n        className={cn(\n          \"min-h-0 flex-1 custom-scrollbar-always\",\n          isFullBleedBody\n            ? \"flex flex-col overflow-hidden\"\n            : \"overflow-y-auto px-4 py-4\",\n        )}\n      >\n        <ConversationOverviewDrawerBody section={section} openAdd={openAdd} />\n      </div>\n    </aside>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA8BA,SAAS,EAAmB,GAA4C;CACtE,QAAQ,GAAR;EACE,KAAK,EAAqC,aACxC,OAAO,EAAQ;EACjB,KAAK,EAAqC,QACxC,OAAO,EAAQ;EACjB,KAAK,EAAqC,KACxC,OAAO,EAAQ;EACjB,KAAK,EAAqC,SACxC,OAAO,EAAQ;EACjB,KAAK,EAAqC,eACxC,OAAO,EAAQ;EACjB,KAAK,EAAqC,QACxC,OAAO,EAAQ;EACjB,SAEE,OAAO;CAEX;AACF;AAEA,SAAS,EAA0C,EACjD,cAGC;CACD,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,kBAAe,EAA8B;CAErD,QAAQ,GAAR;EACE,KAAK,EAAqC,aACxC,OACE,kBAAC,GAAD;GACE,MAAK;GACL,SAAQ;GACR,QAAO;GACP,WAAW;GACX,SAAS;aAER,EAAE,EAAQ,0BAA0B;EAC1B,CAAA;EAEjB,KAAK,EAAqC,QACxC,OACE,kBAAC,GAAD;GACE,MAAK;GACL,SAAQ;GACR,QAAO;GACP,WAAW;GACX,SAAS;aAER,EAAE,EAAQ,0BAA0B;EAC1B,CAAA;EAEjB,KAAK,EAAqC,KACxC,OACE,kBAAC,GAAD;GACE,MAAK;GACL,SAAQ;GACR,QAAO;GACP,WAAW;GACX,SAAS;aAER,EAAE,EAAQ,cAAc;EACd,CAAA;EAEjB,KAAK,EAAqC,SACxC,OACE,kBAAC,GAAD;GACE,MAAK;GACL,SAAQ;GACR,QAAO;GACP,WAAW;GACX,SAAS;aAER,EAAE,EAAQ,sBAAsB;EACtB,CAAA;EAEjB,KAAK,EAAqC,eACxC,OAAO,kBAAC,GAAD,EAAwC,MAAK,gBAAiB,CAAA;EACvE,KAAK,EAAqC,QACxC,OAAO,kBAAC,GAAD,EAAwC,MAAK,SAAU,CAAA;EAChE,SACE,OAAO;CACX;AACF;AAEA,SAAS,EAA+B,EACtC,YACA,cAIC;CACD,QAAQ,GAAR;EACE,KAAK,EAAqC,aACxC,OAAO,kBAAC,GAAD,EAA+C,WAAU,CAAA;EAClE,KAAK,EAAqC,QACxC,OAAO,kBAAC,GAAD,EAA0C,WAAU,CAAA;EAC7D,KAAK,EAAqC,KACxC,OAAO,kBAAC,GAAD,EAAuC,WAAU,CAAA;EAC1D,KAAK,EAAqC,SACxC,OAAO,kBAAC,GAAD,EAA2C,WAAU,CAAA;EAC9D,KAAK,EAAqC,eACxC,OAAO,kBAAC,GAAD,EAAmC,MAAK,gBAAiB,CAAA;EAClE,KAAK,EAAqC,QACxC,OAAO,kBAAC,GAAD,EAAmC,MAAK,SAAU,CAAA;EAC3D,SAEE,OAAO;CAEX;AACF;AAEA,SAAgB,EAAkC,EAChD,gBACyC;CACzC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,YAAS,YAAS,mBAAgB,EAA8B,GAClE,EAAE,qBAAkB,EAA6B;CAmBvD,IAjBA,QAAgB;EACd,IAAI,CAAC,GACH;EAGF,IAAM,KAAgB,MAAyB;GAC7C,AAAI,EAAM,QAAQ,YAChB,EAAY;EAEhB;EAGA,OADA,SAAS,iBAAiB,WAAW,CAAY,SACpC;GACX,SAAS,oBAAoB,WAAW,CAAY;EACtD;CACF,GAAG,CAAC,GAAa,CAAO,CAAC,GAErB,CAAC,GACH,OAAO;CAGT,IAAM,IACJ,MAAY,EAAqC,iBACjD,MAAY,EAAqC,UACjD,MAAY,EAAqC;CAEnD,OACE,kBAAC,SAAD;EACE,eAAY;EACZ,cAAY,EAAE,EAAmB,CAAO,CAAC;EACzC,WAAW,EACT,yEACA,CACF;YANF,CAQE,kBAAC,UAAD;GAAQ,WAAW;aAAnB;IACE,kBAAC,UAAD;KACE,MAAK;KACL,eAAY;KACZ,cAAY,EAAE,EAAQ,YAAY;KAClC,SAAS;KACT,WAAW;eAEX,kBAAC,GAAD;MAAW,WAAU;MAAS,eAAA;KAAa,CAAA;IACrC,CAAA;IACR,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAE,EAAmB,CAAO,CAAC;KAC5B,CAAA,GACH,IACC,kBAAC,KAAD;MACE,eAAY;MACZ,WAAU;gBAET;KACA,CAAA,IACD,IACD;;IACL,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD,EAAoD,WAAU,CAAA;IAC3D,CAAA;GACC;MAER,kBAAC,OAAD;GACE,WAAW,EACT,0CACA,IACI,kCACA,2BACN;aAEA,kBAAC,GAAD;IAAyC;IAAkB;GAAU,CAAA;EAClE,CAAA,CACA;;AAEX"}

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

@@ -0,0 +1,2 @@
+const e=require("../../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);let n=require("react/jsx-runtime");var r=(0,t.createContext)(null);function i({children:e}){let[i,a]=(0,t.useState)(null),[o,s]=(0,t.useState)(!1),[c,l]=(0,t.useState)(0),u=(0,t.useCallback)((e,t)=>{a(e),s(!!t?.openAdd),l(0)},[]),d=(0,t.useCallback)(()=>{a(null),s(!1),l(0)},[]),f=(0,t.useCallback)(()=>{l(e=>e+1)},[]),p=(0,t.useMemo)(()=>({section:i,openAdd:o,addRequestKey:c,openSection:u,closeDrawer:d,requestAdd:f}),[c,d,o,u,f,i]);return(0,n.jsx)(r.Provider,{value:p,children:e})}function a(){let e=(0,t.useContext)(r);if(!e)throw Error(`useConversationOverviewDrawer must be used within ConversationOverviewDrawerProvider`);return e}function o(){return(0,t.useContext)(r)}exports.ConversationOverviewDrawerProvider=i,exports.useConversationOverviewDrawer=a,exports.useConversationOverviewDrawerOptional=o;
+//# sourceMappingURL=conversation-overview-drawer-context.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-drawer-context.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-drawer-context.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from \"react\";\nimport type {\n  ConversationOverviewDrawerOpenOptions,\n  ConversationOverviewDrawerSection,\n} from \"./conversation-overview-drawer.types\";\n\ninterface ConversationOverviewDrawerContextValue {\n  section: ConversationOverviewDrawerSection | null;\n  openAdd: boolean;\n  /** Increments when the drawer header Add control is clicked. */\n  addRequestKey: number;\n  openSection: (\n    section: ConversationOverviewDrawerSection,\n    options?: ConversationOverviewDrawerOpenOptions,\n  ) => void;\n  closeDrawer: () => void;\n  requestAdd: () => void;\n}\n\nconst ConversationOverviewDrawerContext =\n  createContext<ConversationOverviewDrawerContextValue | null>(null);\n\nexport function ConversationOverviewDrawerProvider({\n  children,\n}: {\n  children: React.ReactNode;\n}) {\n  const [section, setSection] =\n    useState<ConversationOverviewDrawerSection | null>(null);\n  const [openAdd, setOpenAdd] = useState(false);\n  const [addRequestKey, setAddRequestKey] = useState(0);\n\n  const openSection = useCallback(\n    (\n      nextSection: ConversationOverviewDrawerSection,\n      options?: ConversationOverviewDrawerOpenOptions,\n    ) => {\n      setSection(nextSection);\n      setOpenAdd(Boolean(options?.openAdd));\n      setAddRequestKey(0);\n    },\n    [],\n  );\n\n  const closeDrawer = useCallback(() => {\n    setSection(null);\n    setOpenAdd(false);\n    setAddRequestKey(0);\n  }, []);\n\n  const requestAdd = useCallback(() => {\n    setAddRequestKey((previous) => previous + 1);\n  }, []);\n\n  const value = useMemo(\n    () => ({\n      section,\n      openAdd,\n      addRequestKey,\n      openSection,\n      closeDrawer,\n      requestAdd,\n    }),\n    [addRequestKey, closeDrawer, openAdd, openSection, requestAdd, section],\n  );\n\n  return (\n    <ConversationOverviewDrawerContext.Provider value={value}>\n      {children}\n    </ConversationOverviewDrawerContext.Provider>\n  );\n}\n\nexport function useConversationOverviewDrawer() {\n  const context = useContext(ConversationOverviewDrawerContext);\n  if (!context) {\n    throw new Error(\n      \"useConversationOverviewDrawer must be used within ConversationOverviewDrawerProvider\",\n    );\n  }\n  return context;\n}\n\nexport function useConversationOverviewDrawerOptional() {\n  return useContext(ConversationOverviewDrawerContext);\n}\n"],"mappings":"sIAyBA,IAAM,GAAA,EAAA,EAAA,eACyD,IAAI,EAEnE,SAAgB,EAAmC,CACjD,YAGC,CACD,GAAM,CAAC,EAAS,IAAA,EAAA,EAAA,UACqC,IAAI,EACnD,CAAC,EAAS,IAAA,EAAA,EAAA,UAAuB,EAAK,EACtC,CAAC,EAAe,IAAA,EAAA,EAAA,UAA6B,CAAC,EAE9C,GAAA,EAAA,EAAA,cAEF,EACA,IACG,CACH,EAAW,CAAW,EACtB,EAAW,EAAQ,GAAS,OAAQ,EACpC,EAAiB,CAAC,CACpB,EACA,CAAC,CACH,EAEM,GAAA,EAAA,EAAA,iBAAgC,CACpC,EAAW,IAAI,EACf,EAAW,EAAK,EAChB,EAAiB,CAAC,CACpB,EAAG,CAAC,CAAC,EAEC,GAAA,EAAA,EAAA,iBAA+B,CACnC,EAAkB,GAAa,EAAW,CAAC,CAC7C,EAAG,CAAC,CAAC,EAEC,GAAA,EAAA,EAAA,cACG,CACL,UACA,UACA,gBACA,cACA,cACA,YACF,GACA,CAAC,EAAe,EAAa,EAAS,EAAa,EAAY,CAAO,CACxE,EAEA,OACE,EAAA,EAAA,KAAC,EAAkC,SAAnC,CAAmD,QAChD,UACyC,CAAA,CAEhD,CAEA,SAAgB,GAAgC,CAC9C,IAAM,GAAA,EAAA,EAAA,YAAqB,CAAiC,EAC5D,GAAI,CAAC,EACH,MAAU,MACR,sFACF,EAEF,OAAO,CACT,CAEA,SAAgB,GAAwC,CACtD,OAAA,EAAA,EAAA,YAAkB,CAAiC,CACrD"}

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

@@ -0,0 +1,17 @@
+import React from "react";
+import type { ConversationOverviewDrawerOpenOptions, ConversationOverviewDrawerSection } from "./conversation-overview-drawer.types";
+interface ConversationOverviewDrawerContextValue {
+    section: ConversationOverviewDrawerSection | null;
+    openAdd: boolean;
+    /** Increments when the drawer header Add control is clicked. */
+    addRequestKey: number;
+    openSection: (section: ConversationOverviewDrawerSection, options?: ConversationOverviewDrawerOpenOptions) => void;
+    closeDrawer: () => void;
+    requestAdd: () => void;
+}
+export declare function ConversationOverviewDrawerProvider({ children, }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export declare function useConversationOverviewDrawer(): ConversationOverviewDrawerContextValue;
+export declare function useConversationOverviewDrawerOptional(): ConversationOverviewDrawerContextValue | null;
+export {};

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

@@ -0,0 +1,43 @@
+import { createContext as e, useCallback as t, useContext as n, useMemo as r, useState as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/features/conversation/conversation-overview-drawer-context.tsx
+var o = e(null);
+function s({ children: e }) {
+	let [n, s] = i(null), [c, l] = i(!1), [u, d] = i(0), f = t((e, t) => {
+		s(e), l(!!t?.openAdd), d(0);
+	}, []), p = t(() => {
+		s(null), l(!1), d(0);
+	}, []), m = t(() => {
+		d((e) => e + 1);
+	}, []), h = r(() => ({
+		section: n,
+		openAdd: c,
+		addRequestKey: u,
+		openSection: f,
+		closeDrawer: p,
+		requestAdd: m
+	}), [
+		u,
+		p,
+		c,
+		f,
+		m,
+		n
+	]);
+	return /* @__PURE__ */ a(o.Provider, {
+		value: h,
+		children: e
+	});
+}
+function c() {
+	let e = n(o);
+	if (!e) throw Error("useConversationOverviewDrawer must be used within ConversationOverviewDrawerProvider");
+	return e;
+}
+function l() {
+	return n(o);
+}
+//#endregion
+export { s as ConversationOverviewDrawerProvider, c as useConversationOverviewDrawer, l as useConversationOverviewDrawerOptional };
+
+//# sourceMappingURL=conversation-overview-drawer-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-drawer-context.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-drawer-context.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from \"react\";\nimport type {\n  ConversationOverviewDrawerOpenOptions,\n  ConversationOverviewDrawerSection,\n} from \"./conversation-overview-drawer.types\";\n\ninterface ConversationOverviewDrawerContextValue {\n  section: ConversationOverviewDrawerSection | null;\n  openAdd: boolean;\n  /** Increments when the drawer header Add control is clicked. */\n  addRequestKey: number;\n  openSection: (\n    section: ConversationOverviewDrawerSection,\n    options?: ConversationOverviewDrawerOpenOptions,\n  ) => void;\n  closeDrawer: () => void;\n  requestAdd: () => void;\n}\n\nconst ConversationOverviewDrawerContext =\n  createContext<ConversationOverviewDrawerContextValue | null>(null);\n\nexport function ConversationOverviewDrawerProvider({\n  children,\n}: {\n  children: React.ReactNode;\n}) {\n  const [section, setSection] =\n    useState<ConversationOverviewDrawerSection | null>(null);\n  const [openAdd, setOpenAdd] = useState(false);\n  const [addRequestKey, setAddRequestKey] = useState(0);\n\n  const openSection = useCallback(\n    (\n      nextSection: ConversationOverviewDrawerSection,\n      options?: ConversationOverviewDrawerOpenOptions,\n    ) => {\n      setSection(nextSection);\n      setOpenAdd(Boolean(options?.openAdd));\n      setAddRequestKey(0);\n    },\n    [],\n  );\n\n  const closeDrawer = useCallback(() => {\n    setSection(null);\n    setOpenAdd(false);\n    setAddRequestKey(0);\n  }, []);\n\n  const requestAdd = useCallback(() => {\n    setAddRequestKey((previous) => previous + 1);\n  }, []);\n\n  const value = useMemo(\n    () => ({\n      section,\n      openAdd,\n      addRequestKey,\n      openSection,\n      closeDrawer,\n      requestAdd,\n    }),\n    [addRequestKey, closeDrawer, openAdd, openSection, requestAdd, section],\n  );\n\n  return (\n    <ConversationOverviewDrawerContext.Provider value={value}>\n      {children}\n    </ConversationOverviewDrawerContext.Provider>\n  );\n}\n\nexport function useConversationOverviewDrawer() {\n  const context = useContext(ConversationOverviewDrawerContext);\n  if (!context) {\n    throw new Error(\n      \"useConversationOverviewDrawer must be used within ConversationOverviewDrawerProvider\",\n    );\n  }\n  return context;\n}\n\nexport function useConversationOverviewDrawerOptional() {\n  return useContext(ConversationOverviewDrawerContext);\n}\n"],"mappings":";;;AAyBA,IAAM,IACJ,EAA6D,IAAI;AAEnE,SAAgB,EAAmC,EACjD,eAGC;CACD,IAAM,CAAC,GAAS,KACd,EAAmD,IAAI,GACnD,CAAC,GAAS,KAAc,EAAS,EAAK,GACtC,CAAC,GAAe,KAAoB,EAAS,CAAC,GAE9C,IAAc,GAEhB,GACA,MACG;EAGH,AAFA,EAAW,CAAW,GACtB,EAAW,EAAQ,GAAS,OAAQ,GACpC,EAAiB,CAAC;CACpB,GACA,CAAC,CACH,GAEM,IAAc,QAAkB;EAGpC,AAFA,EAAW,IAAI,GACf,EAAW,EAAK,GAChB,EAAiB,CAAC;CACpB,GAAG,CAAC,CAAC,GAEC,IAAa,QAAkB;EACnC,GAAkB,MAAa,IAAW,CAAC;CAC7C,GAAG,CAAC,CAAC,GAEC,IAAQ,SACL;EACL;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EAAC;EAAe;EAAa;EAAS;EAAa;EAAY;CAAO,CACxE;CAEA,OACE,kBAAC,EAAkC,UAAnC;EAAmD;EAChD;CACyC,CAAA;AAEhD;AAEA,SAAgB,IAAgC;CAC9C,IAAM,IAAU,EAAW,CAAiC;CAC5D,IAAI,CAAC,GACH,MAAU,MACR,sFACF;CAEF,OAAO;AACT;AAEA,SAAgB,IAAwC;CACtD,OAAO,EAAW,CAAiC;AACrD"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-drawer.cjs","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":"+YAeA,SAAS,EAAuB,EAAiB,CAC/C,OAAO,EACH,4BACA,gCACN,CAOA,SAAgB,EAA2B,CACzC,WACA,sBACkC,CAClC,IAAM,EAAiB,EAAA,sCAAsC,EACvD,EAAS,EAAQ,GAAgB,QAEjC,CAAE,cAAa,aAAY,mBAAoB,EAAA,wBAAwB,CAC3E,aAAc,GAAsB,CAAE,QAAS,IAAK,EACpD,aAAA,IACA,SAAA,IACA,SAAA,IACA,WAAY,EAAA,+CACZ,QAAS,GAAU,CAAC,GAAY,GAAsB,IACxD,CAAC,EAgBD,OAdK,EAID,EACG,GAKH,EAAA,EAAA,KAAC,EAAA,kCAAD,CAAmC,UAAU,mEAAqE,CAAA,EAJ3G,MAST,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,GAAU,GACT,EAAA,EAAA,KAAC,MAAD,CAAK,cAAa,EAAA,6DAChB,EAAA,EAAA,KAAC,EAAA,aAAD,CAAc,YAAa,EAA6B,YAAa,CAAA,CAClE,CAAA,EACH,MACJ,EAAA,EAAA,KAAC,MAAD,CACE,cAAa,EAAA,qCACb,cAAa,CAAC,EACd,UAAW,EAAA,GACT,uCACA,EACI,8CACA,8BACJ,EAAuB,CAAM,CAC/B,EACA,MAAO,CACL,MAAO,EAAS,GAAG,EAAY,IAAM,MACrC,mBAAoB,EAChB,qBACA,2BACN,YAEA,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,4FACV,MAAO,CAAE,MAAO,GAAG,EAAY,GAAI,WAElC,GACC,EAAA,EAAA,KAAC,EAAA,kCAAD,CAAmC,UAAU,QAAU,CAAA,EACrD,IACD,CAAA,CACF,CAAA,CACL,CAAA,CAAA,EA9CK,IAgDX"}

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

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");var e=`conversation-overview-drawer-width`,t=`conversation-overview-drawer-resize-handle`,n=`conversation-overview-drawer`;exports.CONVERSATION_OVERVIEW_DRAWER_RESIZE_HANDLE_TEST_ID=t,exports.CONVERSATION_OVERVIEW_DRAWER_TEST_ID=n,exports.CONVERSATION_OVERVIEW_DRAWER_WIDTH_STORAGE_KEY=e;
+//# sourceMappingURL=conversation-overview-drawer.constants.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-drawer.constants.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-drawer.constants.ts"],"sourcesContent":["export const CONVERSATION_OVERVIEW_DRAWER_WIDTH_STORAGE_KEY =\n  \"conversation-overview-drawer-width\";\n\nexport const CONVERSATION_OVERVIEW_DRAWER_DEFAULT_WIDTH_PX = 420;\nexport const CONVERSATION_OVERVIEW_DRAWER_MIN_WIDTH_PX = 300;\nexport const CONVERSATION_OVERVIEW_DRAWER_MAX_WIDTH_PX = 640;\n\nexport const CONVERSATION_OVERVIEW_DRAWER_RESIZE_HANDLE_TEST_ID =\n  \"conversation-overview-drawer-resize-handle\";\n\nexport const CONVERSATION_OVERVIEW_DRAWER_TEST_ID =\n  \"conversation-overview-drawer\";\n"],"mappings":"mDAAA,IAAa,EACX,qCAMW,EACX,6CAEW,EACX"}

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

@@ -0,0 +1,6 @@
+export declare const CONVERSATION_OVERVIEW_DRAWER_WIDTH_STORAGE_KEY = "conversation-overview-drawer-width";
+export declare const CONVERSATION_OVERVIEW_DRAWER_DEFAULT_WIDTH_PX = 420;
+export declare const CONVERSATION_OVERVIEW_DRAWER_MIN_WIDTH_PX = 300;
+export declare const CONVERSATION_OVERVIEW_DRAWER_MAX_WIDTH_PX = 640;
+export declare const CONVERSATION_OVERVIEW_DRAWER_RESIZE_HANDLE_TEST_ID = "conversation-overview-drawer-resize-handle";
+export declare const CONVERSATION_OVERVIEW_DRAWER_TEST_ID = "conversation-overview-drawer";

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

@@ -0,0 +1,6 @@
+//#region src/components/features/conversation/conversation-overview-drawer.constants.ts
+var e = "conversation-overview-drawer-width", t = "conversation-overview-drawer-resize-handle", n = "conversation-overview-drawer";
+//#endregion
+export { t as CONVERSATION_OVERVIEW_DRAWER_RESIZE_HANDLE_TEST_ID, n as CONVERSATION_OVERVIEW_DRAWER_TEST_ID, e as CONVERSATION_OVERVIEW_DRAWER_WIDTH_STORAGE_KEY };
+
+//# sourceMappingURL=conversation-overview-drawer.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-drawer.constants.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-drawer.constants.ts"],"sourcesContent":["export const CONVERSATION_OVERVIEW_DRAWER_WIDTH_STORAGE_KEY =\n  \"conversation-overview-drawer-width\";\n\nexport const CONVERSATION_OVERVIEW_DRAWER_DEFAULT_WIDTH_PX = 420;\nexport const CONVERSATION_OVERVIEW_DRAWER_MIN_WIDTH_PX = 300;\nexport const CONVERSATION_OVERVIEW_DRAWER_MAX_WIDTH_PX = 640;\n\nexport const CONVERSATION_OVERVIEW_DRAWER_RESIZE_HANDLE_TEST_ID =\n  \"conversation-overview-drawer-resize-handle\";\n\nexport const CONVERSATION_OVERVIEW_DRAWER_TEST_ID =\n  \"conversation-overview-drawer\";\n"],"mappings":";AAAA,IAAa,IACX,sCAMW,IACX,8CAEW,IACX"}

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

@@ -0,0 +1,7 @@
+import type { RefObject } from "react";
+interface ConversationOverviewDrawerProps {
+    isMobile: boolean;
+    resizeContainerRef?: RefObject<HTMLElement | null>;
+}
+export declare function ConversationOverviewDrawer({ isMobile, resizeContainerRef, }: ConversationOverviewDrawerProps): import("react").JSX.Element | null;
+export {};

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