@openhands/agent-canvas 1.14.0 → 1.15.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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":"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"}

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"}