npm - @openhands/agent-canvas - Versions diffs - 1.14.0 → 1.16.0 - Mend

@openhands/agent-canvas 1.14.0 → 1.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1855) hide show

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

@@ -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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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;
2	+ //# sourceMappingURL=conversation-overview-git-section.cjs.map

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

@@ -0,0 +1 @@

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

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

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

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

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

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

@@ -0,0 +1 @@

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

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

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

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

@@ -0,0 +1 @@

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

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

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

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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;
2	+ //# sourceMappingURL=conversation-overview-panel.cjs.map

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

@@ -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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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;
2	+ //# sourceMappingURL=conversation-overview-panel.constants.cjs.map

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

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