@openhands/agent-canvas 1.4.0 → 1.5.1

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

@@ -72,103 +72,104 @@ var x = [
 		}
 	});
 };
-function T({ path: c, type: l }) {
-	let { t: u } = e("openhands"), [d, f] = v.useState(!0), [p, T] = v.useState(400), [E, D] = v.useState("diff"), O = v.useRef(null), k = v.useRef(null), A = l === "A" || l === "U", j = l === "D", M = v.useMemo(() => {
+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);
 			return e[e.length - 1];
 		}
 		return c;
-	}, [c, l]), { data: N, isLoading: P, isSuccess: F, isRefetching: I } = h({
-		filePath: M,
+	}, [c, l]), { data: P, isLoading: F, isSuccess: I, isRefetching: L } = h({
+		filePath: N,
 		type: l,
-		enabled: !d
-	}), L = v.useCallback(() => {
-		if (!O.current) return;
-		let e = O.current.getOriginalEditor(), t = O.current.getModifiedEditor();
-		e && t && T(Math.max(e.getContentHeight(), t.getContentHeight()) + 20);
-	}, []), R = v.useCallback(() => {
-		k.current && T(k.current.getContentHeight() + 20);
-	}, []), z = (e) => {
-		O.current = e, L(), e.getOriginalEditor().onDidContentSizeChange(L), e.getModifiedEditor().onDidContentSizeChange(L);
-	}, B = (e) => {
-		k.current = e, R(), e.onDidContentSizeChange(R);
-	}, V = (l === "U" ? C.A : C[l]) || "?", H = typeof V == "string" ? /* @__PURE__ */ y(i.Text, { children: V }) : v.createElement(V, { className: "w-5 h-5" }), U = P || I, W = a(M), G = W === "markdown", K = E === "old" ? N?.original ?? "" : N?.modified ?? "";
+		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", {
 		"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: () => f((e) => !e),
+				onClick: () => p((e) => !e),
 				children: /* @__PURE__ */ b("span", {
 					className: "text-sm w-full text-content flex items-center gap-2",
 					children: [
-						U ? /* @__PURE__ */ y(g, { className: "w-4 h-4" }) : H,
+						W ? /* @__PURE__ */ y(g, { className: "w-4 h-4" }) : U,
 						/* @__PURE__ */ y("strong", {
 							className: "w-full truncate font-medium",
-							children: M
+							children: N
 						}),
-						!d && !j && /* @__PURE__ */ y("span", {
+						!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": E === e,
-								onClick: () => D(e),
-								className: n("p-1 rounded transition-colors cursor-pointer", E === e ? "bg-[var(--oh-interactive-hover)] text-white" : "text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-hover)] hover:text-white"),
+								"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",
 							type: "button",
-							children: /* @__PURE__ */ y(m, { className: n("w-4 h-4 transition-transform", d && "transform rotate-180") })
+							children: /* @__PURE__ */ y(m, { className: n("w-4 h-4 transition-transform", f && "transform rotate-180") })
 						})
 					]
 				})
 			}),
-			!d && j && /* @__PURE__ */ y("div", {
+			!f && M && !u && /* @__PURE__ */ y("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: u(t.DIFF_VIEWER$FILE_DELETED)
+				children: d(t.DIFF_VIEWER$FILE_DELETED)
 			}),
-			!d && !j && F && (E === "diff" ? /* @__PURE__ */ y(_, {
-				height: p,
+			!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: W,
-					original: A ? "" : N?.original ?? "",
-					modified: j ? "" : N?.modified ?? "",
+					language: G,
+					original: j ? "" : P?.original ?? "",
+					modified: M ? "" : P?.modified ?? "",
 					theme: "custom-diff-theme",
-					onMount: z,
+					onMount: B,
 					beforeMount: w,
 					options: {
 						...S,
-						renderSideBySide: !A && !j,
+						renderSideBySide: !j && !M,
 						hideUnchangedRegions: { enabled: !0 }
 					}
 				})
-			}) : G ? /* @__PURE__ */ y("div", {
+			}) : K ? /* @__PURE__ */ y("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: K,
+					content: q,
 					includeStandard: !0,
 					includeHeadings: !0
 				})
 			}) : /* @__PURE__ */ y(_, {
-				height: p,
+				height: T,
 				children: /* @__PURE__ */ y(o, {
 					"data-testid": "file-single-viewer",
 					className: "w-full h-full",
-					language: W,
-					value: K,
+					language: G,
+					value: q,
 					theme: "custom-diff-theme",
 					beforeMount: w,
-					onMount: B,
+					onMount: V,
 					options: S
 				})
 			}))

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\nexport function FileDiffViewer({ path, type }: 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  });\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 && (\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 && 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 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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"}

package/dist/components/features/plugins/plugin-detail-modal.d.ts

@@ -8,6 +8,7 @@ interface PluginDetailModalProps {
     onUninstall: () => void;
     onRefresh: () => void;
     onClose: () => void;
+    onStartConversation?: () => void;
 }
-export declare function PluginDetailModal({ plugin, isBusy, isDisabled, onToggle, onInstall, onUninstall, onRefresh, onClose, }: PluginDetailModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function PluginDetailModal({ plugin, isBusy, isDisabled, onToggle, onInstall, onUninstall, onRefresh, onClose, onStartConversation, }: PluginDetailModalProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/providers/agent-server-ui-providers.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../node_modules/react-i18next/dist/es/I18nextProvider.cjs`),n=require(`../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs`),r=require(`../../i18n/index.cjs`),i=require(`../../query-client-config.cjs`),a=require(`../../contexts/active-backend-context.cjs`),o=require(`./posthog-wrapper.cjs`),s=require(`./agent-server-ui-root.cjs`);let c=require(`react`);c=e.__toESM(c,1);let l=require(`react/jsx-runtime`);var u={provider:`posthog`};function d({children:e,queryClient:u,analytics:d,i18n:f,className:p,contentClassName:m,style:h,styleOverrides:g,theme:_,withStyleRoot:v=!0}){let y=c.default.useMemo(()=>u??i.getDefaultQueryClient(),[u]),b=c.default.useMemo(()=>f??r.getDefaultI18n(),[f]),x=c.default.useRef(null);x.current||={queryClient:i.getQueryClient(),i18n:r.getI18n()},i.setQueryClient(y),r.setI18n(b),c.default.useEffect(()=>()=>{x.current&&(i.setQueryClient(x.current.queryClient),r.setI18n(x.current.i18n))},[]);let S=d&&d.provider===`posthog`?(0,l.jsx)(o.PostHogWrapper,{children:e}):e;return(0,l.jsx)(t.I18nextProvider,{i18n:b,defaultNS:r.OPENHANDS_I18N_NAMESPACE,children:(0,l.jsx)(n.QueryClientProvider,{client:y,children:(0,l.jsx)(a.ActiveBackendProvider,{children:v?(0,l.jsx)(s.AgentServerUIRoot,{className:p,contentClassName:m,style:h,styleOverrides:g,theme:_,children:S}):S})})})}exports.AgentServerUIProviders=d,exports.DEFAULT_AGENT_SERVER_ANALYTICS=u;
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../node_modules/react-i18next/dist/es/I18nextProvider.cjs`),n=require(`../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs`),r=require(`../../i18n/index.cjs`),i=require(`../../query-client-config.cjs`),a=require(`../../contexts/active-backend-context.cjs`),o=require(`./telemetry-provider.cjs`),s=require(`./agent-server-ui-root.cjs`);let c=require(`react`);c=e.__toESM(c,1);let l=require(`react/jsx-runtime`);var u={provider:`posthog`};function d({children:e,queryClient:u,analytics:d,i18n:f,className:p,contentClassName:m,style:h,styleOverrides:g,theme:_,withStyleRoot:v=!0}){let y=c.default.useMemo(()=>u??i.getDefaultQueryClient(),[u]),b=c.default.useMemo(()=>f??r.getDefaultI18n(),[f]),x=c.default.useRef(null);x.current||={queryClient:i.getQueryClient(),i18n:r.getI18n()},i.setQueryClient(y),r.setI18n(b),c.default.useEffect(()=>()=>{x.current&&(i.setQueryClient(x.current.queryClient),r.setI18n(x.current.i18n))},[]);let S=(0,l.jsx)(o.TelemetryProvider,{config:d&&d.provider===`posthog`?{apiKey:d.apiKey,apiHost:d.apiHost,uiHost:d.uiHost}:!1,children:e});return(0,l.jsx)(t.I18nextProvider,{i18n:b,defaultNS:r.OPENHANDS_I18N_NAMESPACE,children:(0,l.jsx)(n.QueryClientProvider,{client:y,children:(0,l.jsx)(a.ActiveBackendProvider,{children:v?(0,l.jsx)(s.AgentServerUIRoot,{className:p,contentClassName:m,style:h,styleOverrides:g,theme:_,children:S}):S})})})}exports.AgentServerUIProviders=d,exports.DEFAULT_AGENT_SERVER_ANALYTICS=u;
 //# sourceMappingURL=agent-server-ui-providers.cjs.map

package/dist/components/providers/agent-server-ui-providers.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"agent-server-ui-providers.cjs","names":[],"sources":["../../../src/components/providers/agent-server-ui-providers.tsx"],"sourcesContent":["import React from \"react\";\nimport { QueryClient, QueryClientProvider } from \"@tanstack/react-query\";\nimport { I18nextProvider } from \"react-i18next\";\nimport { type i18n as I18nInstance } from \"i18next\";\nimport {\n  getDefaultQueryClient,\n  getQueryClient,\n  setQueryClient,\n} from \"#/query-client-config\";\nimport {\n  OPENHANDS_I18N_NAMESPACE,\n  getDefaultI18n,\n  getI18n,\n  setI18n,\n} from \"#/i18n\";\nimport { ActiveBackendProvider } from \"#/contexts/active-backend-context\";\nimport { PostHogWrapper } from \"./posthog-wrapper\";\nimport {\n  AgentServerUIRoot,\n  type AgentServerUIRootProps,\n} from \"./agent-server-ui-root\";\n\nexport type AgentServerUIAnalyticsConfig =\n  | {\n      provider: \"posthog\";\n    }\n  | false\n  | null;\n\nexport const DEFAULT_AGENT_SERVER_ANALYTICS: AgentServerUIAnalyticsConfig = {\n  provider: \"posthog\",\n};\n\nexport interface AgentServerUIProvidersProps extends Pick<\n  AgentServerUIRootProps,\n  \"className\" | \"contentClassName\" | \"style\" | \"styleOverrides\" | \"theme\"\n> {\n  children: React.ReactNode;\n  queryClient?: QueryClient;\n  analytics?: AgentServerUIAnalyticsConfig;\n  i18n?: I18nInstance;\n  withStyleRoot?: boolean;\n}\n\nexport function AgentServerUIProviders({\n  children,\n  queryClient,\n  analytics,\n  i18n,\n  className,\n  contentClassName,\n  style,\n  styleOverrides,\n  theme,\n  withStyleRoot = true,\n}: AgentServerUIProvidersProps) {\n  const resolvedQueryClient = React.useMemo(\n    () => queryClient ?? getDefaultQueryClient(),\n    [queryClient],\n  );\n  const resolvedI18n = React.useMemo(() => i18n ?? getDefaultI18n(), [i18n]);\n  const previousProvidersRef = React.useRef<{\n    queryClient: QueryClient;\n    i18n: I18nInstance;\n  } | null>(null);\n\n  if (!previousProvidersRef.current) {\n    previousProvidersRef.current = {\n      queryClient: getQueryClient(),\n      i18n: getI18n(),\n    };\n  }\n\n  setQueryClient(resolvedQueryClient);\n  setI18n(resolvedI18n);\n\n  React.useEffect(\n    () => () => {\n      if (previousProvidersRef.current) {\n        setQueryClient(previousProvidersRef.current.queryClient);\n        setI18n(previousProvidersRef.current.i18n);\n      }\n    },\n    [],\n  );\n\n  const content =\n    analytics && analytics.provider === \"posthog\" ? (\n      <PostHogWrapper>{children}</PostHogWrapper>\n    ) : (\n      children\n    );\n\n  const wrappedContent = withStyleRoot ? (\n    <AgentServerUIRoot\n      className={className}\n      contentClassName={contentClassName}\n      style={style}\n      styleOverrides={styleOverrides}\n      theme={theme}\n    >\n      {content}\n    </AgentServerUIRoot>\n  ) : (\n    content\n  );\n\n  return (\n    <I18nextProvider i18n={resolvedI18n} defaultNS={OPENHANDS_I18N_NAMESPACE}>\n      <QueryClientProvider client={resolvedQueryClient}>\n        <ActiveBackendProvider>{wrappedContent}</ActiveBackendProvider>\n      </QueryClientProvider>\n    </I18nextProvider>\n  );\n}\n"],"mappings":"ufA6BA,IAAa,EAA+D,CAC1E,SAAU,UACX,CAaD,SAAgB,EAAuB,CACrC,WACA,cACA,YACA,OACA,YACA,mBACA,QACA,iBACA,QACA,gBAAgB,IACc,CAC9B,IAAM,EAAsB,EAAA,QAAM,YAC1B,GAAe,EAAA,uBAAuB,CAC5C,CAAC,EAAY,CACd,CACK,EAAe,EAAA,QAAM,YAAc,GAAQ,EAAA,gBAAgB,CAAE,CAAC,EAAK,CAAC,CACpE,EAAuB,EAAA,QAAM,OAGzB,KAAK,CAEf,AACE,EAAqB,UAAU,CAC7B,YAAa,EAAA,gBAAgB,CAC7B,KAAM,EAAA,SAAS,CAChB,CAGH,EAAA,eAAe,EAAoB,CACnC,EAAA,QAAQ,EAAa,CAErB,EAAA,QAAM,kBACQ,CACN,EAAqB,UACvB,EAAA,eAAe,EAAqB,QAAQ,YAAY,CACxD,EAAA,QAAQ,EAAqB,QAAQ,KAAK,GAG9C,EAAE,CACH,CAED,IAAM,EACJ,GAAa,EAAU,WAAa,WAClC,EAAA,EAAA,KAAC,EAAA,eAAD,CAAiB,WAA0B,CAAA,CAE3C,EAiBJ,OACE,EAAA,EAAA,KAAC,EAAA,gBAAD,CAAiB,KAAM,EAAc,UAAW,EAAA,mCAC9C,EAAA,EAAA,KAAC,EAAA,oBAAD,CAAqB,OAAQ,YAC3B,EAAA,EAAA,KAAC,EAAA,sBAAD,CAAA,SAjBiB,GACrB,EAAA,EAAA,KAAC,EAAA,kBAAD,CACa,YACO,mBACX,QACS,iBACT,iBAEN,EACiB,CAAA,CAEpB,EAMmE,CAAA,CAC3C,CAAA,CACN,CAAA"}
+{"version":3,"file":"agent-server-ui-providers.cjs","names":[],"sources":["../../../src/components/providers/agent-server-ui-providers.tsx"],"sourcesContent":["import React from \"react\";\nimport { QueryClient, QueryClientProvider } from \"@tanstack/react-query\";\nimport { I18nextProvider } from \"react-i18next\";\nimport { type i18n as I18nInstance } from \"i18next\";\nimport {\n  getDefaultQueryClient,\n  getQueryClient,\n  setQueryClient,\n} from \"#/query-client-config\";\nimport {\n  OPENHANDS_I18N_NAMESPACE,\n  getDefaultI18n,\n  getI18n,\n  setI18n,\n} from \"#/i18n\";\nimport { ActiveBackendProvider } from \"#/contexts/active-backend-context\";\nimport type { TelemetryConfig } from \"#/services/telemetry\";\nimport { TelemetryProvider } from \"./telemetry-provider\";\nimport {\n  AgentServerUIRoot,\n  type AgentServerUIRootProps,\n} from \"./agent-server-ui-root\";\n\nexport interface AgentServerUIPostHogAnalyticsConfig extends TelemetryConfig {\n  provider: \"posthog\";\n}\n\nexport type AgentServerUIAnalyticsConfig =\n  | AgentServerUIPostHogAnalyticsConfig\n  | false\n  | null;\n\nexport const DEFAULT_AGENT_SERVER_ANALYTICS: AgentServerUIAnalyticsConfig = {\n  provider: \"posthog\",\n};\n\nexport interface AgentServerUIProvidersProps extends Pick<\n  AgentServerUIRootProps,\n  \"className\" | \"contentClassName\" | \"style\" | \"styleOverrides\" | \"theme\"\n> {\n  children: React.ReactNode;\n  queryClient?: QueryClient;\n  analytics?: AgentServerUIAnalyticsConfig;\n  i18n?: I18nInstance;\n  withStyleRoot?: boolean;\n}\n\nexport function AgentServerUIProviders({\n  children,\n  queryClient,\n  analytics,\n  i18n,\n  className,\n  contentClassName,\n  style,\n  styleOverrides,\n  theme,\n  withStyleRoot = true,\n}: AgentServerUIProvidersProps) {\n  const resolvedQueryClient = React.useMemo(\n    () => queryClient ?? getDefaultQueryClient(),\n    [queryClient],\n  );\n  const resolvedI18n = React.useMemo(() => i18n ?? getDefaultI18n(), [i18n]);\n  const previousProvidersRef = React.useRef<{\n    queryClient: QueryClient;\n    i18n: I18nInstance;\n  } | null>(null);\n\n  if (!previousProvidersRef.current) {\n    previousProvidersRef.current = {\n      queryClient: getQueryClient(),\n      i18n: getI18n(),\n    };\n  }\n\n  setQueryClient(resolvedQueryClient);\n  setI18n(resolvedI18n);\n\n  React.useEffect(\n    () => () => {\n      if (previousProvidersRef.current) {\n        setQueryClient(previousProvidersRef.current.queryClient);\n        setI18n(previousProvidersRef.current.i18n);\n      }\n    },\n    [],\n  );\n\n  const posthogConfig =\n    analytics && analytics.provider === \"posthog\"\n      ? {\n          apiKey: analytics.apiKey,\n          apiHost: analytics.apiHost,\n          uiHost: analytics.uiHost,\n        }\n      : false;\n  const content = (\n    <TelemetryProvider config={posthogConfig}>{children}</TelemetryProvider>\n  );\n\n  const wrappedContent = withStyleRoot ? (\n    <AgentServerUIRoot\n      className={className}\n      contentClassName={contentClassName}\n      style={style}\n      styleOverrides={styleOverrides}\n      theme={theme}\n    >\n      {content}\n    </AgentServerUIRoot>\n  ) : (\n    content\n  );\n\n  return (\n    <I18nextProvider i18n={resolvedI18n} defaultNS={OPENHANDS_I18N_NAMESPACE}>\n      <QueryClientProvider client={resolvedQueryClient}>\n        <ActiveBackendProvider>{wrappedContent}</ActiveBackendProvider>\n      </QueryClientProvider>\n    </I18nextProvider>\n  );\n}\n"],"mappings":"0fAgCA,IAAa,EAA+D,CAC1E,SAAU,UACX,CAaD,SAAgB,EAAuB,CACrC,WACA,cACA,YACA,OACA,YACA,mBACA,QACA,iBACA,QACA,gBAAgB,IACc,CAC9B,IAAM,EAAsB,EAAA,QAAM,YAC1B,GAAe,EAAA,uBAAuB,CAC5C,CAAC,EAAY,CACd,CACK,EAAe,EAAA,QAAM,YAAc,GAAQ,EAAA,gBAAgB,CAAE,CAAC,EAAK,CAAC,CACpE,EAAuB,EAAA,QAAM,OAGzB,KAAK,CAEf,AACE,EAAqB,UAAU,CAC7B,YAAa,EAAA,gBAAgB,CAC7B,KAAM,EAAA,SAAS,CAChB,CAGH,EAAA,eAAe,EAAoB,CACnC,EAAA,QAAQ,EAAa,CAErB,EAAA,QAAM,kBACQ,CACN,EAAqB,UACvB,EAAA,eAAe,EAAqB,QAAQ,YAAY,CACxD,EAAA,QAAQ,EAAqB,QAAQ,KAAK,GAG9C,EAAE,CACH,CAUD,IAAM,GACJ,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAmB,OARnB,GAAa,EAAU,WAAa,UAChC,CACE,OAAQ,EAAU,OAClB,QAAS,EAAU,QACnB,OAAQ,EAAU,OACnB,CACD,GAEuC,WAA6B,CAAA,CAiB1E,OACE,EAAA,EAAA,KAAC,EAAA,gBAAD,CAAiB,KAAM,EAAc,UAAW,EAAA,mCAC9C,EAAA,EAAA,KAAC,EAAA,oBAAD,CAAqB,OAAQ,YAC3B,EAAA,EAAA,KAAC,EAAA,sBAAD,CAAA,SAjBiB,GACrB,EAAA,EAAA,KAAC,EAAA,kBAAD,CACa,YACO,mBACX,QACS,iBACT,iBAEN,EACiB,CAAA,CAEpB,EAMmE,CAAA,CAC3C,CAAA,CACN,CAAA"}

package/dist/components/providers/agent-server-ui-providers.d.ts

@@ -1,10 +1,12 @@
 import React from "react";
 import { QueryClient } from "@tanstack/react-query";
 import { type i18n as I18nInstance } from "i18next";
+import type { TelemetryConfig } from "#/services/telemetry";
 import { type AgentServerUIRootProps } from "./agent-server-ui-root";
-export type AgentServerUIAnalyticsConfig = {
+export interface AgentServerUIPostHogAnalyticsConfig extends TelemetryConfig {
     provider: "posthog";
-} | false | null;
+}
+export type AgentServerUIAnalyticsConfig = AgentServerUIPostHogAnalyticsConfig | false | null;
 export declare const DEFAULT_AGENT_SERVER_ANALYTICS: AgentServerUIAnalyticsConfig;
 export interface AgentServerUIProvidersProps extends Pick<AgentServerUIRootProps, "className" | "contentClassName" | "style" | "styleOverrides" | "theme"> {
     children: React.ReactNode;

package/dist/components/providers/agent-server-ui-providers.js

@@ -3,7 +3,7 @@ import { QueryClientProvider as t } from "../../node_modules/@tanstack/react-que
 import { OPENHANDS_I18N_NAMESPACE as n, getDefaultI18n as r, getI18n as i, setI18n as a } from "../../i18n/index.js";
 import { getDefaultQueryClient as o, getQueryClient as s, setQueryClient as c } from "../../query-client-config.js";
 import { ActiveBackendProvider as l } from "../../contexts/active-backend-context.js";
-import { PostHogWrapper as u } from "./posthog-wrapper.js";
+import { TelemetryProvider as u } from "./telemetry-provider.js";
 import { AgentServerUIRoot as d } from "./agent-server-ui-root.js";
 import f from "react";
 import { jsx as p } from "react/jsx-runtime";
@@ -17,7 +17,14 @@ function h({ children: m, queryClient: h, analytics: g, i18n: _, className: v, c
 	}, c(w), a(T), f.useEffect(() => () => {
 		E.current && (c(E.current.queryClient), a(E.current.i18n));
 	}, []);
-	let D = g && g.provider === "posthog" ? /* @__PURE__ */ p(u, { children: m }) : m;
+	let D = /* @__PURE__ */ p(u, {
+		config: g && g.provider === "posthog" ? {
+			apiKey: g.apiKey,
+			apiHost: g.apiHost,
+			uiHost: g.uiHost
+		} : !1,
+		children: m
+	});
 	return /* @__PURE__ */ p(e, {
 		i18n: T,
 		defaultNS: n,

package/dist/components/providers/agent-server-ui-providers.js.map

@@ -1 +1 @@
-{"version":3,"file":"agent-server-ui-providers.js","names":[],"sources":["../../../src/components/providers/agent-server-ui-providers.tsx"],"sourcesContent":["import React from \"react\";\nimport { QueryClient, QueryClientProvider } from \"@tanstack/react-query\";\nimport { I18nextProvider } from \"react-i18next\";\nimport { type i18n as I18nInstance } from \"i18next\";\nimport {\n  getDefaultQueryClient,\n  getQueryClient,\n  setQueryClient,\n} from \"#/query-client-config\";\nimport {\n  OPENHANDS_I18N_NAMESPACE,\n  getDefaultI18n,\n  getI18n,\n  setI18n,\n} from \"#/i18n\";\nimport { ActiveBackendProvider } from \"#/contexts/active-backend-context\";\nimport { PostHogWrapper } from \"./posthog-wrapper\";\nimport {\n  AgentServerUIRoot,\n  type AgentServerUIRootProps,\n} from \"./agent-server-ui-root\";\n\nexport type AgentServerUIAnalyticsConfig =\n  | {\n      provider: \"posthog\";\n    }\n  | false\n  | null;\n\nexport const DEFAULT_AGENT_SERVER_ANALYTICS: AgentServerUIAnalyticsConfig = {\n  provider: \"posthog\",\n};\n\nexport interface AgentServerUIProvidersProps extends Pick<\n  AgentServerUIRootProps,\n  \"className\" | \"contentClassName\" | \"style\" | \"styleOverrides\" | \"theme\"\n> {\n  children: React.ReactNode;\n  queryClient?: QueryClient;\n  analytics?: AgentServerUIAnalyticsConfig;\n  i18n?: I18nInstance;\n  withStyleRoot?: boolean;\n}\n\nexport function AgentServerUIProviders({\n  children,\n  queryClient,\n  analytics,\n  i18n,\n  className,\n  contentClassName,\n  style,\n  styleOverrides,\n  theme,\n  withStyleRoot = true,\n}: AgentServerUIProvidersProps) {\n  const resolvedQueryClient = React.useMemo(\n    () => queryClient ?? getDefaultQueryClient(),\n    [queryClient],\n  );\n  const resolvedI18n = React.useMemo(() => i18n ?? getDefaultI18n(), [i18n]);\n  const previousProvidersRef = React.useRef<{\n    queryClient: QueryClient;\n    i18n: I18nInstance;\n  } | null>(null);\n\n  if (!previousProvidersRef.current) {\n    previousProvidersRef.current = {\n      queryClient: getQueryClient(),\n      i18n: getI18n(),\n    };\n  }\n\n  setQueryClient(resolvedQueryClient);\n  setI18n(resolvedI18n);\n\n  React.useEffect(\n    () => () => {\n      if (previousProvidersRef.current) {\n        setQueryClient(previousProvidersRef.current.queryClient);\n        setI18n(previousProvidersRef.current.i18n);\n      }\n    },\n    [],\n  );\n\n  const content =\n    analytics && analytics.provider === \"posthog\" ? (\n      <PostHogWrapper>{children}</PostHogWrapper>\n    ) : (\n      children\n    );\n\n  const wrappedContent = withStyleRoot ? (\n    <AgentServerUIRoot\n      className={className}\n      contentClassName={contentClassName}\n      style={style}\n      styleOverrides={styleOverrides}\n      theme={theme}\n    >\n      {content}\n    </AgentServerUIRoot>\n  ) : (\n    content\n  );\n\n  return (\n    <I18nextProvider i18n={resolvedI18n} defaultNS={OPENHANDS_I18N_NAMESPACE}>\n      <QueryClientProvider client={resolvedQueryClient}>\n        <ActiveBackendProvider>{wrappedContent}</ActiveBackendProvider>\n      </QueryClientProvider>\n    </I18nextProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;AA6BA,IAAa,IAA+D,EAC1E,UAAU,WACX;AAaD,SAAgB,EAAuB,EACrC,aACA,gBACA,cACA,SACA,cACA,qBACA,UACA,mBACA,UACA,mBAAgB,MACc;CAC9B,IAAM,IAAsB,EAAM,cAC1B,KAAe,GAAuB,EAC5C,CAAC,EAAY,CACd,EACK,IAAe,EAAM,cAAc,KAAQ,GAAgB,EAAE,CAAC,EAAK,CAAC,EACpE,IAAuB,EAAM,OAGzB,KAAK;AAYf,CAVA,AACE,EAAqB,YAAU;EAC7B,aAAa,GAAgB;EAC7B,MAAM,GAAS;EAChB,EAGH,EAAe,EAAoB,EACnC,EAAQ,EAAa,EAErB,EAAM,sBACQ;AACV,EAAI,EAAqB,YACvB,EAAe,EAAqB,QAAQ,YAAY,EACxD,EAAQ,EAAqB,QAAQ,KAAK;IAG9C,EAAE,CACH;CAED,IAAM,IACJ,KAAa,EAAU,aAAa,YAClC,kBAAC,GAAD,EAAiB,aAA0B,CAAA,GAE3C;AAiBJ,QACE,kBAAC,GAAD;EAAiB,MAAM;EAAc,WAAW;YAC9C,kBAAC,GAAD;GAAqB,QAAQ;aAC3B,kBAAC,GAAD,EAAA,UAjBiB,IACrB,kBAAC,GAAD;IACa;IACO;IACX;IACS;IACT;cAEN;IACiB,CAAA,GAEpB,GAMmE,CAAA;GAC3C,CAAA;EACN,CAAA"}
+{"version":3,"file":"agent-server-ui-providers.js","names":[],"sources":["../../../src/components/providers/agent-server-ui-providers.tsx"],"sourcesContent":["import React from \"react\";\nimport { QueryClient, QueryClientProvider } from \"@tanstack/react-query\";\nimport { I18nextProvider } from \"react-i18next\";\nimport { type i18n as I18nInstance } from \"i18next\";\nimport {\n  getDefaultQueryClient,\n  getQueryClient,\n  setQueryClient,\n} from \"#/query-client-config\";\nimport {\n  OPENHANDS_I18N_NAMESPACE,\n  getDefaultI18n,\n  getI18n,\n  setI18n,\n} from \"#/i18n\";\nimport { ActiveBackendProvider } from \"#/contexts/active-backend-context\";\nimport type { TelemetryConfig } from \"#/services/telemetry\";\nimport { TelemetryProvider } from \"./telemetry-provider\";\nimport {\n  AgentServerUIRoot,\n  type AgentServerUIRootProps,\n} from \"./agent-server-ui-root\";\n\nexport interface AgentServerUIPostHogAnalyticsConfig extends TelemetryConfig {\n  provider: \"posthog\";\n}\n\nexport type AgentServerUIAnalyticsConfig =\n  | AgentServerUIPostHogAnalyticsConfig\n  | false\n  | null;\n\nexport const DEFAULT_AGENT_SERVER_ANALYTICS: AgentServerUIAnalyticsConfig = {\n  provider: \"posthog\",\n};\n\nexport interface AgentServerUIProvidersProps extends Pick<\n  AgentServerUIRootProps,\n  \"className\" | \"contentClassName\" | \"style\" | \"styleOverrides\" | \"theme\"\n> {\n  children: React.ReactNode;\n  queryClient?: QueryClient;\n  analytics?: AgentServerUIAnalyticsConfig;\n  i18n?: I18nInstance;\n  withStyleRoot?: boolean;\n}\n\nexport function AgentServerUIProviders({\n  children,\n  queryClient,\n  analytics,\n  i18n,\n  className,\n  contentClassName,\n  style,\n  styleOverrides,\n  theme,\n  withStyleRoot = true,\n}: AgentServerUIProvidersProps) {\n  const resolvedQueryClient = React.useMemo(\n    () => queryClient ?? getDefaultQueryClient(),\n    [queryClient],\n  );\n  const resolvedI18n = React.useMemo(() => i18n ?? getDefaultI18n(), [i18n]);\n  const previousProvidersRef = React.useRef<{\n    queryClient: QueryClient;\n    i18n: I18nInstance;\n  } | null>(null);\n\n  if (!previousProvidersRef.current) {\n    previousProvidersRef.current = {\n      queryClient: getQueryClient(),\n      i18n: getI18n(),\n    };\n  }\n\n  setQueryClient(resolvedQueryClient);\n  setI18n(resolvedI18n);\n\n  React.useEffect(\n    () => () => {\n      if (previousProvidersRef.current) {\n        setQueryClient(previousProvidersRef.current.queryClient);\n        setI18n(previousProvidersRef.current.i18n);\n      }\n    },\n    [],\n  );\n\n  const posthogConfig =\n    analytics && analytics.provider === \"posthog\"\n      ? {\n          apiKey: analytics.apiKey,\n          apiHost: analytics.apiHost,\n          uiHost: analytics.uiHost,\n        }\n      : false;\n  const content = (\n    <TelemetryProvider config={posthogConfig}>{children}</TelemetryProvider>\n  );\n\n  const wrappedContent = withStyleRoot ? (\n    <AgentServerUIRoot\n      className={className}\n      contentClassName={contentClassName}\n      style={style}\n      styleOverrides={styleOverrides}\n      theme={theme}\n    >\n      {content}\n    </AgentServerUIRoot>\n  ) : (\n    content\n  );\n\n  return (\n    <I18nextProvider i18n={resolvedI18n} defaultNS={OPENHANDS_I18N_NAMESPACE}>\n      <QueryClientProvider client={resolvedQueryClient}>\n        <ActiveBackendProvider>{wrappedContent}</ActiveBackendProvider>\n      </QueryClientProvider>\n    </I18nextProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;AAgCA,IAAa,IAA+D,EAC1E,UAAU,WACX;AAaD,SAAgB,EAAuB,EACrC,aACA,gBACA,cACA,SACA,cACA,qBACA,UACA,mBACA,UACA,mBAAgB,MACc;CAC9B,IAAM,IAAsB,EAAM,cAC1B,KAAe,GAAuB,EAC5C,CAAC,EAAY,CACd,EACK,IAAe,EAAM,cAAc,KAAQ,GAAgB,EAAE,CAAC,EAAK,CAAC,EACpE,IAAuB,EAAM,OAGzB,KAAK;AAYf,CAVA,AACE,EAAqB,YAAU;EAC7B,aAAa,GAAgB;EAC7B,MAAM,GAAS;EAChB,EAGH,EAAe,EAAoB,EACnC,EAAQ,EAAa,EAErB,EAAM,sBACQ;AACV,EAAI,EAAqB,YACvB,EAAe,EAAqB,QAAQ,YAAY,EACxD,EAAQ,EAAqB,QAAQ,KAAK;IAG9C,EAAE,CACH;CAUD,IAAM,IACJ,kBAAC,GAAD;EAAmB,QARnB,KAAa,EAAU,aAAa,YAChC;GACE,QAAQ,EAAU;GAClB,SAAS,EAAU;GACnB,QAAQ,EAAU;GACnB,GACD;EAEuC;EAA6B,CAAA;AAiB1E,QACE,kBAAC,GAAD;EAAiB,MAAM;EAAc,WAAW;YAC9C,kBAAC,GAAD;GAAqB,QAAQ;aAC3B,kBAAC,GAAD,EAAA,UAjBiB,IACrB,kBAAC,GAAD;IACa;IACO;IACX;IACS;IACT;cAEN;IACiB,CAAA,GAEpB,GAMmE,CAAA;GAC3C,CAAA;EACN,CAAA"}

package/dist/components/providers/index.cjs

@@ -1 +1 @@
-require(`../../_virtual/_rolldown/runtime.cjs`),require(`./posthog-wrapper.cjs`),require(`./agent-server-ui-root.cjs`),require(`./agent-server-ui-providers.cjs`);
+require(`../../_virtual/_rolldown/runtime.cjs`),require(`./agent-server-ui-root.cjs`),require(`./agent-server-ui-providers.cjs`);

package/dist/components/providers/index.d.ts

@@ -1,3 +1,2 @@
-export { AgentServerUIProviders, DEFAULT_AGENT_SERVER_ANALYTICS, type AgentServerUIAnalyticsConfig, type AgentServerUIProvidersProps, } from "./agent-server-ui-providers";
+export { AgentServerUIProviders, DEFAULT_AGENT_SERVER_ANALYTICS, type AgentServerUIAnalyticsConfig, type AgentServerUIPostHogAnalyticsConfig, type AgentServerUIProvidersProps, } from "./agent-server-ui-providers";
 export { AgentServerUIRoot, type AgentServerUIRootProps, } from "./agent-server-ui-root";
-export { PostHogWrapper } from "./posthog-wrapper";

package/dist/components/providers/index.js

@@ -1,3 +1,2 @@
-import "./posthog-wrapper.js";
 import "./agent-server-ui-root.js";
 import "./agent-server-ui-providers.js";

package/dist/components/providers/telemetry-provider.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../services/telemetry.cjs`);let n=require(`react`);n=e.__toESM(n,1);var r=`posthog_bootstrap`;function i(e){if(typeof e!=`object`||!e)return!1;let t=e;return typeof t.distinctID==`string`&&typeof t.sessionID==`string`}function a(){if(typeof window>`u`||typeof sessionStorage>`u`)return;let e=new URLSearchParams(window.location.hash.slice(1)),t=e.get(`distinct_id`),n=e.get(`session_id`);if(t&&n){let e={distinctID:t,sessionID:n};try{sessionStorage.setItem(r,JSON.stringify(e))}catch{}try{window.history.replaceState(null,``,window.location.pathname+window.location.search)}catch{}return e}try{let e=sessionStorage.getItem(r);if(!e)return;sessionStorage.removeItem(r);let t=JSON.parse(e);return i(t)?t:void 0}catch{try{sessionStorage.removeItem(r)}catch{}return}}function o({children:e,config:r={}}){let i=n.default.useRef(!1),o=r!==!1,s=r===!1?void 0:r.apiKey,c=r===!1?void 0:r.apiHost,l=r===!1?void 0:r.uiHost;return n.default.useLayoutEffect(()=>{t.configureTelemetry(o?{apiKey:s,apiHost:c,uiHost:l}:!1),i.current||=(t.configurePostHogBootstrap(a()),!0)},[o,c,s,l]),n.default.useEffect(()=>{o&&t.initializePostHogClient().catch(()=>{})},[o,c,s,l]),e}exports.TelemetryProvider=o;
+//# sourceMappingURL=telemetry-provider.cjs.map

package/dist/components/providers/telemetry-provider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"telemetry-provider.cjs","names":[],"sources":["../../../src/components/providers/telemetry-provider.tsx"],"sourcesContent":["import React from \"react\";\nimport type { BootstrapConfig } from \"posthog-js\";\nimport {\n  configurePostHogBootstrap,\n  configureTelemetry,\n  initializePostHogClient,\n  type TelemetryConfiguration,\n} from \"#/services/telemetry\";\n\nconst POSTHOG_BOOTSTRAP_KEY = \"posthog_bootstrap\";\n\nfunction isBootstrapConfig(value: unknown): value is BootstrapConfig {\n  if (typeof value !== \"object\" || value === null) return false;\n  const candidate = value as Record<string, unknown>;\n  return (\n    typeof candidate.distinctID === \"string\" &&\n    typeof candidate.sessionID === \"string\"\n  );\n}\n\nfunction readBootstrapIds(): BootstrapConfig | undefined {\n  if (typeof window === \"undefined\" || typeof sessionStorage === \"undefined\") {\n    return undefined;\n  }\n\n  const params = new URLSearchParams(window.location.hash.slice(1));\n  const distinctID = params.get(\"distinct_id\");\n  const sessionID = params.get(\"session_id\");\n  if (distinctID && sessionID) {\n    const bootstrap = { distinctID, sessionID };\n    try {\n      sessionStorage.setItem(POSTHOG_BOOTSTRAP_KEY, JSON.stringify(bootstrap));\n    } catch {\n      // OAuth continuity is best effort when browser storage is unavailable.\n    }\n    try {\n      window.history.replaceState(\n        null,\n        \"\",\n        window.location.pathname + window.location.search,\n      );\n    } catch {\n      // Telemetry must never prevent the application from rendering.\n    }\n    return bootstrap;\n  }\n\n  try {\n    const stored = sessionStorage.getItem(POSTHOG_BOOTSTRAP_KEY);\n    if (!stored) return undefined;\n\n    sessionStorage.removeItem(POSTHOG_BOOTSTRAP_KEY);\n    const parsed: unknown = JSON.parse(stored);\n    return isBootstrapConfig(parsed) ? parsed : undefined;\n  } catch {\n    try {\n      sessionStorage.removeItem(POSTHOG_BOOTSTRAP_KEY);\n    } catch {\n      // Ignore unavailable storage.\n    }\n    return undefined;\n  }\n}\n\nexport function TelemetryProvider({\n  children,\n  config = {},\n}: {\n  children: React.ReactNode;\n  config?: TelemetryConfiguration;\n}) {\n  const configuredBootstrap = React.useRef(false);\n  const analyticsEnabled = config !== false;\n  const apiKey = config === false ? undefined : config.apiKey;\n  const apiHost = config === false ? undefined : config.apiHost;\n  const uiHost = config === false ? undefined : config.uiHost;\n\n  React.useLayoutEffect(() => {\n    configureTelemetry(analyticsEnabled ? { apiKey, apiHost, uiHost } : false);\n    if (!configuredBootstrap.current) {\n      configurePostHogBootstrap(readBootstrapIds());\n      configuredBootstrap.current = true;\n    }\n  }, [analyticsEnabled, apiHost, apiKey, uiHost]);\n\n  React.useEffect(() => {\n    if (analyticsEnabled) {\n      void initializePostHogClient().catch(() => {\n        // Analytics are optional; the service retries on the next operation.\n      });\n    }\n  }, [analyticsEnabled, apiHost, apiKey, uiHost]);\n\n  return children;\n}\n"],"mappings":"0IASA,IAAM,EAAwB,oBAE9B,SAAS,EAAkB,EAA0C,CACnE,GAAI,OAAO,GAAU,WAAY,EAAgB,MAAO,GACxD,IAAM,EAAY,EAClB,OACE,OAAO,EAAU,YAAe,UAChC,OAAO,EAAU,WAAc,SAInC,SAAS,GAAgD,CACvD,GAAI,OAAO,OAAW,KAAe,OAAO,eAAmB,IAC7D,OAGF,IAAM,EAAS,IAAI,gBAAgB,OAAO,SAAS,KAAK,MAAM,EAAE,CAAC,CAC3D,EAAa,EAAO,IAAI,cAAc,CACtC,EAAY,EAAO,IAAI,aAAa,CAC1C,GAAI,GAAc,EAAW,CAC3B,IAAM,EAAY,CAAE,aAAY,YAAW,CAC3C,GAAI,CACF,eAAe,QAAQ,EAAuB,KAAK,UAAU,EAAU,CAAC,MAClE,EAGR,GAAI,CACF,OAAO,QAAQ,aACb,KACA,GACA,OAAO,SAAS,SAAW,OAAO,SAAS,OAC5C,MACK,EAGR,OAAO,EAGT,GAAI,CACF,IAAM,EAAS,eAAe,QAAQ,EAAsB,CAC5D,GAAI,CAAC,EAAQ,OAEb,eAAe,WAAW,EAAsB,CAChD,IAAM,EAAkB,KAAK,MAAM,EAAO,CAC1C,OAAO,EAAkB,EAAO,CAAG,EAAS,IAAA,QACtC,CACN,GAAI,CACF,eAAe,WAAW,EAAsB,MAC1C,EAGR,QAIJ,SAAgB,EAAkB,CAChC,WACA,SAAS,EAAE,EAIV,CACD,IAAM,EAAsB,EAAA,QAAM,OAAO,GAAM,CACzC,EAAmB,IAAW,GAC9B,EAAS,IAAW,GAAQ,IAAA,GAAY,EAAO,OAC/C,EAAU,IAAW,GAAQ,IAAA,GAAY,EAAO,QAChD,EAAS,IAAW,GAAQ,IAAA,GAAY,EAAO,OAkBrD,OAhBA,EAAA,QAAM,oBAAsB,CAC1B,EAAA,mBAAmB,EAAmB,CAAE,SAAQ,UAAS,SAAQ,CAAG,GAAM,CAC1E,AAEE,EAAoB,WADpB,EAAA,0BAA0B,GAAkB,CAAC,CACf,KAE/B,CAAC,EAAkB,EAAS,EAAQ,EAAO,CAAC,CAE/C,EAAA,QAAM,cAAgB,CAChB,GACG,EAAA,yBAAyB,CAAC,UAAY,GAEzC,EAEH,CAAC,EAAkB,EAAS,EAAQ,EAAO,CAAC,CAExC"}

package/dist/components/providers/telemetry-provider.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { type TelemetryConfiguration } from "#/services/telemetry";
+export declare function TelemetryProvider({ children, config, }: {
+    children: React.ReactNode;
+    config?: TelemetryConfiguration;
+}): React.ReactNode;

package/dist/components/providers/telemetry-provider.js

@@ -0,0 +1,64 @@
+import { configurePostHogBootstrap as e, configureTelemetry as t, initializePostHogClient as n } from "../../services/telemetry.js";
+import r from "react";
+//#region src/components/providers/telemetry-provider.tsx
+var i = "posthog_bootstrap";
+function a(e) {
+	if (typeof e != "object" || !e) return !1;
+	let t = e;
+	return typeof t.distinctID == "string" && typeof t.sessionID == "string";
+}
+function o() {
+	if (typeof window > "u" || typeof sessionStorage > "u") return;
+	let e = new URLSearchParams(window.location.hash.slice(1)), t = e.get("distinct_id"), n = e.get("session_id");
+	if (t && n) {
+		let e = {
+			distinctID: t,
+			sessionID: n
+		};
+		try {
+			sessionStorage.setItem(i, JSON.stringify(e));
+		} catch {}
+		try {
+			window.history.replaceState(null, "", window.location.pathname + window.location.search);
+		} catch {}
+		return e;
+	}
+	try {
+		let e = sessionStorage.getItem(i);
+		if (!e) return;
+		sessionStorage.removeItem(i);
+		let t = JSON.parse(e);
+		return a(t) ? t : void 0;
+	} catch {
+		try {
+			sessionStorage.removeItem(i);
+		} catch {}
+		return;
+	}
+}
+function s({ children: i, config: a = {} }) {
+	let s = r.useRef(!1), c = a !== !1, l = a === !1 ? void 0 : a.apiKey, u = a === !1 ? void 0 : a.apiHost, d = a === !1 ? void 0 : a.uiHost;
+	return r.useLayoutEffect(() => {
+		t(c ? {
+			apiKey: l,
+			apiHost: u,
+			uiHost: d
+		} : !1), s.current ||= (e(o()), !0);
+	}, [
+		c,
+		u,
+		l,
+		d
+	]), r.useEffect(() => {
+		c && n().catch(() => {});
+	}, [
+		c,
+		u,
+		l,
+		d
+	]), i;
+}
+//#endregion
+export { s as TelemetryProvider };
+
+//# sourceMappingURL=telemetry-provider.js.map

package/dist/components/providers/telemetry-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"telemetry-provider.js","names":[],"sources":["../../../src/components/providers/telemetry-provider.tsx"],"sourcesContent":["import React from \"react\";\nimport type { BootstrapConfig } from \"posthog-js\";\nimport {\n  configurePostHogBootstrap,\n  configureTelemetry,\n  initializePostHogClient,\n  type TelemetryConfiguration,\n} from \"#/services/telemetry\";\n\nconst POSTHOG_BOOTSTRAP_KEY = \"posthog_bootstrap\";\n\nfunction isBootstrapConfig(value: unknown): value is BootstrapConfig {\n  if (typeof value !== \"object\" || value === null) return false;\n  const candidate = value as Record<string, unknown>;\n  return (\n    typeof candidate.distinctID === \"string\" &&\n    typeof candidate.sessionID === \"string\"\n  );\n}\n\nfunction readBootstrapIds(): BootstrapConfig | undefined {\n  if (typeof window === \"undefined\" || typeof sessionStorage === \"undefined\") {\n    return undefined;\n  }\n\n  const params = new URLSearchParams(window.location.hash.slice(1));\n  const distinctID = params.get(\"distinct_id\");\n  const sessionID = params.get(\"session_id\");\n  if (distinctID && sessionID) {\n    const bootstrap = { distinctID, sessionID };\n    try {\n      sessionStorage.setItem(POSTHOG_BOOTSTRAP_KEY, JSON.stringify(bootstrap));\n    } catch {\n      // OAuth continuity is best effort when browser storage is unavailable.\n    }\n    try {\n      window.history.replaceState(\n        null,\n        \"\",\n        window.location.pathname + window.location.search,\n      );\n    } catch {\n      // Telemetry must never prevent the application from rendering.\n    }\n    return bootstrap;\n  }\n\n  try {\n    const stored = sessionStorage.getItem(POSTHOG_BOOTSTRAP_KEY);\n    if (!stored) return undefined;\n\n    sessionStorage.removeItem(POSTHOG_BOOTSTRAP_KEY);\n    const parsed: unknown = JSON.parse(stored);\n    return isBootstrapConfig(parsed) ? parsed : undefined;\n  } catch {\n    try {\n      sessionStorage.removeItem(POSTHOG_BOOTSTRAP_KEY);\n    } catch {\n      // Ignore unavailable storage.\n    }\n    return undefined;\n  }\n}\n\nexport function TelemetryProvider({\n  children,\n  config = {},\n}: {\n  children: React.ReactNode;\n  config?: TelemetryConfiguration;\n}) {\n  const configuredBootstrap = React.useRef(false);\n  const analyticsEnabled = config !== false;\n  const apiKey = config === false ? undefined : config.apiKey;\n  const apiHost = config === false ? undefined : config.apiHost;\n  const uiHost = config === false ? undefined : config.uiHost;\n\n  React.useLayoutEffect(() => {\n    configureTelemetry(analyticsEnabled ? { apiKey, apiHost, uiHost } : false);\n    if (!configuredBootstrap.current) {\n      configurePostHogBootstrap(readBootstrapIds());\n      configuredBootstrap.current = true;\n    }\n  }, [analyticsEnabled, apiHost, apiKey, uiHost]);\n\n  React.useEffect(() => {\n    if (analyticsEnabled) {\n      void initializePostHogClient().catch(() => {\n        // Analytics are optional; the service retries on the next operation.\n      });\n    }\n  }, [analyticsEnabled, apiHost, apiKey, uiHost]);\n\n  return children;\n}\n"],"mappings":";;;AASA,IAAM,IAAwB;AAE9B,SAAS,EAAkB,GAA0C;AACnE,KAAI,OAAO,KAAU,aAAY,EAAgB,QAAO;CACxD,IAAM,IAAY;AAClB,QACE,OAAO,EAAU,cAAe,YAChC,OAAO,EAAU,aAAc;;AAInC,SAAS,IAAgD;AACvD,KAAI,OAAO,SAAW,OAAe,OAAO,iBAAmB,IAC7D;CAGF,IAAM,IAAS,IAAI,gBAAgB,OAAO,SAAS,KAAK,MAAM,EAAE,CAAC,EAC3D,IAAa,EAAO,IAAI,cAAc,EACtC,IAAY,EAAO,IAAI,aAAa;AAC1C,KAAI,KAAc,GAAW;EAC3B,IAAM,IAAY;GAAE;GAAY;GAAW;AAC3C,MAAI;AACF,kBAAe,QAAQ,GAAuB,KAAK,UAAU,EAAU,CAAC;UAClE;AAGR,MAAI;AACF,UAAO,QAAQ,aACb,MACA,IACA,OAAO,SAAS,WAAW,OAAO,SAAS,OAC5C;UACK;AAGR,SAAO;;AAGT,KAAI;EACF,IAAM,IAAS,eAAe,QAAQ,EAAsB;AAC5D,MAAI,CAAC,EAAQ;AAEb,iBAAe,WAAW,EAAsB;EAChD,IAAM,IAAkB,KAAK,MAAM,EAAO;AAC1C,SAAO,EAAkB,EAAO,GAAG,IAAS,KAAA;SACtC;AACN,MAAI;AACF,kBAAe,WAAW,EAAsB;UAC1C;AAGR;;;AAIJ,SAAgB,EAAkB,EAChC,aACA,YAAS,EAAE,IAIV;CACD,IAAM,IAAsB,EAAM,OAAO,GAAM,EACzC,IAAmB,MAAW,IAC9B,IAAS,MAAW,KAAQ,KAAA,IAAY,EAAO,QAC/C,IAAU,MAAW,KAAQ,KAAA,IAAY,EAAO,SAChD,IAAS,MAAW,KAAQ,KAAA,IAAY,EAAO;AAkBrD,QAhBA,EAAM,sBAAsB;AAE1B,EADA,EAAmB,IAAmB;GAAE;GAAQ;GAAS;GAAQ,GAAG,GAAM,EAC1E,AAEE,EAAoB,aADpB,EAA0B,GAAkB,CAAC,EACf;IAE/B;EAAC;EAAkB;EAAS;EAAQ;EAAO,CAAC,EAE/C,EAAM,gBAAgB;AACpB,EAAI,KACG,GAAyB,CAAC,YAAY,GAEzC;IAEH;EAAC;EAAkB;EAAS;EAAQ;EAAO,CAAC,EAExC"}

package/dist/components/shared/modals/settings/settings-modal.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(`../../../../utils/utils.cjs`),r=require(`../../../../services/settings.cjs`),i=require(`../modal-backdrop.cjs`),a=require(`../modal-body.cjs`),o=require(`../../../../utils/modal-classes.cjs`),s=require(`../../../../ui/help-link.cjs`),c=require(`./settings-form.cjs`);let l=require(`react/jsx-runtime`);function u({onClose:u,settings:d}){let{t:f}=e.useTranslation(`openhands`);return(0,l.jsx)(i.ModalBackdrop,{children:(0,l.jsxs)(`div`,{"data-testid":`ai-config-modal`,className:n.cn(`bg-[var(--oh-surface)] m-4 p-6 rounded-xl flex flex-col gap-[17px] border border-[var(--oh-border)] api-configuration-modal`,a.modalWidthClassName(`md`),a.MODAL_MAX_WIDTH_VIEWPORT),children:[(0,l.jsx)(`span`,{className:o.modalTitleClassName,children:f(t.I18nKey.AI_SETTINGS$TITLE)}),(0,l.jsx)(s.HelpLink,{testId:`advanced-settings-link`,text:`${f(t.I18nKey.SETTINGS$DESCRIPTION)}. ${f(t.I18nKey.SETTINGS$FOR_OTHER_OPTIONS)} ${f(t.I18nKey.COMMON$SEE)}`,linkText:f(t.I18nKey.COMMON$ADVANCED_SETTINGS),href:`/settings`,suffix:`.`,size:`settings`,linkColor:`white`,suffixClassName:`text-white`}),(0,l.jsx)(c.SettingsForm,{settings:d||r.DEFAULT_SETTINGS,onClose:u})]})})}exports.SettingsModal=u;
+require(`../../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),t=require(`../../../../i18n/declaration.cjs`),n=require(`../../../../utils/utils.cjs`),r=require(`../../../../utils/base-path.cjs`),i=require(`../../../../services/settings.cjs`),a=require(`../modal-backdrop.cjs`),o=require(`../modal-body.cjs`),s=require(`../../../../utils/modal-classes.cjs`),c=require(`../../../../ui/help-link.cjs`),l=require(`./settings-form.cjs`);let u=require(`react/jsx-runtime`);function d({onClose:d,settings:f}){let{t:p}=e.useTranslation(`openhands`);return(0,u.jsx)(a.ModalBackdrop,{children:(0,u.jsxs)(`div`,{"data-testid":`ai-config-modal`,className:n.cn(`bg-[var(--oh-surface)] m-4 p-6 rounded-xl flex flex-col gap-[17px] border border-[var(--oh-border)] api-configuration-modal`,o.modalWidthClassName(`md`),o.MODAL_MAX_WIDTH_VIEWPORT),children:[(0,u.jsx)(`span`,{className:s.modalTitleClassName,children:p(t.I18nKey.AI_SETTINGS$TITLE)}),(0,u.jsx)(c.HelpLink,{testId:`advanced-settings-link`,text:`${p(t.I18nKey.SETTINGS$DESCRIPTION)}. ${p(t.I18nKey.SETTINGS$FOR_OTHER_OPTIONS)} ${p(t.I18nKey.COMMON$SEE)}`,linkText:p(t.I18nKey.COMMON$ADVANCED_SETTINGS),href:r.buildAgentCanvasPath(`/settings`),suffix:`.`,size:`settings`,linkColor:`white`,suffixClassName:`text-white`}),(0,u.jsx)(l.SettingsForm,{settings:f||i.DEFAULT_SETTINGS,onClose:d})]})})}exports.SettingsModal=d;
 //# sourceMappingURL=settings-modal.cjs.map

package/dist/components/shared/modals/settings/settings-modal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"settings-modal.cjs","names":[],"sources":["../../../../../src/components/shared/modals/settings/settings-modal.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ModalBackdrop } from \"../modal-backdrop\";\nimport { MODAL_MAX_WIDTH_VIEWPORT, modalWidthClassName } from \"../modal-body\";\nimport { cn } from \"#/utils/utils\";\nimport { SettingsForm } from \"./settings-form\";\nimport { Settings } from \"#/types/settings\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { modalTitleClassName } from \"#/utils/modal-classes\";\n\ninterface SettingsModalProps {\n  settings?: Settings;\n  onClose: () => void;\n}\n\nexport function SettingsModal({ onClose, settings }: SettingsModalProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <ModalBackdrop>\n      <div\n        data-testid=\"ai-config-modal\"\n        className={cn(\n          \"bg-[var(--oh-surface)] m-4 p-6 rounded-xl flex flex-col gap-[17px] border border-[var(--oh-border)] api-configuration-modal\",\n          modalWidthClassName(\"md\"),\n          MODAL_MAX_WIDTH_VIEWPORT,\n        )}\n      >\n        <span className={modalTitleClassName}>\n          {t(I18nKey.AI_SETTINGS$TITLE)}\n        </span>\n        <HelpLink\n          testId=\"advanced-settings-link\"\n          text={`${t(I18nKey.SETTINGS$DESCRIPTION)}. ${t(I18nKey.SETTINGS$FOR_OTHER_OPTIONS)} ${t(I18nKey.COMMON$SEE)}`}\n          linkText={t(I18nKey.COMMON$ADVANCED_SETTINGS)}\n          href=\"/settings\"\n          suffix=\".\"\n          size=\"settings\"\n          linkColor=\"white\"\n          suffixClassName=\"text-white\"\n        />\n\n        <SettingsForm\n          settings={settings || DEFAULT_SETTINGS}\n          onClose={onClose}\n        />\n      </div>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":"kfAgBA,SAAgB,EAAc,CAAE,UAAS,YAAgC,CACvE,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CAEzC,OACE,EAAA,EAAA,KAAC,EAAA,cAAD,CAAA,UACE,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,kBACZ,UAAW,EAAA,GACT,8HACA,EAAA,oBAAoB,KAAK,CACzB,EAAA,yBACD,UANH,EAQE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,6BACd,EAAE,EAAA,QAAQ,kBAAkB,CACxB,CAAA,EACP,EAAA,EAAA,KAAC,EAAA,SAAD,CACE,OAAO,yBACP,KAAM,GAAG,EAAE,EAAA,QAAQ,qBAAqB,CAAC,IAAI,EAAE,EAAA,QAAQ,2BAA2B,CAAC,GAAG,EAAE,EAAA,QAAQ,WAAW,GAC3G,SAAU,EAAE,EAAA,QAAQ,yBAAyB,CAC7C,KAAK,YACL,OAAO,IACP,KAAK,WACL,UAAU,QACV,gBAAgB,aAChB,CAAA,EAEF,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,SAAU,GAAY,EAAA,iBACb,UACT,CAAA,CACE,GACQ,CAAA"}
+{"version":3,"file":"settings-modal.cjs","names":[],"sources":["../../../../../src/components/shared/modals/settings/settings-modal.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ModalBackdrop } from \"../modal-backdrop\";\nimport { MODAL_MAX_WIDTH_VIEWPORT, modalWidthClassName } from \"../modal-body\";\nimport { cn } from \"#/utils/utils\";\nimport { SettingsForm } from \"./settings-form\";\nimport { Settings } from \"#/types/settings\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { modalTitleClassName } from \"#/utils/modal-classes\";\nimport { buildAgentCanvasPath } from \"#/utils/base-path\";\n\ninterface SettingsModalProps {\n  settings?: Settings;\n  onClose: () => void;\n}\n\nexport function SettingsModal({ onClose, settings }: SettingsModalProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <ModalBackdrop>\n      <div\n        data-testid=\"ai-config-modal\"\n        className={cn(\n          \"bg-[var(--oh-surface)] m-4 p-6 rounded-xl flex flex-col gap-[17px] border border-[var(--oh-border)] api-configuration-modal\",\n          modalWidthClassName(\"md\"),\n          MODAL_MAX_WIDTH_VIEWPORT,\n        )}\n      >\n        <span className={modalTitleClassName}>\n          {t(I18nKey.AI_SETTINGS$TITLE)}\n        </span>\n        <HelpLink\n          testId=\"advanced-settings-link\"\n          text={`${t(I18nKey.SETTINGS$DESCRIPTION)}. ${t(I18nKey.SETTINGS$FOR_OTHER_OPTIONS)} ${t(I18nKey.COMMON$SEE)}`}\n          linkText={t(I18nKey.COMMON$ADVANCED_SETTINGS)}\n          href={buildAgentCanvasPath(\"/settings\")}\n          suffix=\".\"\n          size=\"settings\"\n          linkColor=\"white\"\n          suffixClassName=\"text-white\"\n        />\n\n        <SettingsForm\n          settings={settings || DEFAULT_SETTINGS}\n          onClose={onClose}\n        />\n      </div>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":"+hBAiBA,SAAgB,EAAc,CAAE,UAAS,YAAgC,CACvE,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CAEzC,OACE,EAAA,EAAA,KAAC,EAAA,cAAD,CAAA,UACE,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,kBACZ,UAAW,EAAA,GACT,8HACA,EAAA,oBAAoB,KAAK,CACzB,EAAA,yBACD,UANH,EAQE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,6BACd,EAAE,EAAA,QAAQ,kBAAkB,CACxB,CAAA,EACP,EAAA,EAAA,KAAC,EAAA,SAAD,CACE,OAAO,yBACP,KAAM,GAAG,EAAE,EAAA,QAAQ,qBAAqB,CAAC,IAAI,EAAE,EAAA,QAAQ,2BAA2B,CAAC,GAAG,EAAE,EAAA,QAAQ,WAAW,GAC3G,SAAU,EAAE,EAAA,QAAQ,yBAAyB,CAC7C,KAAM,EAAA,qBAAqB,YAAY,CACvC,OAAO,IACP,KAAK,WACL,UAAU,QACV,gBAAgB,aAChB,CAAA,EAEF,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,SAAU,GAAY,EAAA,iBACb,UACT,CAAA,CACE,GACQ,CAAA"}

package/dist/components/shared/modals/settings/settings-modal.js

@@ -1,42 +1,43 @@
 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 { DEFAULT_SETTINGS as r } from "../../../../services/settings.js";
-import { ModalBackdrop as i } from "../modal-backdrop.js";
-import { MODAL_MAX_WIDTH_VIEWPORT as a, modalWidthClassName as o } from "../modal-body.js";
-import { modalTitleClassName as s } from "../../../../utils/modal-classes.js";
-import { HelpLink as c } from "../../../../ui/help-link.js";
-import { SettingsForm as l } from "./settings-form.js";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { buildAgentCanvasPath as r } from "../../../../utils/base-path.js";
+import { DEFAULT_SETTINGS as i } from "../../../../services/settings.js";
+import { ModalBackdrop as a } from "../modal-backdrop.js";
+import { MODAL_MAX_WIDTH_VIEWPORT as o, modalWidthClassName as s } from "../modal-body.js";
+import { modalTitleClassName as c } from "../../../../utils/modal-classes.js";
+import { HelpLink as l } from "../../../../ui/help-link.js";
+import { SettingsForm as u } from "./settings-form.js";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/shared/modals/settings/settings-modal.tsx
-function f({ onClose: f, settings: p }) {
-	let { t: m } = e("openhands");
-	return /* @__PURE__ */ u(i, { children: /* @__PURE__ */ d("div", {
+function p({ onClose: p, settings: m }) {
+	let { t: h } = e("openhands");
+	return /* @__PURE__ */ d(a, { children: /* @__PURE__ */ f("div", {
 		"data-testid": "ai-config-modal",
-		className: n("bg-[var(--oh-surface)] m-4 p-6 rounded-xl flex flex-col gap-[17px] border border-[var(--oh-border)] api-configuration-modal", o("md"), a),
+		className: n("bg-[var(--oh-surface)] m-4 p-6 rounded-xl flex flex-col gap-[17px] border border-[var(--oh-border)] api-configuration-modal", s("md"), o),
 		children: [
-			/* @__PURE__ */ u("span", {
-				className: s,
-				children: m(t.AI_SETTINGS$TITLE)
+			/* @__PURE__ */ d("span", {
+				className: c,
+				children: h(t.AI_SETTINGS$TITLE)
 			}),
-			/* @__PURE__ */ u(c, {
+			/* @__PURE__ */ d(l, {
 				testId: "advanced-settings-link",
-				text: `${m(t.SETTINGS$DESCRIPTION)}. ${m(t.SETTINGS$FOR_OTHER_OPTIONS)} ${m(t.COMMON$SEE)}`,
-				linkText: m(t.COMMON$ADVANCED_SETTINGS),
-				href: "/settings",
+				text: `${h(t.SETTINGS$DESCRIPTION)}. ${h(t.SETTINGS$FOR_OTHER_OPTIONS)} ${h(t.COMMON$SEE)}`,
+				linkText: h(t.COMMON$ADVANCED_SETTINGS),
+				href: r("/settings"),
 				suffix: ".",
 				size: "settings",
 				linkColor: "white",
 				suffixClassName: "text-white"
 			}),
-			/* @__PURE__ */ u(l, {
-				settings: p || r,
-				onClose: f
+			/* @__PURE__ */ d(u, {
+				settings: m || i,
+				onClose: p
 			})
 		]
 	}) });
 }
 //#endregion
-export { f as SettingsModal };
+export { p as SettingsModal };
 
 //# sourceMappingURL=settings-modal.js.map

package/dist/components/shared/modals/settings/settings-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings-modal.js","names":[],"sources":["../../../../../src/components/shared/modals/settings/settings-modal.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ModalBackdrop } from \"../modal-backdrop\";\nimport { MODAL_MAX_WIDTH_VIEWPORT, modalWidthClassName } from \"../modal-body\";\nimport { cn } from \"#/utils/utils\";\nimport { SettingsForm } from \"./settings-form\";\nimport { Settings } from \"#/types/settings\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { modalTitleClassName } from \"#/utils/modal-classes\";\n\ninterface SettingsModalProps {\n  settings?: Settings;\n  onClose: () => void;\n}\n\nexport function SettingsModal({ onClose, settings }: SettingsModalProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <ModalBackdrop>\n      <div\n        data-testid=\"ai-config-modal\"\n        className={cn(\n          \"bg-[var(--oh-surface)] m-4 p-6 rounded-xl flex flex-col gap-[17px] border border-[var(--oh-border)] api-configuration-modal\",\n          modalWidthClassName(\"md\"),\n          MODAL_MAX_WIDTH_VIEWPORT,\n        )}\n      >\n        <span className={modalTitleClassName}>\n          {t(I18nKey.AI_SETTINGS$TITLE)}\n        </span>\n        <HelpLink\n          testId=\"advanced-settings-link\"\n          text={`${t(I18nKey.SETTINGS$DESCRIPTION)}. ${t(I18nKey.SETTINGS$FOR_OTHER_OPTIONS)} ${t(I18nKey.COMMON$SEE)}`}\n          linkText={t(I18nKey.COMMON$ADVANCED_SETTINGS)}\n          href=\"/settings\"\n          suffix=\".\"\n          size=\"settings\"\n          linkColor=\"white\"\n          suffixClassName=\"text-white\"\n        />\n\n        <SettingsForm\n          settings={settings || DEFAULT_SETTINGS}\n          onClose={onClose}\n        />\n      </div>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAgBA,SAAgB,EAAc,EAAE,YAAS,eAAgC;CACvE,IAAM,EAAE,SAAM,EAAe,YAAY;AAEzC,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;EACE,eAAY;EACZ,WAAW,EACT,+HACA,EAAoB,KAAK,EACzB,EACD;YANH;GAQE,kBAAC,QAAD;IAAM,WAAW;cACd,EAAE,EAAQ,kBAAkB;IACxB,CAAA;GACP,kBAAC,GAAD;IACE,QAAO;IACP,MAAM,GAAG,EAAE,EAAQ,qBAAqB,CAAC,IAAI,EAAE,EAAQ,2BAA2B,CAAC,GAAG,EAAE,EAAQ,WAAW;IAC3G,UAAU,EAAE,EAAQ,yBAAyB;IAC7C,MAAK;IACL,QAAO;IACP,MAAK;IACL,WAAU;IACV,iBAAgB;IAChB,CAAA;GAEF,kBAAC,GAAD;IACE,UAAU,KAAY;IACb;IACT,CAAA;GACE;KACQ,CAAA"}
+{"version":3,"file":"settings-modal.js","names":[],"sources":["../../../../../src/components/shared/modals/settings/settings-modal.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ModalBackdrop } from \"../modal-backdrop\";\nimport { MODAL_MAX_WIDTH_VIEWPORT, modalWidthClassName } from \"../modal-body\";\nimport { cn } from \"#/utils/utils\";\nimport { SettingsForm } from \"./settings-form\";\nimport { Settings } from \"#/types/settings\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { modalTitleClassName } from \"#/utils/modal-classes\";\nimport { buildAgentCanvasPath } from \"#/utils/base-path\";\n\ninterface SettingsModalProps {\n  settings?: Settings;\n  onClose: () => void;\n}\n\nexport function SettingsModal({ onClose, settings }: SettingsModalProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <ModalBackdrop>\n      <div\n        data-testid=\"ai-config-modal\"\n        className={cn(\n          \"bg-[var(--oh-surface)] m-4 p-6 rounded-xl flex flex-col gap-[17px] border border-[var(--oh-border)] api-configuration-modal\",\n          modalWidthClassName(\"md\"),\n          MODAL_MAX_WIDTH_VIEWPORT,\n        )}\n      >\n        <span className={modalTitleClassName}>\n          {t(I18nKey.AI_SETTINGS$TITLE)}\n        </span>\n        <HelpLink\n          testId=\"advanced-settings-link\"\n          text={`${t(I18nKey.SETTINGS$DESCRIPTION)}. ${t(I18nKey.SETTINGS$FOR_OTHER_OPTIONS)} ${t(I18nKey.COMMON$SEE)}`}\n          linkText={t(I18nKey.COMMON$ADVANCED_SETTINGS)}\n          href={buildAgentCanvasPath(\"/settings\")}\n          suffix=\".\"\n          size=\"settings\"\n          linkColor=\"white\"\n          suffixClassName=\"text-white\"\n        />\n\n        <SettingsForm\n          settings={settings || DEFAULT_SETTINGS}\n          onClose={onClose}\n        />\n      </div>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAiBA,SAAgB,EAAc,EAAE,YAAS,eAAgC;CACvE,IAAM,EAAE,SAAM,EAAe,YAAY;AAEzC,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;EACE,eAAY;EACZ,WAAW,EACT,+HACA,EAAoB,KAAK,EACzB,EACD;YANH;GAQE,kBAAC,QAAD;IAAM,WAAW;cACd,EAAE,EAAQ,kBAAkB;IACxB,CAAA;GACP,kBAAC,GAAD;IACE,QAAO;IACP,MAAM,GAAG,EAAE,EAAQ,qBAAqB,CAAC,IAAI,EAAE,EAAQ,2BAA2B,CAAC,GAAG,EAAE,EAAQ,WAAW;IAC3G,UAAU,EAAE,EAAQ,yBAAyB;IAC7C,MAAM,EAAqB,YAAY;IACvC,QAAO;IACP,MAAK;IACL,WAAU;IACV,iBAAgB;IAChB,CAAA;GAEF,kBAAC,GAAD;IACE,UAAU,KAAY;IACb;IACT,CAAA;GACE;KACQ,CAAA"}

package/dist/config/defaults.cjs

@@ -1,2 +1,2 @@
-require(`../_virtual/_rolldown/runtime.cjs`);var e={_comment:`Single source of truth for version pins, ports, paths, and defaults shared across the npm and Docker install paths. Read by scripts/dev-safe.mjs, scripts/dev-with-automation.mjs, docker/entrypoint.sh (via generated defaults.env), and .github/workflows/docker.yml.`,versions:{agentServer:`1.35.0`,agentCanvas:`1.4.0`,automation:`1.1.6`},compatibility:{minimumAgentServer:`1.28.0`},constraints:{_comment:`Temporary upper bound on the agent-client-protocol (acp) transitive dependency. openhands-sdk 1.35.0 requires agent-client-protocol>=0.10.1 with no upper bound, but acp 0.11.0 reordered the ACP prompt() arguments and breaks the SDK's ACP client (a PromptRequest validation error surfaces as 'ACP error: 2 validation errors for PromptRequest'). Pin acp <0.11 until a fixed openhands-sdk ships. Consumed by scripts/dev-safe.mjs (agent-server uvx install) and .github/workflows/mock-llm-e2e.yml (mock ACP server venv).`,agentClientProtocol:`agent-client-protocol<0.11`},images:{agentServer:`ghcr.io/openhands/agent-server`,agentCanvas:`ghcr.io/openhands/agent-canvas`},ports:{agentServer:18e3,automation:18001,proxy:8e3},paths:{stateSubdir:`agent-canvas`,conversations:`agent-canvas/conversations`,bashEvents:`agent-canvas/bash_events`,automationDb:`automation/automations.db`},packages:{agentServer:`openhands-agent-server`,automation:`openhands-automation`,tools:`openhands-tools`,workspace:`openhands-workspace`}};exports.default=e;
+require(`../_virtual/_rolldown/runtime.cjs`);var e={_comment:`Single source of truth for version pins, ports, paths, and defaults shared across the npm and Docker install paths. Read by scripts/dev-safe.mjs, scripts/dev-with-automation.mjs, docker/entrypoint.sh (via generated defaults.env), and .github/workflows/docker.yml.`,versions:{agentServer:`1.36.1`,agentCanvas:`1.5.1`,automation:`1.1.7`},compatibility:{minimumAgentServer:`1.28.0`},constraints:{_comment:`Temporary upper bound on the agent-client-protocol (acp) transitive dependency. openhands-sdk 1.35.0 requires agent-client-protocol>=0.10.1 with no upper bound, but acp 0.11.0 reordered the ACP prompt() arguments and breaks the SDK's ACP client (a PromptRequest validation error surfaces as 'ACP error: 2 validation errors for PromptRequest'). Pin acp <0.11 until a fixed openhands-sdk ships. Consumed by scripts/dev-safe.mjs (agent-server uvx install) and .github/workflows/mock-llm-e2e.yml (mock ACP server venv).`,agentClientProtocol:`agent-client-protocol<0.11`},images:{agentServer:`ghcr.io/openhands/agent-server`,agentCanvas:`ghcr.io/openhands/agent-canvas`},ports:{agentServer:18e3,automation:18001,proxy:8e3},paths:{stateSubdir:`agent-canvas`,conversations:`agent-canvas/conversations`,bashEvents:`agent-canvas/bash_events`,automationDb:`automation/automations.db`,canvasBasePath:`/canvas`},packages:{agentServer:`openhands-agent-server`,automation:`openhands-automation`,tools:`openhands-tools`,workspace:`openhands-workspace`}};exports.default=e;
 //# sourceMappingURL=defaults.cjs.map

package/dist/config/defaults.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.cjs","names":[],"sources":["../../config/defaults.json"],"sourcesContent":["{\n  \"_comment\": \"Single source of truth for version pins, ports, paths, and defaults shared across the npm and Docker install paths. Read by scripts/dev-safe.mjs, scripts/dev-with-automation.mjs, docker/entrypoint.sh (via generated defaults.env), and .github/workflows/docker.yml.\",\n  \"versions\": {\n    \"agentServer\": \"1.35.0\",\n    \"agentCanvas\": \"1.4.0\",\n    \"automation\": \"1.1.6\"\n  },\n  \"compatibility\": {\n    \"minimumAgentServer\": \"1.28.0\"\n  },\n  \"constraints\": {\n    \"_comment\": \"Temporary upper bound on the agent-client-protocol (acp) transitive dependency. openhands-sdk 1.35.0 requires agent-client-protocol>=0.10.1 with no upper bound, but acp 0.11.0 reordered the ACP prompt() arguments and breaks the SDK's ACP client (a PromptRequest validation error surfaces as 'ACP error: 2 validation errors for PromptRequest'). Pin acp <0.11 until a fixed openhands-sdk ships. Consumed by scripts/dev-safe.mjs (agent-server uvx install) and .github/workflows/mock-llm-e2e.yml (mock ACP server venv).\",\n    \"agentClientProtocol\": \"agent-client-protocol<0.11\"\n  },\n  \"images\": {\n    \"agentServer\": \"ghcr.io/openhands/agent-server\",\n    \"agentCanvas\": \"ghcr.io/openhands/agent-canvas\"\n  },\n  \"ports\": {\n    \"agentServer\": 18000,\n    \"automation\": 18001,\n    \"proxy\": 8000\n  },\n  \"paths\": {\n    \"stateSubdir\": \"agent-canvas\",\n    \"conversations\": \"agent-canvas/conversations\",\n    \"bashEvents\": \"agent-canvas/bash_events\",\n    \"automationDb\": \"automation/automations.db\"\n  },\n  \"packages\": {\n    \"agentServer\": \"openhands-agent-server\",\n    \"automation\": \"openhands-automation\",\n    \"tools\": \"openhands-tools\",\n    \"workspace\": \"openhands-workspace\"\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"defaults.cjs","names":[],"sources":["../../config/defaults.json"],"sourcesContent":["{\n  \"_comment\": \"Single source of truth for version pins, ports, paths, and defaults shared across the npm and Docker install paths. Read by scripts/dev-safe.mjs, scripts/dev-with-automation.mjs, docker/entrypoint.sh (via generated defaults.env), and .github/workflows/docker.yml.\",\n  \"versions\": {\n    \"agentServer\": \"1.36.1\",\n    \"agentCanvas\": \"1.5.1\",\n    \"automation\": \"1.1.7\"\n  },\n  \"compatibility\": {\n    \"minimumAgentServer\": \"1.28.0\"\n  },\n  \"constraints\": {\n    \"_comment\": \"Temporary upper bound on the agent-client-protocol (acp) transitive dependency. openhands-sdk 1.35.0 requires agent-client-protocol>=0.10.1 with no upper bound, but acp 0.11.0 reordered the ACP prompt() arguments and breaks the SDK's ACP client (a PromptRequest validation error surfaces as 'ACP error: 2 validation errors for PromptRequest'). Pin acp <0.11 until a fixed openhands-sdk ships. Consumed by scripts/dev-safe.mjs (agent-server uvx install) and .github/workflows/mock-llm-e2e.yml (mock ACP server venv).\",\n    \"agentClientProtocol\": \"agent-client-protocol<0.11\"\n  },\n  \"images\": {\n    \"agentServer\": \"ghcr.io/openhands/agent-server\",\n    \"agentCanvas\": \"ghcr.io/openhands/agent-canvas\"\n  },\n  \"ports\": {\n    \"agentServer\": 18000,\n    \"automation\": 18001,\n    \"proxy\": 8000\n  },\n  \"paths\": {\n    \"stateSubdir\": \"agent-canvas\",\n    \"conversations\": \"agent-canvas/conversations\",\n    \"bashEvents\": \"agent-canvas/bash_events\",\n    \"automationDb\": \"automation/automations.db\",\n    \"canvasBasePath\": \"/canvas\"\n  },\n  \"packages\": {\n    \"agentServer\": \"openhands-agent-server\",\n    \"automation\": \"openhands-automation\",\n    \"tools\": \"openhands-tools\",\n    \"workspace\": \"openhands-workspace\"\n  }\n}\n"],"mappings":""}