@openhands/agent-canvas 1.14.0 → 1.15.0

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"file-diff-viewer.js","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.js","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/uncommitted-changes-row.cjs

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../node_modules/lucide-react/dist/esm/icons/chevron-down.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/chevron-right.cjs"),i=require("./accordion-panel.cjs"),a=require("./diff-change-list.cjs");let o=require("react/jsx-runtime");var s=`-`,c=`DIFF_VIEWER$UNCOMMITTED_FILE_COUNT`;function l({changes:l,isExpanded:u,onToggle:d}){let{t:f}=e.useTranslation(`openhands`);return(0,o.jsxs)(`div`,{"data-testid":`uncommitted-changes-row`,className:`w-full flex flex-col`,children:[(0,o.jsxs)(`button`,{type:`button`,onClick:d,"aria-expanded":u,"data-testid":`uncommitted-changes-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,o.jsx)(`code`,{className:`w-[7ch] flex-shrink-0 text-center font-mono text-xs text-[var(--oh-muted)]`,children:s}),(0,o.jsx)(`strong`,{className:`flex-1 truncate font-medium`,children:f(t.I18nKey.DIFF_VIEWER$UNCOMMITTED)}),l.length>0?(0,o.jsx)(`span`,{"data-testid":`uncommitted-changes-count`,className:`text-xs text-[var(--oh-muted)] tabular-nums flex-shrink-0`,children:f(c,{count:l.length})}):null,u?(0,o.jsx)(n.ChevronDown,{className:`w-4 h-4 shrink-0 text-[var(--oh-muted)]`,"aria-hidden":!0}):(0,o.jsx)(r.ChevronRight,{className:`w-4 h-4 shrink-0 text-[var(--oh-muted)]`,"aria-hidden":!0})]}),(0,o.jsx)(i.AccordionPanel,{open:u,testId:`uncommitted-changes-row-content`,className:`w-full flex flex-col pl-6`,children:l.length>0?(0,o.jsx)(a.DiffChangeList,{changes:l}):null})]})}exports.UncommittedChangesRow=l;
+//# sourceMappingURL=uncommitted-changes-row.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"uncommitted-changes-row.cjs","names":[],"sources":["../../../../src/components/features/diff-viewer/uncommitted-changes-row.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { ChevronDown, ChevronRight } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { AccordionPanel } from \"./accordion-panel\";\nimport { DiffChangeList, type DiffChangeListItem } from \"./diff-change-list\";\n\nconst EMPTY_COMMIT_SHA_PLACEHOLDER = \"-\";\n/** Base key for i18next pluralization (`_one` / `_other` suffixes). */\nconst UNCOMMITTED_FILE_COUNT_I18N_KEY = \"DIFF_VIEWER$UNCOMMITTED_FILE_COUNT\";\n\nexport interface UncommittedChangesRowProps {\n  changes: DiffChangeListItem[];\n  isExpanded: boolean;\n  onToggle: () => void;\n}\n\n/**\n * Top accordion row in the Commits pane for working-tree changes that\n * are not yet associated with a commit. Same single-open accordion\n * contract as CommitRow.\n */\nexport function UncommittedChangesRow({\n  changes,\n  isExpanded,\n  onToggle,\n}: UncommittedChangesRowProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <div data-testid=\"uncommitted-changes-row\" className=\"w-full flex flex-col\">\n      <button\n        type=\"button\"\n        onClick={onToggle}\n        aria-expanded={isExpanded}\n        data-testid=\"uncommitted-changes-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          {EMPTY_COMMIT_SHA_PLACEHOLDER}\n        </code>\n        <strong className=\"flex-1 truncate font-medium\">\n          {t(I18nKey.DIFF_VIEWER$UNCOMMITTED)}\n        </strong>\n        {changes.length > 0 ? (\n          <span\n            data-testid=\"uncommitted-changes-count\"\n            className=\"text-xs text-[var(--oh-muted)] tabular-nums flex-shrink-0\"\n          >\n            {t(UNCOMMITTED_FILE_COUNT_I18N_KEY, { count: changes.length })}\n          </span>\n        ) : null}\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=\"uncommitted-changes-row-content\"\n        className=\"w-full flex flex-col pl-6\"\n      >\n        {changes.length > 0 ? <DiffChangeList changes={changes} /> : null}\n      </AccordionPanel>\n    </div>\n  );\n}\n"],"mappings":"2bAMA,IAAM,EAA+B,IAE/B,EAAkC,qCAaxC,SAAgB,EAAsB,CACpC,UACA,aACA,YAC6B,CAC7B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAExC,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,cAAY,0BAA0B,UAAU,gCAArD,EACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,gBAAe,EACf,cAAY,iCACZ,UAAU,2IALZ,EAOE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sFACb,CACG,CAAA,GACN,EAAA,EAAA,KAAC,SAAD,CAAQ,UAAU,uCACf,EAAE,EAAA,QAAQ,uBAAuB,CAC5B,CAAA,EACP,EAAQ,OAAS,GAChB,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,4BACZ,UAAU,qEAET,EAAE,EAAiC,CAAE,MAAO,EAAQ,MAAO,CAAC,CACzD,CAAA,EACJ,KACH,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,KAAC,EAAA,eAAD,CACE,KAAM,EACN,OAAO,kCACP,UAAU,qCAET,EAAQ,OAAS,GAAI,EAAA,EAAA,KAAC,EAAA,eAAD,CAAyB,SAAU,CAAA,EAAI,IAC/C,CAAA,CACb,GAET"}

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

@@ -0,0 +1,12 @@
+import { type DiffChangeListItem } from "./diff-change-list";
+export interface UncommittedChangesRowProps {
+    changes: DiffChangeListItem[];
+    isExpanded: boolean;
+    onToggle: () => void;
+}
+/**
+ * Top accordion row in the Commits pane for working-tree changes that
+ * are not yet associated with a commit. Same single-open accordion
+ * contract as CommitRow.
+ */
+export declare function UncommittedChangesRow({ changes, isExpanded, onToggle, }: UncommittedChangesRowProps): import("react").JSX.Element;

package/dist/components/features/diff-viewer/uncommitted-changes-row.js

@@ -0,0 +1,51 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.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 { AccordionPanel as i } from "./accordion-panel.js";
+import { DiffChangeList as a } from "./diff-change-list.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/features/diff-viewer/uncommitted-changes-row.tsx
+var c = "-", l = "DIFF_VIEWER$UNCOMMITTED_FILE_COUNT";
+function u({ changes: u, isExpanded: d, onToggle: f }) {
+	let { t: p } = e("openhands");
+	return /* @__PURE__ */ s("div", {
+		"data-testid": "uncommitted-changes-row",
+		className: "w-full flex flex-col",
+		children: [/* @__PURE__ */ s("button", {
+			type: "button",
+			onClick: f,
+			"aria-expanded": d,
+			"data-testid": "uncommitted-changes-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: [
+				/* @__PURE__ */ o("code", {
+					className: "w-[7ch] flex-shrink-0 text-center font-mono text-xs text-[var(--oh-muted)]",
+					children: c
+				}),
+				/* @__PURE__ */ o("strong", {
+					className: "flex-1 truncate font-medium",
+					children: p(t.DIFF_VIEWER$UNCOMMITTED)
+				}),
+				u.length > 0 ? /* @__PURE__ */ o("span", {
+					"data-testid": "uncommitted-changes-count",
+					className: "text-xs text-[var(--oh-muted)] tabular-nums flex-shrink-0",
+					children: p(l, { count: u.length })
+				}) : null,
+				o(d ? n : r, {
+					className: "w-4 h-4 shrink-0 text-[var(--oh-muted)]",
+					"aria-hidden": !0
+				})
+			]
+		}), /* @__PURE__ */ o(i, {
+			open: d,
+			testId: "uncommitted-changes-row-content",
+			className: "w-full flex flex-col pl-6",
+			children: u.length > 0 ? /* @__PURE__ */ o(a, { changes: u }) : null
+		})]
+	});
+}
+//#endregion
+export { u as UncommittedChangesRow };
+
+//# sourceMappingURL=uncommitted-changes-row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"uncommitted-changes-row.js","names":[],"sources":["../../../../src/components/features/diff-viewer/uncommitted-changes-row.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { ChevronDown, ChevronRight } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { AccordionPanel } from \"./accordion-panel\";\nimport { DiffChangeList, type DiffChangeListItem } from \"./diff-change-list\";\n\nconst EMPTY_COMMIT_SHA_PLACEHOLDER = \"-\";\n/** Base key for i18next pluralization (`_one` / `_other` suffixes). */\nconst UNCOMMITTED_FILE_COUNT_I18N_KEY = \"DIFF_VIEWER$UNCOMMITTED_FILE_COUNT\";\n\nexport interface UncommittedChangesRowProps {\n  changes: DiffChangeListItem[];\n  isExpanded: boolean;\n  onToggle: () => void;\n}\n\n/**\n * Top accordion row in the Commits pane for working-tree changes that\n * are not yet associated with a commit. Same single-open accordion\n * contract as CommitRow.\n */\nexport function UncommittedChangesRow({\n  changes,\n  isExpanded,\n  onToggle,\n}: UncommittedChangesRowProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <div data-testid=\"uncommitted-changes-row\" className=\"w-full flex flex-col\">\n      <button\n        type=\"button\"\n        onClick={onToggle}\n        aria-expanded={isExpanded}\n        data-testid=\"uncommitted-changes-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          {EMPTY_COMMIT_SHA_PLACEHOLDER}\n        </code>\n        <strong className=\"flex-1 truncate font-medium\">\n          {t(I18nKey.DIFF_VIEWER$UNCOMMITTED)}\n        </strong>\n        {changes.length > 0 ? (\n          <span\n            data-testid=\"uncommitted-changes-count\"\n            className=\"text-xs text-[var(--oh-muted)] tabular-nums flex-shrink-0\"\n          >\n            {t(UNCOMMITTED_FILE_COUNT_I18N_KEY, { count: changes.length })}\n          </span>\n        ) : null}\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=\"uncommitted-changes-row-content\"\n        className=\"w-full flex flex-col pl-6\"\n      >\n        {changes.length > 0 ? <DiffChangeList changes={changes} /> : null}\n      </AccordionPanel>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAMA,IAAM,IAA+B,KAE/B,IAAkC;AAaxC,SAAgB,EAAsB,EACpC,YACA,eACA,eAC6B;CAC7B,IAAM,EAAE,SAAM,EAAe,WAAW;CAExC,OACE,kBAAC,OAAD;EAAK,eAAY;EAA0B,WAAU;YAArD,CACE,kBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,iBAAe;GACf,eAAY;GACZ,WAAU;aALZ;IAOE,kBAAC,QAAD;KAAM,WAAU;eACb;IACG,CAAA;IACN,kBAAC,UAAD;KAAQ,WAAU;eACf,EAAE,EAAQ,uBAAuB;IAC5B,CAAA;IACP,EAAQ,SAAS,IAChB,kBAAC,QAAD;KACE,eAAY;KACZ,WAAU;eAET,EAAE,GAAiC,EAAE,OAAO,EAAQ,OAAO,CAAC;IACzD,CAAA,IACJ;IAEF,EADD,IACE,IAKA,GALD;KACE,WAAU;KACV,eAAA;IACD,CAKA;GAEG;MAER,kBAAC,GAAD;GACE,MAAM;GACN,QAAO;GACP,WAAU;aAET,EAAQ,SAAS,IAAI,kBAAC,GAAD,EAAyB,WAAU,CAAA,IAAI;EAC/C,CAAA,CACb;;AAET"}

package/dist/components/features/files-tab/file-content-viewer.cjs

@@ -1,2 +1,2 @@
-require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../markdown/markdown-renderer.cjs"),r=require("../../../utils/is-markdown-file-path.cjs"),i=require("../../../stores/use-workspace-mutation-counter.cjs"),a=require("../../../hooks/query/use-workspace-file-content.cjs"),o=require("./highlighted-source-view.cjs");let s=require("react/jsx-runtime");var c=new Set([`html`,`htm`,`svg`]),l={pptx:`PowerPoint`,ppt:`PowerPoint`,docx:`Word`,doc:`Word`,xlsx:`Excel`,xls:`Excel`};function u(e){let t=e.lastIndexOf(`.`);return t===-1?``:e.slice(t+1).toLowerCase()}function d({path:n}){let{t:r}=e.useTranslation(`openhands`),i=l[u(n)];return(0,s.jsx)(`div`,{className:`flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]`,"data-testid":i?`file-content-viewer-unsupported-document`:`file-content-viewer-binary-fallback`,children:i?r(t.I18nKey.FILES$UNSUPPORTED_DOCUMENT,{type:i}):r(t.I18nKey.FILES$BINARY_FALLBACK)})}function f({path:l,viewMode:f}){let{t:p}=e.useTranslation(`openhands`),m=a.useWorkspaceFileContent(l),h=i.useWorkspaceMutationCounter(e=>e.count);if(m.isLoading)return(0,s.jsx)(`div`,{className:`flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]`,children:p(t.I18nKey.FILES$LOADING_FILES)});if(m.isError||!m.data)return(0,s.jsx)(`div`,{className:`flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]`,"data-testid":`file-content-viewer-error`,children:m.error?.message??p(t.I18nKey.FILES$LOAD_ERROR)});let{kind:g,text:_,staticUrl:v,mimeType:y}=m.data,b=i.withWorkspaceCacheBuster(v,h);return f===`plain`?g===`text`&&_!==null?(0,s.jsx)(o.HighlightedSourceView,{path:l,text:_,mimeType:y??void 0}):(0,s.jsx)(d,{path:l}):g===`image`?(0,s.jsx)(`div`,{className:`flex h-full w-full items-center justify-center bg-[var(--oh-surface)] p-4`,"data-testid":`file-content-viewer-image`,children:(0,s.jsx)(`img`,{src:b,alt:l,className:`max-h-full max-w-full object-contain`})}):g===`pdf`?(0,s.jsx)(`iframe`,{title:l,src:b,sandbox:`allow-same-origin`,"data-testid":`file-content-viewer-iframe`,className:`h-full w-full bg-white`}):g===`binary`?(0,s.jsx)(d,{path:l}):y===`text/html`||c.has(u(l))?(0,s.jsx)(`iframe`,{title:l,src:b,sandbox:`allow-same-origin`,"data-testid":`file-content-viewer-iframe`,className:`h-full w-full bg-white`}):g===`text`&&r.isMarkdownFilePath(l)?(0,s.jsx)(`div`,{"data-testid":`file-content-viewer-markdown`,className:`h-full w-full overflow-auto bg-[var(--oh-surface)] text-white custom-scrollbar-always [--oh-scroll-fade-from:var(--oh-surface)]`,children:(0,s.jsx)(`div`,{className:`prose prose-sm prose-invert max-w-none p-6 [--tw-prose-body:#fff] [--tw-prose-bold:#fff] [--tw-prose-headings:#fff] [--tw-prose-lead:#fff] [--tw-prose-counters:#fff] [--tw-prose-quotes:#fff] [--tw-prose-quote-borders:var(--oh-border-subtle)] [--tw-prose-bullets:var(--oh-muted)] [--tw-prose-hr:var(--oh-border-subtle)] [--tw-prose-captions:var(--oh-muted)] [--tw-prose-kbd:#fff]`,children:(0,s.jsx)(n.MarkdownRenderer,{content:_??``,includeStandard:!0,includeHeadings:!0})})}):g===`text`&&_!==null?(0,s.jsx)(o.HighlightedSourceView,{path:l,text:_,mimeType:y??void 0}):(0,s.jsx)(d,{path:l})}exports.FileContentViewer=f;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../markdown/markdown-renderer.cjs"),r=require("../../../utils/is-markdown-file-path.cjs"),i=require("../../../stores/use-workspace-mutation-counter.cjs"),a=require("../../../hooks/query/use-workspace-file-content.cjs"),o=require("./highlighted-source-view.cjs");let s=require("react/jsx-runtime");var c=new Set([`html`,`htm`,`svg`]),l={pptx:`PowerPoint`,ppt:`PowerPoint`,docx:`Word`,doc:`Word`,xlsx:`Excel`,xls:`Excel`};function u(e){let t=e.lastIndexOf(`.`);return t===-1?``:e.slice(t+1).toLowerCase()}function d({path:n}){let{t:r}=e.useTranslation(`openhands`),i=l[u(n)];return(0,s.jsx)(`div`,{className:`flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]`,"data-testid":i?`file-content-viewer-unsupported-document`:`file-content-viewer-binary-fallback`,children:i?r(t.I18nKey.FILES$UNSUPPORTED_DOCUMENT,{type:i}):r(t.I18nKey.FILES$BINARY_FALLBACK)})}function f({path:l,viewMode:f}){let{t:p}=e.useTranslation(`openhands`),m=a.useWorkspaceFileContent(l),h=i.useWorkspaceMutationCounter(e=>e.count);if(m.isLoading)return(0,s.jsx)(`div`,{className:`flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]`,children:p(t.I18nKey.FILES$LOADING_FILES)});if(m.isError||!m.data)return(0,s.jsx)(`div`,{className:`flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]`,"data-testid":`file-content-viewer-error`,children:m.error?.message??p(t.I18nKey.FILES$LOAD_ERROR)});let{kind:g,text:_,staticUrl:v,mimeType:y}=m.data,b=i.withWorkspaceCacheBuster(v,h);return f===`plain`?g===`text`&&_!==null?(0,s.jsx)(o.HighlightedSourceView,{path:l,text:_,mimeType:y??void 0}):(0,s.jsx)(d,{path:l}):g===`image`?(0,s.jsx)(`div`,{className:`flex h-full w-full items-center justify-center bg-[var(--oh-surface)] p-4`,"data-testid":`file-content-viewer-image`,children:(0,s.jsx)(`img`,{src:b,alt:l,className:`max-h-full max-w-full object-contain`})}):g===`pdf`?(0,s.jsx)(`iframe`,{title:l,src:b,"data-testid":`file-content-viewer-iframe`,className:`h-full w-full bg-white`}):g===`binary`?(0,s.jsx)(d,{path:l}):y===`text/html`||c.has(u(l))?(0,s.jsx)(`iframe`,{title:l,src:b,sandbox:`allow-same-origin`,"data-testid":`file-content-viewer-iframe`,className:`h-full w-full bg-white`}):g===`text`&&r.isMarkdownFilePath(l)?(0,s.jsx)(`div`,{"data-testid":`file-content-viewer-markdown`,className:`h-full w-full overflow-auto bg-[var(--oh-surface)] text-white custom-scrollbar-always [--oh-scroll-fade-from:var(--oh-surface)]`,children:(0,s.jsx)(`div`,{className:`prose prose-sm prose-invert max-w-none p-6 [--tw-prose-body:#fff] [--tw-prose-bold:#fff] [--tw-prose-headings:#fff] [--tw-prose-lead:#fff] [--tw-prose-counters:#fff] [--tw-prose-quotes:#fff] [--tw-prose-quote-borders:var(--oh-border-subtle)] [--tw-prose-bullets:var(--oh-muted)] [--tw-prose-hr:var(--oh-border-subtle)] [--tw-prose-captions:var(--oh-muted)] [--tw-prose-kbd:#fff]`,children:(0,s.jsx)(n.MarkdownRenderer,{content:_??``,includeStandard:!0,includeHeadings:!0})})}):g===`text`&&_!==null?(0,s.jsx)(o.HighlightedSourceView,{path:l,text:_,mimeType:y??void 0}):(0,s.jsx)(d,{path:l})}exports.FileContentViewer=f;
 //# sourceMappingURL=file-content-viewer.cjs.map

package/dist/components/features/files-tab/file-content-viewer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"file-content-viewer.cjs","names":[],"sources":["../../../../src/components/features/files-tab/file-content-viewer.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\n\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useWorkspaceFileContent } from \"#/hooks/query/use-workspace-file-content\";\nimport {\n  useWorkspaceMutationCounter,\n  withWorkspaceCacheBuster,\n} from \"#/stores/use-workspace-mutation-counter\";\nimport { MarkdownRenderer } from \"#/components/features/markdown/markdown-renderer\";\nimport { isMarkdownFilePath } from \"#/utils/is-markdown-file-path\";\nimport { HighlightedSourceView } from \"./highlighted-source-view\";\nimport type { ViewMode } from \"./view-mode\";\n\ninterface FileContentViewerProps {\n  path: string;\n  viewMode: ViewMode;\n}\n\nconst HTML_LIKE_EXTS = new Set([\"html\", \"htm\", \"svg\"]);\n\n// Office/document formats we can't preview inline. The label doubles as the\n// allow-list (a present entry => Office doc) and feeds a clear, format-named\n// \"no preview\" message instead of the generic binary fallback.\nconst OFFICE_DOCUMENT_LABELS: Record<string, string> = {\n  pptx: \"PowerPoint\",\n  ppt: \"PowerPoint\",\n  docx: \"Word\",\n  doc: \"Word\",\n  xlsx: \"Excel\",\n  xls: \"Excel\",\n};\n\nfunction getExtension(path: string): string {\n  const idx = path.lastIndexOf(\".\");\n  return idx === -1 ? \"\" : path.slice(idx + 1).toLowerCase();\n}\n\n/**\n * Fallback shown when a file's bytes aren't previewable. Office documents\n * (.pptx / .docx / .xlsx …) get a clear, format-named message; every other\n * binary keeps the generic \"binary file\" string so the pane is never blank.\n */\nfunction UnpreviewableFallback({ path }: { path: string }) {\n  const { t } = useTranslation(\"openhands\");\n  const documentLabel = OFFICE_DOCUMENT_LABELS[getExtension(path)];\n  return (\n    <div\n      className=\"flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]\"\n      data-testid={\n        documentLabel\n          ? \"file-content-viewer-unsupported-document\"\n          : \"file-content-viewer-binary-fallback\"\n      }\n    >\n      {documentLabel\n        ? t(I18nKey.FILES$UNSUPPORTED_DOCUMENT, { type: documentLabel })\n        : t(I18nKey.FILES$BINARY_FALLBACK)}\n    </div>\n  );\n}\n\n/**\n * Renders the contents of a single workspace file. In `rich` mode we point\n * an iframe / <img> straight at the agent server's static workspace\n * fileserver for HTML / SVG / images / PDFs, so relative asset references\n * load naturally. In `plain` mode we always show the raw bytes as text (or\n * a fallback message for binaries).\n */\nexport function FileContentViewer({ path, viewMode }: FileContentViewerProps) {\n  const { t } = useTranslation(\"openhands\");\n  const query = useWorkspaceFileContent(path);\n  // Subscribe to the workspace mutation counter so the iframe / <img> src\n  // changes after every agent-side edit, forcing a fresh fetch even when\n  // the *path* hasn't moved (e.g. agent rewrote `style.css` referenced by\n  // the currently-displayed `index.html`).\n  const mutationCounter = useWorkspaceMutationCounter((state) => state.count);\n\n  if (query.isLoading) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]\">\n        {t(I18nKey.FILES$LOADING_FILES)}\n      </div>\n    );\n  }\n\n  if (query.isError || !query.data) {\n    // Show a load-error message rather than the binary-fallback string —\n    // these are completely different failure modes (couldn't even fetch\n    // the file vs. fetched fine but the bytes aren't previewable) and\n    // mixing them up hides real backend failures behind a misleading\n    // \"Binary file\" label. Prefer the underlying error's own message when\n    // we have one; fall back to the generic translated string otherwise.\n    return (\n      <div\n        className=\"flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]\"\n        data-testid=\"file-content-viewer-error\"\n      >\n        {(query.error as Error | undefined)?.message ??\n          t(I18nKey.FILES$LOAD_ERROR)}\n      </div>\n    );\n  }\n\n  const { kind, text, staticUrl, mimeType } = query.data;\n  const bustedStaticUrl = withWorkspaceCacheBuster(staticUrl, mutationCounter);\n\n  // ----- Plain mode: raw source bytes, syntax-highlighted when we can\n  // recognize the grammar (falls through to a `<pre>` otherwise). This\n  // includes \"plain\" view of markdown / HTML, where the point is to see\n  // the markup behind the rich preview.\n  if (viewMode === \"plain\") {\n    if (kind === \"text\" && text !== null) {\n      return (\n        <HighlightedSourceView\n          path={path}\n          text={text}\n          mimeType={mimeType ?? undefined}\n        />\n      );\n    }\n    return <UnpreviewableFallback path={path} />;\n  }\n\n  // ----- Rich mode: render HTML, markdown, images, PDFs from staticUrl. ----\n  if (kind === \"image\") {\n    return (\n      <div\n        className=\"flex h-full w-full items-center justify-center bg-[var(--oh-surface)] p-4\"\n        data-testid=\"file-content-viewer-image\"\n      >\n        <img\n          src={bustedStaticUrl}\n          alt={path}\n          className=\"max-h-full max-w-full object-contain\"\n        />\n      </div>\n    );\n  }\n\n  if (kind === \"pdf\") {\n    // PDFs can carry embedded JavaScript (AcroForm, OpenAction…). Even\n    // though `staticUrl` lives on the agent server origin, the PDF\n    // viewer's scripting capability isn't worth the risk for a file\n    // preview, so we sandbox the iframe. `allow-same-origin` lets the\n    // browser's built-in PDF viewer load the underlying bytes without\n    // tripping cross-origin restrictions; we omit `allow-scripts`\n    // because no PDF preview we care about needs to run JS in the\n    // parent's origin.\n    return (\n      <iframe\n        title={path}\n        src={bustedStaticUrl}\n        sandbox=\"allow-same-origin\"\n        data-testid=\"file-content-viewer-iframe\"\n        className=\"h-full w-full bg-white\"\n      />\n    );\n  }\n\n  if (kind === \"binary\") {\n    return <UnpreviewableFallback path={path} />;\n  }\n\n  // Text-like content.\n  if (mimeType === \"text/html\" || HTML_LIKE_EXTS.has(getExtension(path))) {\n    // Sandbox the preview iframe: `allow-same-origin` keeps the frame on\n    // the workspace fileserver's origin so relative `<link href=\"…\">`,\n    // `<img src=\"…\">`, etc. continue to resolve, while the absence of\n    // `allow-scripts` means any `<script>` (or `onerror=…`, inline event\n    // handler, …) inside the previewed file is inert. This is exactly\n    // the safe-preview posture we want — users can look at their HTML\n    // without it executing in the canvas's context.\n    return (\n      <iframe\n        title={path}\n        src={bustedStaticUrl}\n        sandbox=\"allow-same-origin\"\n        data-testid=\"file-content-viewer-iframe\"\n        className=\"h-full w-full bg-white\"\n      />\n    );\n  }\n\n  if (kind === \"text\" && isMarkdownFilePath(path)) {\n    // Match the right-pane chrome color so the rich-rendered markdown\n    // blends with the surrounding files tab instead of painting a stark\n    // white card. `--oh-scroll-fade-from` keeps wide-table edge fades on\n    // the same surface (otherwise they default to `--oh-color-base`).\n    // We use `prose-invert` (typography plugin's dark-theme variant) and\n    // then layer arbitrary CSS-variable overrides on top to pin body /\n    // bold / quote text to pure white — the user specifically asked for\n    // every text element (not just headings) to read as white. The custom\n    // heading components in `markdown/headings.tsx` already hard-code\n    // `text-white`, so headers stay white through this change.\n    return (\n      <div\n        data-testid=\"file-content-viewer-markdown\"\n        className=\"h-full w-full overflow-auto bg-[var(--oh-surface)] text-white custom-scrollbar-always [--oh-scroll-fade-from:var(--oh-surface)]\"\n      >\n        <div className=\"prose prose-sm prose-invert max-w-none p-6 [--tw-prose-body:#fff] [--tw-prose-bold:#fff] [--tw-prose-headings:#fff] [--tw-prose-lead:#fff] [--tw-prose-counters:#fff] [--tw-prose-quotes:#fff] [--tw-prose-quote-borders:var(--oh-border-subtle)] [--tw-prose-bullets:var(--oh-muted)] [--tw-prose-hr:var(--oh-border-subtle)] [--tw-prose-captions:var(--oh-muted)] [--tw-prose-kbd:#fff]\">\n          <MarkdownRenderer\n            content={text ?? \"\"}\n            includeStandard\n            includeHeadings\n          />\n        </div>\n      </div>\n    );\n  }\n\n  // Rich mode for actual source code (.ts, .py, .yaml, .css, …): there\n  // is no other \"rich\" rendering to fall back to, so highlighted source\n  // IS the rich view. Identical to the plain-mode treatment — keeping\n  // both branches reuse `HighlightedSourceView` means the toggle has the\n  // same visual identity for source files in both modes (which is the\n  // honest answer: source IS rendered code).\n  if (kind === \"text\" && text !== null) {\n    return (\n      <HighlightedSourceView\n        path={path}\n        text={text}\n        mimeType={mimeType ?? undefined}\n      />\n    );\n  }\n\n  // Truly unknown / empty payload — show a fallback so the pane is never\n  // blank.\n  return <UnpreviewableFallback path={path} />;\n}\n"],"mappings":"oeAkBA,IAAM,EAAiB,IAAI,IAAI,CAAC,OAAQ,MAAO,KAAK,CAAC,EAK/C,EAAiD,CACrD,KAAM,aACN,IAAK,aACL,KAAM,OACN,IAAK,OACL,KAAM,QACN,IAAK,OACP,EAEA,SAAS,EAAa,EAAsB,CAC1C,IAAM,EAAM,EAAK,YAAY,GAAG,EAChC,OAAO,IAAQ,GAAK,GAAK,EAAK,MAAM,EAAM,CAAC,EAAE,YAAY,CAC3D,CAOA,SAAS,EAAsB,CAAE,QAA0B,CACzD,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAgB,EAAuB,EAAa,CAAI,GAC9D,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,gFACV,cACE,EACI,2CACA,+CAGL,EACG,EAAE,EAAA,QAAQ,2BAA4B,CAAE,KAAM,CAAc,CAAC,EAC7D,EAAE,EAAA,QAAQ,qBAAqB,CAChC,CAAA,CAET,CASA,SAAgB,EAAkB,CAAE,OAAM,YAAoC,CAC5E,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAQ,EAAA,wBAAwB,CAAI,EAKpC,EAAkB,EAAA,4BAA6B,GAAU,EAAM,KAAK,EAE1E,GAAI,EAAM,UACR,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,yFACZ,EAAE,EAAA,QAAQ,mBAAmB,CAC3B,CAAA,EAIT,GAAI,EAAM,SAAW,CAAC,EAAM,KAO1B,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,gFACV,cAAY,qCAEV,EAAM,OAA6B,SACnC,EAAE,EAAA,QAAQ,gBAAgB,CACzB,CAAA,EAIT,GAAM,CAAE,OAAM,OAAM,YAAW,YAAa,EAAM,KAC5C,EAAkB,EAAA,yBAAyB,EAAW,CAAe,EA4H3E,OAtHI,IAAa,QACX,IAAS,QAAU,IAAS,MAE5B,EAAA,EAAA,KAAC,EAAA,sBAAD,CACQ,OACA,OACN,SAAU,GAAY,IAAA,EACvB,CAAA,GAGE,EAAA,EAAA,KAAC,EAAD,CAA6B,MAAO,CAAA,EAIzC,IAAS,SAET,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,4EACV,cAAY,sCAEZ,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,IAAK,EACL,UAAU,sCACX,CAAA,CACE,CAAA,EAIL,IAAS,OAUT,EAAA,EAAA,KAAC,SAAD,CACE,MAAO,EACP,IAAK,EACL,QAAQ,oBACR,cAAY,6BACZ,UAAU,wBACX,CAAA,EAID,IAAS,UACJ,EAAA,EAAA,KAAC,EAAD,CAA6B,MAAO,CAAA,EAIzC,IAAa,aAAe,EAAe,IAAI,EAAa,CAAI,CAAC,GASjE,EAAA,EAAA,KAAC,SAAD,CACE,MAAO,EACP,IAAK,EACL,QAAQ,oBACR,cAAY,6BACZ,UAAU,wBACX,CAAA,EAID,IAAS,QAAU,EAAA,mBAAmB,CAAI,GAY1C,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,+BACZ,UAAU,4IAEV,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,uYACb,EAAA,EAAA,KAAC,EAAA,iBAAD,CACE,QAAS,GAAQ,GACjB,gBAAA,GACA,gBAAA,EACD,CAAA,CACE,CAAA,CACF,CAAA,EAUL,IAAS,QAAU,IAAS,MAE5B,EAAA,EAAA,KAAC,EAAA,sBAAD,CACQ,OACA,OACN,SAAU,GAAY,IAAA,EACvB,CAAA,GAME,EAAA,EAAA,KAAC,EAAD,CAA6B,MAAO,CAAA,CAC7C"}
+{"version":3,"file":"file-content-viewer.cjs","names":[],"sources":["../../../../src/components/features/files-tab/file-content-viewer.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\n\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useWorkspaceFileContent } from \"#/hooks/query/use-workspace-file-content\";\nimport {\n  useWorkspaceMutationCounter,\n  withWorkspaceCacheBuster,\n} from \"#/stores/use-workspace-mutation-counter\";\nimport { MarkdownRenderer } from \"#/components/features/markdown/markdown-renderer\";\nimport { isMarkdownFilePath } from \"#/utils/is-markdown-file-path\";\nimport { HighlightedSourceView } from \"./highlighted-source-view\";\nimport type { ViewMode } from \"./view-mode\";\n\ninterface FileContentViewerProps {\n  path: string;\n  viewMode: ViewMode;\n}\n\nconst HTML_LIKE_EXTS = new Set([\"html\", \"htm\", \"svg\"]);\n\n// Office/document formats we can't preview inline. The label doubles as the\n// allow-list (a present entry => Office doc) and feeds a clear, format-named\n// \"no preview\" message instead of the generic binary fallback.\nconst OFFICE_DOCUMENT_LABELS: Record<string, string> = {\n  pptx: \"PowerPoint\",\n  ppt: \"PowerPoint\",\n  docx: \"Word\",\n  doc: \"Word\",\n  xlsx: \"Excel\",\n  xls: \"Excel\",\n};\n\nfunction getExtension(path: string): string {\n  const idx = path.lastIndexOf(\".\");\n  return idx === -1 ? \"\" : path.slice(idx + 1).toLowerCase();\n}\n\n/**\n * Fallback shown when a file's bytes aren't previewable. Office documents\n * (.pptx / .docx / .xlsx …) get a clear, format-named message; every other\n * binary keeps the generic \"binary file\" string so the pane is never blank.\n */\nfunction UnpreviewableFallback({ path }: { path: string }) {\n  const { t } = useTranslation(\"openhands\");\n  const documentLabel = OFFICE_DOCUMENT_LABELS[getExtension(path)];\n  return (\n    <div\n      className=\"flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]\"\n      data-testid={\n        documentLabel\n          ? \"file-content-viewer-unsupported-document\"\n          : \"file-content-viewer-binary-fallback\"\n      }\n    >\n      {documentLabel\n        ? t(I18nKey.FILES$UNSUPPORTED_DOCUMENT, { type: documentLabel })\n        : t(I18nKey.FILES$BINARY_FALLBACK)}\n    </div>\n  );\n}\n\n/**\n * Renders the contents of a single workspace file. In `rich` mode we point\n * an iframe / <img> straight at the agent server's static workspace\n * fileserver for HTML / SVG / images / PDFs, so relative asset references\n * load naturally. In `plain` mode we always show the raw bytes as text (or\n * a fallback message for binaries).\n */\nexport function FileContentViewer({ path, viewMode }: FileContentViewerProps) {\n  const { t } = useTranslation(\"openhands\");\n  const query = useWorkspaceFileContent(path);\n  // Subscribe to the workspace mutation counter so the iframe / <img> src\n  // changes after every agent-side edit, forcing a fresh fetch even when\n  // the *path* hasn't moved (e.g. agent rewrote `style.css` referenced by\n  // the currently-displayed `index.html`).\n  const mutationCounter = useWorkspaceMutationCounter((state) => state.count);\n\n  if (query.isLoading) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]\">\n        {t(I18nKey.FILES$LOADING_FILES)}\n      </div>\n    );\n  }\n\n  if (query.isError || !query.data) {\n    // Show a load-error message rather than the binary-fallback string —\n    // these are completely different failure modes (couldn't even fetch\n    // the file vs. fetched fine but the bytes aren't previewable) and\n    // mixing them up hides real backend failures behind a misleading\n    // \"Binary file\" label. Prefer the underlying error's own message when\n    // we have one; fall back to the generic translated string otherwise.\n    return (\n      <div\n        className=\"flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]\"\n        data-testid=\"file-content-viewer-error\"\n      >\n        {(query.error as Error | undefined)?.message ??\n          t(I18nKey.FILES$LOAD_ERROR)}\n      </div>\n    );\n  }\n\n  const { kind, text, staticUrl, mimeType } = query.data;\n  const bustedStaticUrl = withWorkspaceCacheBuster(staticUrl, mutationCounter);\n\n  // ----- Plain mode: raw source bytes, syntax-highlighted when we can\n  // recognize the grammar (falls through to a `<pre>` otherwise). This\n  // includes \"plain\" view of markdown / HTML, where the point is to see\n  // the markup behind the rich preview.\n  if (viewMode === \"plain\") {\n    if (kind === \"text\" && text !== null) {\n      return (\n        <HighlightedSourceView\n          path={path}\n          text={text}\n          mimeType={mimeType ?? undefined}\n        />\n      );\n    }\n    return <UnpreviewableFallback path={path} />;\n  }\n\n  // ----- Rich mode: render HTML, markdown, images, PDFs from staticUrl. ----\n  if (kind === \"image\") {\n    return (\n      <div\n        className=\"flex h-full w-full items-center justify-center bg-[var(--oh-surface)] p-4\"\n        data-testid=\"file-content-viewer-image\"\n      >\n        <img\n          src={bustedStaticUrl}\n          alt={path}\n          className=\"max-h-full max-w-full object-contain\"\n        />\n      </div>\n    );\n  }\n\n  if (kind === \"pdf\") {\n    // Deliberately NOT sandboxed: Chromium refuses to instantiate its\n    // built-in PDF viewer inside any sandboxed frame (the `sandbox`\n    // attribute disables plugins unconditionally — no token re-enables\n    // them), rendering \"This page has been blocked by Chrome\" instead of\n    // the document. Unsandboxed is safe here: the fileserver declares\n    // `Content-Type: application/pdf`, which browsers never sniff into\n    // HTML, so the frame can only host the PDF viewer — and PDF-embedded\n    // JS (AcroForm, OpenAction…) runs in the viewer's own sandboxed\n    // engine with no access to this page's DOM.\n    return (\n      <iframe\n        title={path}\n        src={bustedStaticUrl}\n        data-testid=\"file-content-viewer-iframe\"\n        className=\"h-full w-full bg-white\"\n      />\n    );\n  }\n\n  if (kind === \"binary\") {\n    return <UnpreviewableFallback path={path} />;\n  }\n\n  // Text-like content.\n  if (mimeType === \"text/html\" || HTML_LIKE_EXTS.has(getExtension(path))) {\n    // Sandbox the preview iframe: `allow-same-origin` keeps the frame on\n    // the workspace fileserver's origin so relative `<link href=\"…\">`,\n    // `<img src=\"…\">`, etc. continue to resolve, while the absence of\n    // `allow-scripts` means any `<script>` (or `onerror=…`, inline event\n    // handler, …) inside the previewed file is inert. This is exactly\n    // the safe-preview posture we want — users can look at their HTML\n    // without it executing in the canvas's context.\n    return (\n      <iframe\n        title={path}\n        src={bustedStaticUrl}\n        sandbox=\"allow-same-origin\"\n        data-testid=\"file-content-viewer-iframe\"\n        className=\"h-full w-full bg-white\"\n      />\n    );\n  }\n\n  if (kind === \"text\" && isMarkdownFilePath(path)) {\n    // Match the right-pane chrome color so the rich-rendered markdown\n    // blends with the surrounding files tab instead of painting a stark\n    // white card. `--oh-scroll-fade-from` keeps wide-table edge fades on\n    // the same surface (otherwise they default to `--oh-color-base`).\n    // We use `prose-invert` (typography plugin's dark-theme variant) and\n    // then layer arbitrary CSS-variable overrides on top to pin body /\n    // bold / quote text to pure white — the user specifically asked for\n    // every text element (not just headings) to read as white. The custom\n    // heading components in `markdown/headings.tsx` already hard-code\n    // `text-white`, so headers stay white through this change.\n    return (\n      <div\n        data-testid=\"file-content-viewer-markdown\"\n        className=\"h-full w-full overflow-auto bg-[var(--oh-surface)] text-white custom-scrollbar-always [--oh-scroll-fade-from:var(--oh-surface)]\"\n      >\n        <div className=\"prose prose-sm prose-invert max-w-none p-6 [--tw-prose-body:#fff] [--tw-prose-bold:#fff] [--tw-prose-headings:#fff] [--tw-prose-lead:#fff] [--tw-prose-counters:#fff] [--tw-prose-quotes:#fff] [--tw-prose-quote-borders:var(--oh-border-subtle)] [--tw-prose-bullets:var(--oh-muted)] [--tw-prose-hr:var(--oh-border-subtle)] [--tw-prose-captions:var(--oh-muted)] [--tw-prose-kbd:#fff]\">\n          <MarkdownRenderer\n            content={text ?? \"\"}\n            includeStandard\n            includeHeadings\n          />\n        </div>\n      </div>\n    );\n  }\n\n  // Rich mode for actual source code (.ts, .py, .yaml, .css, …): there\n  // is no other \"rich\" rendering to fall back to, so highlighted source\n  // IS the rich view. Identical to the plain-mode treatment — keeping\n  // both branches reuse `HighlightedSourceView` means the toggle has the\n  // same visual identity for source files in both modes (which is the\n  // honest answer: source IS rendered code).\n  if (kind === \"text\" && text !== null) {\n    return (\n      <HighlightedSourceView\n        path={path}\n        text={text}\n        mimeType={mimeType ?? undefined}\n      />\n    );\n  }\n\n  // Truly unknown / empty payload — show a fallback so the pane is never\n  // blank.\n  return <UnpreviewableFallback path={path} />;\n}\n"],"mappings":"oeAkBA,IAAM,EAAiB,IAAI,IAAI,CAAC,OAAQ,MAAO,KAAK,CAAC,EAK/C,EAAiD,CACrD,KAAM,aACN,IAAK,aACL,KAAM,OACN,IAAK,OACL,KAAM,QACN,IAAK,OACP,EAEA,SAAS,EAAa,EAAsB,CAC1C,IAAM,EAAM,EAAK,YAAY,GAAG,EAChC,OAAO,IAAQ,GAAK,GAAK,EAAK,MAAM,EAAM,CAAC,EAAE,YAAY,CAC3D,CAOA,SAAS,EAAsB,CAAE,QAA0B,CACzD,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAgB,EAAuB,EAAa,CAAI,GAC9D,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,gFACV,cACE,EACI,2CACA,+CAGL,EACG,EAAE,EAAA,QAAQ,2BAA4B,CAAE,KAAM,CAAc,CAAC,EAC7D,EAAE,EAAA,QAAQ,qBAAqB,CAChC,CAAA,CAET,CASA,SAAgB,EAAkB,CAAE,OAAM,YAAoC,CAC5E,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAQ,EAAA,wBAAwB,CAAI,EAKpC,EAAkB,EAAA,4BAA6B,GAAU,EAAM,KAAK,EAE1E,GAAI,EAAM,UACR,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,yFACZ,EAAE,EAAA,QAAQ,mBAAmB,CAC3B,CAAA,EAIT,GAAI,EAAM,SAAW,CAAC,EAAM,KAO1B,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,gFACV,cAAY,qCAEV,EAAM,OAA6B,SACnC,EAAE,EAAA,QAAQ,gBAAgB,CACzB,CAAA,EAIT,GAAM,CAAE,OAAM,OAAM,YAAW,YAAa,EAAM,KAC5C,EAAkB,EAAA,yBAAyB,EAAW,CAAe,EA4H3E,OAtHI,IAAa,QACX,IAAS,QAAU,IAAS,MAE5B,EAAA,EAAA,KAAC,EAAA,sBAAD,CACQ,OACA,OACN,SAAU,GAAY,IAAA,EACvB,CAAA,GAGE,EAAA,EAAA,KAAC,EAAD,CAA6B,MAAO,CAAA,EAIzC,IAAS,SAET,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,4EACV,cAAY,sCAEZ,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,IAAK,EACL,UAAU,sCACX,CAAA,CACE,CAAA,EAIL,IAAS,OAWT,EAAA,EAAA,KAAC,SAAD,CACE,MAAO,EACP,IAAK,EACL,cAAY,6BACZ,UAAU,wBACX,CAAA,EAID,IAAS,UACJ,EAAA,EAAA,KAAC,EAAD,CAA6B,MAAO,CAAA,EAIzC,IAAa,aAAe,EAAe,IAAI,EAAa,CAAI,CAAC,GASjE,EAAA,EAAA,KAAC,SAAD,CACE,MAAO,EACP,IAAK,EACL,QAAQ,oBACR,cAAY,6BACZ,UAAU,wBACX,CAAA,EAID,IAAS,QAAU,EAAA,mBAAmB,CAAI,GAY1C,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,+BACZ,UAAU,4IAEV,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,uYACb,EAAA,EAAA,KAAC,EAAA,iBAAD,CACE,QAAS,GAAQ,GACjB,gBAAA,GACA,gBAAA,EACD,CAAA,CACE,CAAA,CACF,CAAA,EAUL,IAAS,QAAU,IAAS,MAE5B,EAAA,EAAA,KAAC,EAAA,sBAAD,CACQ,OACA,OACN,SAAU,GAAY,IAAA,EACvB,CAAA,GAME,EAAA,EAAA,KAAC,EAAD,CAA6B,MAAO,CAAA,CAC7C"}

package/dist/components/features/files-tab/file-content-viewer.js

@@ -58,7 +58,6 @@ function p({ path: u, viewMode: p }) {
 	}) : _ === "pdf" ? /* @__PURE__ */ c("iframe", {
 		title: u,
 		src: x,
-		sandbox: "allow-same-origin",
 		"data-testid": "file-content-viewer-iframe",
 		className: "h-full w-full bg-white"
 	}) : _ === "binary" ? /* @__PURE__ */ c(f, { path: u }) : b === "text/html" || l.has(d(u)) ? /* @__PURE__ */ c("iframe", {