@openhands/agent-canvas 1.3.0 → 1.5.0

package/dist/routes/files-tab.js

@@ -9,143 +9,164 @@ import { SegmentedToggle as s } from "../components/features/files-tab/segmented
 import { NoFileSelectedMessage as c } from "../components/features/files-tab/no-file-selected-message.js";
 import { useUnifiedGetGitChanges as l } from "../hooks/query/use-unified-get-git-changes.js";
 import { useWorkspaceFiles as u } from "../hooks/query/use-workspace-files.js";
-import { useWorkspaceMutationCounter as d, withWorkspaceCacheBuster as f } from "../stores/use-workspace-mutation-counter.js";
-import { useWorkspaceFileContent as p } from "../hooks/query/use-workspace-file-content.js";
-import { useHasAttachedSource as m } from "../hooks/use-has-attached-source.js";
-import { useHasGitCommits as h } from "../hooks/query/use-has-git-commits.js";
-import { useAutoRefreshFilesOnEdit as g } from "../hooks/use-auto-refresh-files-on-edit.js";
-import { sortFilesByPriority as _ } from "../utils/file-priority.js";
-import { FileQuickRow as v } from "../components/features/files-tab/file-quick-row.js";
-import { FileTreeView as y } from "../components/features/files-tab/file-tree-view.js";
-import { FileContentViewer as b } from "../components/features/files-tab/file-content-viewer.js";
-import x from "../icons/u-refresh.js";
-import S from "./changes-tab.js";
-import { useCallback as ee, useEffect as C, useMemo as w, useState as T } from "react";
-import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import { useWorkspaceMutationCounter as ee, withWorkspaceCacheBuster as te } from "../stores/use-workspace-mutation-counter.js";
+import { useWorkspaceFileContent as ne } from "../hooks/query/use-workspace-file-content.js";
+import { useHasAttachedSource as re } from "../hooks/use-has-attached-source.js";
+import { useHasGitCommits as d } from "../hooks/query/use-has-git-commits.js";
+import { useAutoRefreshFilesOnEdit as f } from "../hooks/use-auto-refresh-files-on-edit.js";
+import { sortFilesByPriority as ie } from "../utils/file-priority.js";
+import { FileQuickRow as p } from "../components/features/files-tab/file-quick-row.js";
+import { FileTreeView as m } from "../components/features/files-tab/file-tree-view.js";
+import { FileContentViewer as h } from "../components/features/files-tab/file-content-viewer.js";
+import g from "../icons/u-refresh.js";
+import { useUnifiedGitCommits as _ } from "../hooks/query/use-unified-git-commits.js";
+import v from "./changes-tab.js";
+import y from "./commits-tab.js";
+import { useCallback as b, useEffect as x, useMemo as ae, useState as S } from "react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
 //#region src/routes/files-tab.tsx
-function k() {
-	let { t: k } = e("openhands");
-	g();
-	let { hasAttachedSource: A, isLoading: j } = m(), { hasCommits: M } = h({ enabled: A }), { conversationId: N } = n(), { state: P, setFilesTabDiffView: F, setFilesTabContentViewMode: I } = r(N ?? ""), L = (A || j) && M !== !1, R = P.filesTabDiffView ?? L, z = P.filesTabContentViewMode, [B, V] = T(!1), H = u(), U = w(() => H.data ?? [], [H.data]), W = a((e) => e.selectedPath), G = a((e) => e.selectedConversationId), K = a((e) => e.setSelectedPath), q = G === N ? W : null, J = ee((e) => K(e, N), [N, K]), Y = p(q), X = d((e) => e.count), Z = f(Y.data?.staticUrl ?? null, X);
-	C(() => {
-		G !== N && K(null, N);
+function E() {
+	let { t: E } = e("openhands");
+	f();
+	let { hasAttachedSource: D, isLoading: O } = re(), { hasCommits: k } = d({ enabled: D }), { conversationId: A } = n(), { state: j, setFilesTabDiffView: M, setFilesTabContentViewMode: N } = r(A ?? ""), P = (D || O) && k !== !1, F = j.filesTabDiffView ?? P, I = j.filesTabContentViewMode, { isSuccess: oe, isUnsupported: L } = _(), R = oe && !L, [z, B] = S(!1), V = F ? "on" : "off";
+	z && R && (V = "commits");
+	let [H, U] = S(!1), W = u(), G = ae(() => W.data ?? [], [W.data]), K = a((e) => e.selectedPath), q = a((e) => e.selectedConversationId), J = a((e) => e.setSelectedPath), Y = q === A ? K : null, X = b((e) => J(e, A), [A, J]), se = ne(Y), ce = ee((e) => e.count), Z = te(se.data?.staticUrl ?? null, ce);
+	x(() => {
+		q !== A && J(null, A);
 	}, [
-		G,
-		N,
-		K
-	]), C(() => {
-		if (q || U.length === 0) return;
-		let [e] = _(U);
-		e && K(e, N);
-	}, [
-		U,
 		q,
-		N,
-		K
+		A,
+		J
+	]), x(() => {
+		if (Y || G.length === 0) return;
+		let [e] = ie(G);
+		e && J(e, A);
+	}, [
+		G,
+		Y,
+		A,
+		J
 	]);
-	let Q = i(), { refetch: te, isFetching: $ } = l();
-	return /* @__PURE__ */ O("main", {
+	let Q = i(), { refetch: le, isFetching: $ } = l(), ue = () => {
+		le(), Q.invalidateQueries({ queryKey: ["workspace-files"] }), Q.invalidateQueries({ queryKey: ["workspace-file-content"] }), Q.invalidateQueries({ queryKey: ["git_commits"] });
+	};
+	return /* @__PURE__ */ T("main", {
 		className: "h-full w-full flex flex-col items-stretch",
 		"data-testid": "files-tab",
-		children: [/* @__PURE__ */ O("div", {
-			className: "flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]",
-			children: [
-				/* @__PURE__ */ D(s, {
-					ariaLabel: k(t.FILES$DIFF_VIEW),
-					testId: "files-tab-diff-toggle",
-					value: R ? "on" : "off",
-					options: [{
-						value: "on",
-						label: k(t.FILES$DIFF_VIEW)
-					}, {
-						value: "off",
-						label: k(t.COMMON$FILES)
-					}],
-					onChange: (e) => F(e === "on")
-				}),
-				!R && /* @__PURE__ */ D(s, {
-					ariaLabel: k(t.FILES$RICH),
-					testId: "files-tab-content-mode-toggle",
-					value: z,
-					options: [{
-						value: "rich",
-						label: k(t.FILES$RICH)
-					}, {
-						value: "plain",
-						label: k(t.FILES$PLAIN)
-					}],
-					onChange: I
-				}),
-				/* @__PURE__ */ O("div", {
-					className: "ml-auto flex items-center gap-1",
-					children: [!R && Z && /* @__PURE__ */ D("a", {
-						href: Z,
-						target: "_blank",
-						rel: "noopener noreferrer",
-						"aria-label": k(t.FILES$OPEN_IN_NEW_WINDOW),
-						title: k(t.FILES$OPEN_IN_NEW_WINDOW),
-						"data-testid": "files-tab-open-in-new-window",
-						className: "flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:bg-[var(--oh-interactive-hover)] cursor-pointer text-white",
-						children: /* @__PURE__ */ D(o, {
-							width: 14,
-							height: 14
-						})
-					}), /* @__PURE__ */ D("button", {
-						type: "button",
-						onClick: () => {
-							te(), Q.invalidateQueries({ queryKey: ["workspace-files"] }), Q.invalidateQueries({ queryKey: ["workspace-file-content"] });
-						},
-						disabled: $,
-						"aria-label": k(t.FILES$REFRESH),
-						title: k(t.FILES$REFRESH),
-						"data-testid": "files-tab-refresh",
-						className: "flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:enabled:bg-[var(--oh-interactive-hover)] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed",
-						children: /* @__PURE__ */ D(x, {
-							width: 12.75,
-							height: 15,
-							color: "#ffffff",
-							className: $ ? "animate-spin" : ""
+		children: [
+			/* @__PURE__ */ T("div", {
+				className: "flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]",
+				children: [
+					/* @__PURE__ */ w(s, {
+						ariaLabel: E(t.FILES$DIFF_VIEW),
+						testId: "files-tab-diff-toggle",
+						value: V,
+						options: [
+							{
+								value: "on",
+								label: E(t.FILES$DIFF_VIEW)
+							},
+							...R ? [{
+								value: "commits",
+								label: E(t.DIFF_VIEWER$COMMITS)
+							}] : [],
+							{
+								value: "off",
+								label: E(t.COMMON$FILES)
+							}
+						],
+						onChange: (e) => {
+							e === "commits" ? B(!0) : (B(!1), M(e === "on"));
+						}
+					}),
+					V === "off" && /* @__PURE__ */ w(s, {
+						ariaLabel: E(t.FILES$RICH),
+						testId: "files-tab-content-mode-toggle",
+						value: I,
+						options: [{
+							value: "rich",
+							label: E(t.FILES$RICH)
+						}, {
+							value: "plain",
+							label: E(t.FILES$PLAIN)
+						}],
+						onChange: N
+					}),
+					/* @__PURE__ */ T("div", {
+						className: "ml-auto flex items-center gap-1",
+						children: [V === "off" && Z && /* @__PURE__ */ w("a", {
+							href: Z,
+							target: "_blank",
+							rel: "noopener noreferrer",
+							"aria-label": E(t.FILES$OPEN_IN_NEW_WINDOW),
+							title: E(t.FILES$OPEN_IN_NEW_WINDOW),
+							"data-testid": "files-tab-open-in-new-window",
+							className: "flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:bg-[var(--oh-interactive-hover)] cursor-pointer text-white",
+							children: /* @__PURE__ */ w(o, {
+								width: 14,
+								height: 14
+							})
+						}), /* @__PURE__ */ w("button", {
+							type: "button",
+							onClick: ue,
+							disabled: $,
+							"aria-label": E(t.FILES$REFRESH),
+							title: E(t.FILES$REFRESH),
+							"data-testid": "files-tab-refresh",
+							className: "flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:enabled:bg-[var(--oh-interactive-hover)] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed",
+							children: /* @__PURE__ */ w(g, {
+								width: 12.75,
+								height: 15,
+								color: "#ffffff",
+								className: $ ? "animate-spin" : ""
+							})
+						})]
+					})
+				]
+			}),
+			V === "on" && /* @__PURE__ */ w("div", {
+				className: "flex-1 min-h-0",
+				children: /* @__PURE__ */ w(v, {})
+			}),
+			V === "commits" && /* @__PURE__ */ w("div", {
+				className: "flex-1 min-h-0",
+				children: /* @__PURE__ */ w(y, {})
+			}),
+			V === "off" && /* @__PURE__ */ w("div", {
+				className: "flex flex-1 flex-col min-h-0",
+				children: W.isLoading ? /* @__PURE__ */ w("div", {
+					className: "flex flex-1 items-center justify-center text-sm text-[var(--oh-muted)]",
+					children: E(t.FILES$LOADING_FILES)
+				}) : /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(p, {
+					paths: G,
+					selectedPath: Y,
+					onSelectFile: X,
+					isTreeVisible: H,
+					onToggleTree: () => U((e) => !e)
+				}), /* @__PURE__ */ T("div", {
+					className: "flex h-full min-h-0 flex-1",
+					children: [H && /* @__PURE__ */ w("aside", {
+						className: "w-56 shrink-0 border-r border-[var(--oh-border)] overflow-y-auto custom-scrollbar-always",
+						"data-testid": "files-tab-tree",
+						children: /* @__PURE__ */ w(m, {
+							paths: G,
+							selectedPath: Y,
+							onSelectFile: X
 						})
+					}), /* @__PURE__ */ w("section", {
+						className: "flex h-full min-h-0 min-w-0 flex-1 flex-col",
+						"data-testid": "files-tab-content",
+						children: Y ? /* @__PURE__ */ w(h, {
+							path: Y,
+							viewMode: I
+						}) : /* @__PURE__ */ w(c, {})
 					})]
-				})
-			]
-		}), R ? /* @__PURE__ */ D("div", {
-			className: "flex-1 min-h-0",
-			children: /* @__PURE__ */ D(S, {})
-		}) : /* @__PURE__ */ D("div", {
-			className: "flex flex-1 flex-col min-h-0",
-			children: H.isLoading ? /* @__PURE__ */ D("div", {
-				className: "flex flex-1 items-center justify-center text-sm text-[var(--oh-muted)]",
-				children: k(t.FILES$LOADING_FILES)
-			}) : /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(v, {
-				paths: U,
-				selectedPath: q,
-				onSelectFile: J,
-				isTreeVisible: B,
-				onToggleTree: () => V((e) => !e)
-			}), /* @__PURE__ */ O("div", {
-				className: "flex h-full min-h-0 flex-1",
-				children: [B && /* @__PURE__ */ D("aside", {
-					className: "w-56 shrink-0 border-r border-[var(--oh-border)] overflow-y-auto custom-scrollbar-always",
-					"data-testid": "files-tab-tree",
-					children: /* @__PURE__ */ D(y, {
-						paths: U,
-						selectedPath: q,
-						onSelectFile: J
-					})
-				}), /* @__PURE__ */ D("section", {
-					className: "flex h-full min-h-0 min-w-0 flex-1 flex-col",
-					"data-testid": "files-tab-content",
-					children: q ? /* @__PURE__ */ D(b, {
-						path: q,
-						viewMode: z
-					}) : /* @__PURE__ */ D(c, {})
-				})]
-			})] })
-		})]
+				})] })
+			})
+		]
 	});
 }
 //#endregion
-export { k as default };
+export { E as default };
 
 //# sourceMappingURL=files-tab.js.map

package/dist/routes/files-tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"files-tab.js","names":[],"sources":["../../src/routes/files-tab.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useQueryClient } from \"@tanstack/react-query\";\n\nimport { NoFileSelectedMessage } from \"#/components/features/files-tab/no-file-selected-message\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useFilesTabStore } from \"#/stores/files-tab-store\";\nimport { useWorkspaceFiles } from \"#/hooks/query/use-workspace-files\";\nimport { useWorkspaceFileContent } from \"#/hooks/query/use-workspace-file-content\";\nimport { useHasAttachedSource } from \"#/hooks/use-has-attached-source\";\nimport { useHasGitCommits } from \"#/hooks/query/use-has-git-commits\";\nimport { useAutoRefreshFilesOnEdit } from \"#/hooks/use-auto-refresh-files-on-edit\";\nimport { useUnifiedGetGitChanges } from \"#/hooks/query/use-unified-get-git-changes\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useConversationLocalStorageState } from \"#/utils/conversation-local-storage\";\nimport {\n  useWorkspaceMutationCounter,\n  withWorkspaceCacheBuster,\n} from \"#/stores/use-workspace-mutation-counter\";\nimport { sortFilesByPriority } from \"#/utils/file-priority\";\nimport { FileQuickRow } from \"#/components/features/files-tab/file-quick-row\";\nimport { FileTreeView } from \"#/components/features/files-tab/file-tree-view\";\nimport { FileContentViewer } from \"#/components/features/files-tab/file-content-viewer\";\nimport { SegmentedToggle } from \"#/components/features/files-tab/segmented-toggle\";\nimport type { ViewMode } from \"#/components/features/files-tab/view-mode\";\nimport RefreshIcon from \"#/icons/u-refresh.svg?react\";\nimport LinkExternalIcon from \"#/icons/link-external.svg?react\";\nimport GitChanges from \"./changes-tab\";\n\nfunction FilesTab() {\n  const { t } = useTranslation(\"openhands\");\n\n  // Keep the list / content / diff caches fresh as the agent writes files.\n  useAutoRefreshFilesOnEdit();\n\n  const { hasAttachedSource, isLoading: isAttachedSourceLoading } =\n    useHasAttachedSource();\n  // A workspace with zero commits has no diff base to compare against, so\n  // the diff view would just be empty / misleading. Only probe when we\n  // already believe the user attached a source — saves a workspace round\n  // trip on every plain (no-attachment) conversation.\n  const { hasCommits } = useHasGitCommits({ enabled: hasAttachedSource });\n\n  // Diff view defaults to ON when the user attached a source (repo or\n  // local workspace) *and* there's at least one commit, OFF otherwise\n  // (no attachment, or attachment with no commits yet).\n  //\n  // While the attachment / commit probes are still resolving we stay\n  // optimistic — most attached conversations live in a real repo, so\n  // defaulting to diff during the brief loading window avoids a\n  // \"files → diff\" flash on initial load. We only flip to files-view\n  // once `hasAttachedSource` *or* `hasCommits` definitively resolves\n  // false. The user's persisted choice always wins.\n  const { conversationId } = useOptionalConversationId();\n  const {\n    state: persistedState,\n    setFilesTabDiffView,\n    setFilesTabContentViewMode,\n  } = useConversationLocalStorageState(conversationId ?? \"\");\n\n  const diffViewDefault =\n    (hasAttachedSource || isAttachedSourceLoading) && hasCommits !== false;\n  const diffViewEnabled = persistedState.filesTabDiffView ?? diffViewDefault;\n  const contentViewMode = persistedState.filesTabContentViewMode;\n\n  // Collapsed by default — the quick-access pill row at the top is usually\n  // enough; the user can expand the tree on demand.\n  const [isTreeVisible, setIsTreeVisible] = useState(false);\n\n  const filesQuery = useWorkspaceFiles();\n  const paths = useMemo(() => filesQuery.data ?? [], [filesQuery.data]);\n\n  const storedSelectedPath = useFilesTabStore((s) => s.selectedPath);\n  const selectedConversationId = useFilesTabStore(\n    (s) => s.selectedConversationId,\n  );\n  const setSelectedPath = useFilesTabStore((s) => s.setSelectedPath);\n\n  // A selection is scoped to the conversation it was made in. Ignore a path\n  // that belongs to a different conversation so we never try to open a file\n  // that only exists in the previous conversation's workspace (issue #1350).\n  // The auto-select effect below then picks this conversation's top file.\n  const selectedPath =\n    selectedConversationId === conversationId ? storedSelectedPath : null;\n\n  // Tag every selection with the active conversation so it can't leak into\n  // the next one. FileQuickRow / FileTreeView call this with just the path.\n  const handleSelectFile = useCallback(\n    (path: string) => setSelectedPath(path, conversationId),\n    [conversationId, setSelectedPath],\n  );\n\n  // Pre-fetch the selected file's content here too so the toolbar's\n  // \"open in new window\" link can reach for its `staticUrl`. react-query\n  // dedupes against `FileContentViewer`'s identical call, so this costs\n  // nothing extra.\n  const selectedFileContent = useWorkspaceFileContent(selectedPath);\n  const mutationCounter = useWorkspaceMutationCounter((state) => state.count);\n  const selectedFileStaticUrl = withWorkspaceCacheBuster(\n    selectedFileContent.data?.staticUrl ?? null,\n    mutationCounter,\n  );\n\n  useEffect(() => {\n    if (selectedConversationId === conversationId) return;\n    setSelectedPath(null, conversationId);\n  }, [selectedConversationId, conversationId, setSelectedPath]);\n\n  // Auto-select the highest-priority file the first time we load the list,\n  // so users see something useful immediately.\n  useEffect(() => {\n    if (selectedPath || paths.length === 0) return;\n    const [first] = sortFilesByPriority(paths);\n    if (first) setSelectedPath(first, conversationId);\n  }, [paths, selectedPath, conversationId, setSelectedPath]);\n\n  // Refresh button: covers the diff view (git changes) and the file viewer\n  // (workspace listing + cached file contents). Lives in this toolbar — not\n  // in the outer ConversationTabs bar — so it sits with the other\n  // files-tab-local controls.\n  const queryClient = useQueryClient();\n  const { refetch: refetchGitChanges, isFetching: isFetchingGitChanges } =\n    useUnifiedGetGitChanges();\n  const refreshFiles = () => {\n    refetchGitChanges();\n    queryClient.invalidateQueries({ queryKey: [\"workspace-files\"] });\n    queryClient.invalidateQueries({ queryKey: [\"workspace-file-content\"] });\n  };\n\n  return (\n    <main\n      className=\"h-full w-full flex flex-col items-stretch\"\n      data-testid=\"files-tab\"\n    >\n      {/* Top toolbar: diff/files + rich/plain toggles (left-aligned) plus\n          the refresh button on the right. */}\n      <div className=\"flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]\">\n        <SegmentedToggle<\"on\" | \"off\">\n          ariaLabel={t(I18nKey.FILES$DIFF_VIEW)}\n          testId=\"files-tab-diff-toggle\"\n          value={diffViewEnabled ? \"on\" : \"off\"}\n          options={[\n            { value: \"on\", label: t(I18nKey.FILES$DIFF_VIEW) },\n            { value: \"off\", label: t(I18nKey.COMMON$FILES) },\n          ]}\n          onChange={(value) => setFilesTabDiffView(value === \"on\")}\n        />\n\n        {!diffViewEnabled && (\n          <SegmentedToggle<ViewMode>\n            ariaLabel={t(I18nKey.FILES$RICH)}\n            testId=\"files-tab-content-mode-toggle\"\n            value={contentViewMode}\n            options={[\n              { value: \"rich\", label: t(I18nKey.FILES$RICH) },\n              { value: \"plain\", label: t(I18nKey.FILES$PLAIN) },\n            ]}\n            onChange={setFilesTabContentViewMode}\n          />\n        )}\n\n        <div className=\"ml-auto flex items-center gap-1\">\n          {/* Open the currently-selected file in a new browser tab. Only\n              meaningful while we're showing a file (not the diff view) and\n              we've resolved its staticUrl from the workspace fileserver. */}\n          {!diffViewEnabled && selectedFileStaticUrl && (\n            <a\n              href={selectedFileStaticUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              aria-label={t(I18nKey.FILES$OPEN_IN_NEW_WINDOW)}\n              title={t(I18nKey.FILES$OPEN_IN_NEW_WINDOW)}\n              data-testid=\"files-tab-open-in-new-window\"\n              className=\"flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:bg-[var(--oh-interactive-hover)] cursor-pointer text-white\"\n            >\n              <LinkExternalIcon width={14} height={14} />\n            </a>\n          )}\n          <button\n            type=\"button\"\n            onClick={refreshFiles}\n            disabled={isFetchingGitChanges}\n            aria-label={t(I18nKey.FILES$REFRESH)}\n            title={t(I18nKey.FILES$REFRESH)}\n            data-testid=\"files-tab-refresh\"\n            className=\"flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:enabled:bg-[var(--oh-interactive-hover)] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\"\n          >\n            <RefreshIcon\n              width={12.75}\n              height={15}\n              color=\"#ffffff\"\n              className={isFetchingGitChanges ? \"animate-spin\" : \"\"}\n            />\n          </button>\n        </div>\n      </div>\n\n      {diffViewEnabled ? (\n        <div className=\"flex-1 min-h-0\">\n          <GitChanges />\n        </div>\n      ) : (\n        <div className=\"flex flex-1 flex-col min-h-0\">\n          {filesQuery.isLoading ? (\n            <div className=\"flex flex-1 items-center justify-center text-sm text-[var(--oh-muted)]\">\n              {t(I18nKey.FILES$LOADING_FILES)}\n            </div>\n          ) : (\n            <>\n              <FileQuickRow\n                paths={paths}\n                selectedPath={selectedPath}\n                onSelectFile={handleSelectFile}\n                isTreeVisible={isTreeVisible}\n                onToggleTree={() => setIsTreeVisible((prev) => !prev)}\n              />\n              <div className=\"flex h-full min-h-0 flex-1\">\n                {isTreeVisible && (\n                  <aside\n                    className=\"w-56 shrink-0 border-r border-[var(--oh-border)] overflow-y-auto custom-scrollbar-always\"\n                    data-testid=\"files-tab-tree\"\n                  >\n                    <FileTreeView\n                      paths={paths}\n                      selectedPath={selectedPath}\n                      onSelectFile={handleSelectFile}\n                    />\n                  </aside>\n                )}\n                <section\n                  className=\"flex h-full min-h-0 min-w-0 flex-1 flex-col\"\n                  data-testid=\"files-tab-content\"\n                >\n                  {selectedPath ? (\n                    <FileContentViewer\n                      path={selectedPath}\n                      viewMode={contentViewMode}\n                    />\n                  ) : (\n                    <NoFileSelectedMessage />\n                  )}\n                </section>\n              </div>\n            </>\n          )}\n        </div>\n      )}\n    </main>\n  );\n}\n\nexport default FilesTab;\n"],"mappings":"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"}
+{"version":3,"file":"files-tab.js","names":[],"sources":["../../src/routes/files-tab.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useQueryClient } from \"@tanstack/react-query\";\n\nimport { NoFileSelectedMessage } from \"#/components/features/files-tab/no-file-selected-message\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useFilesTabStore } from \"#/stores/files-tab-store\";\nimport { useWorkspaceFiles } from \"#/hooks/query/use-workspace-files\";\nimport { useWorkspaceFileContent } from \"#/hooks/query/use-workspace-file-content\";\nimport { useHasAttachedSource } from \"#/hooks/use-has-attached-source\";\nimport { useHasGitCommits } from \"#/hooks/query/use-has-git-commits\";\nimport { useAutoRefreshFilesOnEdit } from \"#/hooks/use-auto-refresh-files-on-edit\";\nimport { useUnifiedGetGitChanges } from \"#/hooks/query/use-unified-get-git-changes\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useConversationLocalStorageState } from \"#/utils/conversation-local-storage\";\nimport {\n  useWorkspaceMutationCounter,\n  withWorkspaceCacheBuster,\n} from \"#/stores/use-workspace-mutation-counter\";\nimport { sortFilesByPriority } from \"#/utils/file-priority\";\nimport { FileQuickRow } from \"#/components/features/files-tab/file-quick-row\";\nimport { FileTreeView } from \"#/components/features/files-tab/file-tree-view\";\nimport { FileContentViewer } from \"#/components/features/files-tab/file-content-viewer\";\nimport { SegmentedToggle } from \"#/components/features/files-tab/segmented-toggle\";\nimport type { ViewMode } from \"#/components/features/files-tab/view-mode\";\nimport RefreshIcon from \"#/icons/u-refresh.svg?react\";\nimport LinkExternalIcon from \"#/icons/link-external.svg?react\";\nimport { useUnifiedGitCommits } from \"#/hooks/query/use-unified-git-commits\";\nimport GitChanges from \"./changes-tab\";\nimport GitCommits from \"./commits-tab\";\n\nfunction FilesTab() {\n  const { t } = useTranslation(\"openhands\");\n\n  // Keep the list / content / diff caches fresh as the agent writes files.\n  useAutoRefreshFilesOnEdit();\n\n  const { hasAttachedSource, isLoading: isAttachedSourceLoading } =\n    useHasAttachedSource();\n  // A workspace with zero commits has no diff base to compare against, so\n  // the diff view would just be empty / misleading. Only probe when we\n  // already believe the user attached a source — saves a workspace round\n  // trip on every plain (no-attachment) conversation.\n  const { hasCommits } = useHasGitCommits({ enabled: hasAttachedSource });\n\n  // Diff view defaults to ON when the user attached a source (repo or\n  // local workspace) *and* there's at least one commit, OFF otherwise\n  // (no attachment, or attachment with no commits yet).\n  //\n  // While the attachment / commit probes are still resolving we stay\n  // optimistic — most attached conversations live in a real repo, so\n  // defaulting to diff during the brief loading window avoids a\n  // \"files → diff\" flash on initial load. We only flip to files-view\n  // once `hasAttachedSource` *or* `hasCommits` definitively resolves\n  // false. The user's persisted choice always wins.\n  const { conversationId } = useOptionalConversationId();\n  const {\n    state: persistedState,\n    setFilesTabDiffView,\n    setFilesTabContentViewMode,\n  } = useConversationLocalStorageState(conversationId ?? \"\");\n\n  const diffViewDefault =\n    (hasAttachedSource || isAttachedSourceLoading) && hasCommits !== false;\n  const diffViewEnabled = persistedState.filesTabDiffView ?? diffViewDefault;\n  const contentViewMode = persistedState.filesTabContentViewMode;\n\n  // Commit history gets a third toggle segment, offered only when the\n  // agent server supports the commits API (older servers 404 → the toggle\n  // stays two-way and the tab looks exactly as it did before). The\n  // selection is session-local; the persisted diff/files preference is\n  // untouched so falling out of the commits view restores it.\n  const { isSuccess: commitsIsSuccess, isUnsupported: commitsUnsupported } =\n    useUnifiedGitCommits();\n  const showCommitsOption = commitsIsSuccess && !commitsUnsupported;\n  const [commitsViewSelected, setCommitsViewSelected] = useState(false);\n  let activeView: \"on\" | \"off\" | \"commits\" = diffViewEnabled ? \"on\" : \"off\";\n  if (commitsViewSelected && showCommitsOption) activeView = \"commits\";\n\n  // Collapsed by default — the quick-access pill row at the top is usually\n  // enough; the user can expand the tree on demand.\n  const [isTreeVisible, setIsTreeVisible] = useState(false);\n\n  const filesQuery = useWorkspaceFiles();\n  const paths = useMemo(() => filesQuery.data ?? [], [filesQuery.data]);\n\n  const storedSelectedPath = useFilesTabStore((s) => s.selectedPath);\n  const selectedConversationId = useFilesTabStore(\n    (s) => s.selectedConversationId,\n  );\n  const setSelectedPath = useFilesTabStore((s) => s.setSelectedPath);\n\n  // A selection is scoped to the conversation it was made in. Ignore a path\n  // that belongs to a different conversation so we never try to open a file\n  // that only exists in the previous conversation's workspace (issue #1350).\n  // The auto-select effect below then picks this conversation's top file.\n  const selectedPath =\n    selectedConversationId === conversationId ? storedSelectedPath : null;\n\n  // Tag every selection with the active conversation so it can't leak into\n  // the next one. FileQuickRow / FileTreeView call this with just the path.\n  const handleSelectFile = useCallback(\n    (path: string) => setSelectedPath(path, conversationId),\n    [conversationId, setSelectedPath],\n  );\n\n  // Pre-fetch the selected file's content here too so the toolbar's\n  // \"open in new window\" link can reach for its `staticUrl`. react-query\n  // dedupes against `FileContentViewer`'s identical call, so this costs\n  // nothing extra.\n  const selectedFileContent = useWorkspaceFileContent(selectedPath);\n  const mutationCounter = useWorkspaceMutationCounter((state) => state.count);\n  const selectedFileStaticUrl = withWorkspaceCacheBuster(\n    selectedFileContent.data?.staticUrl ?? null,\n    mutationCounter,\n  );\n\n  useEffect(() => {\n    if (selectedConversationId === conversationId) return;\n    setSelectedPath(null, conversationId);\n  }, [selectedConversationId, conversationId, setSelectedPath]);\n\n  // Auto-select the highest-priority file the first time we load the list,\n  // so users see something useful immediately.\n  useEffect(() => {\n    if (selectedPath || paths.length === 0) return;\n    const [first] = sortFilesByPriority(paths);\n    if (first) setSelectedPath(first, conversationId);\n  }, [paths, selectedPath, conversationId, setSelectedPath]);\n\n  // Refresh button: covers the diff view (git changes) and the file viewer\n  // (workspace listing + cached file contents). Lives in this toolbar — not\n  // in the outer ConversationTabs bar — so it sits with the other\n  // files-tab-local controls.\n  const queryClient = useQueryClient();\n  const { refetch: refetchGitChanges, isFetching: isFetchingGitChanges } =\n    useUnifiedGetGitChanges();\n  const refreshFiles = () => {\n    refetchGitChanges();\n    queryClient.invalidateQueries({ queryKey: [\"workspace-files\"] });\n    queryClient.invalidateQueries({ queryKey: [\"workspace-file-content\"] });\n    queryClient.invalidateQueries({ queryKey: [\"git_commits\"] });\n  };\n\n  return (\n    <main\n      className=\"h-full w-full flex flex-col items-stretch\"\n      data-testid=\"files-tab\"\n    >\n      {/* Top toolbar: diff/files + rich/plain toggles (left-aligned) plus\n          the refresh button on the right. */}\n      <div className=\"flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]\">\n        <SegmentedToggle<\"on\" | \"off\" | \"commits\">\n          ariaLabel={t(I18nKey.FILES$DIFF_VIEW)}\n          testId=\"files-tab-diff-toggle\"\n          value={activeView}\n          options={[\n            { value: \"on\", label: t(I18nKey.FILES$DIFF_VIEW) },\n            ...(showCommitsOption\n              ? [\n                  {\n                    value: \"commits\" as const,\n                    label: t(I18nKey.DIFF_VIEWER$COMMITS),\n                  },\n                ]\n              : []),\n            { value: \"off\", label: t(I18nKey.COMMON$FILES) },\n          ]}\n          onChange={(value) => {\n            if (value === \"commits\") {\n              setCommitsViewSelected(true);\n            } else {\n              setCommitsViewSelected(false);\n              setFilesTabDiffView(value === \"on\");\n            }\n          }}\n        />\n\n        {activeView === \"off\" && (\n          <SegmentedToggle<ViewMode>\n            ariaLabel={t(I18nKey.FILES$RICH)}\n            testId=\"files-tab-content-mode-toggle\"\n            value={contentViewMode}\n            options={[\n              { value: \"rich\", label: t(I18nKey.FILES$RICH) },\n              { value: \"plain\", label: t(I18nKey.FILES$PLAIN) },\n            ]}\n            onChange={setFilesTabContentViewMode}\n          />\n        )}\n\n        <div className=\"ml-auto flex items-center gap-1\">\n          {/* Open the currently-selected file in a new browser tab. Only\n              meaningful while we're showing a file (not the diff view) and\n              we've resolved its staticUrl from the workspace fileserver. */}\n          {activeView === \"off\" && selectedFileStaticUrl && (\n            <a\n              href={selectedFileStaticUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              aria-label={t(I18nKey.FILES$OPEN_IN_NEW_WINDOW)}\n              title={t(I18nKey.FILES$OPEN_IN_NEW_WINDOW)}\n              data-testid=\"files-tab-open-in-new-window\"\n              className=\"flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:bg-[var(--oh-interactive-hover)] cursor-pointer text-white\"\n            >\n              <LinkExternalIcon width={14} height={14} />\n            </a>\n          )}\n          <button\n            type=\"button\"\n            onClick={refreshFiles}\n            disabled={isFetchingGitChanges}\n            aria-label={t(I18nKey.FILES$REFRESH)}\n            title={t(I18nKey.FILES$REFRESH)}\n            data-testid=\"files-tab-refresh\"\n            className=\"flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:enabled:bg-[var(--oh-interactive-hover)] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\"\n          >\n            <RefreshIcon\n              width={12.75}\n              height={15}\n              color=\"#ffffff\"\n              className={isFetchingGitChanges ? \"animate-spin\" : \"\"}\n            />\n          </button>\n        </div>\n      </div>\n\n      {activeView === \"on\" && (\n        <div className=\"flex-1 min-h-0\">\n          <GitChanges />\n        </div>\n      )}\n      {activeView === \"commits\" && (\n        <div className=\"flex-1 min-h-0\">\n          <GitCommits />\n        </div>\n      )}\n      {activeView === \"off\" && (\n        <div className=\"flex flex-1 flex-col min-h-0\">\n          {filesQuery.isLoading ? (\n            <div className=\"flex flex-1 items-center justify-center text-sm text-[var(--oh-muted)]\">\n              {t(I18nKey.FILES$LOADING_FILES)}\n            </div>\n          ) : (\n            <>\n              <FileQuickRow\n                paths={paths}\n                selectedPath={selectedPath}\n                onSelectFile={handleSelectFile}\n                isTreeVisible={isTreeVisible}\n                onToggleTree={() => setIsTreeVisible((prev) => !prev)}\n              />\n              <div className=\"flex h-full min-h-0 flex-1\">\n                {isTreeVisible && (\n                  <aside\n                    className=\"w-56 shrink-0 border-r border-[var(--oh-border)] overflow-y-auto custom-scrollbar-always\"\n                    data-testid=\"files-tab-tree\"\n                  >\n                    <FileTreeView\n                      paths={paths}\n                      selectedPath={selectedPath}\n                      onSelectFile={handleSelectFile}\n                    />\n                  </aside>\n                )}\n                <section\n                  className=\"flex h-full min-h-0 min-w-0 flex-1 flex-col\"\n                  data-testid=\"files-tab-content\"\n                >\n                  {selectedPath ? (\n                    <FileContentViewer\n                      path={selectedPath}\n                      viewMode={contentViewMode}\n                    />\n                  ) : (\n                    <NoFileSelectedMessage />\n                  )}\n                </section>\n              </div>\n            </>\n          )}\n        </div>\n      )}\n    </main>\n  );\n}\n\nexport default FilesTab;\n"],"mappings":"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"}

package/dist/services/cloud-funnel-analytics.cjs

@@ -0,0 +1,2 @@
+require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../node_modules/@openhands/typescript-client/dist/client/device-flow-client.cjs`),t=require(`../api/client-source.cjs`);require(`../api/device-flow-client.cjs`);const n=require(`./telemetry.cjs`);var r={client_source:t.AGENT_CANVAS_CLIENT_SOURCE,client_version:t.AGENT_CANVAS_CLIENT_VERSION};function i(e,t){return n.isTelemetryEnabled()?(n.trackEvent(e,{...t,...r}),!0):!1}function a(t){let n=e.isOpenHandsCloudHost(t);return{is_openhands_cloud:n,is_custom_host:!n}}function o(e,t){return i(`cloud_device_authorization_started`,{...a(e),source:t})}function s(e,t){return i(`cloud_device_authorization_succeeded`,{...a(e),source:t})}function c({backendKind:e,connectionMethod:t,host:n,hasApiKey:r,source:o}){return i(`backend_added`,{backend_kind:e,connection_method:t,...a(n),has_api_key:r,source:o})}function l(e,t){return i(`cloud_conversation_ready`,{task_id:e,conversation_id:t})}exports.trackCanvasBackendAdded=c,exports.trackCloudConversationReady=l,exports.trackCloudDeviceAuthorizationStarted=o,exports.trackCloudDeviceAuthorizationSucceeded=s;
+//# sourceMappingURL=cloud-funnel-analytics.cjs.map

package/dist/services/cloud-funnel-analytics.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloud-funnel-analytics.cjs","names":[],"sources":["../../src/services/cloud-funnel-analytics.ts"],"sourcesContent":["import type { BackendKind } from \"#/api/backend-registry/types\";\nimport {\n  AGENT_CANVAS_CLIENT_SOURCE,\n  AGENT_CANVAS_CLIENT_VERSION,\n} from \"#/api/client-source\";\nimport { isOpenHandsCloudHost } from \"#/api/device-flow-client\";\nimport { isTelemetryEnabled, trackEvent } from \"#/services/telemetry\";\n\nexport type CloudConnectionSource =\n  | \"onboarding\"\n  | \"add_backend_modal\"\n  | \"manage_backends_modal\";\n\nconst commonProperties = {\n  client_source: AGENT_CANVAS_CLIENT_SOURCE,\n  client_version: AGENT_CANVAS_CLIENT_VERSION,\n};\n\nfunction trackCloudFunnelEvent(\n  event: string,\n  properties: Record<string, unknown>,\n): boolean {\n  if (!isTelemetryEnabled()) return false;\n  void trackEvent(event, { ...properties, ...commonProperties });\n  return true;\n}\n\nfunction hostClassification(host: string) {\n  const isOpenhandsCloud = isOpenHandsCloudHost(host);\n  return {\n    is_openhands_cloud: isOpenhandsCloud,\n    is_custom_host: !isOpenhandsCloud,\n  };\n}\n\nexport function trackCloudDeviceAuthorizationStarted(\n  host: string,\n  source?: CloudConnectionSource,\n): boolean {\n  return trackCloudFunnelEvent(\"cloud_device_authorization_started\", {\n    ...hostClassification(host),\n    source,\n  });\n}\n\nexport function trackCloudDeviceAuthorizationSucceeded(\n  host: string,\n  source?: CloudConnectionSource,\n): boolean {\n  return trackCloudFunnelEvent(\"cloud_device_authorization_succeeded\", {\n    ...hostClassification(host),\n    source,\n  });\n}\n\nexport function trackCanvasBackendAdded({\n  backendKind,\n  connectionMethod,\n  host,\n  hasApiKey,\n  source,\n}: {\n  backendKind: BackendKind;\n  connectionMethod: \"manual\" | \"cloud_login\";\n  host: string;\n  hasApiKey: boolean;\n  source?: CloudConnectionSource;\n}): boolean {\n  return trackCloudFunnelEvent(\"backend_added\", {\n    backend_kind: backendKind,\n    connection_method: connectionMethod,\n    ...hostClassification(host),\n    has_api_key: hasApiKey,\n    source,\n  });\n}\n\nexport function trackCloudConversationReady(\n  taskId: string,\n  conversationId: string,\n): boolean {\n  return trackCloudFunnelEvent(\"cloud_conversation_ready\", {\n    task_id: taskId,\n    conversation_id: conversationId,\n  });\n}\n"],"mappings":"kQAaA,IAAM,EAAmB,CACvB,cAAe,EAAA,2BACf,eAAgB,EAAA,4BACjB,CAED,SAAS,EACP,EACA,EACS,CAGT,OAFK,EAAA,oBAAoB,EACpB,EAAA,WAAW,EAAO,CAAE,GAAG,EAAY,GAAG,EAAkB,CAAC,CACvD,IAF2B,GAKpC,SAAS,EAAmB,EAAc,CACxC,IAAM,EAAmB,EAAA,qBAAqB,EAAK,CACnD,MAAO,CACL,mBAAoB,EACpB,eAAgB,CAAC,EAClB,CAGH,SAAgB,EACd,EACA,EACS,CACT,OAAO,EAAsB,qCAAsC,CACjE,GAAG,EAAmB,EAAK,CAC3B,SACD,CAAC,CAGJ,SAAgB,EACd,EACA,EACS,CACT,OAAO,EAAsB,uCAAwC,CACnE,GAAG,EAAmB,EAAK,CAC3B,SACD,CAAC,CAGJ,SAAgB,EAAwB,CACtC,cACA,mBACA,OACA,YACA,UAOU,CACV,OAAO,EAAsB,gBAAiB,CAC5C,aAAc,EACd,kBAAmB,EACnB,GAAG,EAAmB,EAAK,CAC3B,YAAa,EACb,SACD,CAAC,CAGJ,SAAgB,EACd,EACA,EACS,CACT,OAAO,EAAsB,2BAA4B,CACvD,QAAS,EACT,gBAAiB,EAClB,CAAC"}

package/dist/services/cloud-funnel-analytics.d.ts

@@ -0,0 +1,12 @@
+import type { BackendKind } from "#/api/backend-registry/types";
+export type CloudConnectionSource = "onboarding" | "add_backend_modal" | "manage_backends_modal";
+export declare function trackCloudDeviceAuthorizationStarted(host: string, source?: CloudConnectionSource): boolean;
+export declare function trackCloudDeviceAuthorizationSucceeded(host: string, source?: CloudConnectionSource): boolean;
+export declare function trackCanvasBackendAdded({ backendKind, connectionMethod, host, hasApiKey, source, }: {
+    backendKind: BackendKind;
+    connectionMethod: "manual" | "cloud_login";
+    host: string;
+    hasApiKey: boolean;
+    source?: CloudConnectionSource;
+}): boolean;
+export declare function trackCloudConversationReady(taskId: string, conversationId: string): boolean;

package/dist/services/cloud-funnel-analytics.js

@@ -0,0 +1,53 @@
+import { isOpenHandsCloudHost as e } from "../node_modules/@openhands/typescript-client/dist/client/device-flow-client.js";
+import { AGENT_CANVAS_CLIENT_SOURCE as t, AGENT_CANVAS_CLIENT_VERSION as n } from "../api/client-source.js";
+import "../api/device-flow-client.js";
+import { isTelemetryEnabled as r, trackEvent as i } from "./telemetry.js";
+//#region src/services/cloud-funnel-analytics.ts
+var a = {
+	client_source: t,
+	client_version: n
+};
+function o(e, t) {
+	return r() ? (i(e, {
+		...t,
+		...a
+	}), !0) : !1;
+}
+function s(t) {
+	let n = e(t);
+	return {
+		is_openhands_cloud: n,
+		is_custom_host: !n
+	};
+}
+function c(e, t) {
+	return o("cloud_device_authorization_started", {
+		...s(e),
+		source: t
+	});
+}
+function l(e, t) {
+	return o("cloud_device_authorization_succeeded", {
+		...s(e),
+		source: t
+	});
+}
+function u({ backendKind: e, connectionMethod: t, host: n, hasApiKey: r, source: i }) {
+	return o("backend_added", {
+		backend_kind: e,
+		connection_method: t,
+		...s(n),
+		has_api_key: r,
+		source: i
+	});
+}
+function d(e, t) {
+	return o("cloud_conversation_ready", {
+		task_id: e,
+		conversation_id: t
+	});
+}
+//#endregion
+export { u as trackCanvasBackendAdded, d as trackCloudConversationReady, c as trackCloudDeviceAuthorizationStarted, l as trackCloudDeviceAuthorizationSucceeded };
+
+//# sourceMappingURL=cloud-funnel-analytics.js.map

package/dist/services/cloud-funnel-analytics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloud-funnel-analytics.js","names":[],"sources":["../../src/services/cloud-funnel-analytics.ts"],"sourcesContent":["import type { BackendKind } from \"#/api/backend-registry/types\";\nimport {\n  AGENT_CANVAS_CLIENT_SOURCE,\n  AGENT_CANVAS_CLIENT_VERSION,\n} from \"#/api/client-source\";\nimport { isOpenHandsCloudHost } from \"#/api/device-flow-client\";\nimport { isTelemetryEnabled, trackEvent } from \"#/services/telemetry\";\n\nexport type CloudConnectionSource =\n  | \"onboarding\"\n  | \"add_backend_modal\"\n  | \"manage_backends_modal\";\n\nconst commonProperties = {\n  client_source: AGENT_CANVAS_CLIENT_SOURCE,\n  client_version: AGENT_CANVAS_CLIENT_VERSION,\n};\n\nfunction trackCloudFunnelEvent(\n  event: string,\n  properties: Record<string, unknown>,\n): boolean {\n  if (!isTelemetryEnabled()) return false;\n  void trackEvent(event, { ...properties, ...commonProperties });\n  return true;\n}\n\nfunction hostClassification(host: string) {\n  const isOpenhandsCloud = isOpenHandsCloudHost(host);\n  return {\n    is_openhands_cloud: isOpenhandsCloud,\n    is_custom_host: !isOpenhandsCloud,\n  };\n}\n\nexport function trackCloudDeviceAuthorizationStarted(\n  host: string,\n  source?: CloudConnectionSource,\n): boolean {\n  return trackCloudFunnelEvent(\"cloud_device_authorization_started\", {\n    ...hostClassification(host),\n    source,\n  });\n}\n\nexport function trackCloudDeviceAuthorizationSucceeded(\n  host: string,\n  source?: CloudConnectionSource,\n): boolean {\n  return trackCloudFunnelEvent(\"cloud_device_authorization_succeeded\", {\n    ...hostClassification(host),\n    source,\n  });\n}\n\nexport function trackCanvasBackendAdded({\n  backendKind,\n  connectionMethod,\n  host,\n  hasApiKey,\n  source,\n}: {\n  backendKind: BackendKind;\n  connectionMethod: \"manual\" | \"cloud_login\";\n  host: string;\n  hasApiKey: boolean;\n  source?: CloudConnectionSource;\n}): boolean {\n  return trackCloudFunnelEvent(\"backend_added\", {\n    backend_kind: backendKind,\n    connection_method: connectionMethod,\n    ...hostClassification(host),\n    has_api_key: hasApiKey,\n    source,\n  });\n}\n\nexport function trackCloudConversationReady(\n  taskId: string,\n  conversationId: string,\n): boolean {\n  return trackCloudFunnelEvent(\"cloud_conversation_ready\", {\n    task_id: taskId,\n    conversation_id: conversationId,\n  });\n}\n"],"mappings":";;;;;AAaA,IAAM,IAAmB;CACvB,eAAe;CACf,gBAAgB;CACjB;AAED,SAAS,EACP,GACA,GACS;AAGT,QAFK,GAAoB,IACpB,EAAW,GAAO;EAAE,GAAG;EAAY,GAAG;EAAkB,CAAC,EACvD,MAF2B;;AAKpC,SAAS,EAAmB,GAAc;CACxC,IAAM,IAAmB,EAAqB,EAAK;AACnD,QAAO;EACL,oBAAoB;EACpB,gBAAgB,CAAC;EAClB;;AAGH,SAAgB,EACd,GACA,GACS;AACT,QAAO,EAAsB,sCAAsC;EACjE,GAAG,EAAmB,EAAK;EAC3B;EACD,CAAC;;AAGJ,SAAgB,EACd,GACA,GACS;AACT,QAAO,EAAsB,wCAAwC;EACnE,GAAG,EAAmB,EAAK;EAC3B;EACD,CAAC;;AAGJ,SAAgB,EAAwB,EACtC,gBACA,qBACA,SACA,cACA,aAOU;AACV,QAAO,EAAsB,iBAAiB;EAC5C,cAAc;EACd,mBAAmB;EACnB,GAAG,EAAmB,EAAK;EAC3B,aAAa;EACb;EACD,CAAC;;AAGJ,SAAgB,EACd,GACA,GACS;AACT,QAAO,EAAsB,4BAA4B;EACvD,SAAS;EACT,iBAAiB;EAClB,CAAC"}

package/dist/services/telemetry.cjs

@@ -1,2 +1,2 @@
-require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../package.cjs`);var t=`openhands-telemetry-consent`,n=`openhands-telemetry-first-use`,r=`openhands-telemetry-session`,i=`phc_BgzfxKdgsYMLFTmJqt424ZoyVHvKFfrwttLimzdYTKFK`,a=`https://z.openhands.dev`,o=`https://us.posthog.com`,s=!1,c=null;function l(){return typeof window<`u`&&typeof localStorage<`u`}async function u(){if(!l())return null;if(c)return c;try{let{default:e}=await Promise.resolve().then(()=>require(`../node_modules/posthog-js/dist/module.cjs`));return c=e,e}catch{return null}}function d(){return typeof process<`u`&&process.env?.DO_NOT_TRACK===`1`||typeof navigator<`u`&&(navigator.doNotTrack===`1`||typeof window<`u`&&window.doNotTrack===`1`)}async function f(t=!1){if(s)return c;let n=await u();return n?(n.init(i,{api_host:a,ui_host:o,opt_out_capturing_by_default:!t,capture_pageview:!1,autocapture:!1,persistence:`localStorage`,disable_session_recording:!0,loaded:t=>{t.register({package_name:e.default.name,package_version:e.default.version})}}),s=!0,n):null}function p(){if(!l())return`pending`;if(d())return`denied`;try{let e=localStorage.getItem(t);if(e===`granted`||e===`denied`)return e}catch{}return`pending`}async function m(e){if(l())try{localStorage.setItem(t,e);let n=await f();if(!n)return;e===`granted`?n.opt_in_capturing():n.opt_out_capturing()}catch{}}function h(){return p()===`granted`}function g(){if(!l())return!1;try{return localStorage.getItem(n)===`true`}catch{return!1}}function _(){if(l())try{localStorage.setItem(n,`true`)}catch{}}async function v(){if(d()||g())return;let e=await f(!0);e&&((e.has_opted_out_capturing?.()??!1)&&e.opt_in_capturing(),e.capture(`canvas_install`,{platform:typeof navigator<`u`?navigator.platform:`unknown`,user_agent:typeof navigator<`u`?navigator.userAgent:`unknown`,referrer:typeof document<`u`?document.referrer:``,url_origin:typeof window<`u`?window.location.origin:``,embedded:typeof window<`u`&&window.self!==window.top}),_(),p()!==`granted`&&e.opt_out_capturing())}function y(){if(!l())return!1;try{return sessionStorage.getItem(r)===`true`}catch{return!1}}function b(){if(l())try{sessionStorage.setItem(r,`true`)}catch{}}async function x(){if(!h()||y())return;let e=await f();e&&(e.capture(`canvas_new_session`,{is_first_use:!g()}),b())}async function S(e,t={}){if(!h())return;let n=await f();n&&n.capture(e,t)}async function C(){if(l())try{localStorage.removeItem(t),localStorage.removeItem(n),sessionStorage.removeItem(r),s&&c&&c.reset()}catch{}}async function w(){return s?c:null}exports.clearTelemetryData=C,exports.getPostHogInstance=w,exports.getTelemetryConsent=p,exports.isTelemetryEnabled=h,exports.setTelemetryConsent=m,exports.trackEvent=S,exports.trackInstall=v,exports.trackSessionStart=x;
+require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../package.cjs`);var t=`openhands-telemetry-consent`,n=`openhands-telemetry-first-use`,r=`openhands-telemetry-session`,i=`agent-canvas`,a=`phc_BgzfxKdgsYMLFTmJqt424ZoyVHvKFfrwttLimzdYTKFK`,o=`https://z.openhands.dev`,s=`https://us.posthog.com`,c=!1,l=null;function u(){return typeof window<`u`&&typeof localStorage<`u`}async function d(){if(!u())return null;if(l)return l;try{let{default:e}=await Promise.resolve().then(()=>require(`../node_modules/posthog-js/dist/module.cjs`));return e}catch{return null}}function f(){return typeof process<`u`&&process.env?.DO_NOT_TRACK===`1`||typeof navigator<`u`&&(navigator.doNotTrack===`1`||typeof window<`u`&&window.doNotTrack===`1`)}async function p(t=!1){if(c)return l;let n=await d();return n?(l=n.init(a,{api_host:o,ui_host:s,opt_out_capturing_by_default:!t,capture_pageview:!1,autocapture:!1,persistence:`localStorage`,persistence_name:i,consent_persistence_name:`${i}-consent`,disable_session_recording:!0,loaded:t=>{t.register({package_name:e.default.name,package_version:e.default.version})}},i),c=!0,l):null}function m(){if(!u())return`pending`;if(f())return`denied`;try{let e=localStorage.getItem(t);if(e===`granted`||e===`denied`)return e}catch{}return`pending`}async function h(e){if(u())try{localStorage.setItem(t,e);let n=await p();if(!n)return;e===`granted`?n.opt_in_capturing():n.opt_out_capturing()}catch{}}function g(){return m()===`granted`}function _(){if(!u())return!1;try{return localStorage.getItem(n)===`true`}catch{return!1}}function v(){if(u())try{localStorage.setItem(n,`true`)}catch{}}async function y(){if(f()||_())return;let e=await p(!0);e&&((e.has_opted_out_capturing?.()??!1)&&e.opt_in_capturing(),e.capture(`canvas_install`,{platform:typeof navigator<`u`?navigator.platform:`unknown`,user_agent:typeof navigator<`u`?navigator.userAgent:`unknown`,referrer:typeof document<`u`?document.referrer:``,url_origin:typeof window<`u`?window.location.origin:``,embedded:typeof window<`u`&&window.self!==window.top}),v(),m()!==`granted`&&e.opt_out_capturing())}function b(){if(!u())return!1;try{return sessionStorage.getItem(r)===`true`}catch{return!1}}function x(){if(u())try{sessionStorage.setItem(r,`true`)}catch{}}async function S(){if(!g()||b())return;let e=await p();e&&(e.capture(`canvas_new_session`,{is_first_use:!_()}),x())}async function C(e,t={}){if(!g())return;let n=await p();n&&n.capture(e,t)}async function w(){if(u())try{localStorage.removeItem(t),localStorage.removeItem(n),sessionStorage.removeItem(r),c&&l&&l.reset()}catch{}}async function T(){return c?l:null}exports.clearTelemetryData=w,exports.getPostHogInstance=T,exports.getTelemetryConsent=m,exports.isTelemetryEnabled=g,exports.setTelemetryConsent=h,exports.trackEvent=C,exports.trackInstall=y,exports.trackSessionStart=S;
 //# sourceMappingURL=telemetry.cjs.map

package/dist/services/telemetry.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"telemetry.cjs","names":[],"sources":["../../src/services/telemetry.ts"],"sourcesContent":["/**\n * Telemetry service for tracking library usage.\n *\n * This module handles anonymous telemetry for the @openhands/agent-canvas package\n * using the PostHog SDK for reliable event delivery with batching, retry logic,\n * and offline support.\n *\n * TRACKING PHILOSOPHY:\n * - Install event (canvas_install): Sent immediately on first use, regardless of consent.\n *   This is anonymous and contains no PII - just basic browser info and a random ID.\n * - Session/custom events: Only sent after user grants consent via the consent modal.\n * - Users can opt out of all future tracking by declining consent.\n *\n * AD BLOCKER BYPASS:\n * By default, telemetry is routed through OpenHands' reverse proxy (z.openhands.dev)\n * to avoid being blocked by ad blockers. Library consumers can override this with:\n * - VITE_POSTHOG_HOST: Custom proxy URL or direct PostHog URL\n * - VITE_POSTHOG_UI_HOST: PostHog UI host (defaults to https://us.posthog.com)\n *\n * IMPORTANT: By default, telemetry is sent to the OpenHands PostHog project.\n * Library consumers can override this by setting VITE_POSTHOG_API_KEY.\n *\n * Users can disable all telemetry (including install tracking) via:\n * - Setting VITE_DO_NOT_TRACK=1 environment variable\n * - Browser's Do Not Track setting\n */\n\nimport type { PostHog } from \"posthog-js\";\nimport packageJson from \"../../package.json\";\n\nconst TELEMETRY_CONSENT_KEY = \"openhands-telemetry-consent\";\nconst TELEMETRY_FIRST_USE_KEY = \"openhands-telemetry-first-use\";\nconst TELEMETRY_SESSION_KEY = \"openhands-telemetry-session\";\n\n// PostHog project keys — one per deployment environment, hardcoded so they\n// are baked into the static bundle at build time and cannot drift at runtime.\n// Replace POSTHOG_STAGING_KEY with a dedicated project key once provisioned.\nconst POSTHOG_PROD_KEY = \"phc_BgzfxKdgsYMLFTmJqt424ZoyVHvKFfrwttLimzdYTKFK\";\nconst POSTHOG_STAGING_KEY = \"phc_kBtz5nKmxVRRQ7HtPwr2QX9eMC5j65zE86QKocVNwb4U\";\n\n// Always use the staging key unless VITE_APP_ENV is explicitly set to\n// \"production\" at bundle time (hardcoded in build:lib and production CI).\n// Library consumers can always override with VITE_POSTHOG_API_KEY.\nconst POSTHOG_API_KEY: string =\n  (import.meta.env.VITE_POSTHOG_API_KEY as string | undefined) ||\n  (import.meta.env.VITE_APP_ENV === \"production\"\n    ? POSTHOG_PROD_KEY\n    : POSTHOG_STAGING_KEY);\n\n// Default to OpenHands' reverse proxy to bypass ad blockers.\n// The proxy at z.openhands.dev routes to PostHog's US region.\n// Library consumers can override this with their own proxy or direct PostHog URL.\nconst POSTHOG_HOST =\n  import.meta.env.VITE_POSTHOG_HOST || \"https://z.openhands.dev\";\n\n// UI host is needed for PostHog features like toolbar to work correctly\n// when using a reverse proxy. Defaults to US region.\nconst POSTHOG_UI_HOST =\n  import.meta.env.VITE_POSTHOG_UI_HOST || \"https://us.posthog.com\";\n\nexport type TelemetryConsent = \"granted\" | \"denied\" | \"pending\";\n\nlet isInitialized = false;\nlet posthogInstance: PostHog | null = null;\n\n/**\n * Check if we're in a browser environment\n */\nfunction isBrowser(): boolean {\n  return typeof window !== \"undefined\" && typeof localStorage !== \"undefined\";\n}\n\n/**\n * Lazily load PostHog to avoid SSR/Node.js issues.\n * PostHog is a browser-only library, so we dynamically import it only when needed.\n */\nasync function getPostHog(): Promise<PostHog | null> {\n  if (!isBrowser()) {\n    return null;\n  }\n\n  if (posthogInstance) {\n    return posthogInstance;\n  }\n\n  try {\n    const { default: posthog } = await import(\"posthog-js\");\n    posthogInstance = posthog;\n    return posthog;\n  } catch {\n    // Failed to load PostHog - telemetry will be disabled\n    return null;\n  }\n}\n\n/**\n * Check if telemetry is disabled via environment variable or browser setting.\n * Works in both Node.js and browser (Vite) environments.\n */\nfunction isDoNotTrackEnabled(): boolean {\n  // Check Vite environment variable (browser)\n  if (\n    typeof import.meta !== \"undefined\" &&\n    import.meta.env?.VITE_DO_NOT_TRACK === \"1\"\n  ) {\n    return true;\n  }\n\n  // Check Node.js environment variable (SSR/testing)\n  if (typeof process !== \"undefined\" && process.env?.DO_NOT_TRACK === \"1\") {\n    return true;\n  }\n\n  // Check browser's navigator.doNotTrack standard\n  if (\n    typeof navigator !== \"undefined\" &&\n    (navigator.doNotTrack === \"1\" ||\n      // @ts-expect-error - Some browsers use window.doNotTrack\n      (typeof window !== \"undefined\" && window.doNotTrack === \"1\"))\n  ) {\n    return true;\n  }\n\n  return false;\n}\n\n/**\n * Initialize PostHog SDK.\n *\n * @param enableCapturing - If true, enable capturing immediately (for install tracking).\n *                          If false, start with capturing disabled (for consent-gated tracking).\n */\nasync function initializePostHog(\n  enableCapturing = false,\n): Promise<PostHog | null> {\n  if (isInitialized) {\n    return posthogInstance;\n  }\n\n  const posthog = await getPostHog();\n  if (!posthog) {\n    return null;\n  }\n\n  posthog.init(POSTHOG_API_KEY, {\n    api_host: POSTHOG_HOST,\n    // UI host is required when using a reverse proxy so PostHog features work correctly\n    ui_host: POSTHOG_UI_HOST,\n    // Start with capturing disabled by default - we enable it explicitly when needed\n    opt_out_capturing_by_default: !enableCapturing,\n    // Don't auto-capture page views - we control when to track\n    capture_pageview: false,\n    // Don't auto-capture clicks etc.\n    autocapture: false,\n    // Use localStorage for persistence\n    persistence: \"localStorage\",\n    // Disable session recording\n    disable_session_recording: true,\n    // Set default properties for all events\n    loaded: (ph) => {\n      ph.register({\n        package_name: packageJson.name,\n        package_version: packageJson.version,\n      });\n    },\n  });\n\n  isInitialized = true;\n  return posthog;\n}\n\n/**\n * Get user's telemetry consent preference\n */\nexport function getTelemetryConsent(): TelemetryConsent {\n  if (!isBrowser()) {\n    return \"pending\";\n  }\n\n  // Check environment variable for opt-out\n  if (isDoNotTrackEnabled()) {\n    return \"denied\";\n  }\n\n  try {\n    const consent = localStorage.getItem(TELEMETRY_CONSENT_KEY);\n    if (consent === \"granted\" || consent === \"denied\") {\n      return consent;\n    }\n  } catch {\n    // Ignore storage errors\n  }\n\n  return \"pending\";\n}\n\n/**\n * Set user's telemetry consent preference\n */\nexport async function setTelemetryConsent(\n  consent: \"granted\" | \"denied\",\n): Promise<void> {\n  if (!isBrowser()) {\n    return;\n  }\n\n  try {\n    localStorage.setItem(TELEMETRY_CONSENT_KEY, consent);\n\n    // Initialize PostHog if not already done\n    const posthog = await initializePostHog();\n    if (!posthog) {\n      return;\n    }\n\n    if (consent === \"granted\") {\n      // Enable capturing\n      posthog.opt_in_capturing();\n    } else {\n      // Disable capturing and clear any queued events\n      posthog.opt_out_capturing();\n    }\n  } catch {\n    // Ignore storage errors\n  }\n}\n\n/**\n * Check if telemetry is enabled (user has granted consent)\n */\nexport function isTelemetryEnabled(): boolean {\n  return getTelemetryConsent() === \"granted\";\n}\n\n/**\n * Check if first use event has already been sent\n */\nfunction hasFirstUseSent(): boolean {\n  if (!isBrowser()) {\n    return false;\n  }\n\n  try {\n    return localStorage.getItem(TELEMETRY_FIRST_USE_KEY) === \"true\";\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Mark first use event as sent\n */\nfunction markFirstUseSent(): void {\n  if (!isBrowser()) {\n    return;\n  }\n\n  try {\n    localStorage.setItem(TELEMETRY_FIRST_USE_KEY, \"true\");\n  } catch {\n    // Ignore storage errors\n  }\n}\n\n/**\n * Track the initial install of the library.\n *\n * IMPORTANT: This is sent immediately on first use, regardless of consent status.\n * This allows us to track library adoption even if users haven't made a consent choice yet.\n *\n * The event is:\n * - Completely anonymous (no PII, just a random PostHog distinct_id)\n * - Sent only once per installation (tracked via localStorage, persists across sessions)\n * - Still respects DO_NOT_TRACK environment variable and browser setting\n *\n * Users who want complete privacy can:\n * - Set VITE_DO_NOT_TRACK=1 or browser's Do Not Track\n * - Later deny consent to prevent all future tracking\n */\nexport async function trackInstall(): Promise<void> {\n  // Respect hard opt-out via environment variable or browser setting\n  if (isDoNotTrackEnabled()) {\n    return;\n  }\n\n  // Already sent install event (persisted in localStorage - survives app relaunches)\n  if (hasFirstUseSent()) {\n    return;\n  }\n\n  // Initialize PostHog with capturing enabled (for this one event)\n  const posthog = await initializePostHog(true);\n  if (!posthog) {\n    return;\n  }\n\n  // Temporarily enable capturing if it was disabled\n  const wasOptedOut = posthog.has_opted_out_capturing?.() ?? false;\n  if (wasOptedOut) {\n    posthog.opt_in_capturing();\n  }\n\n  // Capture the install event\n  posthog.capture(\"canvas_install\", {\n    platform: typeof navigator !== \"undefined\" ? navigator.platform : \"unknown\",\n    user_agent:\n      typeof navigator !== \"undefined\" ? navigator.userAgent : \"unknown\",\n    referrer: typeof document !== \"undefined\" ? document.referrer : \"\",\n    url_origin: typeof window !== \"undefined\" ? window.location.origin : \"\",\n    embedded: typeof window !== \"undefined\" && window.self !== window.top,\n  });\n\n  // Mark as sent (stored in localStorage - persists across browser sessions)\n  markFirstUseSent();\n\n  // Restore opt-out state if user hasn't granted consent yet\n  // This ensures we only send the install event, not subsequent events\n  const currentConsent = getTelemetryConsent();\n  if (currentConsent !== \"granted\") {\n    posthog.opt_out_capturing();\n  }\n}\n\n/**\n * Check if session start event has already been sent (this browser session)\n */\nfunction hasSessionSent(): boolean {\n  if (!isBrowser()) {\n    return false;\n  }\n\n  try {\n    return sessionStorage.getItem(TELEMETRY_SESSION_KEY) === \"true\";\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Mark session start event as sent (uses sessionStorage so it resets on new tabs/sessions)\n */\nfunction markSessionSent(): void {\n  if (!isBrowser()) {\n    return;\n  }\n\n  try {\n    sessionStorage.setItem(TELEMETRY_SESSION_KEY, \"true\");\n  } catch {\n    // Ignore storage errors\n  }\n}\n\n/**\n * Track a session start event.\n * Called each time a new browser session starts (respects consent).\n * Uses sessionStorage for deduplication - only sends once per browser session.\n */\nexport async function trackSessionStart(): Promise<void> {\n  if (!isTelemetryEnabled()) {\n    return;\n  }\n\n  // Already sent session event this browser session\n  if (hasSessionSent()) {\n    return;\n  }\n\n  // Initialize PostHog if needed\n  const posthog = await initializePostHog();\n  if (!posthog) {\n    return;\n  }\n\n  posthog.capture(\"canvas_new_session\", {\n    is_first_use: !hasFirstUseSent(),\n  });\n\n  // Mark as sent for this session\n  markSessionSent();\n}\n\n/**\n * Track a custom event (respects consent).\n */\nexport async function trackEvent(\n  eventName: string,\n  properties: Record<string, unknown> = {},\n): Promise<void> {\n  if (!isTelemetryEnabled()) {\n    return;\n  }\n\n  // Initialize PostHog if needed\n  const posthog = await initializePostHog();\n  if (!posthog) {\n    return;\n  }\n\n  posthog.capture(eventName, properties);\n}\n\n/**\n * Clear all telemetry data (for privacy/GDPR requests)\n */\nexport async function clearTelemetryData(): Promise<void> {\n  if (!isBrowser()) {\n    return;\n  }\n\n  try {\n    localStorage.removeItem(TELEMETRY_CONSENT_KEY);\n    localStorage.removeItem(TELEMETRY_FIRST_USE_KEY);\n    sessionStorage.removeItem(TELEMETRY_SESSION_KEY);\n\n    // Reset PostHog if initialized\n    if (isInitialized && posthogInstance) {\n      posthogInstance.reset();\n    }\n  } catch {\n    // Ignore storage errors\n  }\n}\n\n/**\n * Get the PostHog instance for advanced usage (if needed).\n * Returns the instance if initialized, otherwise null.\n * Note: This is async because PostHog is lazily loaded.\n */\nexport async function getPostHogInstance(): Promise<PostHog | null> {\n  if (!isInitialized) {\n    return null;\n  }\n  return posthogInstance;\n}\n"],"mappings":"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"}
+{"version":3,"file":"telemetry.cjs","names":[],"sources":["../../src/services/telemetry.ts"],"sourcesContent":["/**\n * Telemetry service for tracking library usage.\n *\n * This module handles anonymous telemetry for the @openhands/agent-canvas package\n * using the PostHog SDK for reliable event delivery with batching, retry logic,\n * and offline support.\n *\n * TRACKING PHILOSOPHY:\n * - Install event (canvas_install): Sent immediately on first use, regardless of consent.\n *   This is anonymous and contains no PII - just basic browser info and a random ID.\n * - Session/custom events: Only sent after user grants consent via the consent modal.\n * - Users can opt out of all future tracking by declining consent.\n *\n * AD BLOCKER BYPASS:\n * By default, telemetry is routed through OpenHands' reverse proxy (z.openhands.dev)\n * to avoid being blocked by ad blockers. Library consumers can override this with:\n * - VITE_POSTHOG_HOST: Custom proxy URL or direct PostHog URL\n * - VITE_POSTHOG_UI_HOST: PostHog UI host (defaults to https://us.posthog.com)\n *\n * IMPORTANT: By default, telemetry is sent to the OpenHands PostHog project.\n * Library consumers can override this by setting VITE_POSTHOG_API_KEY.\n *\n * Users can disable all telemetry (including install tracking) via:\n * - Setting VITE_DO_NOT_TRACK=1 environment variable\n * - Browser's Do Not Track setting\n */\n\nimport type { PostHog } from \"posthog-js\";\nimport packageJson from \"../../package.json\";\n\nconst TELEMETRY_CONSENT_KEY = \"openhands-telemetry-consent\";\nconst TELEMETRY_FIRST_USE_KEY = \"openhands-telemetry-first-use\";\nconst TELEMETRY_SESSION_KEY = \"openhands-telemetry-session\";\nconst POSTHOG_INSTANCE_NAME = \"agent-canvas\";\n\n// PostHog project keys — one per deployment environment, hardcoded so they\n// are baked into the static bundle at build time and cannot drift at runtime.\n// Replace POSTHOG_STAGING_KEY with a dedicated project key once provisioned.\nconst POSTHOG_PROD_KEY = \"phc_BgzfxKdgsYMLFTmJqt424ZoyVHvKFfrwttLimzdYTKFK\";\nconst POSTHOG_STAGING_KEY = \"phc_kBtz5nKmxVRRQ7HtPwr2QX9eMC5j65zE86QKocVNwb4U\";\n\n// Always use the staging key unless VITE_APP_ENV is explicitly set to\n// \"production\" at bundle time (hardcoded in build:lib and production CI).\n// Library consumers can always override with VITE_POSTHOG_API_KEY.\nconst POSTHOG_API_KEY: string =\n  (import.meta.env.VITE_POSTHOG_API_KEY as string | undefined) ||\n  (import.meta.env.VITE_APP_ENV === \"production\"\n    ? POSTHOG_PROD_KEY\n    : POSTHOG_STAGING_KEY);\n\n// Default to OpenHands' reverse proxy to bypass ad blockers.\n// The proxy at z.openhands.dev routes to PostHog's US region.\n// Library consumers can override this with their own proxy or direct PostHog URL.\nconst POSTHOG_HOST =\n  import.meta.env.VITE_POSTHOG_HOST || \"https://z.openhands.dev\";\n\n// UI host is needed for PostHog features like toolbar to work correctly\n// when using a reverse proxy. Defaults to US region.\nconst POSTHOG_UI_HOST =\n  import.meta.env.VITE_POSTHOG_UI_HOST || \"https://us.posthog.com\";\n\nexport type TelemetryConsent = \"granted\" | \"denied\" | \"pending\";\n\nlet isInitialized = false;\nlet posthogInstance: PostHog | null = null;\n\n/**\n * Check if we're in a browser environment\n */\nfunction isBrowser(): boolean {\n  return typeof window !== \"undefined\" && typeof localStorage !== \"undefined\";\n}\n\n/**\n * Lazily load PostHog to avoid SSR/Node.js issues.\n * PostHog is a browser-only library, so we dynamically import it only when needed.\n */\nasync function getPostHog(): Promise<PostHog | null> {\n  if (!isBrowser()) {\n    return null;\n  }\n\n  if (posthogInstance) {\n    return posthogInstance;\n  }\n\n  try {\n    const { default: posthog } = await import(\"posthog-js\");\n    return posthog;\n  } catch {\n    // Failed to load PostHog - telemetry will be disabled\n    return null;\n  }\n}\n\n/**\n * Check if telemetry is disabled via environment variable or browser setting.\n * Works in both Node.js and browser (Vite) environments.\n */\nfunction isDoNotTrackEnabled(): boolean {\n  // Check Vite environment variable (browser)\n  if (\n    typeof import.meta !== \"undefined\" &&\n    import.meta.env?.VITE_DO_NOT_TRACK === \"1\"\n  ) {\n    return true;\n  }\n\n  // Check Node.js environment variable (SSR/testing)\n  if (typeof process !== \"undefined\" && process.env?.DO_NOT_TRACK === \"1\") {\n    return true;\n  }\n\n  // Check browser's navigator.doNotTrack standard\n  if (\n    typeof navigator !== \"undefined\" &&\n    (navigator.doNotTrack === \"1\" ||\n      // @ts-expect-error - Some browsers use window.doNotTrack\n      (typeof window !== \"undefined\" && window.doNotTrack === \"1\"))\n  ) {\n    return true;\n  }\n\n  return false;\n}\n\n/**\n * Initialize PostHog SDK.\n *\n * @param enableCapturing - If true, enable capturing immediately (for install tracking).\n *                          If false, start with capturing disabled (for consent-gated tracking).\n */\nasync function initializePostHog(\n  enableCapturing = false,\n): Promise<PostHog | null> {\n  if (isInitialized) {\n    return posthogInstance;\n  }\n\n  const posthog = await getPostHog();\n  if (!posthog) {\n    return null;\n  }\n\n  // Canvas telemetry must not share PostHog's default singleton with host-app\n  // analytics. A named instance gives it independent configuration, consent,\n  // persistence, and delivery state.\n  posthogInstance = posthog.init(\n    POSTHOG_API_KEY,\n    {\n      api_host: POSTHOG_HOST,\n      // UI host is required when using a reverse proxy so PostHog features work correctly\n      ui_host: POSTHOG_UI_HOST,\n      // Start with capturing disabled by default - we enable it explicitly when needed\n      opt_out_capturing_by_default: !enableCapturing,\n      // Don't auto-capture page views - we control when to track\n      capture_pageview: false,\n      // Don't auto-capture clicks etc.\n      autocapture: false,\n      // Use localStorage for persistence\n      persistence: \"localStorage\",\n      persistence_name: POSTHOG_INSTANCE_NAME,\n      consent_persistence_name: `${POSTHOG_INSTANCE_NAME}-consent`,\n      // Disable session recording\n      disable_session_recording: true,\n      // Set default properties for all events\n      loaded: (ph) => {\n        ph.register({\n          package_name: packageJson.name,\n          package_version: packageJson.version,\n        });\n      },\n    },\n    POSTHOG_INSTANCE_NAME,\n  );\n\n  isInitialized = true;\n  return posthogInstance;\n}\n\n/**\n * Get user's telemetry consent preference\n */\nexport function getTelemetryConsent(): TelemetryConsent {\n  if (!isBrowser()) {\n    return \"pending\";\n  }\n\n  // Check environment variable for opt-out\n  if (isDoNotTrackEnabled()) {\n    return \"denied\";\n  }\n\n  try {\n    const consent = localStorage.getItem(TELEMETRY_CONSENT_KEY);\n    if (consent === \"granted\" || consent === \"denied\") {\n      return consent;\n    }\n  } catch {\n    // Ignore storage errors\n  }\n\n  return \"pending\";\n}\n\n/**\n * Set user's telemetry consent preference\n */\nexport async function setTelemetryConsent(\n  consent: \"granted\" | \"denied\",\n): Promise<void> {\n  if (!isBrowser()) {\n    return;\n  }\n\n  try {\n    localStorage.setItem(TELEMETRY_CONSENT_KEY, consent);\n\n    // Initialize PostHog if not already done\n    const posthog = await initializePostHog();\n    if (!posthog) {\n      return;\n    }\n\n    if (consent === \"granted\") {\n      // Enable capturing\n      posthog.opt_in_capturing();\n    } else {\n      // Disable capturing and clear any queued events\n      posthog.opt_out_capturing();\n    }\n  } catch {\n    // Ignore storage errors\n  }\n}\n\n/**\n * Check if telemetry is enabled (user has granted consent)\n */\nexport function isTelemetryEnabled(): boolean {\n  return getTelemetryConsent() === \"granted\";\n}\n\n/**\n * Check if first use event has already been sent\n */\nfunction hasFirstUseSent(): boolean {\n  if (!isBrowser()) {\n    return false;\n  }\n\n  try {\n    return localStorage.getItem(TELEMETRY_FIRST_USE_KEY) === \"true\";\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Mark first use event as sent\n */\nfunction markFirstUseSent(): void {\n  if (!isBrowser()) {\n    return;\n  }\n\n  try {\n    localStorage.setItem(TELEMETRY_FIRST_USE_KEY, \"true\");\n  } catch {\n    // Ignore storage errors\n  }\n}\n\n/**\n * Track the initial install of the library.\n *\n * IMPORTANT: This is sent immediately on first use, regardless of consent status.\n * This allows us to track library adoption even if users haven't made a consent choice yet.\n *\n * The event is:\n * - Completely anonymous (no PII, just a random PostHog distinct_id)\n * - Sent only once per installation (tracked via localStorage, persists across sessions)\n * - Still respects DO_NOT_TRACK environment variable and browser setting\n *\n * Users who want complete privacy can:\n * - Set VITE_DO_NOT_TRACK=1 or browser's Do Not Track\n * - Later deny consent to prevent all future tracking\n */\nexport async function trackInstall(): Promise<void> {\n  // Respect hard opt-out via environment variable or browser setting\n  if (isDoNotTrackEnabled()) {\n    return;\n  }\n\n  // Already sent install event (persisted in localStorage - survives app relaunches)\n  if (hasFirstUseSent()) {\n    return;\n  }\n\n  // Initialize PostHog with capturing enabled (for this one event)\n  const posthog = await initializePostHog(true);\n  if (!posthog) {\n    return;\n  }\n\n  // Temporarily enable capturing if it was disabled\n  const wasOptedOut = posthog.has_opted_out_capturing?.() ?? false;\n  if (wasOptedOut) {\n    posthog.opt_in_capturing();\n  }\n\n  // Capture the install event\n  posthog.capture(\"canvas_install\", {\n    platform: typeof navigator !== \"undefined\" ? navigator.platform : \"unknown\",\n    user_agent:\n      typeof navigator !== \"undefined\" ? navigator.userAgent : \"unknown\",\n    referrer: typeof document !== \"undefined\" ? document.referrer : \"\",\n    url_origin: typeof window !== \"undefined\" ? window.location.origin : \"\",\n    embedded: typeof window !== \"undefined\" && window.self !== window.top,\n  });\n\n  // Mark as sent (stored in localStorage - persists across browser sessions)\n  markFirstUseSent();\n\n  // Restore opt-out state if user hasn't granted consent yet\n  // This ensures we only send the install event, not subsequent events\n  const currentConsent = getTelemetryConsent();\n  if (currentConsent !== \"granted\") {\n    posthog.opt_out_capturing();\n  }\n}\n\n/**\n * Check if session start event has already been sent (this browser session)\n */\nfunction hasSessionSent(): boolean {\n  if (!isBrowser()) {\n    return false;\n  }\n\n  try {\n    return sessionStorage.getItem(TELEMETRY_SESSION_KEY) === \"true\";\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Mark session start event as sent (uses sessionStorage so it resets on new tabs/sessions)\n */\nfunction markSessionSent(): void {\n  if (!isBrowser()) {\n    return;\n  }\n\n  try {\n    sessionStorage.setItem(TELEMETRY_SESSION_KEY, \"true\");\n  } catch {\n    // Ignore storage errors\n  }\n}\n\n/**\n * Track a session start event.\n * Called each time a new browser session starts (respects consent).\n * Uses sessionStorage for deduplication - only sends once per browser session.\n */\nexport async function trackSessionStart(): Promise<void> {\n  if (!isTelemetryEnabled()) {\n    return;\n  }\n\n  // Already sent session event this browser session\n  if (hasSessionSent()) {\n    return;\n  }\n\n  // Initialize PostHog if needed\n  const posthog = await initializePostHog();\n  if (!posthog) {\n    return;\n  }\n\n  posthog.capture(\"canvas_new_session\", {\n    is_first_use: !hasFirstUseSent(),\n  });\n\n  // Mark as sent for this session\n  markSessionSent();\n}\n\n/**\n * Track a custom event (respects consent).\n */\nexport async function trackEvent(\n  eventName: string,\n  properties: Record<string, unknown> = {},\n): Promise<void> {\n  if (!isTelemetryEnabled()) {\n    return;\n  }\n\n  // Initialize PostHog if needed\n  const posthog = await initializePostHog();\n  if (!posthog) {\n    return;\n  }\n\n  posthog.capture(eventName, properties);\n}\n\n/**\n * Clear all telemetry data (for privacy/GDPR requests)\n */\nexport async function clearTelemetryData(): Promise<void> {\n  if (!isBrowser()) {\n    return;\n  }\n\n  try {\n    localStorage.removeItem(TELEMETRY_CONSENT_KEY);\n    localStorage.removeItem(TELEMETRY_FIRST_USE_KEY);\n    sessionStorage.removeItem(TELEMETRY_SESSION_KEY);\n\n    // Reset PostHog if initialized\n    if (isInitialized && posthogInstance) {\n      posthogInstance.reset();\n    }\n  } catch {\n    // Ignore storage errors\n  }\n}\n\n/**\n * Get the PostHog instance for advanced usage (if needed).\n * Returns the instance if initialized, otherwise null.\n * Note: This is async because PostHog is lazily loaded.\n */\nexport async function getPostHogInstance(): Promise<PostHog | null> {\n  if (!isInitialized) {\n    return null;\n  }\n  return posthogInstance;\n}\n"],"mappings":"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"}