@openhands/agent-canvas 1.13.0 → 1.15.0

package/dist/components/features/diff-viewer/commit-list.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"commit-list.cjs","names":[],"sources":["../../../../src/components/features/diff-viewer/commit-list.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { GitCommit } from \"#/api/open-hands.types\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { CommitRow } from \"./commit-row\";\n\nexport interface CommitListProps {\n  commits: GitCommit[];\n  /** True when the server capped the page — surfaces the cap notice. */\n  hasMore: boolean;\n}\n\n/**\n * The workspace's recent commit history (newest first). Single-open\n * accordion: expanding a commit collapses the previously expanded one.\n * Empty/loading/waiting states are the host view's job\n * (see routes/commits-tab.tsx).\n */\nexport function CommitList({ commits, hasMore }: CommitListProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [expandedSha, setExpandedSha] = React.useState<string | null>(null);\n\n  // Author is noise when every commit has the same one (the usual\n  // single-agent conversation); show it only when authors differ.\n  const showAuthor = new Set(commits.map((commit) => commit.author)).size > 1;\n\n  return (\n    <section data-testid=\"commit-list\" className=\"w-full flex flex-col\">\n      {commits.map((commit) => (\n        <CommitRow\n          key={commit.sha}\n          commit={commit}\n          showAuthor={showAuthor}\n          isExpanded={expandedSha === commit.sha}\n          onToggle={() =>\n            setExpandedSha((prev) => (prev === commit.sha ? null : commit.sha))\n          }\n        />\n      ))}\n\n      {hasMore && (\n        <div\n          data-testid=\"commit-list-cap-notice\"\n          className=\"px-3 py-2.5 text-xs text-[var(--oh-muted)]\"\n        >\n          {t(I18nKey.DIFF_VIEWER$COMMITS_CAP, { count: commits.length })}\n        </div>\n      )}\n    </section>\n  );\n}\n"],"mappings":"2RAkBA,SAAgB,EAAW,CAAE,UAAS,WAA4B,CAChE,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAC,EAAa,GAAkB,EAAA,QAAM,SAAwB,IAAI,EAIlE,EAAa,IAAI,IAAI,EAAQ,IAAK,GAAW,EAAO,MAAM,CAAC,EAAE,KAAO,EAE1E,OACE,EAAA,EAAA,MAAC,UAAD,CAAS,cAAY,cAAc,UAAU,gCAA7C,CACG,EAAQ,IAAK,IACZ,EAAA,EAAA,KAAC,EAAA,UAAD,CAEU,SACI,aACZ,WAAY,IAAgB,EAAO,IACnC,aACE,EAAgB,GAAU,IAAS,EAAO,IAAM,KAAO,EAAO,GAAI,CAErE,EAPM,EAAO,GAOb,CACF,EAEA,IACC,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,yBACZ,UAAU,sDAET,EAAE,EAAA,QAAQ,wBAAyB,CAAE,MAAO,EAAQ,MAAO,CAAC,CAC1D,CAAA,CAEA,GAEb"}
+{"version":3,"file":"commit-list.cjs","names":[],"sources":["../../../../src/components/features/diff-viewer/commit-list.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { GitCommit } from \"#/api/open-hands.types\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { CommitRow } from \"./commit-row\";\nimport { UncommittedChangesRow } from \"./uncommitted-changes-row\";\nimport type { DiffChangeListItem } from \"./diff-change-list\";\n\nconst UNCOMMITTED_KEY = \"uncommitted\";\n\nexport interface CommitListProps {\n  commits: GitCommit[];\n  /** True when the server capped the page — surfaces the cap notice. */\n  hasMore: boolean;\n  uncommittedChanges: DiffChangeListItem[];\n  autoExpandUncommitted?: boolean;\n  onAutoExpandHandled?: () => void;\n}\n\n/**\n * The workspace's recent commit history (newest first). Single-open\n * accordion: expanding a commit collapses the previously expanded one.\n * Empty/loading/waiting states are the host view's job\n * (see routes/commits-tab.tsx).\n */\nexport function CommitList({\n  commits,\n  hasMore,\n  uncommittedChanges,\n  autoExpandUncommitted = false,\n  onAutoExpandHandled,\n}: CommitListProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [expandedKey, setExpandedKey] = React.useState<string | null>(null);\n\n  React.useEffect(() => {\n    if (!autoExpandUncommitted) return;\n    setExpandedKey(UNCOMMITTED_KEY);\n    onAutoExpandHandled?.();\n  }, [autoExpandUncommitted, onAutoExpandHandled]);\n\n  // Author is noise when every commit has the same one (the usual\n  // single-agent conversation); show it only when authors differ.\n  const showAuthor = new Set(commits.map((commit) => commit.author)).size > 1;\n\n  return (\n    <section data-testid=\"commit-list\" className=\"w-full flex flex-col\">\n      <UncommittedChangesRow\n        changes={uncommittedChanges}\n        isExpanded={expandedKey === UNCOMMITTED_KEY}\n        onToggle={() =>\n          setExpandedKey((prev) =>\n            prev === UNCOMMITTED_KEY ? null : UNCOMMITTED_KEY,\n          )\n        }\n      />\n      {commits.map((commit) => (\n        <CommitRow\n          key={commit.sha}\n          commit={commit}\n          showAuthor={showAuthor}\n          isExpanded={expandedKey === commit.sha}\n          onToggle={() =>\n            setExpandedKey((prev) => (prev === commit.sha ? null : commit.sha))\n          }\n        />\n      ))}\n\n      {hasMore && (\n        <div\n          data-testid=\"commit-list-cap-notice\"\n          className=\"px-3 py-2.5 text-xs text-[var(--oh-muted)]\"\n        >\n          {t(I18nKey.DIFF_VIEWER$COMMITS_CAP, { count: commits.length })}\n        </div>\n      )}\n    </section>\n  );\n}\n"],"mappings":"sUAQA,IAAM,EAAkB,cAiBxB,SAAgB,EAAW,CACzB,UACA,UACA,qBACA,wBAAwB,GACxB,uBACkB,CAClB,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAC,EAAa,GAAkB,EAAA,QAAM,SAAwB,IAAI,EAExE,EAAA,QAAM,cAAgB,CACf,IACL,EAAe,CAAe,EAC9B,IAAsB,EACxB,EAAG,CAAC,EAAuB,CAAmB,CAAC,EAI/C,IAAM,EAAa,IAAI,IAAI,EAAQ,IAAK,GAAW,EAAO,MAAM,CAAC,EAAE,KAAO,EAE1E,OACE,EAAA,EAAA,MAAC,UAAD,CAAS,cAAY,cAAc,UAAU,gCAA7C,EACE,EAAA,EAAA,KAAC,EAAA,sBAAD,CACE,QAAS,EACT,WAAY,IAAgB,EAC5B,aACE,EAAgB,GACd,IAAS,EAAkB,KAAO,CACpC,CAEH,CAAA,EACA,EAAQ,IAAK,IACZ,EAAA,EAAA,KAAC,EAAA,UAAD,CAEU,SACI,aACZ,WAAY,IAAgB,EAAO,IACnC,aACE,EAAgB,GAAU,IAAS,EAAO,IAAM,KAAO,EAAO,GAAI,CAErE,EAPM,EAAO,GAOb,CACF,EAEA,IACC,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,yBACZ,UAAU,sDAET,EAAE,EAAA,QAAQ,wBAAyB,CAAE,MAAO,EAAQ,MAAO,CAAC,CAC1D,CAAA,CAEA,GAEb"}

package/dist/components/features/diff-viewer/commit-list.d.ts

@@ -1,9 +1,13 @@
 import React from "react";
 import { GitCommit } from "#/api/open-hands.types";
+import type { DiffChangeListItem } from "./diff-change-list";
 export interface CommitListProps {
     commits: GitCommit[];
     /** True when the server capped the page — surfaces the cap notice. */
     hasMore: boolean;
+    uncommittedChanges: DiffChangeListItem[];
+    autoExpandUncommitted?: boolean;
+    onAutoExpandHandled?: () => void;
 }
 /**
  * The workspace's recent commit history (newest first). Single-open
@@ -11,4 +15,4 @@ export interface CommitListProps {
  * Empty/loading/waiting states are the host view's job
  * (see routes/commits-tab.tsx).
  */
-export declare function CommitList({ commits, hasMore }: CommitListProps): React.JSX.Element;
+export declare function CommitList({ commits, hasMore, uncommittedChanges, autoExpandUncommitted, onAutoExpandHandled, }: CommitListProps): React.JSX.Element;

package/dist/components/features/diff-viewer/commit-list.js

@@ -1,27 +1,41 @@
 import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
 import { I18nKey as t } from "../../../i18n/declaration.js";
 import { CommitRow as n } from "./commit-row.js";
-import r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { UncommittedChangesRow as r } from "./uncommitted-changes-row.js";
+import i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/features/diff-viewer/commit-list.tsx
-function o({ commits: o, hasMore: s }) {
-	let { t: c } = e("openhands"), [l, u] = r.useState(null), d = new Set(o.map((e) => e.author)).size > 1;
-	return /* @__PURE__ */ a("section", {
+var s = "uncommitted";
+function c({ commits: c, hasMore: l, uncommittedChanges: u, autoExpandUncommitted: d = !1, onAutoExpandHandled: f }) {
+	let { t: p } = e("openhands"), [m, h] = i.useState(null);
+	i.useEffect(() => {
+		d && (h(s), f?.());
+	}, [d, f]);
+	let g = new Set(c.map((e) => e.author)).size > 1;
+	return /* @__PURE__ */ o("section", {
 		"data-testid": "commit-list",
 		className: "w-full flex flex-col",
-		children: [o.map((e) => /* @__PURE__ */ i(n, {
-			commit: e,
-			showAuthor: d,
-			isExpanded: l === e.sha,
-			onToggle: () => u((t) => t === e.sha ? null : e.sha)
-		}, e.sha)), s && /* @__PURE__ */ i("div", {
-			"data-testid": "commit-list-cap-notice",
-			className: "px-3 py-2.5 text-xs text-[var(--oh-muted)]",
-			children: c(t.DIFF_VIEWER$COMMITS_CAP, { count: o.length })
-		})]
+		children: [
+			/* @__PURE__ */ a(r, {
+				changes: u,
+				isExpanded: m === s,
+				onToggle: () => h((e) => e === s ? null : s)
+			}),
+			c.map((e) => /* @__PURE__ */ a(n, {
+				commit: e,
+				showAuthor: g,
+				isExpanded: m === e.sha,
+				onToggle: () => h((t) => t === e.sha ? null : e.sha)
+			}, e.sha)),
+			l && /* @__PURE__ */ a("div", {
+				"data-testid": "commit-list-cap-notice",
+				className: "px-3 py-2.5 text-xs text-[var(--oh-muted)]",
+				children: p(t.DIFF_VIEWER$COMMITS_CAP, { count: c.length })
+			})
+		]
 	});
 }
 //#endregion
-export { o as CommitList };
+export { c as CommitList };
 
 //# sourceMappingURL=commit-list.js.map

package/dist/components/features/diff-viewer/commit-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"commit-list.js","names":[],"sources":["../../../../src/components/features/diff-viewer/commit-list.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { GitCommit } from \"#/api/open-hands.types\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { CommitRow } from \"./commit-row\";\n\nexport interface CommitListProps {\n  commits: GitCommit[];\n  /** True when the server capped the page — surfaces the cap notice. */\n  hasMore: boolean;\n}\n\n/**\n * The workspace's recent commit history (newest first). Single-open\n * accordion: expanding a commit collapses the previously expanded one.\n * Empty/loading/waiting states are the host view's job\n * (see routes/commits-tab.tsx).\n */\nexport function CommitList({ commits, hasMore }: CommitListProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [expandedSha, setExpandedSha] = React.useState<string | null>(null);\n\n  // Author is noise when every commit has the same one (the usual\n  // single-agent conversation); show it only when authors differ.\n  const showAuthor = new Set(commits.map((commit) => commit.author)).size > 1;\n\n  return (\n    <section data-testid=\"commit-list\" className=\"w-full flex flex-col\">\n      {commits.map((commit) => (\n        <CommitRow\n          key={commit.sha}\n          commit={commit}\n          showAuthor={showAuthor}\n          isExpanded={expandedSha === commit.sha}\n          onToggle={() =>\n            setExpandedSha((prev) => (prev === commit.sha ? null : commit.sha))\n          }\n        />\n      ))}\n\n      {hasMore && (\n        <div\n          data-testid=\"commit-list-cap-notice\"\n          className=\"px-3 py-2.5 text-xs text-[var(--oh-muted)]\"\n        >\n          {t(I18nKey.DIFF_VIEWER$COMMITS_CAP, { count: commits.length })}\n        </div>\n      )}\n    </section>\n  );\n}\n"],"mappings":";;;;;;AAkBA,SAAgB,EAAW,EAAE,YAAS,cAA4B;CAChE,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAa,KAAkB,EAAM,SAAwB,IAAI,GAIlE,IAAa,IAAI,IAAI,EAAQ,KAAK,MAAW,EAAO,MAAM,CAAC,EAAE,OAAO;CAE1E,OACE,kBAAC,WAAD;EAAS,eAAY;EAAc,WAAU;YAA7C,CACG,EAAQ,KAAK,MACZ,kBAAC,GAAD;GAEU;GACI;GACZ,YAAY,MAAgB,EAAO;GACnC,gBACE,GAAgB,MAAU,MAAS,EAAO,MAAM,OAAO,EAAO,GAAI;EAErE,GAPM,EAAO,GAOb,CACF,GAEA,KACC,kBAAC,OAAD;GACE,eAAY;GACZ,WAAU;aAET,EAAE,EAAQ,yBAAyB,EAAE,OAAO,EAAQ,OAAO,CAAC;EAC1D,CAAA,CAEA;;AAEb"}
+{"version":3,"file":"commit-list.js","names":[],"sources":["../../../../src/components/features/diff-viewer/commit-list.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { GitCommit } from \"#/api/open-hands.types\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { CommitRow } from \"./commit-row\";\nimport { UncommittedChangesRow } from \"./uncommitted-changes-row\";\nimport type { DiffChangeListItem } from \"./diff-change-list\";\n\nconst UNCOMMITTED_KEY = \"uncommitted\";\n\nexport interface CommitListProps {\n  commits: GitCommit[];\n  /** True when the server capped the page — surfaces the cap notice. */\n  hasMore: boolean;\n  uncommittedChanges: DiffChangeListItem[];\n  autoExpandUncommitted?: boolean;\n  onAutoExpandHandled?: () => void;\n}\n\n/**\n * The workspace's recent commit history (newest first). Single-open\n * accordion: expanding a commit collapses the previously expanded one.\n * Empty/loading/waiting states are the host view's job\n * (see routes/commits-tab.tsx).\n */\nexport function CommitList({\n  commits,\n  hasMore,\n  uncommittedChanges,\n  autoExpandUncommitted = false,\n  onAutoExpandHandled,\n}: CommitListProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [expandedKey, setExpandedKey] = React.useState<string | null>(null);\n\n  React.useEffect(() => {\n    if (!autoExpandUncommitted) return;\n    setExpandedKey(UNCOMMITTED_KEY);\n    onAutoExpandHandled?.();\n  }, [autoExpandUncommitted, onAutoExpandHandled]);\n\n  // Author is noise when every commit has the same one (the usual\n  // single-agent conversation); show it only when authors differ.\n  const showAuthor = new Set(commits.map((commit) => commit.author)).size > 1;\n\n  return (\n    <section data-testid=\"commit-list\" className=\"w-full flex flex-col\">\n      <UncommittedChangesRow\n        changes={uncommittedChanges}\n        isExpanded={expandedKey === UNCOMMITTED_KEY}\n        onToggle={() =>\n          setExpandedKey((prev) =>\n            prev === UNCOMMITTED_KEY ? null : UNCOMMITTED_KEY,\n          )\n        }\n      />\n      {commits.map((commit) => (\n        <CommitRow\n          key={commit.sha}\n          commit={commit}\n          showAuthor={showAuthor}\n          isExpanded={expandedKey === commit.sha}\n          onToggle={() =>\n            setExpandedKey((prev) => (prev === commit.sha ? null : commit.sha))\n          }\n        />\n      ))}\n\n      {hasMore && (\n        <div\n          data-testid=\"commit-list-cap-notice\"\n          className=\"px-3 py-2.5 text-xs text-[var(--oh-muted)]\"\n        >\n          {t(I18nKey.DIFF_VIEWER$COMMITS_CAP, { count: commits.length })}\n        </div>\n      )}\n    </section>\n  );\n}\n"],"mappings":";;;;;;;AAQA,IAAM,IAAkB;AAiBxB,SAAgB,EAAW,EACzB,YACA,YACA,uBACA,2BAAwB,IACxB,0BACkB;CAClB,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAa,KAAkB,EAAM,SAAwB,IAAI;CAExE,EAAM,gBAAgB;EACf,MACL,EAAe,CAAe,GAC9B,IAAsB;CACxB,GAAG,CAAC,GAAuB,CAAmB,CAAC;CAI/C,IAAM,IAAa,IAAI,IAAI,EAAQ,KAAK,MAAW,EAAO,MAAM,CAAC,EAAE,OAAO;CAE1E,OACE,kBAAC,WAAD;EAAS,eAAY;EAAc,WAAU;YAA7C;GACE,kBAAC,GAAD;IACE,SAAS;IACT,YAAY,MAAgB;IAC5B,gBACE,GAAgB,MACd,MAAS,IAAkB,OAAO,CACpC;GAEH,CAAA;GACA,EAAQ,KAAK,MACZ,kBAAC,GAAD;IAEU;IACI;IACZ,YAAY,MAAgB,EAAO;IACnC,gBACE,GAAgB,MAAU,MAAS,EAAO,MAAM,OAAO,EAAO,GAAI;GAErE,GAPM,EAAO,GAOb,CACF;GAEA,KACC,kBAAC,OAAD;IACE,eAAY;IACZ,WAAU;cAET,EAAE,EAAQ,yBAAyB,EAAE,OAAO,EAAQ,OAAO,CAAC;GAC1D,CAAA;EAEA;;AAEb"}

package/dist/components/features/diff-viewer/commit-row.cjs

@@ -1,2 +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/utils.cjs"),i=require("../../../utils/format-time-delta.cjs"),a=require("../../../icons/chveron-up.cjs"),o=require("./loading-spinner.cjs"),s=require("./file-diff-viewer.cjs"),c=require("../../../hooks/query/use-commit-changes.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("react/jsx-runtime");function d({commit:e,showAuthor:l,isExpanded:d,onToggle:f}){let{t:p}=t.useTranslation(`openhands`),{data:m,isLoading:h,isSuccess:g}=c.useCommitChanges(e.sha,{enabled:d});return(0,u.jsxs)(`div`,{"data-testid":`commit-row`,className:`w-full flex flex-col`,children:[(0,u.jsxs)(`button`,{type:`button`,onClick:f,"aria-expanded":d,"data-testid":`commit-row-toggle`,className:`w-full flex items-center gap-2 px-3 py-2.5 border-b border-[var(--oh-border)] text-sm text-content text-left hover:cursor-pointer`,children:[(0,u.jsx)(`code`,{className:`font-mono text-xs text-[var(--oh-muted)] flex-shrink-0`,children:e.shortSha}),(0,u.jsx)(`strong`,{className:`flex-1 truncate font-medium`,children:e.subject}),l&&(0,u.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)] truncate max-w-32 flex-shrink-0`,children:e.author}),(0,u.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)] flex-shrink-0`,children:`${i.formatTimeDelta(e.timestamp)} ${p(n.I18nKey.CONVERSATION$AGO)}`}),(0,u.jsx)(a.default,{className:r.cn(`w-4 h-4 transition-transform flex-shrink-0`,!d&&`transform rotate-180`)})]}),d&&(0,u.jsxs)(`div`,{"data-testid":`commit-row-content`,className:`w-full flex flex-col pl-6`,children:[h&&(0,u.jsx)(`div`,{className:`p-3`,children:(0,u.jsx)(o.LoadingSpinner,{className:`w-4 h-4`})}),g&&m?.map(t=>(0,u.jsx)(s.FileDiffViewer,{path:t.path,type:t.status,commit:e.sha},t.path))]})]})}exports.CommitRow=d;
+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/chevron-down.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/chevron-right.cjs"),a=require("../../../utils/format-time-delta.cjs"),o=require("../../../hooks/query/use-commit-changes.cjs"),s=require("./accordion-panel.cjs"),c=require("./loading-spinner.cjs"),l=require("./diff-change-list.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime");function f({commit:e,showAuthor:u,isExpanded:f,onToggle:p}){let{t:m}=t.useTranslation(`openhands`),{data:h,isLoading:g,isSuccess:_}=o.useCommitChanges(e.sha,{enabled:f});return(0,d.jsxs)(`div`,{"data-testid":`commit-row`,className:`w-full flex flex-col`,children:[(0,d.jsxs)(`button`,{type:`button`,onClick:p,"aria-expanded":f,"data-testid":`commit-row-toggle`,className:`w-full flex h-10 items-center gap-2 px-3 border-b border-[var(--oh-border)] text-sm text-content text-left hover:cursor-pointer`,children:[(0,d.jsx)(`code`,{className:`w-[7ch] flex-shrink-0 text-center font-mono text-xs text-[var(--oh-muted)]`,children:e.shortSha}),(0,d.jsx)(`strong`,{className:`flex-1 truncate font-medium`,children:e.subject}),u&&(0,d.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)] truncate max-w-32 flex-shrink-0`,children:e.author}),(0,d.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)] flex-shrink-0`,children:`${a.formatTimeDelta(e.timestamp)} ${m(n.I18nKey.CONVERSATION$AGO)}`}),f?(0,d.jsx)(r.ChevronDown,{className:`w-4 h-4 shrink-0 text-[var(--oh-muted)]`,"aria-hidden":!0}):(0,d.jsx)(i.ChevronRight,{className:`w-4 h-4 shrink-0 text-[var(--oh-muted)]`,"aria-hidden":!0})]}),(0,d.jsxs)(s.AccordionPanel,{open:f,testId:`commit-row-content`,className:`w-full flex flex-col pl-6`,children:[g&&(0,d.jsx)(`div`,{className:`p-3`,children:(0,d.jsx)(c.LoadingSpinner,{className:`w-4 h-4`})}),_&&h&&h.length>0&&(0,d.jsx)(l.DiffChangeList,{changes:h,commit:e.sha})]})]})}exports.CommitRow=f;
 //# sourceMappingURL=commit-row.cjs.map

package/dist/components/features/diff-viewer/commit-row.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"commit-row.cjs","names":[],"sources":["../../../../src/components/features/diff-viewer/commit-row.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { GitCommit } from \"#/api/open-hands.types\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { formatTimeDelta } from \"#/utils/format-time-delta\";\nimport ChevronUp from \"#/icons/chveron-up.svg?react\";\nimport { useCommitChanges } from \"#/hooks/query/use-commit-changes\";\nimport { FileDiffViewer } from \"./file-diff-viewer\";\nimport { LoadingSpinner } from \"./loading-spinner\";\n\nexport interface CommitRowProps {\n  commit: GitCommit;\n  /** Only shown when the listed commits have more than one author. */\n  showAuthor: boolean;\n  isExpanded: boolean;\n  onToggle: () => void;\n}\n\n/**\n * One collapsible commit: header row (short SHA, subject, relative time),\n * expanding into the files that commit changed, each rendered with the\n * regular FileDiffViewer in per-commit mode.\n */\nexport function CommitRow({\n  commit,\n  showAuthor,\n  isExpanded,\n  onToggle,\n}: CommitRowProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  // Only fetch a commit's file list once the row is expanded.\n  const {\n    data: changes,\n    isLoading,\n    isSuccess,\n  } = useCommitChanges(commit.sha, { enabled: isExpanded });\n\n  return (\n    <div data-testid=\"commit-row\" className=\"w-full flex flex-col\">\n      <button\n        type=\"button\"\n        onClick={onToggle}\n        aria-expanded={isExpanded}\n        data-testid=\"commit-row-toggle\"\n        className=\"w-full flex items-center gap-2 px-3 py-2.5 border-b border-[var(--oh-border)] text-sm text-content text-left hover:cursor-pointer\"\n      >\n        <code className=\"font-mono text-xs text-[var(--oh-muted)] flex-shrink-0\">\n          {commit.shortSha}\n        </code>\n        <strong className=\"flex-1 truncate font-medium\">\n          {commit.subject}\n        </strong>\n        {showAuthor && (\n          <span className=\"text-xs text-[var(--oh-muted)] truncate max-w-32 flex-shrink-0\">\n            {commit.author}\n          </span>\n        )}\n        <span className=\"text-xs text-[var(--oh-muted)] flex-shrink-0\">\n          {`${formatTimeDelta(commit.timestamp)} ${t(I18nKey.CONVERSATION$AGO)}`}\n        </span>\n        <ChevronUp\n          className={cn(\n            \"w-4 h-4 transition-transform flex-shrink-0\",\n            !isExpanded && \"transform rotate-180\",\n          )}\n        />\n      </button>\n\n      {isExpanded && (\n        <div\n          data-testid=\"commit-row-content\"\n          className=\"w-full flex flex-col pl-6\"\n        >\n          {isLoading && (\n            <div className=\"p-3\">\n              <LoadingSpinner className=\"w-4 h-4\" />\n            </div>\n          )}\n          {isSuccess &&\n            changes?.map((change) => (\n              <FileDiffViewer\n                key={change.path}\n                path={change.path}\n                type={change.status}\n                commit={commit.sha}\n              />\n            ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"ggBAwBA,SAAgB,EAAU,CACxB,SACA,aACA,aACA,YACiB,CACjB,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAGlC,CACJ,KAAM,EACN,YACA,aACE,EAAA,iBAAiB,EAAO,IAAK,CAAE,QAAS,CAAW,CAAC,EAExD,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,cAAY,aAAa,UAAU,gCAAxC,EACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,gBAAe,EACf,cAAY,oBACZ,UAAU,6IALZ,EAOE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,kEACb,EAAO,QACJ,CAAA,GACN,EAAA,EAAA,KAAC,SAAD,CAAQ,UAAU,uCACf,EAAO,OACF,CAAA,EACP,IACC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,0EACb,EAAO,MACJ,CAAA,GAER,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,wDACb,GAAG,EAAA,gBAAgB,EAAO,SAAS,EAAE,GAAG,EAAE,EAAA,QAAQ,gBAAgB,GAC/D,CAAA,GACN,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,UAAW,EAAA,GACT,6CACA,CAAC,GAAc,sBACjB,CACD,CAAA,CACK,IAEP,IACC,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,qBACZ,UAAU,qCAFZ,CAIG,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,gBACb,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,UAAU,SAAW,CAAA,CAClC,CAAA,EAEN,GACC,GAAS,IAAK,IACZ,EAAA,EAAA,KAAC,EAAA,eAAD,CAEE,KAAM,EAAO,KACb,KAAM,EAAO,OACb,OAAQ,EAAO,GAChB,EAJM,EAAO,IAIb,CACF,CACA,GAEJ,GAET"}
+{"version":3,"file":"commit-row.cjs","names":[],"sources":["../../../../src/components/features/diff-viewer/commit-row.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { GitCommit } from \"#/api/open-hands.types\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { formatTimeDelta } from \"#/utils/format-time-delta\";\nimport { ChevronDown, ChevronRight } from \"lucide-react\";\nimport { useCommitChanges } from \"#/hooks/query/use-commit-changes\";\nimport { AccordionPanel } from \"./accordion-panel\";\nimport { DiffChangeList } from \"./diff-change-list\";\nimport { LoadingSpinner } from \"./loading-spinner\";\n\nexport interface CommitRowProps {\n  commit: GitCommit;\n  /** Only shown when the listed commits have more than one author. */\n  showAuthor: boolean;\n  isExpanded: boolean;\n  onToggle: () => void;\n}\n\n/**\n * One collapsible commit: header row (short SHA, subject, relative time),\n * expanding into the files that commit changed as a single-open accordion.\n */\nexport function CommitRow({\n  commit,\n  showAuthor,\n  isExpanded,\n  onToggle,\n}: CommitRowProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  // Only fetch a commit's file list once the row is expanded.\n  const {\n    data: changes,\n    isLoading,\n    isSuccess,\n  } = useCommitChanges(commit.sha, { enabled: isExpanded });\n\n  return (\n    <div data-testid=\"commit-row\" className=\"w-full flex flex-col\">\n      <button\n        type=\"button\"\n        onClick={onToggle}\n        aria-expanded={isExpanded}\n        data-testid=\"commit-row-toggle\"\n        className=\"w-full flex h-10 items-center gap-2 px-3 border-b border-[var(--oh-border)] text-sm text-content text-left hover:cursor-pointer\"\n      >\n        <code className=\"w-[7ch] flex-shrink-0 text-center font-mono text-xs text-[var(--oh-muted)]\">\n          {commit.shortSha}\n        </code>\n        <strong className=\"flex-1 truncate font-medium\">\n          {commit.subject}\n        </strong>\n        {showAuthor && (\n          <span className=\"text-xs text-[var(--oh-muted)] truncate max-w-32 flex-shrink-0\">\n            {commit.author}\n          </span>\n        )}\n        <span className=\"text-xs text-[var(--oh-muted)] flex-shrink-0\">\n          {`${formatTimeDelta(commit.timestamp)} ${t(I18nKey.CONVERSATION$AGO)}`}\n        </span>\n        {isExpanded ? (\n          <ChevronDown\n            className=\"w-4 h-4 shrink-0 text-[var(--oh-muted)]\"\n            aria-hidden\n          />\n        ) : (\n          <ChevronRight\n            className=\"w-4 h-4 shrink-0 text-[var(--oh-muted)]\"\n            aria-hidden\n          />\n        )}\n      </button>\n\n      <AccordionPanel\n        open={isExpanded}\n        testId=\"commit-row-content\"\n        className=\"w-full flex flex-col pl-6\"\n      >\n        {isLoading && (\n          <div className=\"p-3\">\n            <LoadingSpinner className=\"w-4 h-4\" />\n          </div>\n        )}\n        {isSuccess && changes && changes.length > 0 && (\n          <DiffChangeList changes={changes} commit={commit.sha} />\n        )}\n      </AccordionPanel>\n    </div>\n  );\n}\n"],"mappings":"mnBAuBA,SAAgB,EAAU,CACxB,SACA,aACA,aACA,YACiB,CACjB,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAGlC,CACJ,KAAM,EACN,YACA,aACE,EAAA,iBAAiB,EAAO,IAAK,CAAE,QAAS,CAAW,CAAC,EAExD,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,cAAY,aAAa,UAAU,gCAAxC,EACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,gBAAe,EACf,cAAY,oBACZ,UAAU,2IALZ,EAOE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sFACb,EAAO,QACJ,CAAA,GACN,EAAA,EAAA,KAAC,SAAD,CAAQ,UAAU,uCACf,EAAO,OACF,CAAA,EACP,IACC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,0EACb,EAAO,MACJ,CAAA,GAER,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,wDACb,GAAG,EAAA,gBAAgB,EAAO,SAAS,EAAE,GAAG,EAAE,EAAA,QAAQ,gBAAgB,GAC/D,CAAA,EACL,GACC,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,UAAU,0CACV,cAAA,EACD,CAAA,GAED,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,UAAU,0CACV,cAAA,EACD,CAAA,CAEG,KAER,EAAA,EAAA,MAAC,EAAA,eAAD,CACE,KAAM,EACN,OAAO,qBACP,UAAU,qCAHZ,CAKG,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,gBACb,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,UAAU,SAAW,CAAA,CAClC,CAAA,EAEN,GAAa,GAAW,EAAQ,OAAS,IACxC,EAAA,EAAA,KAAC,EAAA,eAAD,CAAyB,UAAS,OAAQ,EAAO,GAAM,CAAA,CAE3C,GACb,GAET"}

package/dist/components/features/diff-viewer/commit-row.d.ts

@@ -9,7 +9,6 @@ export interface CommitRowProps {
 }
 /**
  * One collapsible commit: header row (short SHA, subject, relative time),
- * expanding into the files that commit changed, each rendered with the
- * regular FileDiffViewer in per-commit mode.
+ * expanding into the files that commit changed as a single-open accordion.
  */
 export declare function CommitRow({ commit, showAuthor, isExpanded, onToggle, }: CommitRowProps): React.JSX.Element;

package/dist/components/features/diff-viewer/commit-row.js

@@ -1,59 +1,63 @@
 import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
 import { I18nKey as t } from "../../../i18n/declaration.js";
-import { cn as n } from "../../../utils/utils.js";
-import { formatTimeDelta as r } from "../../../utils/format-time-delta.js";
-import i from "../../../icons/chveron-up.js";
-import { LoadingSpinner as a } from "./loading-spinner.js";
-import { FileDiffViewer as o } from "./file-diff-viewer.js";
-import { useCommitChanges as s } from "../../../hooks/query/use-commit-changes.js";
+import { ChevronDown as n } from "../../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
+import { ChevronRight as r } from "../../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
+import { formatTimeDelta as i } from "../../../utils/format-time-delta.js";
+import { useCommitChanges as a } from "../../../hooks/query/use-commit-changes.js";
+import { AccordionPanel as o } from "./accordion-panel.js";
+import { LoadingSpinner as s } from "./loading-spinner.js";
+import { DiffChangeList as c } from "./diff-change-list.js";
 import "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/features/diff-viewer/commit-row.tsx
-function u({ commit: u, showAuthor: d, isExpanded: f, onToggle: p }) {
-	let { t: m } = e("openhands"), { data: h, isLoading: g, isSuccess: _ } = s(u.sha, { enabled: f });
-	return /* @__PURE__ */ l("div", {
+function d({ commit: d, showAuthor: f, isExpanded: p, onToggle: m }) {
+	let { t: h } = e("openhands"), { data: g, isLoading: _, isSuccess: v } = a(d.sha, { enabled: p });
+	return /* @__PURE__ */ u("div", {
 		"data-testid": "commit-row",
 		className: "w-full flex flex-col",
-		children: [/* @__PURE__ */ l("button", {
+		children: [/* @__PURE__ */ u("button", {
 			type: "button",
-			onClick: p,
-			"aria-expanded": f,
+			onClick: m,
+			"aria-expanded": p,
 			"data-testid": "commit-row-toggle",
-			className: "w-full flex items-center gap-2 px-3 py-2.5 border-b border-[var(--oh-border)] text-sm text-content text-left hover:cursor-pointer",
+			className: "w-full flex h-10 items-center gap-2 px-3 border-b border-[var(--oh-border)] text-sm text-content text-left hover:cursor-pointer",
 			children: [
-				/* @__PURE__ */ c("code", {
-					className: "font-mono text-xs text-[var(--oh-muted)] flex-shrink-0",
-					children: u.shortSha
+				/* @__PURE__ */ l("code", {
+					className: "w-[7ch] flex-shrink-0 text-center font-mono text-xs text-[var(--oh-muted)]",
+					children: d.shortSha
 				}),
-				/* @__PURE__ */ c("strong", {
+				/* @__PURE__ */ l("strong", {
 					className: "flex-1 truncate font-medium",
-					children: u.subject
+					children: d.subject
 				}),
-				d && /* @__PURE__ */ c("span", {
+				f && /* @__PURE__ */ l("span", {
 					className: "text-xs text-[var(--oh-muted)] truncate max-w-32 flex-shrink-0",
-					children: u.author
+					children: d.author
 				}),
-				/* @__PURE__ */ c("span", {
+				/* @__PURE__ */ l("span", {
 					className: "text-xs text-[var(--oh-muted)] flex-shrink-0",
-					children: `${r(u.timestamp)} ${m(t.CONVERSATION$AGO)}`
+					children: `${i(d.timestamp)} ${h(t.CONVERSATION$AGO)}`
 				}),
-				/* @__PURE__ */ c(i, { className: n("w-4 h-4 transition-transform flex-shrink-0", !f && "transform rotate-180") })
+				l(p ? n : r, {
+					className: "w-4 h-4 shrink-0 text-[var(--oh-muted)]",
+					"aria-hidden": !0
+				})
 			]
-		}), f && /* @__PURE__ */ l("div", {
-			"data-testid": "commit-row-content",
+		}), /* @__PURE__ */ u(o, {
+			open: p,
+			testId: "commit-row-content",
 			className: "w-full flex flex-col pl-6",
-			children: [g && /* @__PURE__ */ c("div", {
+			children: [_ && /* @__PURE__ */ l("div", {
 				className: "p-3",
-				children: /* @__PURE__ */ c(a, { className: "w-4 h-4" })
-			}), _ && h?.map((e) => /* @__PURE__ */ c(o, {
-				path: e.path,
-				type: e.status,
-				commit: u.sha
-			}, e.path))]
+				children: /* @__PURE__ */ l(s, { className: "w-4 h-4" })
+			}), v && g && g.length > 0 && /* @__PURE__ */ l(c, {
+				changes: g,
+				commit: d.sha
+			})]
 		})]
 	});
 }
 //#endregion
-export { u as CommitRow };
+export { d as CommitRow };
 
 //# sourceMappingURL=commit-row.js.map

package/dist/components/features/diff-viewer/commit-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"commit-row.js","names":[],"sources":["../../../../src/components/features/diff-viewer/commit-row.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { GitCommit } from \"#/api/open-hands.types\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { formatTimeDelta } from \"#/utils/format-time-delta\";\nimport ChevronUp from \"#/icons/chveron-up.svg?react\";\nimport { useCommitChanges } from \"#/hooks/query/use-commit-changes\";\nimport { FileDiffViewer } from \"./file-diff-viewer\";\nimport { LoadingSpinner } from \"./loading-spinner\";\n\nexport interface CommitRowProps {\n  commit: GitCommit;\n  /** Only shown when the listed commits have more than one author. */\n  showAuthor: boolean;\n  isExpanded: boolean;\n  onToggle: () => void;\n}\n\n/**\n * One collapsible commit: header row (short SHA, subject, relative time),\n * expanding into the files that commit changed, each rendered with the\n * regular FileDiffViewer in per-commit mode.\n */\nexport function CommitRow({\n  commit,\n  showAuthor,\n  isExpanded,\n  onToggle,\n}: CommitRowProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  // Only fetch a commit's file list once the row is expanded.\n  const {\n    data: changes,\n    isLoading,\n    isSuccess,\n  } = useCommitChanges(commit.sha, { enabled: isExpanded });\n\n  return (\n    <div data-testid=\"commit-row\" className=\"w-full flex flex-col\">\n      <button\n        type=\"button\"\n        onClick={onToggle}\n        aria-expanded={isExpanded}\n        data-testid=\"commit-row-toggle\"\n        className=\"w-full flex items-center gap-2 px-3 py-2.5 border-b border-[var(--oh-border)] text-sm text-content text-left hover:cursor-pointer\"\n      >\n        <code className=\"font-mono text-xs text-[var(--oh-muted)] flex-shrink-0\">\n          {commit.shortSha}\n        </code>\n        <strong className=\"flex-1 truncate font-medium\">\n          {commit.subject}\n        </strong>\n        {showAuthor && (\n          <span className=\"text-xs text-[var(--oh-muted)] truncate max-w-32 flex-shrink-0\">\n            {commit.author}\n          </span>\n        )}\n        <span className=\"text-xs text-[var(--oh-muted)] flex-shrink-0\">\n          {`${formatTimeDelta(commit.timestamp)} ${t(I18nKey.CONVERSATION$AGO)}`}\n        </span>\n        <ChevronUp\n          className={cn(\n            \"w-4 h-4 transition-transform flex-shrink-0\",\n            !isExpanded && \"transform rotate-180\",\n          )}\n        />\n      </button>\n\n      {isExpanded && (\n        <div\n          data-testid=\"commit-row-content\"\n          className=\"w-full flex flex-col pl-6\"\n        >\n          {isLoading && (\n            <div className=\"p-3\">\n              <LoadingSpinner className=\"w-4 h-4\" />\n            </div>\n          )}\n          {isSuccess &&\n            changes?.map((change) => (\n              <FileDiffViewer\n                key={change.path}\n                path={change.path}\n                type={change.status}\n                commit={commit.sha}\n              />\n            ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAwBA,SAAgB,EAAU,EACxB,WACA,eACA,eACA,eACiB;CACjB,IAAM,EAAE,SAAM,EAAe,WAAW,GAGlC,EACJ,MAAM,GACN,cACA,iBACE,EAAiB,EAAO,KAAK,EAAE,SAAS,EAAW,CAAC;CAExD,OACE,kBAAC,OAAD;EAAK,eAAY;EAAa,WAAU;YAAxC,CACE,kBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,iBAAe;GACf,eAAY;GACZ,WAAU;aALZ;IAOE,kBAAC,QAAD;KAAM,WAAU;eACb,EAAO;IACJ,CAAA;IACN,kBAAC,UAAD;KAAQ,WAAU;eACf,EAAO;IACF,CAAA;IACP,KACC,kBAAC,QAAD;KAAM,WAAU;eACb,EAAO;IACJ,CAAA;IAER,kBAAC,QAAD;KAAM,WAAU;eACb,GAAG,EAAgB,EAAO,SAAS,EAAE,GAAG,EAAE,EAAQ,gBAAgB;IAC/D,CAAA;IACN,kBAAC,GAAD,EACE,WAAW,EACT,8CACA,CAAC,KAAc,sBACjB,EACD,CAAA;GACK;MAEP,KACC,kBAAC,OAAD;GACE,eAAY;GACZ,WAAU;aAFZ,CAIG,KACC,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAAgB,WAAU,UAAW,CAAA;GAClC,CAAA,GAEN,KACC,GAAS,KAAK,MACZ,kBAAC,GAAD;IAEE,MAAM,EAAO;IACb,MAAM,EAAO;IACb,QAAQ,EAAO;GAChB,GAJM,EAAO,IAIb,CACF,CACA;IAEJ;;AAET"}
+{"version":3,"file":"commit-row.js","names":[],"sources":["../../../../src/components/features/diff-viewer/commit-row.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { GitCommit } from \"#/api/open-hands.types\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { formatTimeDelta } from \"#/utils/format-time-delta\";\nimport { ChevronDown, ChevronRight } from \"lucide-react\";\nimport { useCommitChanges } from \"#/hooks/query/use-commit-changes\";\nimport { AccordionPanel } from \"./accordion-panel\";\nimport { DiffChangeList } from \"./diff-change-list\";\nimport { LoadingSpinner } from \"./loading-spinner\";\n\nexport interface CommitRowProps {\n  commit: GitCommit;\n  /** Only shown when the listed commits have more than one author. */\n  showAuthor: boolean;\n  isExpanded: boolean;\n  onToggle: () => void;\n}\n\n/**\n * One collapsible commit: header row (short SHA, subject, relative time),\n * expanding into the files that commit changed as a single-open accordion.\n */\nexport function CommitRow({\n  commit,\n  showAuthor,\n  isExpanded,\n  onToggle,\n}: CommitRowProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  // Only fetch a commit's file list once the row is expanded.\n  const {\n    data: changes,\n    isLoading,\n    isSuccess,\n  } = useCommitChanges(commit.sha, { enabled: isExpanded });\n\n  return (\n    <div data-testid=\"commit-row\" className=\"w-full flex flex-col\">\n      <button\n        type=\"button\"\n        onClick={onToggle}\n        aria-expanded={isExpanded}\n        data-testid=\"commit-row-toggle\"\n        className=\"w-full flex h-10 items-center gap-2 px-3 border-b border-[var(--oh-border)] text-sm text-content text-left hover:cursor-pointer\"\n      >\n        <code className=\"w-[7ch] flex-shrink-0 text-center font-mono text-xs text-[var(--oh-muted)]\">\n          {commit.shortSha}\n        </code>\n        <strong className=\"flex-1 truncate font-medium\">\n          {commit.subject}\n        </strong>\n        {showAuthor && (\n          <span className=\"text-xs text-[var(--oh-muted)] truncate max-w-32 flex-shrink-0\">\n            {commit.author}\n          </span>\n        )}\n        <span className=\"text-xs text-[var(--oh-muted)] flex-shrink-0\">\n          {`${formatTimeDelta(commit.timestamp)} ${t(I18nKey.CONVERSATION$AGO)}`}\n        </span>\n        {isExpanded ? (\n          <ChevronDown\n            className=\"w-4 h-4 shrink-0 text-[var(--oh-muted)]\"\n            aria-hidden\n          />\n        ) : (\n          <ChevronRight\n            className=\"w-4 h-4 shrink-0 text-[var(--oh-muted)]\"\n            aria-hidden\n          />\n        )}\n      </button>\n\n      <AccordionPanel\n        open={isExpanded}\n        testId=\"commit-row-content\"\n        className=\"w-full flex flex-col pl-6\"\n      >\n        {isLoading && (\n          <div className=\"p-3\">\n            <LoadingSpinner className=\"w-4 h-4\" />\n          </div>\n        )}\n        {isSuccess && changes && changes.length > 0 && (\n          <DiffChangeList changes={changes} commit={commit.sha} />\n        )}\n      </AccordionPanel>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAuBA,SAAgB,EAAU,EACxB,WACA,eACA,eACA,eACiB;CACjB,IAAM,EAAE,SAAM,EAAe,WAAW,GAGlC,EACJ,MAAM,GACN,cACA,iBACE,EAAiB,EAAO,KAAK,EAAE,SAAS,EAAW,CAAC;CAExD,OACE,kBAAC,OAAD;EAAK,eAAY;EAAa,WAAU;YAAxC,CACE,kBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,iBAAe;GACf,eAAY;GACZ,WAAU;aALZ;IAOE,kBAAC,QAAD;KAAM,WAAU;eACb,EAAO;IACJ,CAAA;IACN,kBAAC,UAAD;KAAQ,WAAU;eACf,EAAO;IACF,CAAA;IACP,KACC,kBAAC,QAAD;KAAM,WAAU;eACb,EAAO;IACJ,CAAA;IAER,kBAAC,QAAD;KAAM,WAAU;eACb,GAAG,EAAgB,EAAO,SAAS,EAAE,GAAG,EAAE,EAAQ,gBAAgB;IAC/D,CAAA;IAEJ,EADD,IACE,IAKA,GALD;KACE,WAAU;KACV,eAAA;IACD,CAKA;GAEG;MAER,kBAAC,GAAD;GACE,MAAM;GACN,QAAO;GACP,WAAU;aAHZ,CAKG,KACC,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAAgB,WAAU,UAAW,CAAA;GAClC,CAAA,GAEN,KAAa,KAAW,EAAQ,SAAS,KACxC,kBAAC,GAAD;IAAyB;IAAS,QAAQ,EAAO;GAAM,CAAA,CAE3C;IACb;;AAET"}

package/dist/components/features/diff-viewer/diff-change-list.cjs

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("./file-diff-viewer.cjs");let t=require("react"),n=require("react/jsx-runtime");function r({changes:r,commit:i}){let[a,o]=(0,t.useState)(null);return(0,n.jsx)(`div`,{"data-testid":`diff-change-list`,className:`w-full flex flex-col`,children:r.map(t=>(0,n.jsx)(e.FileDiffViewer,{path:t.path,type:t.status,commit:i,isExpanded:a===t.path,onToggle:()=>o(e=>e===t.path?null:t.path)},t.path))})}exports.DiffChangeList=r;
+//# sourceMappingURL=diff-change-list.cjs.map

package/dist/components/features/diff-viewer/diff-change-list.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"diff-change-list.cjs","names":[],"sources":["../../../../src/components/features/diff-viewer/diff-change-list.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { GitChangeStatus } from \"#/api/open-hands.types\";\nimport { FileDiffViewer } from \"./file-diff-viewer\";\n\nexport interface DiffChangeListItem {\n  path: string;\n  status: GitChangeStatus;\n}\n\nexport interface DiffChangeListProps {\n  changes: DiffChangeListItem[];\n  /**\n   * When set, each row shows that commit's version of the file instead of\n   * the working-tree diff.\n   */\n  commit?: string;\n}\n\n/**\n * Single-open accordion of file diffs. Expanding one path collapses the\n * previously open one (same behavior as the Commits list).\n */\nexport function DiffChangeList({ changes, commit }: DiffChangeListProps) {\n  const [expandedPath, setExpandedPath] = useState<string | null>(null);\n\n  return (\n    <div data-testid=\"diff-change-list\" className=\"w-full flex flex-col\">\n      {changes.map((change) => (\n        <FileDiffViewer\n          key={change.path}\n          path={change.path}\n          type={change.status}\n          commit={commit}\n          isExpanded={expandedPath === change.path}\n          onToggle={() =>\n            setExpandedPath((prev) =>\n              prev === change.path ? null : change.path,\n            )\n          }\n        />\n      ))}\n    </div>\n  );\n}\n"],"mappings":"mJAsBA,SAAgB,EAAe,CAAE,UAAS,UAA+B,CACvE,GAAM,CAAC,EAAc,IAAA,EAAA,EAAA,UAA2C,IAAI,EAEpE,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,cAAY,mBAAmB,UAAU,gCAC3C,EAAQ,IAAK,IACZ,EAAA,EAAA,KAAC,EAAA,eAAD,CAEE,KAAM,EAAO,KACb,KAAM,EAAO,OACL,SACR,WAAY,IAAiB,EAAO,KACpC,aACE,EAAiB,GACf,IAAS,EAAO,KAAO,KAAO,EAAO,IACvC,CAEH,EAVM,EAAO,IAUb,CACF,CACE,CAAA,CAET"}

package/dist/components/features/diff-viewer/diff-change-list.d.ts

@@ -0,0 +1,18 @@
+import type { GitChangeStatus } from "#/api/open-hands.types";
+export interface DiffChangeListItem {
+    path: string;
+    status: GitChangeStatus;
+}
+export interface DiffChangeListProps {
+    changes: DiffChangeListItem[];
+    /**
+     * When set, each row shows that commit's version of the file instead of
+     * the working-tree diff.
+     */
+    commit?: string;
+}
+/**
+ * Single-open accordion of file diffs. Expanding one path collapses the
+ * previously open one (same behavior as the Commits list).
+ */
+export declare function DiffChangeList({ changes, commit }: DiffChangeListProps): import("react").JSX.Element;

package/dist/components/features/diff-viewer/diff-change-list.js

@@ -0,0 +1,22 @@
+import { FileDiffViewer as e } from "./file-diff-viewer.js";
+import { useState as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/features/diff-viewer/diff-change-list.tsx
+function r({ changes: r, commit: i }) {
+	let [a, o] = t(null);
+	return /* @__PURE__ */ n("div", {
+		"data-testid": "diff-change-list",
+		className: "w-full flex flex-col",
+		children: r.map((t) => /* @__PURE__ */ n(e, {
+			path: t.path,
+			type: t.status,
+			commit: i,
+			isExpanded: a === t.path,
+			onToggle: () => o((e) => e === t.path ? null : t.path)
+		}, t.path))
+	});
+}
+//#endregion
+export { r as DiffChangeList };
+
+//# sourceMappingURL=diff-change-list.js.map

package/dist/components/features/diff-viewer/diff-change-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diff-change-list.js","names":[],"sources":["../../../../src/components/features/diff-viewer/diff-change-list.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { GitChangeStatus } from \"#/api/open-hands.types\";\nimport { FileDiffViewer } from \"./file-diff-viewer\";\n\nexport interface DiffChangeListItem {\n  path: string;\n  status: GitChangeStatus;\n}\n\nexport interface DiffChangeListProps {\n  changes: DiffChangeListItem[];\n  /**\n   * When set, each row shows that commit's version of the file instead of\n   * the working-tree diff.\n   */\n  commit?: string;\n}\n\n/**\n * Single-open accordion of file diffs. Expanding one path collapses the\n * previously open one (same behavior as the Commits list).\n */\nexport function DiffChangeList({ changes, commit }: DiffChangeListProps) {\n  const [expandedPath, setExpandedPath] = useState<string | null>(null);\n\n  return (\n    <div data-testid=\"diff-change-list\" className=\"w-full flex flex-col\">\n      {changes.map((change) => (\n        <FileDiffViewer\n          key={change.path}\n          path={change.path}\n          type={change.status}\n          commit={commit}\n          isExpanded={expandedPath === change.path}\n          onToggle={() =>\n            setExpandedPath((prev) =>\n              prev === change.path ? null : change.path,\n            )\n          }\n        />\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;AAsBA,SAAgB,EAAe,EAAE,YAAS,aAA+B;CACvE,IAAM,CAAC,GAAc,KAAmB,EAAwB,IAAI;CAEpE,OACE,kBAAC,OAAD;EAAK,eAAY;EAAmB,WAAU;YAC3C,EAAQ,KAAK,MACZ,kBAAC,GAAD;GAEE,MAAM,EAAO;GACb,MAAM,EAAO;GACL;GACR,YAAY,MAAiB,EAAO;GACpC,gBACE,GAAiB,MACf,MAAS,EAAO,OAAO,OAAO,EAAO,IACvC;EAEH,GAVM,EAAO,IAUb,CACF;CACE,CAAA;AAET"}

package/dist/components/features/diff-viewer/editor-container.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);let n=require("react/jsx-runtime");function r({height:e,children:t}){return(0,n.jsx)(`div`,{"data-testid":`editor-container`,className:`w-full border-b border-[var(--oh-border)] overflow-hidden h-[var(--editor-height)]`,style:{"--editor-height":`${e}px`},children:t})}exports.EditorContainer=r;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../utils/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({height:e,children:n,className:i}){return(0,r.jsx)(`div`,{"data-testid":`editor-container`,className:t.cn(`w-full border-b border-[var(--oh-border)] overflow-hidden h-[var(--editor-height)]`,i),style:{"--editor-height":`${e}px`},children:n})}exports.EditorContainer=i;
 //# sourceMappingURL=editor-container.cjs.map

package/dist/components/features/diff-viewer/editor-container.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"editor-container.cjs","names":[],"sources":["../../../../src/components/features/diff-viewer/editor-container.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface EditorContainerProps {\n  height: number;\n  children: React.ReactNode;\n}\n\nexport function EditorContainer({ height, children }: EditorContainerProps) {\n  return (\n    <div\n      data-testid=\"editor-container\"\n      className=\"w-full border-b border-[var(--oh-border)] overflow-hidden h-[var(--editor-height)]\"\n      // CSS custom property plumbed through for h-[var(--editor-height)] above\n      style={{ \"--editor-height\": `${height}px` } as React.CSSProperties}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":"sIAOA,SAAgB,EAAgB,CAAE,SAAQ,YAAkC,CAC1E,OACE,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,mBACZ,UAAU,qFAEV,MAAO,CAAE,kBAAmB,GAAG,EAAO,GAAI,EAEzC,UACE,CAAA,CAET"}
+{"version":3,"file":"editor-container.cjs","names":[],"sources":["../../../../src/components/features/diff-viewer/editor-container.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"#/utils/utils\";\n\ninterface EditorContainerProps {\n  height: number;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function EditorContainer({\n  height,\n  children,\n  className,\n}: EditorContainerProps) {\n  return (\n    <div\n      data-testid=\"editor-container\"\n      className={cn(\n        \"w-full border-b border-[var(--oh-border)] overflow-hidden h-[var(--editor-height)]\",\n        className,\n      )}\n      // CSS custom property plumbed through for h-[var(--editor-height)] above\n      style={{ \"--editor-height\": `${height}px` } as React.CSSProperties}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":"4KASA,SAAgB,EAAgB,CAC9B,SACA,WACA,aACuB,CACvB,OACE,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,mBACZ,UAAW,EAAA,GACT,qFACA,CACF,EAEA,MAAO,CAAE,kBAAmB,GAAG,EAAO,GAAI,EAEzC,UACE,CAAA,CAET"}

package/dist/components/features/diff-viewer/editor-container.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 interface EditorContainerProps {
     height: number;
     children: React.ReactNode;
+    className?: string;
 }
-export declare function EditorContainer({ height, children }: EditorContainerProps): React.JSX.Element;
+export declare function EditorContainer({ height, children, className, }: EditorContainerProps): React.JSX.Element;
 export {};

package/dist/components/features/diff-viewer/editor-container.js

@@ -1,15 +1,16 @@
+import { cn as e } from "../../../utils/utils.js";
 import "react";
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/components/features/diff-viewer/editor-container.tsx
-function t({ height: t, children: n }) {
-	return /* @__PURE__ */ e("div", {
+function n({ height: n, children: r, className: i }) {
+	return /* @__PURE__ */ t("div", {
 		"data-testid": "editor-container",
-		className: "w-full border-b border-[var(--oh-border)] overflow-hidden h-[var(--editor-height)]",
-		style: { "--editor-height": `${t}px` },
-		children: n
+		className: e("w-full border-b border-[var(--oh-border)] overflow-hidden h-[var(--editor-height)]", i),
+		style: { "--editor-height": `${n}px` },
+		children: r
 	});
 }
 //#endregion
-export { t as EditorContainer };
+export { n as EditorContainer };
 
 //# sourceMappingURL=editor-container.js.map

package/dist/components/features/diff-viewer/editor-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"editor-container.js","names":[],"sources":["../../../../src/components/features/diff-viewer/editor-container.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface EditorContainerProps {\n  height: number;\n  children: React.ReactNode;\n}\n\nexport function EditorContainer({ height, children }: EditorContainerProps) {\n  return (\n    <div\n      data-testid=\"editor-container\"\n      className=\"w-full border-b border-[var(--oh-border)] overflow-hidden h-[var(--editor-height)]\"\n      // CSS custom property plumbed through for h-[var(--editor-height)] above\n      style={{ \"--editor-height\": `${height}px` } as React.CSSProperties}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;AAOA,SAAgB,EAAgB,EAAE,WAAQ,eAAkC;CAC1E,OACE,kBAAC,OAAD;EACE,eAAY;EACZ,WAAU;EAEV,OAAO,EAAE,mBAAmB,GAAG,EAAO,IAAI;EAEzC;CACE,CAAA;AAET"}
+{"version":3,"file":"editor-container.js","names":[],"sources":["../../../../src/components/features/diff-viewer/editor-container.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"#/utils/utils\";\n\ninterface EditorContainerProps {\n  height: number;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function EditorContainer({\n  height,\n  children,\n  className,\n}: EditorContainerProps) {\n  return (\n    <div\n      data-testid=\"editor-container\"\n      className={cn(\n        \"w-full border-b border-[var(--oh-border)] overflow-hidden h-[var(--editor-height)]\",\n        className,\n      )}\n      // CSS custom property plumbed through for h-[var(--editor-height)] above\n      style={{ \"--editor-height\": `${height}px` } as React.CSSProperties}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;AASA,SAAgB,EAAgB,EAC9B,WACA,aACA,gBACuB;CACvB,OACE,kBAAC,OAAD;EACE,eAAY;EACZ,WAAW,EACT,sFACA,CACF;EAEA,OAAO,EAAE,mBAAmB,GAAG,EAAO,IAAI;EAEzC;CACE,CAAA;AAET"}

package/dist/components/features/diff-viewer/file-diff-viewer.cjs

@@ -1,2 +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/utils.cjs"),i=require("../markdown/markdown-renderer.cjs"),a=require("../../../ui/typography.cjs"),o=require("../../../utils/get-language-from-path.cjs"),s=require("../../../node_modules/@monaco-editor/react/dist/index.cjs"),c=require("../../../node_modules/react-icons/lu/index.cjs"),l=require("../../../icons/chveron-up.cjs"),u=require("../../../hooks/query/use-unified-git-diff.cjs"),d=require("./loading-spinner.cjs"),f=require("./editor-container.cjs");let p=require("react");p=e.__toESM(p,1);let m=require("react/jsx-runtime");var h=[{mode:`old`,icon:c.LuHistory},{mode:`diff`,icon:c.LuGitCompareArrows},{mode:`new`,icon:c.LuFileCheck}],g={renderValidationDecorations:`off`,readOnly:!0,scrollBeyondLastLine:!1,minimap:{enabled:!1},automaticLayout:!0,scrollbar:{alwaysConsumeMouseWheel:!1}},_={A:c.LuFilePlus,D:c.LuFileMinus,M:c.LuFileDiff,R:`Renamed`,U:`Untracked`},v=e=>{e.editor.defineTheme(`custom-diff-theme`,{base:`vs-dark`,inherit:!0,rules:[{token:`comment`,foreground:`6a9955`},{token:`keyword`,foreground:`569cd6`},{token:`string`,foreground:`ce9178`},{token:`number`,foreground:`b5cea8`}],colors:{"diffEditor.insertedTextBackground":`#014b01AA`,"diffEditor.removedTextBackground":`#750000AA`,"diffEditor.insertedLineBackground":`#003f00AA`,"diffEditor.removedLineBackground":`#5a0000AA`,"diffEditor.border":`var(--oh-border-subtle)`,"editorUnnecessaryCode.border":`#00000000`,"editorUnnecessaryCode.opacity":`rgba(0, 0, 0, 0.467)`}})};function y({path:e,type:c,commit:y}){let{t:b}=t.useTranslation(`openhands`),[x,S]=p.default.useState(!0),[C,w]=p.default.useState(400),[T,E]=p.default.useState(`diff`),D=p.default.useRef(null),O=p.default.useRef(null),k=c===`A`||c===`U`,A=c===`D`,j=p.default.useMemo(()=>{if(c===`R`){let t=e.split(/\s+/).slice(1);return t[t.length-1]}return e},[e,c]),{data:M,isLoading:N,isSuccess:P,isRefetching:F}=u.useUnifiedGitDiff({filePath:j,type:c,enabled:!x,commit:y}),I=p.default.useCallback(()=>{if(!D.current)return;let e=D.current.getOriginalEditor(),t=D.current.getModifiedEditor();e&&t&&w(Math.max(e.getContentHeight(),t.getContentHeight())+20)},[]),L=p.default.useCallback(()=>{O.current&&w(O.current.getContentHeight()+20)},[]),R=e=>{D.current=e,I(),e.getOriginalEditor().onDidContentSizeChange(I),e.getModifiedEditor().onDidContentSizeChange(I)},z=e=>{O.current=e,L(),e.onDidContentSizeChange(L)},B=(c===`U`?_.A:_[c])||`?`,V=typeof B==`string`?(0,m.jsx)(a.Typography.Text,{children:B}):p.default.createElement(B,{className:`w-5 h-5`}),H=N||F,U=o.getLanguageFromPath(j),W=U===`markdown`,G=T===`old`?M?.original??``:M?.modified??``;return(0,m.jsxs)(`div`,{"data-testid":`file-diff-viewer-outer`,className:`w-full flex flex-col`,children:[(0,m.jsx)(`div`,{className:`flex justify-between items-center px-3 py-2.5 border-b border-[var(--oh-border)] hover:cursor-pointer`,onClick:()=>S(e=>!e),children:(0,m.jsxs)(`span`,{className:`text-sm w-full text-content flex items-center gap-2`,children:[H?(0,m.jsx)(d.LoadingSpinner,{className:`w-4 h-4`}):V,(0,m.jsx)(`strong`,{className:`w-full truncate font-medium`,children:j}),!x&&!A&&(0,m.jsx)(`span`,{className:`flex items-center gap-0.5 shrink-0`,onClick:e=>e.stopPropagation(),children:h.map(({mode:e,icon:t})=>(0,m.jsx)(`button`,{"data-testid":`view-mode-${e}`,type:`button`,"aria-pressed":T===e,onClick:()=>E(e),className:r.cn(`p-1 rounded transition-colors cursor-pointer`,T===e?`bg-[var(--oh-interactive-hover)] text-white`:`text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-hover)] hover:text-white`),children:(0,m.jsx)(t,{className:`w-4 h-4`})},e))}),(0,m.jsx)(`button`,{"data-testid":`collapse`,type:`button`,children:(0,m.jsx)(l.default,{className:r.cn(`w-4 h-4 transition-transform`,x&&`transform rotate-180`)})})]})}),!x&&A&&!y&&(0,m.jsx)(`div`,{"data-testid":`file-deleted-message`,className:`w-full border-b border-[var(--oh-border)] p-4 bg-base text-[var(--oh-text-dim)] text-sm`,children:b(n.I18nKey.DIFF_VIEWER$FILE_DELETED)}),!x&&(!A||!!y)&&P&&(T===`diff`?(0,m.jsx)(f.EditorContainer,{height:C,children:(0,m.jsx)(s.we,{"data-testid":`file-diff-viewer`,className:`w-full h-full`,language:U,original:k?``:M?.original??``,modified:A?``:M?.modified??``,theme:`custom-diff-theme`,onMount:R,beforeMount:v,options:{...g,renderSideBySide:!k&&!A,hideUnchangedRegions:{enabled:!0}}})}):W?(0,m.jsx)(`div`,{className:`w-full border-b border-[var(--oh-border)] overflow-auto p-4 bg-base prose prose-invert max-w-none`,"data-testid":`markdown-preview`,children:(0,m.jsx)(i.MarkdownRenderer,{content:G,includeStandard:!0,includeHeadings:!0})}):(0,m.jsx)(f.EditorContainer,{height:C,children:(0,m.jsx)(s.de,{"data-testid":`file-single-viewer`,className:`w-full h-full`,language:U,value:G,theme:`custom-diff-theme`,beforeMount:v,onMount:z,options:g})}))]})}exports.FileDiffViewer=y;
+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/chevron-down.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/chevron-right.cjs"),a=require("../../../utils/utils.cjs"),o=require("../markdown/markdown-renderer.cjs"),ee=require("../../../ui/typography.cjs"),s=require("../../../utils/get-language-from-path.cjs"),c=require("../../../node_modules/react-icons/lu/index.cjs"),te=require("./accordion-panel.cjs"),l=require("../../../node_modules/@monaco-editor/react/dist/index.cjs"),u=require("../../../hooks/query/use-unified-git-diff.cjs"),d=require("./loading-spinner.cjs"),f=require("./editor-container.cjs");let p=require("react");p=e.__toESM(p,1);let m=require("react/jsx-runtime");var h=[{mode:`old`,icon:c.LuHistory},{mode:`diff`,icon:c.LuGitCompareArrows},{mode:`new`,icon:c.LuFileCheck}],g={renderValidationDecorations:`off`,readOnly:!0,scrollBeyondLastLine:!1,minimap:{enabled:!1},automaticLayout:!0,scrollbar:{alwaysConsumeMouseWheel:!1}};function _(e){return Math.min(e,600)}var v={A:c.LuFilePlus,D:c.LuFileMinus,M:c.LuFileDiff,R:`Renamed`,U:`Untracked`},y=e=>{e.editor.defineTheme(`custom-diff-theme`,{base:`vs-dark`,inherit:!0,rules:[{token:`comment`,foreground:`6a9955`},{token:`keyword`,foreground:`569cd6`},{token:`string`,foreground:`ce9178`},{token:`number`,foreground:`b5cea8`}],colors:{"diffEditor.insertedTextBackground":`#014b01AA`,"diffEditor.removedTextBackground":`#750000AA`,"diffEditor.insertedLineBackground":`#003f00AA`,"diffEditor.removedLineBackground":`#5a0000AA`,"diffEditor.border":`var(--oh-border-subtle)`,"editorUnnecessaryCode.border":`#00000000`,"editorUnnecessaryCode.opacity":`rgba(0, 0, 0, 0.467)`}})};function b({path:e,type:c,commit:b,isExpanded:x,onToggle:S}){let{t:C}=t.useTranslation(`openhands`),[ne,w]=p.default.useState(!1),T=x!==void 0,E=T?x:ne,D=!E,re=()=>{if(T){S?.();return}w(e=>!e)},[ie,O]=p.default.useState(0),[k,A]=p.default.useState(!1),[j,M]=p.default.useState(`diff`),N=p.default.useRef(null),P=p.default.useRef(null),F=c===`A`||c===`U`,I=c===`D`,L=p.default.useMemo(()=>{if(c===`R`){let t=e.split(/\s+/).slice(1);return t[t.length-1]}return e},[e,c]),{data:R,isLoading:z,isSuccess:B,isRefetching:V}=u.useUnifiedGitDiff({filePath:L,type:c,enabled:!D,commit:b}),H=p.default.useCallback(()=>{if(!N.current)return;let e=N.current.getOriginalEditor(),t=N.current.getModifiedEditor();e&&t&&(O(_(Math.max(e.getContentHeight(),t.getContentHeight())+20)),A(!0))},[]),U=p.default.useCallback(()=>{P.current&&(O(_(P.current.getContentHeight()+20)),A(!0))},[]);p.default.useEffect(()=>{A(!1),O(0)},[D,j]);let W=e=>{N.current=e,H(),e.getOriginalEditor().onDidContentSizeChange(H),e.getModifiedEditor().onDidContentSizeChange(H)},G=e=>{P.current=e,U(),e.onDidContentSizeChange(U)},K=(c===`U`?v.A:v[c])||`?`,q=typeof K==`string`?(0,m.jsx)(ee.Typography.Text,{children:K}):p.default.createElement(K,{className:`w-4 h-4 shrink-0`}),J=z||V,Y=s.getLanguageFromPath(L),ae=Y===`markdown`,X=j===`old`?R?.original??``:R?.modified??``,Z=!I,Q=!D&&Z,$=e=>(0,m.jsx)(`div`,{className:a.cn(`relative w-full`,!k&&`h-0 overflow-hidden`),children:(0,m.jsx)(f.EditorContainer,{height:k?ie:_(400),className:a.cn(!k&&`absolute inset-x-0 top-0 invisible`),children:e})});return(0,m.jsxs)(`div`,{"data-testid":`file-diff-viewer-outer`,className:`w-full flex flex-col`,children:[(0,m.jsx)(`div`,{className:`flex h-10 items-center px-3 border-b border-[var(--oh-border)] hover:cursor-pointer`,onClick:re,children:(0,m.jsxs)(`span`,{className:`text-sm w-full text-content flex items-center gap-2 min-w-0`,children:[(0,m.jsx)(`span`,{className:`inline-flex w-4 h-4 shrink-0 items-center justify-center`,children:J?(0,m.jsx)(d.LoadingSpinner,{className:`w-4 h-4`}):q}),(0,m.jsx)(`strong`,{className:`min-w-0 flex-1 truncate font-medium`,children:L}),Z&&(0,m.jsx)(`span`,{className:a.cn(`flex items-center gap-0.5 shrink-0`,!Q&&`invisible pointer-events-none`),onClick:e=>e.stopPropagation(),"aria-hidden":!Q,children:h.map(({mode:e,icon:t})=>(0,m.jsx)(`button`,{"data-testid":`view-mode-${e}`,type:`button`,tabIndex:Q?0:-1,"aria-pressed":j===e,onClick:()=>M(e),className:a.cn(`p-1 rounded transition-colors cursor-pointer`,j===e?`bg-[var(--oh-interactive-hover)] text-white`:`text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-hover)] hover:text-white`),children:(0,m.jsx)(t,{className:`w-4 h-4`})},e))}),(0,m.jsx)(`button`,{"data-testid":`collapse`,type:`button`,className:`shrink-0 text-[var(--oh-muted)]`,children:D?(0,m.jsx)(i.ChevronRight,{className:`w-4 h-4`,"aria-hidden":!0}):(0,m.jsx)(r.ChevronDown,{className:`w-4 h-4`,"aria-hidden":!0})})]})}),(0,m.jsx)(te.AccordionPanel,{open:E,children:I&&!b?(0,m.jsx)(`div`,{"data-testid":`file-deleted-message`,className:`w-full border-b border-[var(--oh-border)] p-4 bg-base text-[var(--oh-text-dim)] text-sm`,children:C(n.I18nKey.DIFF_VIEWER$FILE_DELETED)}):B&&(j===`diff`?$((0,m.jsx)(l.we,{"data-testid":`file-diff-viewer`,className:`w-full h-full`,language:Y,original:F?``:R?.original??``,modified:I?``:R?.modified??``,theme:`custom-diff-theme`,onMount:W,beforeMount:y,options:{...g,renderSideBySide:!F&&!I,hideUnchangedRegions:{enabled:!0}}})):ae?(0,m.jsx)(`div`,{className:`w-full border-b border-[var(--oh-border)] overflow-auto p-4 bg-base prose prose-invert max-w-none`,"data-testid":`markdown-preview`,style:{maxHeight:600},children:(0,m.jsx)(o.MarkdownRenderer,{content:X,includeStandard:!0,includeHeadings:!0})}):$((0,m.jsx)(l.de,{"data-testid":`file-single-viewer`,className:`w-full h-full`,language:Y,value:X,theme:`custom-diff-theme`,beforeMount:y,onMount:G,options:g})))})]})}exports.FileDiffViewer=b;
 //# sourceMappingURL=file-diff-viewer.cjs.map

package/dist/components/features/diff-viewer/file-diff-viewer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"file-diff-viewer.cjs","names":[],"sources":["../../../../src/components/features/diff-viewer/file-diff-viewer.tsx"],"sourcesContent":["import { DiffEditor, Editor, Monaco } from \"@monaco-editor/react\";\nimport React from \"react\";\nimport { editor as editor_t } from \"monaco-editor\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n  LuFileDiff,\n  LuFileMinus,\n  LuFilePlus,\n  LuHistory,\n  LuGitCompareArrows,\n  LuFileCheck,\n} from \"react-icons/lu\";\nimport { IconType } from \"react-icons/lib\";\nimport { GitChangeStatus } from \"#/api/open-hands.types\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { getLanguageFromPath } from \"#/utils/get-language-from-path\";\nimport { cn } from \"#/utils/utils\";\nimport ChevronUp from \"#/icons/chveron-up.svg?react\";\nimport { useUnifiedGitDiff } from \"#/hooks/query/use-unified-git-diff\";\nimport { MarkdownRenderer } from \"#/components/features/markdown/markdown-renderer\";\nimport { Typography } from \"#/ui/typography\";\nimport { LoadingSpinner } from \"./loading-spinner\";\nimport { EditorContainer } from \"./editor-container\";\n\ntype ViewMode = \"diff\" | \"old\" | \"new\";\n\nconst VIEW_MODES: { mode: ViewMode; icon: IconType }[] = [\n  { mode: \"old\", icon: LuHistory },\n  { mode: \"diff\", icon: LuGitCompareArrows },\n  { mode: \"new\", icon: LuFileCheck },\n];\n\nconst SHARED_EDITOR_OPTIONS: editor_t.IEditorOptions = {\n  renderValidationDecorations: \"off\",\n  readOnly: true,\n  scrollBeyondLastLine: false,\n  minimap: { enabled: false },\n  automaticLayout: true,\n  scrollbar: { alwaysConsumeMouseWheel: false },\n};\n\nconst STATUS_MAP: Record<GitChangeStatus, string | IconType> = {\n  A: LuFilePlus,\n  D: LuFileMinus,\n  M: LuFileDiff,\n  R: \"Renamed\",\n  U: \"Untracked\",\n};\n\nconst beforeMount = (monaco: Monaco) => {\n  monaco.editor.defineTheme(\"custom-diff-theme\", {\n    base: \"vs-dark\",\n    inherit: true,\n    rules: [\n      { token: \"comment\", foreground: \"6a9955\" },\n      { token: \"keyword\", foreground: \"569cd6\" },\n      { token: \"string\", foreground: \"ce9178\" },\n      { token: \"number\", foreground: \"b5cea8\" },\n    ],\n    colors: {\n      \"diffEditor.insertedTextBackground\": \"#014b01AA\",\n      \"diffEditor.removedTextBackground\": \"#750000AA\",\n      \"diffEditor.insertedLineBackground\": \"#003f00AA\",\n      \"diffEditor.removedLineBackground\": \"#5a0000AA\",\n      \"diffEditor.border\": \"var(--oh-border-subtle)\",\n      \"editorUnnecessaryCode.border\": \"#00000000\",\n      \"editorUnnecessaryCode.opacity\": \"rgba(0, 0, 0, 0.467)\",\n    },\n  });\n};\n\nexport interface FileDiffViewerProps {\n  path: string;\n  type: GitChangeStatus;\n  /**\n   * When set, show the file's diff as changed by this commit instead of\n   * the working-tree-vs-base diff. Deleted files render their content in\n   * commit mode (both sides come from git objects).\n   */\n  commit?: string;\n}\n\nexport function FileDiffViewer({ path, type, commit }: FileDiffViewerProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [isCollapsed, setIsCollapsed] = React.useState(true);\n  const [editorHeight, setEditorHeight] = React.useState(400);\n  const [viewMode, setViewMode] = React.useState<ViewMode>(\"diff\");\n  const diffEditorRef = React.useRef<editor_t.IStandaloneDiffEditor>(null);\n  const singleEditorRef = React.useRef<editor_t.IStandaloneCodeEditor>(null);\n\n  const isAdded = type === \"A\" || type === \"U\";\n  const isDeleted = type === \"D\";\n\n  const filePath = React.useMemo(() => {\n    if (type === \"R\") {\n      const parts = path.split(/\\s+/).slice(1);\n      return parts[parts.length - 1];\n    }\n    return path;\n  }, [path, type]);\n\n  const {\n    data: diff,\n    isLoading,\n    isSuccess,\n    isRefetching,\n  } = useUnifiedGitDiff({\n    filePath,\n    type,\n    enabled: !isCollapsed,\n    commit,\n  });\n\n  const updateEditorHeight = React.useCallback(() => {\n    if (!diffEditorRef.current) return;\n    const originalEditor = diffEditorRef.current.getOriginalEditor();\n    const modifiedEditor = diffEditorRef.current.getModifiedEditor();\n    if (originalEditor && modifiedEditor) {\n      setEditorHeight(\n        Math.max(\n          originalEditor.getContentHeight(),\n          modifiedEditor.getContentHeight(),\n        ) + 20,\n      );\n    }\n  }, []);\n\n  const updateSingleEditorHeight = React.useCallback(() => {\n    if (singleEditorRef.current) {\n      setEditorHeight(singleEditorRef.current.getContentHeight() + 20);\n    }\n  }, []);\n\n  const handleDiffEditorMount = (editor: editor_t.IStandaloneDiffEditor) => {\n    diffEditorRef.current = editor;\n    updateEditorHeight();\n    editor.getOriginalEditor().onDidContentSizeChange(updateEditorHeight);\n    editor.getModifiedEditor().onDidContentSizeChange(updateEditorHeight);\n  };\n\n  const handleSingleEditorMount = (editor: editor_t.IStandaloneCodeEditor) => {\n    singleEditorRef.current = editor;\n    updateSingleEditorHeight();\n    editor.onDidContentSizeChange(updateSingleEditorHeight);\n  };\n\n  const status = (type === \"U\" ? STATUS_MAP.A : STATUS_MAP[type]) || \"?\";\n  const statusIcon =\n    typeof status === \"string\" ? (\n      <Typography.Text>{status}</Typography.Text>\n    ) : (\n      React.createElement(status, { className: \"w-5 h-5\" })\n    );\n\n  const isFetchingData = isLoading || isRefetching;\n  const language = getLanguageFromPath(filePath);\n  const isMarkdownFile = language === \"markdown\";\n  const singleViewContent =\n    viewMode === \"old\" ? (diff?.original ?? \"\") : (diff?.modified ?? \"\");\n\n  const renderContent = () => {\n    if (viewMode === \"diff\") {\n      return (\n        <EditorContainer height={editorHeight}>\n          <DiffEditor\n            data-testid=\"file-diff-viewer\"\n            className=\"w-full h-full\"\n            language={language}\n            original={isAdded ? \"\" : (diff?.original ?? \"\")}\n            modified={isDeleted ? \"\" : (diff?.modified ?? \"\")}\n            theme=\"custom-diff-theme\"\n            onMount={handleDiffEditorMount}\n            beforeMount={beforeMount}\n            options={{\n              ...SHARED_EDITOR_OPTIONS,\n              renderSideBySide: !isAdded && !isDeleted,\n              hideUnchangedRegions: { enabled: true },\n            }}\n          />\n        </EditorContainer>\n      );\n    }\n\n    if (isMarkdownFile) {\n      return (\n        <div\n          className=\"w-full border-b border-[var(--oh-border)] overflow-auto p-4 bg-base prose prose-invert max-w-none\"\n          data-testid=\"markdown-preview\"\n        >\n          <MarkdownRenderer\n            content={singleViewContent}\n            includeStandard\n            includeHeadings\n          />\n        </div>\n      );\n    }\n\n    return (\n      <EditorContainer height={editorHeight}>\n        <Editor\n          data-testid=\"file-single-viewer\"\n          className=\"w-full h-full\"\n          language={language}\n          value={singleViewContent}\n          theme=\"custom-diff-theme\"\n          beforeMount={beforeMount}\n          onMount={handleSingleEditorMount}\n          options={SHARED_EDITOR_OPTIONS}\n        />\n      </EditorContainer>\n    );\n  };\n\n  return (\n    <div data-testid=\"file-diff-viewer-outer\" className=\"w-full flex flex-col\">\n      <div\n        className=\"flex justify-between items-center px-3 py-2.5 border-b border-[var(--oh-border)] hover:cursor-pointer\"\n        onClick={() => setIsCollapsed((prev) => !prev)}\n      >\n        <span className=\"text-sm w-full text-content flex items-center gap-2\">\n          {isFetchingData ? <LoadingSpinner className=\"w-4 h-4\" /> : statusIcon}\n          <strong className=\"w-full truncate font-medium\">{filePath}</strong>\n          {!isCollapsed && !isDeleted && (\n            <span\n              className=\"flex items-center gap-0.5 shrink-0\"\n              onClick={(e) => e.stopPropagation()}\n            >\n              {VIEW_MODES.map(({ mode, icon: Icon }) => (\n                <button\n                  key={mode}\n                  data-testid={`view-mode-${mode}`}\n                  type=\"button\"\n                  aria-pressed={viewMode === mode}\n                  onClick={() => setViewMode(mode)}\n                  className={cn(\n                    \"p-1 rounded transition-colors cursor-pointer\",\n                    viewMode === mode\n                      ? \"bg-[var(--oh-interactive-hover)] text-white\"\n                      : \"text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-hover)] hover:text-white\",\n                  )}\n                >\n                  <Icon className=\"w-4 h-4\" />\n                </button>\n              ))}\n            </span>\n          )}\n          <button data-testid=\"collapse\" type=\"button\">\n            <ChevronUp\n              className={cn(\n                \"w-4 h-4 transition-transform\",\n                isCollapsed && \"transform rotate-180\",\n              )}\n            />\n          </button>\n        </span>\n      </div>\n\n      {!isCollapsed && isDeleted && !commit && (\n        <div\n          data-testid=\"file-deleted-message\"\n          className=\"w-full border-b border-[var(--oh-border)] p-4 bg-base text-[var(--oh-text-dim)] text-sm\"\n        >\n          {t(I18nKey.DIFF_VIEWER$FILE_DELETED)}\n        </div>\n      )}\n\n      {!isCollapsed && (!isDeleted || !!commit) && isSuccess && renderContent()}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"file-diff-viewer.cjs","names":[],"sources":["../../../../src/components/features/diff-viewer/file-diff-viewer.tsx"],"sourcesContent":["import { DiffEditor, Editor, Monaco } from \"@monaco-editor/react\";\nimport React from \"react\";\nimport { editor as editor_t } from \"monaco-editor\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n  LuFileDiff,\n  LuFileMinus,\n  LuFilePlus,\n  LuHistory,\n  LuGitCompareArrows,\n  LuFileCheck,\n} from \"react-icons/lu\";\nimport { IconType } from \"react-icons/lib\";\nimport { GitChangeStatus } from \"#/api/open-hands.types\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { getLanguageFromPath } from \"#/utils/get-language-from-path\";\nimport { cn } from \"#/utils/utils\";\nimport { ChevronDown, ChevronRight } from \"lucide-react\";\nimport { useUnifiedGitDiff } from \"#/hooks/query/use-unified-git-diff\";\nimport { MarkdownRenderer } from \"#/components/features/markdown/markdown-renderer\";\nimport { Typography } from \"#/ui/typography\";\nimport { LoadingSpinner } from \"./loading-spinner\";\nimport { EditorContainer } from \"./editor-container\";\nimport { AccordionPanel } from \"./accordion-panel\";\n\ntype ViewMode = \"diff\" | \"old\" | \"new\";\n\nconst VIEW_MODES: { mode: ViewMode; icon: IconType }[] = [\n  { mode: \"old\", icon: LuHistory },\n  { mode: \"diff\", icon: LuGitCompareArrows },\n  { mode: \"new\", icon: LuFileCheck },\n];\n\nconst SHARED_EDITOR_OPTIONS: editor_t.IEditorOptions = {\n  renderValidationDecorations: \"off\",\n  readOnly: true,\n  scrollBeyondLastLine: false,\n  minimap: { enabled: false },\n  automaticLayout: true,\n  scrollbar: { alwaysConsumeMouseWheel: false },\n};\n\n/** Cap opened diff/editor panes so a large file doesn't dominate the drawer. */\nexport const MAX_DIFF_EDITOR_HEIGHT_PX = 600;\n\nfunction clampDiffEditorHeight(height: number): number {\n  return Math.min(height, MAX_DIFF_EDITOR_HEIGHT_PX);\n}\n\nconst STATUS_MAP: Record<GitChangeStatus, string | IconType> = {\n  A: LuFilePlus,\n  D: LuFileMinus,\n  M: LuFileDiff,\n  R: \"Renamed\",\n  U: \"Untracked\",\n};\n\nconst beforeMount = (monaco: Monaco) => {\n  monaco.editor.defineTheme(\"custom-diff-theme\", {\n    base: \"vs-dark\",\n    inherit: true,\n    rules: [\n      { token: \"comment\", foreground: \"6a9955\" },\n      { token: \"keyword\", foreground: \"569cd6\" },\n      { token: \"string\", foreground: \"ce9178\" },\n      { token: \"number\", foreground: \"b5cea8\" },\n    ],\n    colors: {\n      \"diffEditor.insertedTextBackground\": \"#014b01AA\",\n      \"diffEditor.removedTextBackground\": \"#750000AA\",\n      \"diffEditor.insertedLineBackground\": \"#003f00AA\",\n      \"diffEditor.removedLineBackground\": \"#5a0000AA\",\n      \"diffEditor.border\": \"var(--oh-border-subtle)\",\n      \"editorUnnecessaryCode.border\": \"#00000000\",\n      \"editorUnnecessaryCode.opacity\": \"rgba(0, 0, 0, 0.467)\",\n    },\n  });\n};\n\nexport interface FileDiffViewerProps {\n  path: string;\n  type: GitChangeStatus;\n  /**\n   * When set, show the file's diff as changed by this commit instead of\n   * the working-tree-vs-base diff. Deleted files render their content in\n   * commit mode (both sides come from git objects).\n   */\n  commit?: string;\n  /**\n   * Controlled accordion open state. When omitted, the row manages its own\n   * expand/collapse (used by unit tests and standalone embeds).\n   */\n  isExpanded?: boolean;\n  /** Required with `isExpanded` for controlled accordion lists. */\n  onToggle?: () => void;\n}\n\nexport function FileDiffViewer({\n  path,\n  type,\n  commit,\n  isExpanded: controlledExpanded,\n  onToggle,\n}: FileDiffViewerProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [uncontrolledExpanded, setUncontrolledExpanded] = React.useState(false);\n  const isControlled = controlledExpanded !== undefined;\n  const isExpanded = isControlled ? controlledExpanded : uncontrolledExpanded;\n  const isCollapsed = !isExpanded;\n  const handleToggle = () => {\n    if (isControlled) {\n      onToggle?.();\n      return;\n    }\n    setUncontrolledExpanded((prev) => !prev);\n  };\n  const [editorHeight, setEditorHeight] = React.useState(0);\n  const [hasMeasuredEditorHeight, setHasMeasuredEditorHeight] =\n    React.useState(false);\n  const [viewMode, setViewMode] = React.useState<ViewMode>(\"diff\");\n  const diffEditorRef = React.useRef<editor_t.IStandaloneDiffEditor>(null);\n  const singleEditorRef = React.useRef<editor_t.IStandaloneCodeEditor>(null);\n\n  const isAdded = type === \"A\" || type === \"U\";\n  const isDeleted = type === \"D\";\n\n  const filePath = React.useMemo(() => {\n    if (type === \"R\") {\n      const parts = path.split(/\\s+/).slice(1);\n      return parts[parts.length - 1];\n    }\n    return path;\n  }, [path, type]);\n\n  const {\n    data: diff,\n    isLoading,\n    isSuccess,\n    isRefetching,\n  } = useUnifiedGitDiff({\n    filePath,\n    type,\n    enabled: !isCollapsed,\n    commit,\n  });\n\n  const updateEditorHeight = React.useCallback(() => {\n    if (!diffEditorRef.current) return;\n    const originalEditor = diffEditorRef.current.getOriginalEditor();\n    const modifiedEditor = diffEditorRef.current.getModifiedEditor();\n    if (originalEditor && modifiedEditor) {\n      setEditorHeight(\n        clampDiffEditorHeight(\n          Math.max(\n            originalEditor.getContentHeight(),\n            modifiedEditor.getContentHeight(),\n          ) + 20,\n        ),\n      );\n      setHasMeasuredEditorHeight(true);\n    }\n  }, []);\n\n  const updateSingleEditorHeight = React.useCallback(() => {\n    if (singleEditorRef.current) {\n      setEditorHeight(\n        clampDiffEditorHeight(singleEditorRef.current.getContentHeight() + 20),\n      );\n      setHasMeasuredEditorHeight(true);\n    }\n  }, []);\n\n  // Reset measured height when collapsing or switching view modes so the\n  // next paint doesn't flash a stale editor size before Monaco remeasures.\n  React.useEffect(() => {\n    setHasMeasuredEditorHeight(false);\n    setEditorHeight(0);\n  }, [isCollapsed, viewMode]);\n\n  const handleDiffEditorMount = (editor: editor_t.IStandaloneDiffEditor) => {\n    diffEditorRef.current = editor;\n    updateEditorHeight();\n    editor.getOriginalEditor().onDidContentSizeChange(updateEditorHeight);\n    editor.getModifiedEditor().onDidContentSizeChange(updateEditorHeight);\n  };\n\n  const handleSingleEditorMount = (editor: editor_t.IStandaloneCodeEditor) => {\n    singleEditorRef.current = editor;\n    updateSingleEditorHeight();\n    editor.onDidContentSizeChange(updateSingleEditorHeight);\n  };\n\n  const status = (type === \"U\" ? STATUS_MAP.A : STATUS_MAP[type]) || \"?\";\n  const statusIcon =\n    typeof status === \"string\" ? (\n      <Typography.Text>{status}</Typography.Text>\n    ) : (\n      React.createElement(status, { className: \"w-4 h-4 shrink-0\" })\n    );\n\n  const isFetchingData = isLoading || isRefetching;\n  const language = getLanguageFromPath(filePath);\n  const isMarkdownFile = language === \"markdown\";\n  const singleViewContent =\n    viewMode === \"old\" ? (diff?.original ?? \"\") : (diff?.modified ?? \"\");\n\n  const showViewModeToggle = !isDeleted;\n  const viewModeControlsVisible = !isCollapsed && showViewModeToggle;\n\n  const renderEditorShell = (editor: React.ReactNode) => (\n    <div\n      className={cn(\n        \"relative w-full\",\n        // Collapse layout space until Monaco reports a real content height so\n        // expand doesn't flash a placeholder editor size.\n        !hasMeasuredEditorHeight && \"h-0 overflow-hidden\",\n      )}\n    >\n      <EditorContainer\n        height={\n          hasMeasuredEditorHeight ? editorHeight : clampDiffEditorHeight(400)\n        }\n        className={cn(\n          !hasMeasuredEditorHeight && \"absolute inset-x-0 top-0 invisible\",\n        )}\n      >\n        {editor}\n      </EditorContainer>\n    </div>\n  );\n\n  const renderContent = () => {\n    if (viewMode === \"diff\") {\n      return renderEditorShell(\n        <DiffEditor\n          data-testid=\"file-diff-viewer\"\n          className=\"w-full h-full\"\n          language={language}\n          original={isAdded ? \"\" : (diff?.original ?? \"\")}\n          modified={isDeleted ? \"\" : (diff?.modified ?? \"\")}\n          theme=\"custom-diff-theme\"\n          onMount={handleDiffEditorMount}\n          beforeMount={beforeMount}\n          options={{\n            ...SHARED_EDITOR_OPTIONS,\n            renderSideBySide: !isAdded && !isDeleted,\n            hideUnchangedRegions: { enabled: true },\n          }}\n        />,\n      );\n    }\n\n    if (isMarkdownFile) {\n      return (\n        <div\n          className=\"w-full border-b border-[var(--oh-border)] overflow-auto p-4 bg-base prose prose-invert max-w-none\"\n          data-testid=\"markdown-preview\"\n          style={{ maxHeight: MAX_DIFF_EDITOR_HEIGHT_PX }}\n        >\n          <MarkdownRenderer\n            content={singleViewContent}\n            includeStandard\n            includeHeadings\n          />\n        </div>\n      );\n    }\n\n    return renderEditorShell(\n      <Editor\n        data-testid=\"file-single-viewer\"\n        className=\"w-full h-full\"\n        language={language}\n        value={singleViewContent}\n        theme=\"custom-diff-theme\"\n        beforeMount={beforeMount}\n        onMount={handleSingleEditorMount}\n        options={SHARED_EDITOR_OPTIONS}\n      />,\n    );\n  };\n\n  return (\n    <div data-testid=\"file-diff-viewer-outer\" className=\"w-full flex flex-col\">\n      <div\n        className=\"flex h-10 items-center px-3 border-b border-[var(--oh-border)] hover:cursor-pointer\"\n        onClick={handleToggle}\n      >\n        <span className=\"text-sm w-full text-content flex items-center gap-2 min-w-0\">\n          <span className=\"inline-flex w-4 h-4 shrink-0 items-center justify-center\">\n            {isFetchingData ? (\n              <LoadingSpinner className=\"w-4 h-4\" />\n            ) : (\n              statusIcon\n            )}\n          </span>\n          <strong className=\"min-w-0 flex-1 truncate font-medium\">\n            {filePath}\n          </strong>\n          {showViewModeToggle && (\n            <span\n              className={cn(\n                \"flex items-center gap-0.5 shrink-0\",\n                !viewModeControlsVisible && \"invisible pointer-events-none\",\n              )}\n              onClick={(e) => e.stopPropagation()}\n              aria-hidden={!viewModeControlsVisible}\n            >\n              {VIEW_MODES.map(({ mode, icon: Icon }) => (\n                <button\n                  key={mode}\n                  data-testid={`view-mode-${mode}`}\n                  type=\"button\"\n                  tabIndex={viewModeControlsVisible ? 0 : -1}\n                  aria-pressed={viewMode === mode}\n                  onClick={() => setViewMode(mode)}\n                  className={cn(\n                    \"p-1 rounded transition-colors cursor-pointer\",\n                    viewMode === mode\n                      ? \"bg-[var(--oh-interactive-hover)] text-white\"\n                      : \"text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-hover)] hover:text-white\",\n                  )}\n                >\n                  <Icon className=\"w-4 h-4\" />\n                </button>\n              ))}\n            </span>\n          )}\n          <button\n            data-testid=\"collapse\"\n            type=\"button\"\n            className=\"shrink-0 text-[var(--oh-muted)]\"\n          >\n            {isCollapsed ? (\n              <ChevronRight className=\"w-4 h-4\" aria-hidden />\n            ) : (\n              <ChevronDown className=\"w-4 h-4\" aria-hidden />\n            )}\n          </button>\n        </span>\n      </div>\n\n      <AccordionPanel open={isExpanded}>\n        {isDeleted && !commit ? (\n          <div\n            data-testid=\"file-deleted-message\"\n            className=\"w-full border-b border-[var(--oh-border)] p-4 bg-base text-[var(--oh-text-dim)] text-sm\"\n          >\n            {t(I18nKey.DIFF_VIEWER$FILE_DELETED)}\n          </div>\n        ) : (\n          isSuccess && renderContent()\n        )}\n      </AccordionPanel>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/diff-viewer/file-diff-viewer.d.ts

@@ -1,5 +1,7 @@
 import React from "react";
 import { GitChangeStatus } from "#/api/open-hands.types";
+/** Cap opened diff/editor panes so a large file doesn't dominate the drawer. */
+export declare const MAX_DIFF_EDITOR_HEIGHT_PX = 600;
 export interface FileDiffViewerProps {
     path: string;
     type: GitChangeStatus;
@@ -9,5 +11,12 @@ export interface FileDiffViewerProps {
      * commit mode (both sides come from git objects).
      */
     commit?: string;
+    /**
+     * Controlled accordion open state. When omitted, the row manages its own
+     * expand/collapse (used by unit tests and standalone embeds).
+     */
+    isExpanded?: boolean;
+    /** Required with `isExpanded` for controlled accordion lists. */
+    onToggle?: () => void;
 }
-export declare function FileDiffViewer({ path, type, commit }: FileDiffViewerProps): React.JSX.Element;
+export declare function FileDiffViewer({ path, type, commit, isExpanded: controlledExpanded, onToggle, }: FileDiffViewerProps): React.JSX.Element;