@openhands/agent-canvas 1.13.0 → 1.15.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-mcp-panel.js","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":";;;;;;;;;;;;;;;;;;;;;;AAuCA,SAAgB,EAA6B,EAC3C,cACoC;CACpC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,MAAM,GAAU,iBAAc,EAAY,GAC5C,EAAE,QAAQ,GAAiB,WAAW,MAC1C,EAAmB,GACf,EAAE,QAAQ,MAAoB,EAAmB,GACjD,IACJ,EAAsC,GAAG,iBAAiB,GAEtD,CAAC,GAAc,KAAmB,EACtC,IACF,GACM,CAAC,GAAe,KAAoB,EACxC,IACF,GACM,CAAC,GAAgB,KAAqB,EAC1C,IACF,GACM,CAAC,GAAa,KAAkB,EAAS,EAAE,GAC3C,CAAC,GAAe,KAAoB,EAA2B,KAAK;CAS1E,AAPA,QAAgB;EACT,KAGL,EAAiB;GAAE,IAAI;GAAI,MAAM;EAAM,CAAC;CAC1C,GAAG,CAAC,CAAO,CAAC,GAEZ,QAAgB;EACV,MAAkB,KAGtB,EAAiB;GAAE,IAAI;GAAI,MAAM;EAAM,CAAC;CAC1C,GAAG,CAAC,CAAa,CAAC;CAGlB,IAAM,IAAa,EADD,EAAe,GAAU,gBAAgB,UACvB,CAAS,GACvC,IAAiB,EAAyB,CAAe,GACzD,IAA2B,EAAW,QAAQ,MAClD,EACE,GACA,EAA0B,GAAQ,CAAc,GAChD,CACF,CACF;CAoCA,OAXI,KAAa,CAAC,IAEd,kBAAC,OAAD;EACE,eAAY;EACZ,WAAU;YACX;CAEI,CAAA,IAKP,kBAAC,OAAD;EACE,eAAY;EACZ,WAAU;YAFZ;GAIE,kBAAC,GAAD;IACE,QAAQ;IACR,gBAAgB;IACD;IACf,uBAAuB;GACxB,CAAA;GAEA,MAAkB,YAaf,OAZF,kBAAC,WAAD;IAAS,WAAU;cAAnB,CACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAE,EAAQ,mBAAmB;IAC5B,CAAA,GACJ,kBAAC,GAAD;KACE,SAAS;KACT,iBAAiB,EAAW,SAAS;KACrC,OAAO;KACP,QAAQ;KACR,kBAxDmB,GAAyB,MAAqB;MACzE,EAAgB;OAAE,UAAU,EAAO;OAAI,QAAQ;QAAE,GAAG;QAAQ;OAAQ;MAAE,CAAC;KACzE;IAuDS,CAAA,CACM;;GAGV,MAAkB,cAMf,OALF,kBAAC,GAAD;IACE,UAAU;IACV,OAAO;IACP,OAAO;GACR,CAAA;GAGF,IACC,kBAAC,GAAD;IACE,OAAO;IACP,iBAAiB;IACjB,eAAe,EAAgB,IAAI;GACpC,CAAA,IACC;GAEH,IACC,kBAAC,GAAD;IACE,QAAQ;IACR,iBAAiB;IACjB,eAAe,EAAiB,IAAI;GACrC,CAAA,IACC;GAEH,IACC,kBAAC,GAAD;IACE,MAAM,EAAE,EAAQ,2BAA2B;IAC3C,gBAAgB,EAAkB,IAAI;IACtC,iBArF0B;KAC3B,KAGL,EAAgB,GAAgB;MAC9B,iBAAiB;OAEf,AADA,EAAoB,EAAE,EAAQ,kBAAkB,CAAC,GACjD,EAAkB,IAAI;MACxB;MACA,UAAU,MAAU;OAKlB,AAJA,EACE,EAA0B,CAAmB,KAC3C,EAAE,EAAQ,aAAa,CAC3B,GACA,EAAkB,IAAI;MACxB;KACF,CAAC;IACH;IAqEQ,cAAc;GACf,CAAA,IACC;EACD;;AAET"}

package/dist/components/features/conversation/conversation-overview-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/laptop.cjs"),i=require("../../../utils/utils.cjs"),a=require("../../../hooks/use-conversation-id.cjs"),o=require("./conversation-overview-sections.cjs"),s=require("../../../utils/conversation-local-storage.cjs"),c=require("../../../ui/divider.cjs"),l=require("../../../hooks/use-conversation-overview-stats.cjs"),u=require("../../../hooks/use-conversation-primary-repository.cjs"),d=require("./conversation-overview-diffs-row.cjs"),f=require("./conversation-overview-context-menu.cjs"),p=require("./conversation-overview-git-section.cjs"),m=require("../conversation-panel/ellipsis-button.cjs");let h=require("react");h=e.__toESM(h,1);let g=require("react/jsx-runtime");var _=i.cn(`w-full max-w-[240px] rounded-xl border border-[var(--oh-border)]`,`bg-[var(--oh-surface)] pb-1`),v=i.cn(`flex items-center gap-2 rounded-md px-2 py-1.5`,`transition-colors hover:bg-white/5`),y=`size-4 shrink-0 text-[var(--oh-muted)]`;function b({icon:e,label:t,value:n,testId:r}){return(0,g.jsxs)(`li`,{"data-testid":r,className:v,children:[e,(0,g.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]`,children:t}),(0,g.jsx)(`span`,{className:`max-w-[45%] shrink-0 truncate text-right text-sm text-[var(--oh-muted)]`,children:n})]})}function x(){return(0,g.jsx)(`div`,{className:`px-1`,children:(0,g.jsx)(c.Divider,{inset:`menu`})})}function S(){let{t:e}=t.useTranslation(`openhands`),i=l.useConversationOverviewStats(),{conversationId:c}=a.useConversationId(),{state:v}=s.useConversationLocalStorageState(c),{isConnected:S}=u.useConversationPrimaryRepository(),[C,w]=(0,h.useState)(!1),T=(0,h.useRef)(null),E=e=>o.isOverviewSectionPinned(e,v.unpinnedOverviewSections??[]),D=o.isOverviewGitPartPinned(o.CONVERSATION_OVERVIEW_GIT_PART.changes,v.unpinnedOverviewGitParts??[]),O=E(o.CONVERSATION_OVERVIEW_SECTION.git)&&(D||S),k=o.CONVERSATION_OVERVIEW_SECTION_GROUPS.flatMap(e=>e.sections.filter(e=>E(e))),A=[];O&&A.push({kind:`git`,key:`git`}),k.length>0&&A.push({kind:`sections`,key:k.join(`-`),sections:k});let j=t=>{switch(t){case o.CONVERSATION_OVERVIEW_SECTION.workspace:return(0,g.jsx)(b,{testId:`conversation-overview-workspace`,icon:(0,g.jsx)(r.Laptop,{className:y}),label:e(n.I18nKey.CONVERSATION$OVERVIEW_WORKSPACE),value:i.workspaceName??e(n.I18nKey.CONVERSATION$OVERVIEW_NONE)},t);case o.CONVERSATION_OVERVIEW_SECTION.git:return null;default:return t}};return(0,g.jsxs)(`aside`,{"data-testid":`conversation-overview-panel`,"aria-label":e(n.I18nKey.CONVERSATION$OVERVIEW),className:_,children:[(0,g.jsxs)(`div`,{className:`flex items-center justify-between px-4 pb-0.5 pt-2.5`,children:[(0,g.jsx)(`span`,{className:`text-xs font-medium text-[var(--oh-muted)]`,children:e(n.I18nKey.CONVERSATION$OVERVIEW)}),(0,g.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,g.jsx)(m.EllipsisButton,{ref:T,testId:`conversation-overview-ellipsis`,onClick:()=>w(e=>!e),ariaLabel:e(n.I18nKey.COMMON$MORE_OPTIONS)}),(0,g.jsx)(f.ConversationOverviewContextMenu,{isOpen:C,onClose:()=>w(!1),ignoreOutsideClickRef:T,anchorRef:T})]})]}),A.map((e,t)=>(0,g.jsxs)(h.default.Fragment,{children:[t>0?(0,g.jsx)(x,{}):null,e.kind===`git`?(0,g.jsxs)(`div`,{"data-testid":`conversation-overview-git-block`,children:[D?(0,g.jsx)(`ul`,{className:`px-2`,children:(0,g.jsx)(d.ConversationOverviewDiffsRow,{})}):null,S?(0,g.jsx)(p.ConversationOverviewGitSection,{}):null]}):(0,g.jsx)(`ul`,{className:`px-2`,children:e.sections.map(e=>j(e))})]},e.key))]})}exports.ConversationOverviewPanel=S;
+//# sourceMappingURL=conversation-overview-panel.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-panel.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-panel.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport { Laptop } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useConversationOverviewStats } from \"#/hooks/use-conversation-overview-stats\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useConversationPrimaryRepository } from \"#/hooks/use-conversation-primary-repository\";\nimport { useConversationLocalStorageState } from \"#/utils/conversation-local-storage\";\nimport { ConversationOverviewDiffsRow } from \"./conversation-overview-diffs-row\";\nimport { ConversationOverviewContextMenu } from \"./conversation-overview-context-menu\";\nimport { ConversationOverviewGitSection } from \"./conversation-overview-git-section\";\nimport { EllipsisButton } from \"#/components/features/conversation-panel/ellipsis-button\";\nimport { Divider } from \"#/ui/divider\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  CONVERSATION_OVERVIEW_GIT_PART,\n  CONVERSATION_OVERVIEW_SECTION,\n  CONVERSATION_OVERVIEW_SECTION_GROUPS,\n  isOverviewGitPartPinned,\n  isOverviewSectionPinned,\n  type ConversationOverviewSection,\n} from \"./conversation-overview-sections\";\n\nconst PANEL_CLASSNAME = cn(\n  \"w-full max-w-[240px] rounded-xl border border-[var(--oh-border)]\",\n  \"bg-[var(--oh-surface)] pb-1\",\n);\n\nconst ROW_CLASSNAME = cn(\n  \"flex items-center gap-2 rounded-md px-2 py-1.5\",\n  \"transition-colors hover:bg-white/5\",\n);\n\nconst ROW_ICON_CLASSNAME = \"size-4 shrink-0 text-[var(--oh-muted)]\";\n\ninterface OverviewRowProps {\n  icon: React.ReactNode;\n  label: string;\n  value: React.ReactNode;\n  testId: string;\n}\n\nfunction OverviewRow({ icon, label, value, testId }: OverviewRowProps) {\n  return (\n    <li data-testid={testId} className={ROW_CLASSNAME}>\n      {icon}\n      <span className=\"min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]\">\n        {label}\n      </span>\n      <span className=\"max-w-[45%] shrink-0 truncate text-right text-sm text-[var(--oh-muted)]\">\n        {value}\n      </span>\n    </li>\n  );\n}\n\nfunction OverviewSectionDivider() {\n  // Match dropdown/context-menu separators: `px-1` host + `inset=\"menu\"`\n  // Divider (12px slot, line bleeds into the horizontal padding).\n  return (\n    <div className=\"px-1\">\n      <Divider inset=\"menu\" />\n    </div>\n  );\n}\n\ntype OverviewPanelBlock =\n  | {\n      kind: \"sections\";\n      key: string;\n      sections: ConversationOverviewSection[];\n    }\n  | { kind: \"git\"; key: \"git\" };\n\nexport function ConversationOverviewPanel() {\n  const { t } = useTranslation(\"openhands\");\n  const stats = useConversationOverviewStats();\n  const { conversationId } = useConversationId();\n  const { state } = useConversationLocalStorageState(conversationId);\n  const { isConnected: isGitConnected } = useConversationPrimaryRepository();\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n  const menuAnchorRef = useRef<HTMLButtonElement>(null);\n\n  const isPinned = (section: ConversationOverviewSection) =>\n    isOverviewSectionPinned(section, state.unpinnedOverviewSections ?? []);\n\n  const showChanges = isOverviewGitPartPinned(\n    CONVERSATION_OVERVIEW_GIT_PART.changes,\n    state.unpinnedOverviewGitParts ?? [],\n  );\n\n  const showGitBlock =\n    isPinned(CONVERSATION_OVERVIEW_SECTION.git) &&\n    (showChanges || isGitConnected);\n\n  const workspaceSections = CONVERSATION_OVERVIEW_SECTION_GROUPS.flatMap(\n    (group) => group.sections.filter((section) => isPinned(section)),\n  );\n\n  // Git content first (untitled); Workspace sits below it.\n  const panelBlocks: OverviewPanelBlock[] = [];\n  if (showGitBlock) {\n    panelBlocks.push({ kind: \"git\", key: \"git\" });\n  }\n  if (workspaceSections.length > 0) {\n    panelBlocks.push({\n      kind: \"sections\",\n      key: workspaceSections.join(\"-\"),\n      sections: workspaceSections,\n    });\n  }\n\n  const renderSection = (section: ConversationOverviewSection) => {\n    switch (section) {\n      case CONVERSATION_OVERVIEW_SECTION.workspace:\n        return (\n          <OverviewRow\n            key={section}\n            testId=\"conversation-overview-workspace\"\n            icon={<Laptop className={ROW_ICON_CLASSNAME} />}\n            label={t(I18nKey.CONVERSATION$OVERVIEW_WORKSPACE)}\n            value={stats.workspaceName ?? t(I18nKey.CONVERSATION$OVERVIEW_NONE)}\n          />\n        );\n      case CONVERSATION_OVERVIEW_SECTION.git:\n        // Rendered as its own panel block (not a group row).\n        return null;\n      default: {\n        const _exhaustive: never = section;\n        return _exhaustive;\n      }\n    }\n  };\n\n  return (\n    <aside\n      data-testid=\"conversation-overview-panel\"\n      aria-label={t(I18nKey.CONVERSATION$OVERVIEW)}\n      className={PANEL_CLASSNAME}\n    >\n      <div className=\"flex items-center justify-between px-4 pb-0.5 pt-2.5\">\n        <span className=\"text-xs font-medium text-[var(--oh-muted)]\">\n          {t(I18nKey.CONVERSATION$OVERVIEW)}\n        </span>\n        <div className=\"relative shrink-0\">\n          <EllipsisButton\n            ref={menuAnchorRef}\n            testId=\"conversation-overview-ellipsis\"\n            onClick={() => setIsMenuOpen((open) => !open)}\n            ariaLabel={t(I18nKey.COMMON$MORE_OPTIONS)}\n          />\n          <ConversationOverviewContextMenu\n            isOpen={isMenuOpen}\n            onClose={() => setIsMenuOpen(false)}\n            ignoreOutsideClickRef={menuAnchorRef}\n            anchorRef={menuAnchorRef}\n          />\n        </div>\n      </div>\n\n      {panelBlocks.map((block, blockIndex) => (\n        <React.Fragment key={block.key}>\n          {blockIndex > 0 ? <OverviewSectionDivider /> : null}\n          {block.kind === \"git\" ? (\n            <div data-testid=\"conversation-overview-git-block\">\n              {showChanges ? (\n                <ul className=\"px-2\">\n                  <ConversationOverviewDiffsRow />\n                </ul>\n              ) : null}\n              {isGitConnected ? <ConversationOverviewGitSection /> : null}\n            </div>\n          ) : (\n            <ul className=\"px-2\">\n              {block.sections.map((section) => renderSection(section))}\n            </ul>\n          )}\n        </React.Fragment>\n      ))}\n    </aside>\n  );\n}\n"],"mappings":"44BAuBA,IAAM,EAAkB,EAAA,GACtB,mEACA,6BACF,EAEM,EAAgB,EAAA,GACpB,iDACA,oCACF,EAEM,EAAqB,yCAS3B,SAAS,EAAY,CAAE,OAAM,QAAO,QAAO,UAA4B,CACrE,OACE,EAAA,EAAA,MAAC,KAAD,CAAI,cAAa,EAAQ,UAAW,WAApC,CACG,GACD,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uEACb,CACG,CAAA,GACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mFACb,CACG,CAAA,CACJ,GAER,CAEA,SAAS,GAAyB,CAGhC,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iBACb,EAAA,EAAA,KAAC,EAAA,QAAD,CAAS,MAAM,MAAQ,CAAA,CACpB,CAAA,CAET,CAUA,SAAgB,GAA4B,CAC1C,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAQ,EAAA,6BAA6B,EACrC,CAAE,kBAAmB,EAAA,kBAAkB,EACvC,CAAE,SAAU,EAAA,iCAAiC,CAAc,EAC3D,CAAE,YAAa,GAAmB,EAAA,iCAAiC,EACnE,CAAC,EAAY,IAAA,EAAA,EAAA,UAA0B,EAAK,EAC5C,GAAA,EAAA,EAAA,QAA0C,IAAI,EAE9C,EAAY,GAChB,EAAA,wBAAwB,EAAS,EAAM,0BAA4B,CAAC,CAAC,EAEjE,EAAc,EAAA,wBAClB,EAAA,+BAA+B,QAC/B,EAAM,0BAA4B,CAAC,CACrC,EAEM,EACJ,EAAS,EAAA,8BAA8B,GAAG,IACzC,GAAe,GAEZ,EAAoB,EAAA,qCAAqC,QAC5D,GAAU,EAAM,SAAS,OAAQ,GAAY,EAAS,CAAO,CAAC,CACjE,EAGM,EAAoC,CAAC,EACvC,GACF,EAAY,KAAK,CAAE,KAAM,MAAO,IAAK,KAAM,CAAC,EAE1C,EAAkB,OAAS,GAC7B,EAAY,KAAK,CACf,KAAM,WACN,IAAK,EAAkB,KAAK,GAAG,EAC/B,SAAU,CACZ,CAAC,EAGH,IAAM,EAAiB,GAAyC,CAC9D,OAAQ,EAAR,CACE,KAAK,EAAA,8BAA8B,UACjC,OACE,EAAA,EAAA,KAAC,EAAD,CAEE,OAAO,kCACP,MAAM,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,UAAW,CAAqB,CAAA,EAC9C,MAAO,EAAE,EAAA,QAAQ,+BAA+B,EAChD,MAAO,EAAM,eAAiB,EAAE,EAAA,QAAQ,0BAA0B,CACnE,EALM,CAKN,EAEL,KAAK,EAAA,8BAA8B,IAEjC,OAAO,KACT,QAEE,OAAO,CAEX,CACF,EAEA,OACE,EAAA,EAAA,MAAC,QAAD,CACE,cAAY,8BACZ,aAAY,EAAE,EAAA,QAAQ,qBAAqB,EAC3C,UAAW,WAHb,EAKE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,gEAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sDACb,EAAE,EAAA,QAAQ,qBAAqB,CAC5B,CAAA,GACN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6BAAf,EACE,EAAA,EAAA,KAAC,EAAA,eAAD,CACE,IAAK,EACL,OAAO,iCACP,YAAe,EAAe,GAAS,CAAC,CAAI,EAC5C,UAAW,EAAE,EAAA,QAAQ,mBAAmB,CACzC,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,gCAAD,CACE,OAAQ,EACR,YAAe,EAAc,EAAK,EAClC,sBAAuB,EACvB,UAAW,CACZ,CAAA,CACE,GACF,IAEJ,EAAY,KAAK,EAAO,KACvB,EAAA,EAAA,MAAC,EAAA,QAAM,SAAP,CAAA,SAAA,CACG,EAAa,GAAI,EAAA,EAAA,KAAC,EAAD,CAAyB,CAAA,EAAI,KAC9C,EAAM,OAAS,OACd,EAAA,EAAA,MAAC,MAAD,CAAK,cAAY,2CAAjB,CACG,GACC,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,iBACZ,EAAA,EAAA,KAAC,EAAA,6BAAD,CAA+B,CAAA,CAC7B,CAAA,EACF,KACH,GAAiB,EAAA,EAAA,KAAC,EAAA,+BAAD,CAAiC,CAAA,EAAI,IACpD,KAEL,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,gBACX,EAAM,SAAS,IAAK,GAAY,EAAc,CAAO,CAAC,CACrD,CAAA,CAEQ,CAAA,EAhBK,EAAM,GAgBX,CACjB,CACI,GAEX"}

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

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");var e={duration:.2,ease:`easeInOut`};function t(e){return e>=596}exports.CONVERSATION_OVERVIEW_PANEL_TRANSITION=e,exports.hasEnoughOverviewLayoutSpace=t;
+//# sourceMappingURL=conversation-overview-panel.constants.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-panel.constants.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-panel.constants.ts"],"sourcesContent":["export const CONVERSATION_OVERVIEW_AUTOMATIONS_PATH = \"/automations\";\nexport const CONVERSATION_OVERVIEW_SKILLS_PATH = \"/skills\";\nexport const CONVERSATION_OVERVIEW_MCP_PATH = \"/mcp\";\n\nexport const CONVERSATION_OVERVIEW_PANEL_WIDTH_PX = 240;\nexport const CONVERSATION_OVERVIEW_COLUMN_MIN_GAP_PX = 8;\n/** Horizontal padding on the overview column (`pl-3` + `pr-4`). */\nexport const CONVERSATION_OVERVIEW_COLUMN_LEFT_PADDING_PX = 12;\nexport const CONVERSATION_OVERVIEW_COLUMN_RIGHT_PADDING_PX = 16;\nexport const CONVERSATION_OVERVIEW_COLUMN_HORIZONTAL_PADDING_PX =\n  CONVERSATION_OVERVIEW_COLUMN_LEFT_PADDING_PX +\n  CONVERSATION_OVERVIEW_COLUMN_RIGHT_PADDING_PX;\n/** Minimum chat-thread width before the overview panel is hidden entirely. */\nexport const CONVERSATION_OVERVIEW_MIN_THREAD_WIDTH_PX = 320;\n\nexport const CONVERSATION_OVERVIEW_PANEL_TRANSITION = {\n  duration: 0.2,\n  ease: \"easeInOut\" as const,\n};\n\nexport const CONVERSATION_OVERVIEW_COLUMN_WIDTH_PX =\n  CONVERSATION_OVERVIEW_PANEL_WIDTH_PX +\n  CONVERSATION_OVERVIEW_COLUMN_HORIZONTAL_PADDING_PX;\n\nexport function hasEnoughOverviewLayoutSpace(containerWidth: number): boolean {\n  return (\n    containerWidth >=\n    CONVERSATION_OVERVIEW_COLUMN_WIDTH_PX +\n      CONVERSATION_OVERVIEW_COLUMN_MIN_GAP_PX +\n      CONVERSATION_OVERVIEW_MIN_THREAD_WIDTH_PX\n  );\n}\n\nexport const CONVERSATION_OVERVIEW_ADD_QUERY_PARAM = \"add\";\nexport const CONVERSATION_OVERVIEW_ADD_QUERY_VALUE = \"1\";\n\nexport const CONVERSATION_OVERVIEW_AUTOMATIONS_ADD_PATH =\n  \"/automations/dashboard?add=1\";\nexport const CONVERSATION_OVERVIEW_SKILLS_ADD_PATH = \"/skills?add=1\";\nexport const CONVERSATION_OVERVIEW_MCP_ADD_PATH = \"/mcp?add=1\";\n\nexport function buildConversationOverviewAddPath(path: string): string {\n  const separator = path.includes(\"?\") ? \"&\" : \"?\";\n  return `${path}${separator}${CONVERSATION_OVERVIEW_ADD_QUERY_PARAM}=${CONVERSATION_OVERVIEW_ADD_QUERY_VALUE}`;\n}\n\nexport function hasConversationOverviewAddIntent(search: string): boolean {\n  const normalized = search.startsWith(\"?\") ? search.slice(1) : search;\n  const params = new URLSearchParams(normalized);\n  return (\n    params.get(CONVERSATION_OVERVIEW_ADD_QUERY_PARAM) ===\n    CONVERSATION_OVERVIEW_ADD_QUERY_VALUE\n  );\n}\n"],"mappings":"mDAeA,IAAa,EAAyC,CACpD,SAAU,GACV,KAAM,WACR,EAMA,SAAgB,EAA6B,EAAiC,CAC5E,OACE,GACA,GAIJ"}

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

@@ -0,0 +1,24 @@
+export declare const CONVERSATION_OVERVIEW_AUTOMATIONS_PATH = "/automations";
+export declare const CONVERSATION_OVERVIEW_SKILLS_PATH = "/skills";
+export declare const CONVERSATION_OVERVIEW_MCP_PATH = "/mcp";
+export declare const CONVERSATION_OVERVIEW_PANEL_WIDTH_PX = 240;
+export declare const CONVERSATION_OVERVIEW_COLUMN_MIN_GAP_PX = 8;
+/** Horizontal padding on the overview column (`pl-3` + `pr-4`). */
+export declare const CONVERSATION_OVERVIEW_COLUMN_LEFT_PADDING_PX = 12;
+export declare const CONVERSATION_OVERVIEW_COLUMN_RIGHT_PADDING_PX = 16;
+export declare const CONVERSATION_OVERVIEW_COLUMN_HORIZONTAL_PADDING_PX: number;
+/** Minimum chat-thread width before the overview panel is hidden entirely. */
+export declare const CONVERSATION_OVERVIEW_MIN_THREAD_WIDTH_PX = 320;
+export declare const CONVERSATION_OVERVIEW_PANEL_TRANSITION: {
+    duration: number;
+    ease: "easeInOut";
+};
+export declare const CONVERSATION_OVERVIEW_COLUMN_WIDTH_PX: number;
+export declare function hasEnoughOverviewLayoutSpace(containerWidth: number): boolean;
+export declare const CONVERSATION_OVERVIEW_ADD_QUERY_PARAM = "add";
+export declare const CONVERSATION_OVERVIEW_ADD_QUERY_VALUE = "1";
+export declare const CONVERSATION_OVERVIEW_AUTOMATIONS_ADD_PATH = "/automations/dashboard?add=1";
+export declare const CONVERSATION_OVERVIEW_SKILLS_ADD_PATH = "/skills?add=1";
+export declare const CONVERSATION_OVERVIEW_MCP_ADD_PATH = "/mcp?add=1";
+export declare function buildConversationOverviewAddPath(path: string): string;
+export declare function hasConversationOverviewAddIntent(search: string): boolean;

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

@@ -0,0 +1,12 @@
+//#region src/components/features/conversation/conversation-overview-panel.constants.ts
+var e = {
+	duration: .2,
+	ease: "easeInOut"
+};
+function t(e) {
+	return e >= 596;
+}
+//#endregion
+export { e as CONVERSATION_OVERVIEW_PANEL_TRANSITION, t as hasEnoughOverviewLayoutSpace };
+
+//# sourceMappingURL=conversation-overview-panel.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-panel.constants.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-panel.constants.ts"],"sourcesContent":["export const CONVERSATION_OVERVIEW_AUTOMATIONS_PATH = \"/automations\";\nexport const CONVERSATION_OVERVIEW_SKILLS_PATH = \"/skills\";\nexport const CONVERSATION_OVERVIEW_MCP_PATH = \"/mcp\";\n\nexport const CONVERSATION_OVERVIEW_PANEL_WIDTH_PX = 240;\nexport const CONVERSATION_OVERVIEW_COLUMN_MIN_GAP_PX = 8;\n/** Horizontal padding on the overview column (`pl-3` + `pr-4`). */\nexport const CONVERSATION_OVERVIEW_COLUMN_LEFT_PADDING_PX = 12;\nexport const CONVERSATION_OVERVIEW_COLUMN_RIGHT_PADDING_PX = 16;\nexport const CONVERSATION_OVERVIEW_COLUMN_HORIZONTAL_PADDING_PX =\n  CONVERSATION_OVERVIEW_COLUMN_LEFT_PADDING_PX +\n  CONVERSATION_OVERVIEW_COLUMN_RIGHT_PADDING_PX;\n/** Minimum chat-thread width before the overview panel is hidden entirely. */\nexport const CONVERSATION_OVERVIEW_MIN_THREAD_WIDTH_PX = 320;\n\nexport const CONVERSATION_OVERVIEW_PANEL_TRANSITION = {\n  duration: 0.2,\n  ease: \"easeInOut\" as const,\n};\n\nexport const CONVERSATION_OVERVIEW_COLUMN_WIDTH_PX =\n  CONVERSATION_OVERVIEW_PANEL_WIDTH_PX +\n  CONVERSATION_OVERVIEW_COLUMN_HORIZONTAL_PADDING_PX;\n\nexport function hasEnoughOverviewLayoutSpace(containerWidth: number): boolean {\n  return (\n    containerWidth >=\n    CONVERSATION_OVERVIEW_COLUMN_WIDTH_PX +\n      CONVERSATION_OVERVIEW_COLUMN_MIN_GAP_PX +\n      CONVERSATION_OVERVIEW_MIN_THREAD_WIDTH_PX\n  );\n}\n\nexport const CONVERSATION_OVERVIEW_ADD_QUERY_PARAM = \"add\";\nexport const CONVERSATION_OVERVIEW_ADD_QUERY_VALUE = \"1\";\n\nexport const CONVERSATION_OVERVIEW_AUTOMATIONS_ADD_PATH =\n  \"/automations/dashboard?add=1\";\nexport const CONVERSATION_OVERVIEW_SKILLS_ADD_PATH = \"/skills?add=1\";\nexport const CONVERSATION_OVERVIEW_MCP_ADD_PATH = \"/mcp?add=1\";\n\nexport function buildConversationOverviewAddPath(path: string): string {\n  const separator = path.includes(\"?\") ? \"&\" : \"?\";\n  return `${path}${separator}${CONVERSATION_OVERVIEW_ADD_QUERY_PARAM}=${CONVERSATION_OVERVIEW_ADD_QUERY_VALUE}`;\n}\n\nexport function hasConversationOverviewAddIntent(search: string): boolean {\n  const normalized = search.startsWith(\"?\") ? search.slice(1) : search;\n  const params = new URLSearchParams(normalized);\n  return (\n    params.get(CONVERSATION_OVERVIEW_ADD_QUERY_PARAM) ===\n    CONVERSATION_OVERVIEW_ADD_QUERY_VALUE\n  );\n}\n"],"mappings":";AAeA,IAAa,IAAyC;CACpD,UAAU;CACV,MAAM;AACR;AAMA,SAAgB,EAA6B,GAAiC;CAC5E,OACE,KACA;AAIJ"}

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function ConversationOverviewPanel(): React.JSX.Element;

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

@@ -0,0 +1,102 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { Laptop as n } from "../../../node_modules/lucide-react/dist/esm/icons/laptop.js";
+import { cn as r } from "../../../utils/utils.js";
+import { useConversationId as i } from "../../../hooks/use-conversation-id.js";
+import { CONVERSATION_OVERVIEW_GIT_PART as a, CONVERSATION_OVERVIEW_SECTION as o, CONVERSATION_OVERVIEW_SECTION_GROUPS as s, isOverviewGitPartPinned as c, isOverviewSectionPinned as l } from "./conversation-overview-sections.js";
+import { useConversationLocalStorageState as u } from "../../../utils/conversation-local-storage.js";
+import { Divider as d } from "../../../ui/divider.js";
+import { useConversationOverviewStats as f } from "../../../hooks/use-conversation-overview-stats.js";
+import { useConversationPrimaryRepository as p } from "../../../hooks/use-conversation-primary-repository.js";
+import { ConversationOverviewDiffsRow as m } from "./conversation-overview-diffs-row.js";
+import { ConversationOverviewContextMenu as h } from "./conversation-overview-context-menu.js";
+import { ConversationOverviewGitSection as g } from "./conversation-overview-git-section.js";
+import { EllipsisButton as _ } from "../conversation-panel/ellipsis-button.js";
+import v, { useRef as y, useState as b } from "react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+//#region src/components/features/conversation/conversation-overview-panel.tsx
+var C = r("w-full max-w-[240px] rounded-xl border border-[var(--oh-border)]", "bg-[var(--oh-surface)] pb-1"), w = r("flex items-center gap-2 rounded-md px-2 py-1.5", "transition-colors hover:bg-white/5"), T = "size-4 shrink-0 text-[var(--oh-muted)]";
+function E({ icon: e, label: t, value: n, testId: r }) {
+	return /* @__PURE__ */ S("li", {
+		"data-testid": r,
+		className: w,
+		children: [
+			e,
+			/* @__PURE__ */ x("span", {
+				className: "min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]",
+				children: t
+			}),
+			/* @__PURE__ */ x("span", {
+				className: "max-w-[45%] shrink-0 truncate text-right text-sm text-[var(--oh-muted)]",
+				children: n
+			})
+		]
+	});
+}
+function D() {
+	return /* @__PURE__ */ x("div", {
+		className: "px-1",
+		children: /* @__PURE__ */ x(d, { inset: "menu" })
+	});
+}
+function O() {
+	let { t: r } = e("openhands"), d = f(), { conversationId: w } = i(), { state: O } = u(w), { isConnected: k } = p(), [A, j] = b(!1), M = y(null), N = (e) => l(e, O.unpinnedOverviewSections ?? []), P = c(a.changes, O.unpinnedOverviewGitParts ?? []), F = N(o.git) && (P || k), I = s.flatMap((e) => e.sections.filter((e) => N(e))), L = [];
+	F && L.push({
+		kind: "git",
+		key: "git"
+	}), I.length > 0 && L.push({
+		kind: "sections",
+		key: I.join("-"),
+		sections: I
+	});
+	let R = (e) => {
+		switch (e) {
+			case o.workspace: return /* @__PURE__ */ x(E, {
+				testId: "conversation-overview-workspace",
+				icon: /* @__PURE__ */ x(n, { className: T }),
+				label: r(t.CONVERSATION$OVERVIEW_WORKSPACE),
+				value: d.workspaceName ?? r(t.CONVERSATION$OVERVIEW_NONE)
+			}, e);
+			case o.git: return null;
+			default: return e;
+		}
+	};
+	return /* @__PURE__ */ S("aside", {
+		"data-testid": "conversation-overview-panel",
+		"aria-label": r(t.CONVERSATION$OVERVIEW),
+		className: C,
+		children: [/* @__PURE__ */ S("div", {
+			className: "flex items-center justify-between px-4 pb-0.5 pt-2.5",
+			children: [/* @__PURE__ */ x("span", {
+				className: "text-xs font-medium text-[var(--oh-muted)]",
+				children: r(t.CONVERSATION$OVERVIEW)
+			}), /* @__PURE__ */ S("div", {
+				className: "relative shrink-0",
+				children: [/* @__PURE__ */ x(_, {
+					ref: M,
+					testId: "conversation-overview-ellipsis",
+					onClick: () => j((e) => !e),
+					ariaLabel: r(t.COMMON$MORE_OPTIONS)
+				}), /* @__PURE__ */ x(h, {
+					isOpen: A,
+					onClose: () => j(!1),
+					ignoreOutsideClickRef: M,
+					anchorRef: M
+				})]
+			})]
+		}), L.map((e, t) => /* @__PURE__ */ S(v.Fragment, { children: [t > 0 ? /* @__PURE__ */ x(D, {}) : null, e.kind === "git" ? /* @__PURE__ */ S("div", {
+			"data-testid": "conversation-overview-git-block",
+			children: [P ? /* @__PURE__ */ x("ul", {
+				className: "px-2",
+				children: /* @__PURE__ */ x(m, {})
+			}) : null, k ? /* @__PURE__ */ x(g, {}) : null]
+		}) : /* @__PURE__ */ x("ul", {
+			className: "px-2",
+			children: e.sections.map((e) => R(e))
+		})] }, e.key))]
+	});
+}
+//#endregion
+export { O as ConversationOverviewPanel };
+
+//# sourceMappingURL=conversation-overview-panel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-panel.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-panel.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport { Laptop } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useConversationOverviewStats } from \"#/hooks/use-conversation-overview-stats\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useConversationPrimaryRepository } from \"#/hooks/use-conversation-primary-repository\";\nimport { useConversationLocalStorageState } from \"#/utils/conversation-local-storage\";\nimport { ConversationOverviewDiffsRow } from \"./conversation-overview-diffs-row\";\nimport { ConversationOverviewContextMenu } from \"./conversation-overview-context-menu\";\nimport { ConversationOverviewGitSection } from \"./conversation-overview-git-section\";\nimport { EllipsisButton } from \"#/components/features/conversation-panel/ellipsis-button\";\nimport { Divider } from \"#/ui/divider\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  CONVERSATION_OVERVIEW_GIT_PART,\n  CONVERSATION_OVERVIEW_SECTION,\n  CONVERSATION_OVERVIEW_SECTION_GROUPS,\n  isOverviewGitPartPinned,\n  isOverviewSectionPinned,\n  type ConversationOverviewSection,\n} from \"./conversation-overview-sections\";\n\nconst PANEL_CLASSNAME = cn(\n  \"w-full max-w-[240px] rounded-xl border border-[var(--oh-border)]\",\n  \"bg-[var(--oh-surface)] pb-1\",\n);\n\nconst ROW_CLASSNAME = cn(\n  \"flex items-center gap-2 rounded-md px-2 py-1.5\",\n  \"transition-colors hover:bg-white/5\",\n);\n\nconst ROW_ICON_CLASSNAME = \"size-4 shrink-0 text-[var(--oh-muted)]\";\n\ninterface OverviewRowProps {\n  icon: React.ReactNode;\n  label: string;\n  value: React.ReactNode;\n  testId: string;\n}\n\nfunction OverviewRow({ icon, label, value, testId }: OverviewRowProps) {\n  return (\n    <li data-testid={testId} className={ROW_CLASSNAME}>\n      {icon}\n      <span className=\"min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]\">\n        {label}\n      </span>\n      <span className=\"max-w-[45%] shrink-0 truncate text-right text-sm text-[var(--oh-muted)]\">\n        {value}\n      </span>\n    </li>\n  );\n}\n\nfunction OverviewSectionDivider() {\n  // Match dropdown/context-menu separators: `px-1` host + `inset=\"menu\"`\n  // Divider (12px slot, line bleeds into the horizontal padding).\n  return (\n    <div className=\"px-1\">\n      <Divider inset=\"menu\" />\n    </div>\n  );\n}\n\ntype OverviewPanelBlock =\n  | {\n      kind: \"sections\";\n      key: string;\n      sections: ConversationOverviewSection[];\n    }\n  | { kind: \"git\"; key: \"git\" };\n\nexport function ConversationOverviewPanel() {\n  const { t } = useTranslation(\"openhands\");\n  const stats = useConversationOverviewStats();\n  const { conversationId } = useConversationId();\n  const { state } = useConversationLocalStorageState(conversationId);\n  const { isConnected: isGitConnected } = useConversationPrimaryRepository();\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n  const menuAnchorRef = useRef<HTMLButtonElement>(null);\n\n  const isPinned = (section: ConversationOverviewSection) =>\n    isOverviewSectionPinned(section, state.unpinnedOverviewSections ?? []);\n\n  const showChanges = isOverviewGitPartPinned(\n    CONVERSATION_OVERVIEW_GIT_PART.changes,\n    state.unpinnedOverviewGitParts ?? [],\n  );\n\n  const showGitBlock =\n    isPinned(CONVERSATION_OVERVIEW_SECTION.git) &&\n    (showChanges || isGitConnected);\n\n  const workspaceSections = CONVERSATION_OVERVIEW_SECTION_GROUPS.flatMap(\n    (group) => group.sections.filter((section) => isPinned(section)),\n  );\n\n  // Git content first (untitled); Workspace sits below it.\n  const panelBlocks: OverviewPanelBlock[] = [];\n  if (showGitBlock) {\n    panelBlocks.push({ kind: \"git\", key: \"git\" });\n  }\n  if (workspaceSections.length > 0) {\n    panelBlocks.push({\n      kind: \"sections\",\n      key: workspaceSections.join(\"-\"),\n      sections: workspaceSections,\n    });\n  }\n\n  const renderSection = (section: ConversationOverviewSection) => {\n    switch (section) {\n      case CONVERSATION_OVERVIEW_SECTION.workspace:\n        return (\n          <OverviewRow\n            key={section}\n            testId=\"conversation-overview-workspace\"\n            icon={<Laptop className={ROW_ICON_CLASSNAME} />}\n            label={t(I18nKey.CONVERSATION$OVERVIEW_WORKSPACE)}\n            value={stats.workspaceName ?? t(I18nKey.CONVERSATION$OVERVIEW_NONE)}\n          />\n        );\n      case CONVERSATION_OVERVIEW_SECTION.git:\n        // Rendered as its own panel block (not a group row).\n        return null;\n      default: {\n        const _exhaustive: never = section;\n        return _exhaustive;\n      }\n    }\n  };\n\n  return (\n    <aside\n      data-testid=\"conversation-overview-panel\"\n      aria-label={t(I18nKey.CONVERSATION$OVERVIEW)}\n      className={PANEL_CLASSNAME}\n    >\n      <div className=\"flex items-center justify-between px-4 pb-0.5 pt-2.5\">\n        <span className=\"text-xs font-medium text-[var(--oh-muted)]\">\n          {t(I18nKey.CONVERSATION$OVERVIEW)}\n        </span>\n        <div className=\"relative shrink-0\">\n          <EllipsisButton\n            ref={menuAnchorRef}\n            testId=\"conversation-overview-ellipsis\"\n            onClick={() => setIsMenuOpen((open) => !open)}\n            ariaLabel={t(I18nKey.COMMON$MORE_OPTIONS)}\n          />\n          <ConversationOverviewContextMenu\n            isOpen={isMenuOpen}\n            onClose={() => setIsMenuOpen(false)}\n            ignoreOutsideClickRef={menuAnchorRef}\n            anchorRef={menuAnchorRef}\n          />\n        </div>\n      </div>\n\n      {panelBlocks.map((block, blockIndex) => (\n        <React.Fragment key={block.key}>\n          {blockIndex > 0 ? <OverviewSectionDivider /> : null}\n          {block.kind === \"git\" ? (\n            <div data-testid=\"conversation-overview-git-block\">\n              {showChanges ? (\n                <ul className=\"px-2\">\n                  <ConversationOverviewDiffsRow />\n                </ul>\n              ) : null}\n              {isGitConnected ? <ConversationOverviewGitSection /> : null}\n            </div>\n          ) : (\n            <ul className=\"px-2\">\n              {block.sections.map((section) => renderSection(section))}\n            </ul>\n          )}\n        </React.Fragment>\n      ))}\n    </aside>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,IAAM,IAAkB,EACtB,oEACA,6BACF,GAEM,IAAgB,EACpB,kDACA,oCACF,GAEM,IAAqB;AAS3B,SAAS,EAAY,EAAE,SAAM,UAAO,UAAO,aAA4B;CACrE,OACE,kBAAC,MAAD;EAAI,eAAa;EAAQ,WAAW;YAApC;GACG;GACD,kBAAC,QAAD;IAAM,WAAU;cACb;GACG,CAAA;GACN,kBAAC,QAAD;IAAM,WAAU;cACb;GACG,CAAA;EACJ;;AAER;AAEA,SAAS,IAAyB;CAGhC,OACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAS,OAAM,OAAQ,CAAA;CACpB,CAAA;AAET;AAUA,SAAgB,IAA4B;CAC1C,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAQ,EAA6B,GACrC,EAAE,sBAAmB,EAAkB,GACvC,EAAE,aAAU,EAAiC,CAAc,GAC3D,EAAE,aAAa,MAAmB,EAAiC,GACnE,CAAC,GAAY,KAAiB,EAAS,EAAK,GAC5C,IAAgB,EAA0B,IAAI,GAE9C,KAAY,MAChB,EAAwB,GAAS,EAAM,4BAA4B,CAAC,CAAC,GAEjE,IAAc,EAClB,EAA+B,SAC/B,EAAM,4BAA4B,CAAC,CACrC,GAEM,IACJ,EAAS,EAA8B,GAAG,MACzC,KAAe,IAEZ,IAAoB,EAAqC,SAC5D,MAAU,EAAM,SAAS,QAAQ,MAAY,EAAS,CAAO,CAAC,CACjE,GAGM,IAAoC,CAAC;CAI3C,AAHI,KACF,EAAY,KAAK;EAAE,MAAM;EAAO,KAAK;CAAM,CAAC,GAE1C,EAAkB,SAAS,KAC7B,EAAY,KAAK;EACf,MAAM;EACN,KAAK,EAAkB,KAAK,GAAG;EAC/B,UAAU;CACZ,CAAC;CAGH,IAAM,KAAiB,MAAyC;EAC9D,QAAQ,GAAR;GACE,KAAK,EAA8B,WACjC,OACE,kBAAC,GAAD;IAEE,QAAO;IACP,MAAM,kBAAC,GAAD,EAAQ,WAAW,EAAqB,CAAA;IAC9C,OAAO,EAAE,EAAQ,+BAA+B;IAChD,OAAO,EAAM,iBAAiB,EAAE,EAAQ,0BAA0B;GACnE,GALM,CAKN;GAEL,KAAK,EAA8B,KAEjC,OAAO;GACT,SAEE,OAAO;EAEX;CACF;CAEA,OACE,kBAAC,SAAD;EACE,eAAY;EACZ,cAAY,EAAE,EAAQ,qBAAqB;EAC3C,WAAW;YAHb,CAKE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,QAAD;IAAM,WAAU;cACb,EAAE,EAAQ,qBAAqB;GAC5B,CAAA,GACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACE,KAAK;KACL,QAAO;KACP,eAAe,GAAe,MAAS,CAAC,CAAI;KAC5C,WAAW,EAAE,EAAQ,mBAAmB;IACzC,CAAA,GACD,kBAAC,GAAD;KACE,QAAQ;KACR,eAAe,EAAc,EAAK;KAClC,uBAAuB;KACvB,WAAW;IACZ,CAAA,CACE;KACF;MAEJ,EAAY,KAAK,GAAO,MACvB,kBAAC,EAAM,UAAP,EAAA,UAAA,CACG,IAAa,IAAI,kBAAC,GAAD,CAAyB,CAAA,IAAI,MAC9C,EAAM,SAAS,QACd,kBAAC,OAAD;GAAK,eAAY;aAAjB,CACG,IACC,kBAAC,MAAD;IAAI,WAAU;cACZ,kBAAC,GAAD,CAA+B,CAAA;GAC7B,CAAA,IACF,MACH,IAAiB,kBAAC,GAAD,CAAiC,CAAA,IAAI,IACpD;OAEL,kBAAC,MAAD;GAAI,WAAU;aACX,EAAM,SAAS,KAAK,MAAY,EAAc,CAAO,CAAC;EACrD,CAAA,CAEQ,EAAA,GAhBK,EAAM,GAgBX,CACjB,CACI;;AAEX"}

package/dist/components/features/conversation/conversation-overview-project-scope-toggle.cjs

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../utils/conversation-overview-project-scope.cjs"),r=require("../files-tab/segmented-toggle.cjs");let i=require("react/jsx-runtime");function a({value:a,onChange:o,testId:s}){let{t:c}=e.useTranslation(`openhands`);return(0,i.jsx)(`div`,{className:`flex w-full justify-center [&>[role=radiogroup]]:w-full`,children:(0,i.jsx)(r.SegmentedToggle,{value:a,onChange:o,ariaLabel:c(t.I18nKey.CONVERSATION$OVERVIEW_SCOPE_FILTER),testId:s,options:[{value:n.CONVERSATION_OVERVIEW_PROJECT_SCOPE.project,label:c(t.I18nKey.CONVERSATION$OVERVIEW_SCOPE_PROJECT)},{value:n.CONVERSATION_OVERVIEW_PROJECT_SCOPE.all,label:c(t.I18nKey.CONVERSATION$OVERVIEW_SCOPE_ALL)}]})})}exports.ConversationOverviewProjectScopeToggle=a;
+//# sourceMappingURL=conversation-overview-project-scope-toggle.cjs.map

package/dist/components/features/conversation/conversation-overview-project-scope-toggle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-project-scope-toggle.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-project-scope-toggle.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { SegmentedToggle } from \"#/components/features/files-tab/segmented-toggle\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport {\n  CONVERSATION_OVERVIEW_PROJECT_SCOPE,\n  type ConversationOverviewProjectScope,\n} from \"#/utils/conversation-overview-project-scope\";\n\ninterface ConversationOverviewProjectScopeToggleProps {\n  value: ConversationOverviewProjectScope;\n  onChange: (value: ConversationOverviewProjectScope) => void;\n  testId: string;\n}\n\nexport function ConversationOverviewProjectScopeToggle({\n  value,\n  onChange,\n  testId,\n}: ConversationOverviewProjectScopeToggleProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <div className=\"flex w-full justify-center [&>[role=radiogroup]]:w-full\">\n      <SegmentedToggle<ConversationOverviewProjectScope>\n        value={value}\n        onChange={onChange}\n        ariaLabel={t(I18nKey.CONVERSATION$OVERVIEW_SCOPE_FILTER)}\n        testId={testId}\n        options={[\n          {\n            value: CONVERSATION_OVERVIEW_PROJECT_SCOPE.project,\n            label: t(I18nKey.CONVERSATION$OVERVIEW_SCOPE_PROJECT),\n          },\n          {\n            value: CONVERSATION_OVERVIEW_PROJECT_SCOPE.all,\n            label: t(I18nKey.CONVERSATION$OVERVIEW_SCOPE_ALL),\n          },\n        ]}\n      />\n    </div>\n  );\n}\n"],"mappings":"sUAcA,SAAgB,EAAuC,CACrD,QACA,WACA,UAC8C,CAC9C,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAExC,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oEACb,EAAA,EAAA,KAAC,EAAA,gBAAD,CACS,QACG,WACV,UAAW,EAAE,EAAA,QAAQ,kCAAkC,EAC/C,SACR,QAAS,CACP,CACE,MAAO,EAAA,oCAAoC,QAC3C,MAAO,EAAE,EAAA,QAAQ,mCAAmC,CACtD,EACA,CACE,MAAO,EAAA,oCAAoC,IAC3C,MAAO,EAAE,EAAA,QAAQ,+BAA+B,CAClD,CACF,CACD,CAAA,CACE,CAAA,CAET"}

package/dist/components/features/conversation/conversation-overview-project-scope-toggle.d.ts

@@ -0,0 +1,8 @@
+import { type ConversationOverviewProjectScope } from "#/utils/conversation-overview-project-scope";
+interface ConversationOverviewProjectScopeToggleProps {
+    value: ConversationOverviewProjectScope;
+    onChange: (value: ConversationOverviewProjectScope) => void;
+    testId: string;
+}
+export declare function ConversationOverviewProjectScopeToggle({ value, onChange, testId, }: ConversationOverviewProjectScopeToggleProps): import("react").JSX.Element;
+export {};

package/dist/components/features/conversation/conversation-overview-project-scope-toggle.js

@@ -0,0 +1,29 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { CONVERSATION_OVERVIEW_PROJECT_SCOPE as n } from "../../../utils/conversation-overview-project-scope.js";
+import { SegmentedToggle as r } from "../files-tab/segmented-toggle.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/features/conversation/conversation-overview-project-scope-toggle.tsx
+function a({ value: a, onChange: o, testId: s }) {
+	let { t: c } = e("openhands");
+	return /* @__PURE__ */ i("div", {
+		className: "flex w-full justify-center [&>[role=radiogroup]]:w-full",
+		children: /* @__PURE__ */ i(r, {
+			value: a,
+			onChange: o,
+			ariaLabel: c(t.CONVERSATION$OVERVIEW_SCOPE_FILTER),
+			testId: s,
+			options: [{
+				value: n.project,
+				label: c(t.CONVERSATION$OVERVIEW_SCOPE_PROJECT)
+			}, {
+				value: n.all,
+				label: c(t.CONVERSATION$OVERVIEW_SCOPE_ALL)
+			}]
+		})
+	});
+}
+//#endregion
+export { a as ConversationOverviewProjectScopeToggle };
+
+//# sourceMappingURL=conversation-overview-project-scope-toggle.js.map

package/dist/components/features/conversation/conversation-overview-project-scope-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-project-scope-toggle.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-project-scope-toggle.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { SegmentedToggle } from \"#/components/features/files-tab/segmented-toggle\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport {\n  CONVERSATION_OVERVIEW_PROJECT_SCOPE,\n  type ConversationOverviewProjectScope,\n} from \"#/utils/conversation-overview-project-scope\";\n\ninterface ConversationOverviewProjectScopeToggleProps {\n  value: ConversationOverviewProjectScope;\n  onChange: (value: ConversationOverviewProjectScope) => void;\n  testId: string;\n}\n\nexport function ConversationOverviewProjectScopeToggle({\n  value,\n  onChange,\n  testId,\n}: ConversationOverviewProjectScopeToggleProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <div className=\"flex w-full justify-center [&>[role=radiogroup]]:w-full\">\n      <SegmentedToggle<ConversationOverviewProjectScope>\n        value={value}\n        onChange={onChange}\n        ariaLabel={t(I18nKey.CONVERSATION$OVERVIEW_SCOPE_FILTER)}\n        testId={testId}\n        options={[\n          {\n            value: CONVERSATION_OVERVIEW_PROJECT_SCOPE.project,\n            label: t(I18nKey.CONVERSATION$OVERVIEW_SCOPE_PROJECT),\n          },\n          {\n            value: CONVERSATION_OVERVIEW_PROJECT_SCOPE.all,\n            label: t(I18nKey.CONVERSATION$OVERVIEW_SCOPE_ALL),\n          },\n        ]}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAcA,SAAgB,EAAuC,EACrD,UACA,aACA,aAC8C;CAC9C,IAAM,EAAE,SAAM,EAAe,WAAW;CAExC,OACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACS;GACG;GACV,WAAW,EAAE,EAAQ,kCAAkC;GAC/C;GACR,SAAS,CACP;IACE,OAAO,EAAoC;IAC3C,OAAO,EAAE,EAAQ,mCAAmC;GACtD,GACA;IACE,OAAO,EAAoC;IAC3C,OAAO,EAAE,EAAQ,+BAA+B;GAClD,CACF;EACD,CAAA;CACE,CAAA;AAET"}

package/dist/components/features/conversation/conversation-overview-secrets-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/trash-2.cjs"),i=require("../../../utils/utils.cjs"),a=require("../../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs"),o=require("./conversation-overview-drawer-context.cjs"),s=require("../../../utils/extension-module-card-classes.cjs"),c=require("../../shared/modals/confirmation-modal.cjs"),l=require("../../../hooks/query/use-get-secrets.cjs"),u=require("../../../hooks/mutation/use-delete-secret.cjs"),d=require("../settings/secrets-settings/secret-form.cjs");let f=require("react");f=e.__toESM(f,1);let p=require("react/jsx-runtime");function m({openAdd:e}){let m=a.useQueryClient(),{t:h}=t.useTranslation(`openhands`),g=o.useConversationOverviewDrawerOptional()?.addRequestKey??0,{data:_,isLoading:v}=l.useSearchSecrets(),{mutate:y,isPending:b}=u.useDeleteSecret(),[x,S]=(0,f.useState)(`list`),[C,w]=(0,f.useState)(null);(0,f.useEffect)(()=>{e&&S(`add-secret-form`)},[e]),(0,f.useEffect)(()=>{g!==0&&S(`add-secret-form`)},[g]);let T=()=>{m.invalidateQueries({queryKey:[`secrets-search`]}),m.invalidateQueries({queryKey:[`secrets`]})};return x===`add-secret-form`?(0,p.jsx)(`div`,{"data-testid":`conversation-overview-secrets-add-form`,className:`flex h-full min-h-0 flex-col overflow-y-auto p-4`,children:(0,p.jsx)(d.SecretForm,{mode:`add`,selectedSecret:null,onCancel:()=>S(`list`)})}):(0,p.jsxs)(`div`,{"data-testid":`conversation-overview-secrets-panel`,className:`flex h-full min-h-0 flex-col`,children:[(0,p.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-2 py-2`,children:v?(0,p.jsx)(`p`,{className:`px-2 py-4 text-sm text-[var(--oh-muted)]`,children:h(n.I18nKey.HOME$LOADING)}):_&&_.length>0?(0,p.jsx)(`ul`,{className:`flex flex-col gap-0.5`,children:_.map(e=>(0,p.jsxs)(`li`,{"data-testid":`conversation-overview-secret-item`,className:`group flex items-center gap-2 rounded-md px-2 py-2 hover:bg-white/5`,children:[(0,p.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,p.jsx)(`p`,{className:`truncate text-sm text-[var(--oh-foreground)]`,children:e.name}),e.description?(0,p.jsx)(`p`,{className:`truncate text-xs text-[var(--oh-muted)]`,children:e.description}):null]}),(0,p.jsx)(`button`,{type:`button`,"data-testid":`conversation-overview-secret-delete-${e.name}`,"aria-label":h(n.I18nKey.BUTTON$DELETE),onClick:()=>w(e.name),className:i.cn(`shrink-0 rounded-md p-1 text-[var(--oh-muted)]`,`opacity-0 transition-opacity group-hover:opacity-100`,`hover:bg-white/10 hover:text-[var(--oh-foreground)]`),children:(0,p.jsx)(r.Trash2,{className:`size-3.5`,"aria-hidden":!0})})]},e.name))}):(0,p.jsx)(`p`,{"data-testid":`conversation-overview-secrets-empty`,className:i.cn(s.extensionModuleEmptyStateClassName,`px-2 py-6 text-center text-sm`),children:h(n.I18nKey.SECRETS$EMPTY)})}),C?(0,p.jsx)(c.ConfirmationModal,{text:h(n.I18nKey.SECRETS$CONFIRM_DELETE_KEY),isConfirming:b,onCancel:()=>w(null),onConfirm:()=>{y(C,{onSettled:()=>w(null),onSuccess:T,onError:T})}}):null]})}exports.ConversationOverviewSecretsPanel=m;
+//# sourceMappingURL=conversation-overview-secrets-panel.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-secrets-panel.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-secrets-panel.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { Trash2 } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useSearchSecrets } from \"#/hooks/query/use-get-secrets\";\nimport { useDeleteSecret } from \"#/hooks/mutation/use-delete-secret\";\nimport { SecretForm } from \"#/components/features/settings/secrets-settings/secret-form\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport { cn } from \"#/utils/utils\";\nimport { extensionModuleEmptyStateClassName } from \"#/utils/extension-module-card-classes\";\nimport { useConversationOverviewDrawerOptional } from \"./conversation-overview-drawer-context\";\n\ninterface ConversationOverviewSecretsPanelProps {\n  openAdd: boolean;\n}\n\nexport function ConversationOverviewSecretsPanel({\n  openAdd,\n}: ConversationOverviewSecretsPanelProps) {\n  const queryClient = useQueryClient();\n  const { t } = useTranslation(\"openhands\");\n  const addRequestKey =\n    useConversationOverviewDrawerOptional()?.addRequestKey ?? 0;\n\n  const { data: secrets, isLoading } = useSearchSecrets();\n  const { mutate: deleteSecret, isPending: isDeleting } = useDeleteSecret();\n\n  const [view, setView] = useState<\"list\" | \"add-secret-form\">(\"list\");\n  const [secretToDelete, setSecretToDelete] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (!openAdd) {\n      return;\n    }\n    setView(\"add-secret-form\");\n  }, [openAdd]);\n\n  useEffect(() => {\n    if (addRequestKey === 0) {\n      return;\n    }\n    setView(\"add-secret-form\");\n  }, [addRequestKey]);\n\n  const invalidateSecrets = () => {\n    queryClient.invalidateQueries({ queryKey: [\"secrets-search\"] });\n    queryClient.invalidateQueries({ queryKey: [\"secrets\"] });\n  };\n\n  if (view === \"add-secret-form\") {\n    return (\n      <div\n        data-testid=\"conversation-overview-secrets-add-form\"\n        className=\"flex h-full min-h-0 flex-col overflow-y-auto p-4\"\n      >\n        <SecretForm\n          mode=\"add\"\n          selectedSecret={null}\n          onCancel={() => setView(\"list\")}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-testid=\"conversation-overview-secrets-panel\"\n      className=\"flex h-full min-h-0 flex-col\"\n    >\n      <div className=\"min-h-0 flex-1 overflow-y-auto px-2 py-2\">\n        {isLoading ? (\n          <p className=\"px-2 py-4 text-sm text-[var(--oh-muted)]\">\n            {t(I18nKey.HOME$LOADING)}\n          </p>\n        ) : secrets && secrets.length > 0 ? (\n          <ul className=\"flex flex-col gap-0.5\">\n            {secrets.map((secret) => (\n              <li\n                key={secret.name}\n                data-testid=\"conversation-overview-secret-item\"\n                className=\"group flex items-center gap-2 rounded-md px-2 py-2 hover:bg-white/5\"\n              >\n                <div className=\"min-w-0 flex-1\">\n                  <p className=\"truncate text-sm text-[var(--oh-foreground)]\">\n                    {secret.name}\n                  </p>\n                  {secret.description ? (\n                    <p className=\"truncate text-xs text-[var(--oh-muted)]\">\n                      {secret.description}\n                    </p>\n                  ) : null}\n                </div>\n                <button\n                  type=\"button\"\n                  data-testid={`conversation-overview-secret-delete-${secret.name}`}\n                  aria-label={t(I18nKey.BUTTON$DELETE)}\n                  onClick={() => setSecretToDelete(secret.name)}\n                  className={cn(\n                    \"shrink-0 rounded-md p-1 text-[var(--oh-muted)]\",\n                    \"opacity-0 transition-opacity group-hover:opacity-100\",\n                    \"hover:bg-white/10 hover:text-[var(--oh-foreground)]\",\n                  )}\n                >\n                  <Trash2 className=\"size-3.5\" aria-hidden />\n                </button>\n              </li>\n            ))}\n          </ul>\n        ) : (\n          <p\n            data-testid=\"conversation-overview-secrets-empty\"\n            className={cn(\n              extensionModuleEmptyStateClassName,\n              \"px-2 py-6 text-center text-sm\",\n            )}\n          >\n            {t(I18nKey.SECRETS$EMPTY)}\n          </p>\n        )}\n      </div>\n\n      {secretToDelete ? (\n        <ConfirmationModal\n          text={t(I18nKey.SECRETS$CONFIRM_DELETE_KEY)}\n          isConfirming={isDeleting}\n          onCancel={() => setSecretToDelete(null)}\n          onConfirm={() => {\n            deleteSecret(secretToDelete, {\n              onSettled: () => setSecretToDelete(null),\n              onSuccess: invalidateSecrets,\n              onError: invalidateSecrets,\n            });\n          }}\n        />\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"qyBAiBA,SAAgB,EAAiC,CAC/C,WACwC,CACxC,IAAM,EAAc,EAAA,eAAe,EAC7B,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EACJ,EAAA,sCAAsC,GAAG,eAAiB,EAEtD,CAAE,KAAM,EAAS,aAAc,EAAA,iBAAiB,EAChD,CAAE,OAAQ,EAAc,UAAW,GAAe,EAAA,gBAAgB,EAElE,CAAC,EAAM,IAAA,EAAA,EAAA,UAAgD,MAAM,EAC7D,CAAC,EAAgB,IAAA,EAAA,EAAA,UAA6C,IAAI,GAExE,EAAA,EAAA,eAAgB,CACT,GAGL,EAAQ,iBAAiB,CAC3B,EAAG,CAAC,CAAO,CAAC,GAEZ,EAAA,EAAA,eAAgB,CACV,IAAkB,GAGtB,EAAQ,iBAAiB,CAC3B,EAAG,CAAC,CAAa,CAAC,EAElB,IAAM,MAA0B,CAC9B,EAAY,kBAAkB,CAAE,SAAU,CAAC,gBAAgB,CAAE,CAAC,EAC9D,EAAY,kBAAkB,CAAE,SAAU,CAAC,SAAS,CAAE,CAAC,CACzD,EAiBA,OAfI,IAAS,mBAET,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,yCACZ,UAAU,6DAEV,EAAA,EAAA,KAAC,EAAA,WAAD,CACE,KAAK,MACL,eAAgB,KAChB,aAAgB,EAAQ,MAAM,CAC/B,CAAA,CACE,CAAA,GAKP,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,sCACZ,UAAU,wCAFZ,EAIE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oDACZ,GACC,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,oDACV,EAAE,EAAA,QAAQ,YAAY,CACtB,CAAA,EACD,GAAW,EAAQ,OAAS,GAC9B,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,iCACX,EAAQ,IAAK,IACZ,EAAA,EAAA,MAAC,KAAD,CAEE,cAAY,oCACZ,UAAU,+EAHZ,EAKE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0BAAf,EACE,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,wDACV,EAAO,IACP,CAAA,EACF,EAAO,aACN,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,mDACV,EAAO,WACP,CAAA,EACD,IACD,KACL,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,cAAa,uCAAuC,EAAO,OAC3D,aAAY,EAAE,EAAA,QAAQ,aAAa,EACnC,YAAe,EAAkB,EAAO,IAAI,EAC5C,UAAW,EAAA,GACT,iDACA,uDACA,qDACF,YAEA,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,UAAU,WAAW,cAAA,EAAa,CAAA,CACpC,CAAA,CACN,GA3BG,EAAO,IA2BV,CACL,CACC,CAAA,GAEJ,EAAA,EAAA,KAAC,IAAD,CACE,cAAY,sCACZ,UAAW,EAAA,GACT,EAAA,mCACA,+BACF,WAEC,EAAE,EAAA,QAAQ,aAAa,CACvB,CAAA,CAEF,CAAA,EAEJ,GACC,EAAA,EAAA,KAAC,EAAA,kBAAD,CACE,KAAM,EAAE,EAAA,QAAQ,0BAA0B,EAC1C,aAAc,EACd,aAAgB,EAAkB,IAAI,EACtC,cAAiB,CACf,EAAa,EAAgB,CAC3B,cAAiB,EAAkB,IAAI,EACvC,UAAW,EACX,QAAS,CACX,CAAC,CACH,CACD,CAAA,EACC,IACD,GAET"}

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

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

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

@@ -0,0 +1,89 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { Trash2 as n } from "../../../node_modules/lucide-react/dist/esm/icons/trash-2.js";
+import { cn as r } from "../../../utils/utils.js";
+import { useQueryClient as i } from "../../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js";
+import { useConversationOverviewDrawerOptional as a } from "./conversation-overview-drawer-context.js";
+import { extensionModuleEmptyStateClassName as o } from "../../../utils/extension-module-card-classes.js";
+import { ConfirmationModal as s } from "../../shared/modals/confirmation-modal.js";
+import { useSearchSecrets as c } from "../../../hooks/query/use-get-secrets.js";
+import { useDeleteSecret as l } from "../../../hooks/mutation/use-delete-secret.js";
+import { SecretForm as u } from "../settings/secrets-settings/secret-form.js";
+import { useEffect as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/features/conversation/conversation-overview-secrets-panel.tsx
+function h({ openAdd: h }) {
+	let g = i(), { t: _ } = e("openhands"), v = a()?.addRequestKey ?? 0, { data: y, isLoading: b } = c(), { mutate: x, isPending: S } = l(), [C, w] = f("list"), [T, E] = f(null);
+	d(() => {
+		h && w("add-secret-form");
+	}, [h]), d(() => {
+		v !== 0 && w("add-secret-form");
+	}, [v]);
+	let D = () => {
+		g.invalidateQueries({ queryKey: ["secrets-search"] }), g.invalidateQueries({ queryKey: ["secrets"] });
+	};
+	return C === "add-secret-form" ? /* @__PURE__ */ p("div", {
+		"data-testid": "conversation-overview-secrets-add-form",
+		className: "flex h-full min-h-0 flex-col overflow-y-auto p-4",
+		children: /* @__PURE__ */ p(u, {
+			mode: "add",
+			selectedSecret: null,
+			onCancel: () => w("list")
+		})
+	}) : /* @__PURE__ */ m("div", {
+		"data-testid": "conversation-overview-secrets-panel",
+		className: "flex h-full min-h-0 flex-col",
+		children: [/* @__PURE__ */ p("div", {
+			className: "min-h-0 flex-1 overflow-y-auto px-2 py-2",
+			children: b ? /* @__PURE__ */ p("p", {
+				className: "px-2 py-4 text-sm text-[var(--oh-muted)]",
+				children: _(t.HOME$LOADING)
+			}) : y && y.length > 0 ? /* @__PURE__ */ p("ul", {
+				className: "flex flex-col gap-0.5",
+				children: y.map((e) => /* @__PURE__ */ m("li", {
+					"data-testid": "conversation-overview-secret-item",
+					className: "group flex items-center gap-2 rounded-md px-2 py-2 hover:bg-white/5",
+					children: [/* @__PURE__ */ m("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ p("p", {
+							className: "truncate text-sm text-[var(--oh-foreground)]",
+							children: e.name
+						}), e.description ? /* @__PURE__ */ p("p", {
+							className: "truncate text-xs text-[var(--oh-muted)]",
+							children: e.description
+						}) : null]
+					}), /* @__PURE__ */ p("button", {
+						type: "button",
+						"data-testid": `conversation-overview-secret-delete-${e.name}`,
+						"aria-label": _(t.BUTTON$DELETE),
+						onClick: () => E(e.name),
+						className: r("shrink-0 rounded-md p-1 text-[var(--oh-muted)]", "opacity-0 transition-opacity group-hover:opacity-100", "hover:bg-white/10 hover:text-[var(--oh-foreground)]"),
+						children: /* @__PURE__ */ p(n, {
+							className: "size-3.5",
+							"aria-hidden": !0
+						})
+					})]
+				}, e.name))
+			}) : /* @__PURE__ */ p("p", {
+				"data-testid": "conversation-overview-secrets-empty",
+				className: r(o, "px-2 py-6 text-center text-sm"),
+				children: _(t.SECRETS$EMPTY)
+			})
+		}), T ? /* @__PURE__ */ p(s, {
+			text: _(t.SECRETS$CONFIRM_DELETE_KEY),
+			isConfirming: S,
+			onCancel: () => E(null),
+			onConfirm: () => {
+				x(T, {
+					onSettled: () => E(null),
+					onSuccess: D,
+					onError: D
+				});
+			}
+		}) : null]
+	});
+}
+//#endregion
+export { h as ConversationOverviewSecretsPanel };
+
+//# sourceMappingURL=conversation-overview-secrets-panel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-secrets-panel.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-secrets-panel.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { Trash2 } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useSearchSecrets } from \"#/hooks/query/use-get-secrets\";\nimport { useDeleteSecret } from \"#/hooks/mutation/use-delete-secret\";\nimport { SecretForm } from \"#/components/features/settings/secrets-settings/secret-form\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport { cn } from \"#/utils/utils\";\nimport { extensionModuleEmptyStateClassName } from \"#/utils/extension-module-card-classes\";\nimport { useConversationOverviewDrawerOptional } from \"./conversation-overview-drawer-context\";\n\ninterface ConversationOverviewSecretsPanelProps {\n  openAdd: boolean;\n}\n\nexport function ConversationOverviewSecretsPanel({\n  openAdd,\n}: ConversationOverviewSecretsPanelProps) {\n  const queryClient = useQueryClient();\n  const { t } = useTranslation(\"openhands\");\n  const addRequestKey =\n    useConversationOverviewDrawerOptional()?.addRequestKey ?? 0;\n\n  const { data: secrets, isLoading } = useSearchSecrets();\n  const { mutate: deleteSecret, isPending: isDeleting } = useDeleteSecret();\n\n  const [view, setView] = useState<\"list\" | \"add-secret-form\">(\"list\");\n  const [secretToDelete, setSecretToDelete] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (!openAdd) {\n      return;\n    }\n    setView(\"add-secret-form\");\n  }, [openAdd]);\n\n  useEffect(() => {\n    if (addRequestKey === 0) {\n      return;\n    }\n    setView(\"add-secret-form\");\n  }, [addRequestKey]);\n\n  const invalidateSecrets = () => {\n    queryClient.invalidateQueries({ queryKey: [\"secrets-search\"] });\n    queryClient.invalidateQueries({ queryKey: [\"secrets\"] });\n  };\n\n  if (view === \"add-secret-form\") {\n    return (\n      <div\n        data-testid=\"conversation-overview-secrets-add-form\"\n        className=\"flex h-full min-h-0 flex-col overflow-y-auto p-4\"\n      >\n        <SecretForm\n          mode=\"add\"\n          selectedSecret={null}\n          onCancel={() => setView(\"list\")}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-testid=\"conversation-overview-secrets-panel\"\n      className=\"flex h-full min-h-0 flex-col\"\n    >\n      <div className=\"min-h-0 flex-1 overflow-y-auto px-2 py-2\">\n        {isLoading ? (\n          <p className=\"px-2 py-4 text-sm text-[var(--oh-muted)]\">\n            {t(I18nKey.HOME$LOADING)}\n          </p>\n        ) : secrets && secrets.length > 0 ? (\n          <ul className=\"flex flex-col gap-0.5\">\n            {secrets.map((secret) => (\n              <li\n                key={secret.name}\n                data-testid=\"conversation-overview-secret-item\"\n                className=\"group flex items-center gap-2 rounded-md px-2 py-2 hover:bg-white/5\"\n              >\n                <div className=\"min-w-0 flex-1\">\n                  <p className=\"truncate text-sm text-[var(--oh-foreground)]\">\n                    {secret.name}\n                  </p>\n                  {secret.description ? (\n                    <p className=\"truncate text-xs text-[var(--oh-muted)]\">\n                      {secret.description}\n                    </p>\n                  ) : null}\n                </div>\n                <button\n                  type=\"button\"\n                  data-testid={`conversation-overview-secret-delete-${secret.name}`}\n                  aria-label={t(I18nKey.BUTTON$DELETE)}\n                  onClick={() => setSecretToDelete(secret.name)}\n                  className={cn(\n                    \"shrink-0 rounded-md p-1 text-[var(--oh-muted)]\",\n                    \"opacity-0 transition-opacity group-hover:opacity-100\",\n                    \"hover:bg-white/10 hover:text-[var(--oh-foreground)]\",\n                  )}\n                >\n                  <Trash2 className=\"size-3.5\" aria-hidden />\n                </button>\n              </li>\n            ))}\n          </ul>\n        ) : (\n          <p\n            data-testid=\"conversation-overview-secrets-empty\"\n            className={cn(\n              extensionModuleEmptyStateClassName,\n              \"px-2 py-6 text-center text-sm\",\n            )}\n          >\n            {t(I18nKey.SECRETS$EMPTY)}\n          </p>\n        )}\n      </div>\n\n      {secretToDelete ? (\n        <ConfirmationModal\n          text={t(I18nKey.SECRETS$CONFIRM_DELETE_KEY)}\n          isConfirming={isDeleting}\n          onCancel={() => setSecretToDelete(null)}\n          onConfirm={() => {\n            deleteSecret(secretToDelete, {\n              onSettled: () => setSecretToDelete(null),\n              onSuccess: invalidateSecrets,\n              onError: invalidateSecrets,\n            });\n          }}\n        />\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAiBA,SAAgB,EAAiC,EAC/C,cACwC;CACxC,IAAM,IAAc,EAAe,GAC7B,EAAE,SAAM,EAAe,WAAW,GAClC,IACJ,EAAsC,GAAG,iBAAiB,GAEtD,EAAE,MAAM,GAAS,iBAAc,EAAiB,GAChD,EAAE,QAAQ,GAAc,WAAW,MAAe,EAAgB,GAElE,CAAC,GAAM,KAAW,EAAqC,MAAM,GAC7D,CAAC,GAAgB,KAAqB,EAAwB,IAAI;CASxE,AAPA,QAAgB;EACT,KAGL,EAAQ,iBAAiB;CAC3B,GAAG,CAAC,CAAO,CAAC,GAEZ,QAAgB;EACV,MAAkB,KAGtB,EAAQ,iBAAiB;CAC3B,GAAG,CAAC,CAAa,CAAC;CAElB,IAAM,UAA0B;EAE9B,AADA,EAAY,kBAAkB,EAAE,UAAU,CAAC,gBAAgB,EAAE,CAAC,GAC9D,EAAY,kBAAkB,EAAE,UAAU,CAAC,SAAS,EAAE,CAAC;CACzD;CAiBA,OAfI,MAAS,oBAET,kBAAC,OAAD;EACE,eAAY;EACZ,WAAU;YAEV,kBAAC,GAAD;GACE,MAAK;GACL,gBAAgB;GAChB,gBAAgB,EAAQ,MAAM;EAC/B,CAAA;CACE,CAAA,IAKP,kBAAC,OAAD;EACE,eAAY;EACZ,WAAU;YAFZ,CAIE,kBAAC,OAAD;GAAK,WAAU;aACZ,IACC,kBAAC,KAAD;IAAG,WAAU;cACV,EAAE,EAAQ,YAAY;GACtB,CAAA,IACD,KAAW,EAAQ,SAAS,IAC9B,kBAAC,MAAD;IAAI,WAAU;cACX,EAAQ,KAAK,MACZ,kBAAC,MAAD;KAEE,eAAY;KACZ,WAAU;eAHZ,CAKE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAO;MACP,CAAA,GACF,EAAO,cACN,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAO;MACP,CAAA,IACD,IACD;SACL,kBAAC,UAAD;MACE,MAAK;MACL,eAAa,uCAAuC,EAAO;MAC3D,cAAY,EAAE,EAAQ,aAAa;MACnC,eAAe,EAAkB,EAAO,IAAI;MAC5C,WAAW,EACT,kDACA,wDACA,qDACF;gBAEA,kBAAC,GAAD;OAAQ,WAAU;OAAW,eAAA;MAAa,CAAA;KACpC,CAAA,CACN;OA3BG,EAAO,IA2BV,CACL;GACC,CAAA,IAEJ,kBAAC,KAAD;IACE,eAAY;IACZ,WAAW,EACT,GACA,+BACF;cAEC,EAAE,EAAQ,aAAa;GACvB,CAAA;EAEF,CAAA,GAEJ,IACC,kBAAC,GAAD;GACE,MAAM,EAAE,EAAQ,0BAA0B;GAC1C,cAAc;GACd,gBAAgB,EAAkB,IAAI;GACtC,iBAAiB;IACf,EAAa,GAAgB;KAC3B,iBAAiB,EAAkB,IAAI;KACvC,WAAW;KACX,SAAS;IACX,CAAC;GACH;EACD,CAAA,IACC,IACD;;AAET"}

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

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");var e={workspace:`workspace`,git:`git`},t=[e.workspace,e.git],n=new Set(t),r={changes:`changes`,repository:`repository`,branch:`branch`,commits:`commits`,pull_requests:`pull_requests`},i=[r.changes,r.repository,r.branch,r.commits,r.pull_requests],a=new Set(i),o=[],s=[],c=[{sections:[e.workspace]}];function l(e,t){return!t.includes(e)}function u(e,t){return!t.includes(e)}exports.CONVERSATION_OVERVIEW_GIT_PART=r,exports.CONVERSATION_OVERVIEW_SECTION=e,exports.CONVERSATION_OVERVIEW_SECTION_GROUPS=c,exports.DEFAULT_UNPINNED_OVERVIEW_GIT_PARTS=s,exports.DEFAULT_UNPINNED_OVERVIEW_SECTIONS=o,exports.VALID_CONVERSATION_OVERVIEW_GIT_PARTS=a,exports.VALID_CONVERSATION_OVERVIEW_SECTIONS=n,exports.isOverviewGitPartPinned=u,exports.isOverviewSectionPinned=l;
+//# sourceMappingURL=conversation-overview-sections.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-sections.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-sections.ts"],"sourcesContent":["/**\n * Pinable rows in the conversation overview panel.\n * Persistence uses the inverse denylist `unpinnedOverviewSections`\n * (empty = all pinned), matching drawer tab pin semantics.\n *\n * Git is a pinable parent section with its own sub-part denylist\n * (`unpinnedOverviewGitParts`), including Changes.\n */\nexport const CONVERSATION_OVERVIEW_SECTION = {\n  workspace: \"workspace\",\n  git: \"git\",\n} as const;\n\nexport type ConversationOverviewSection =\n  (typeof CONVERSATION_OVERVIEW_SECTION)[keyof typeof CONVERSATION_OVERVIEW_SECTION];\n\nexport const CONVERSATION_OVERVIEW_SECTIONS: readonly ConversationOverviewSection[] =\n  [CONVERSATION_OVERVIEW_SECTION.workspace, CONVERSATION_OVERVIEW_SECTION.git];\n\nexport const VALID_CONVERSATION_OVERVIEW_SECTIONS: ReadonlySet<string> =\n  new Set(CONVERSATION_OVERVIEW_SECTIONS);\n\n/**\n * Sub-rows inside the git overview block. Controlled independently via\n * `unpinnedOverviewGitParts` when the parent git section is pinned.\n * Changes lives here (not as a top-level overview section).\n */\nexport const CONVERSATION_OVERVIEW_GIT_PART = {\n  changes: \"changes\",\n  repository: \"repository\",\n  branch: \"branch\",\n  commits: \"commits\",\n  pull_requests: \"pull_requests\",\n} as const;\n\nexport type ConversationOverviewGitPart =\n  (typeof CONVERSATION_OVERVIEW_GIT_PART)[keyof typeof CONVERSATION_OVERVIEW_GIT_PART];\n\nexport const CONVERSATION_OVERVIEW_GIT_PARTS: readonly ConversationOverviewGitPart[] =\n  [\n    CONVERSATION_OVERVIEW_GIT_PART.changes,\n    CONVERSATION_OVERVIEW_GIT_PART.repository,\n    CONVERSATION_OVERVIEW_GIT_PART.branch,\n    CONVERSATION_OVERVIEW_GIT_PART.commits,\n    CONVERSATION_OVERVIEW_GIT_PART.pull_requests,\n  ];\n\nexport const VALID_CONVERSATION_OVERVIEW_GIT_PARTS: ReadonlySet<string> =\n  new Set(CONVERSATION_OVERVIEW_GIT_PARTS);\n\n/** No overview sections are hidden by default. */\nexport const DEFAULT_UNPINNED_OVERVIEW_SECTIONS: readonly ConversationOverviewSection[] =\n  [];\n\nexport const DEFAULT_UNPINNED_OVERVIEW_GIT_PARTS: readonly ConversationOverviewGitPart[] =\n  [];\n\n/**\n * Visual groups in the panel. Dividers render between non-empty groups.\n * Workspace stands alone below the untitled Git block (Changes + metadata)\n * that the panel prepends when pinned.\n */\nexport const CONVERSATION_OVERVIEW_SECTION_GROUPS: readonly {\n  sections: readonly ConversationOverviewSection[];\n}[] = [\n  {\n    sections: [CONVERSATION_OVERVIEW_SECTION.workspace],\n  },\n];\n\nexport function isOverviewSectionPinned(\n  section: ConversationOverviewSection,\n  unpinnedOverviewSections: readonly string[],\n): boolean {\n  return !unpinnedOverviewSections.includes(section);\n}\n\nexport function isOverviewGitPartPinned(\n  part: ConversationOverviewGitPart,\n  unpinnedOverviewGitParts: readonly string[],\n): boolean {\n  return !unpinnedOverviewGitParts.includes(part);\n}\n"],"mappings":"mDAQA,IAAa,EAAgC,CAC3C,UAAW,YACX,IAAK,KACP,EAKa,EACX,CAAC,EAA8B,UAAW,EAA8B,GAAG,EAEhE,EACX,IAAI,IAAI,CAA8B,EAO3B,EAAiC,CAC5C,QAAS,UACT,WAAY,aACZ,OAAQ,SACR,QAAS,UACT,cAAe,eACjB,EAKa,EACX,CACE,EAA+B,QAC/B,EAA+B,WAC/B,EAA+B,OAC/B,EAA+B,QAC/B,EAA+B,aACjC,EAEW,EACX,IAAI,IAAI,CAA+B,EAG5B,EACX,CAAC,EAEU,EACX,CAAC,EAOU,EAEP,CACJ,CACE,SAAU,CAAC,EAA8B,SAAS,CACpD,CACF,EAEA,SAAgB,EACd,EACA,EACS,CACT,MAAO,CAAC,EAAyB,SAAS,CAAO,CACnD,CAEA,SAAgB,EACd,EACA,EACS,CACT,MAAO,CAAC,EAAyB,SAAS,CAAI,CAChD"}