npm - @openhands/agent-canvas - Versions diffs - 1.12.0 → 1.14.0 - Mend

@openhands/agent-canvas 1.12.0 → 1.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (899) hide show

package/dist/components/features/chat/error-message-banner.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"error-message-banner.cjs","names":[],"sources":["../../../../src/components/features/chat/error-message-banner.tsx"],"sourcesContent":["import React from \"react\";\nimport { Trans, useTranslation } from \"react-i18next\";\nimport { Check, CircleX, Copy, X } from \"lucide-react\";\nimport { OH_STATUS_ERROR_COLOR } from \"#/constants/status-colors\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { getAcpErrorHeaderKey } from \"#/utils/acp-error-codes\";\nimport { cn } from \"#/utils/utils\";\n\ninterface ErrorMessageBannerProps {\n message: string;\n /** Structured error code (e.g. \"ACPAuthRequired\") used to pick a header. /\n code?: string \| null;\n onDismiss?: () => void;\n onRetry?: () => void;\n /* Recovery action (e.g. re-authenticate) shown for credential failures. /\n onReauth?: () => void;\n}\n\nconst DEFAULT_MAX_COLLAPSED_CHARS = 220;\n\nexport function ErrorMessageBanner({\n message,\n code,\n onDismiss,\n onRetry,\n onReauth,\n}: ErrorMessageBannerProps) {\n const { t, i18n } = useTranslation(\"openhands\");\n const headerKey = getAcpErrorHeaderKey(code);\n const [isExpanded, setIsExpanded] = React.useState(false);\n const [isMultiLine, setIsMultiLine] = React.useState(false);\n const [isCopied, setIsCopied] = React.useState(false);\n const contentRef = React.useRef<HTMLDivElement>(null);\n\n const isI18nKey = i18n.exists(message, { ns: \"openhands\" });\n const displayTextForLength = isI18nKey ? String(t(message)) : message;\n const shouldShowToggle =\n displayTextForLength.length > DEFAULT_MAX_COLLAPSED_CHARS;\n\n const isCollapsed = shouldShowToggle && !isExpanded;\n\n const handleCopy = async () => {\n try {\n await navigator.clipboard.writeText(displayTextForLength);\n setIsCopied(true);\n } catch {\n displayErrorToast(t(I18nKey.CHAT_INTERFACE$CHAT_MESSAGE_COPY_FAILED));\n }\n };\n\n React.useEffect(() => {\n if (!isCopied) return undefined;\n\n const timeout = setTimeout(() => {\n setIsCopied(false);\n }, 2000);\n\n return () => clearTimeout(timeout);\n }, [isCopied]);\n\n React.useEffect(() => {\n setIsCopied(false);\n }, [displayTextForLength]);\n\n React.useLayoutEffect(() => {\n const content = contentRef.current;\n if (!content) {\n return undefined;\n }\n\n const updateIsMultiLine = () => {\n const lineHeight = Number.parseFloat(\n getComputedStyle(content).lineHeight,\n );\n if (!Number.isFinite(lineHeight) \|\| lineHeight <= 0) {\n setIsMultiLine(false);\n return;\n }\n\n setIsMultiLine(content.getBoundingClientRect().height > lineHeight 1.5);\n };\n\n updateIsMultiLine();\n\n const observer = new ResizeObserver(updateIsMultiLine);\n observer.observe(content);\n\n return () => observer.disconnect();\n }, [displayTextForLength, isCollapsed, isExpanded, message]);\n\n return (\n <div\n className={cn(\n \"flex w-full gap-2 rounded-lg border border-[var(--oh-border)] bg-[var(--oh-surface-raised)] p-2 text-[var(--oh-foreground)]\",\n isMultiLine ? \"items-start\" : \"items-center\",\n )}\n data-testid=\"error-message-banner\"\n >\n <CircleX\n aria-hidden\n className=\"h-4 w-4 shrink-0\"\n strokeWidth={2}\n style={{ color: OH_STATUS_ERROR_COLOR }}\n data-testid=\"error-message-banner-icon\"\n />\n <div className=\"min-w-0 flex-1\">\n {headerKey && (\n <div\n className=\"text-sm font-medium text-[var(--oh-foreground)]\"\n data-testid=\"error-message-banner-header\"\n >\n {t(headerKey)}\n </div>\n )}\n <div\n ref={contentRef}\n className={cn(\n \"whitespace-pre-wrap break-words text-sm text-[var(--oh-muted)]\",\n isCollapsed && \"line-clamp-3\",\n )}\n data-testid=\"error-message-banner-content\"\n >\n {isI18nKey ? <Trans ns=\"openhands\" i18nKey={message} /> : message}\n </div>\n\n {onReauth && (\n <button\n type=\"button\"\n onClick={onReauth}\n className=\"mt-2 cursor-pointer rounded-md border border-[var(--oh-border)] px-2 py-1 text-xs font-normal text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)]\"\n data-testid=\"error-message-banner-reauth\"\n >\n {t(I18nKey.ERROR$ACP_UPDATE_CREDENTIALS)}\n </button>\n )}\n\n {shouldShowToggle && (\n <button\n type=\"button\"\n className=\"mt-1 cursor-pointer text-xs font-normal text-[var(--oh-foreground)] underline\"\n onClick={() => setIsExpanded((prev) => !prev)}\n data-testid=\"error-message-banner-toggle\"\n >\n {isExpanded\n ? t(I18nKey.COMMON$VIEW_LESS)\n : t(I18nKey.COMMON$VIEW_MORE)}\n </button>\n )}\n </div>\n\n <div\n className={cn(\n \"flex shrink-0 gap-1\",\n isMultiLine ? \"self-start\" : \"items-center\",\n )}\n >\n {onRetry && (\n <button\n type=\"button\"\n onClick={onRetry}\n className=\"cursor-pointer rounded-md border border-[var(--oh-border)] px-2 py-1 text-xs font-normal text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)]\"\n data-testid=\"error-message-banner-retry\"\n >\n {t(I18nKey.CHAT_INTERFACE$MESSAGE_RETRY)}\n </button>\n )}\n\n <button\n type=\"button\"\n onClick={handleCopy}\n className=\"shrink-0 cursor-pointer rounded-md p-1 text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-hover)] hover:text-[var(--oh-foreground)]\"\n aria-label={t(isCopied ? I18nKey.BUTTON$COPIED : I18nKey.BUTTON$COPY)}\n data-testid=\"error-message-banner-copy\"\n >\n {isCopied ? (\n <Check className=\"h-4 w-4\" aria-hidden />\n ) : (\n <Copy className=\"h-4 w-4\" aria-hidden />\n )}\n </button>\n\n {onDismiss && (\n <button\n type=\"button\"\n onClick={onDismiss}\n className=\"shrink-0 cursor-pointer rounded-md p-1 text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-hover)] hover:text-[var(--oh-foreground)]\"\n aria-label={t(I18nKey.BUTTON$CLOSE)}\n data-testid=\"error-message-banner-dismiss\"\n >\n <X className=\"h-4 w-4\" aria-hidden />\n </button>\n )}\n </div>\n </div>\n );\n}\n"],"mappings":"~~gyBAmBA~~,IAAM,EAA8B,IAEpC,SAAgB,EAAmB,CACjC,UACA,OACA,YACA,UACA,~~YAC0B~~,CAC1B,GAAM,CAAE,IAAG,QAAS,EAAA,eAAe,WAAW,EACxC,EAAY,EAAA,qBAAqB,CAAI,EACrC,CAAC,EAAY,GAAiB,EAAA,QAAM,SAAS,EAAK,EAClD,CAAC,EAAa,GAAkB,EAAA,QAAM,SAAS,EAAK,EACpD,CAAC,EAAU,GAAe,EAAA,QAAM,SAAS,EAAK,EAC9C,EAAa,EAAA,QAAM,OAAuB,IAAI,EAE9C,EAAY,EAAK,OAAO,EAAS,CAAE,GAAI,WAAY,CAAC,EACpD,EAAuB,EAAY,OAAO,EAAE,CAAO,CAAC,EAAI,EACxD,EACJ,EAAqB,OAAS,EAE1B,EAAc,GAAoB,CAAC,EAmDzC,OAxCA,EAAA,QAAM,cAAgB,CACpB,GAAI,CAAC,EAAU,OAEf,IAAM,EAAU,eAAiB,CAC/B,EAAY,EAAK,CACnB,EAAG,GAAI,EAEP,UAAa,aAAa,CAAO,CACnC,EAAG,CAAC,CAAQ,CAAC,EAEb,EAAA,QAAM,cAAgB,CACpB,EAAY,EAAK,CACnB,EAAG,CAAC,CAAoB,CAAC,EAEzB,EAAA,QAAM,oBAAsB,CAC1B,IAAM,EAAU,EAAW,QAC3B,GAAI,CAAC,EACH,OAGF,IAAM,MAA0B,CAC9B,IAAM,EAAa,OAAO,WACxB,iBAAiB,CAAO,EAAE,UAC5B,EACA,GAAI,CAAC,OAAO,SAAS,CAAU,GAAK,GAAc,EAAG,CACnD,EAAe,EAAK,EACpB,MACF,CAEA,EAAe,EAAQ,sBAAsB,EAAE,OAAS,EAAa,GAAG,CAC1E,EAEA,EAAkB,EAElB,IAAM,EAAW,IAAI,eAAe,CAAiB,EAGrD,OAFA,EAAS,QAAQ,CAAO,MAEX,EAAS,WAAW,CACnC,EAAG,CAAC,EAAsB,EAAa,EAAY,CAAO,CAAC,GAGzD,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,8HACA,EAAc,cAAgB,cAChC,EACA,cAAY,gCALd,~~EAOE~~,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,cAAA,GACA,UAAU,mBACV,YAAa,EACb,MAAO,CAAE,MAAO,EAAA,qBAAsB,EACtC,cAAY,2BACb,CAAA,~~GACD~~,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0BAAf,CACG,IACC,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,kDACV,cAAY,uCAEX,EAAE,CAAS,CACT,CAAA,GAEP,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,UAAW,EAAA,GACT,iEACA,GAAe,cACjB,EACA,cAAY,wCAEX,GAAY,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,GAAG,YAAY,QAAS,CAAU,CAAA,EAAI,CACvD,CAAA,EAEJ,IACC,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,UAAU,mKACV,cAAY,uCAEX,EAAE,EAAA,QAAQ,4BAA4B,CACjC,CAAA,EAGT,IACC,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,UAAU,gFACV,YAAe,EAAe,GAAS,CAAC,CAAI,EAC5C,cAAY,uCAGR,EADH,EACK,EAAA,QAAQ,iBACR,EAAA,QAAQ,gBAAgB,CACxB,CAAA,CAEP,KAEL,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,sBACA,EAAc,aAAe,cAC/B,WAJF,CAMG,IACC,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,UAAU,8JACV,cAAY,sCAEX,EAAE,EAAA,QAAQ,4BAA4B,CACjC,CAAA,GAGV,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,QAAS,~~SAhIc~~,CAC7B,GAAI,CACF,MAAM,UAAU,UAAU,UAAU,CAAoB,EACxD,EAAY,EAAI,CAClB,MAAQ,CACN,EAAA,kBAAkB,EAAE,EAAA,QAAQ,uCAAuC,CAAC,CACtE,CACF,~~EA0HQ~~,UAAU,yIACV,aAAY,EAAE,EAAW,EAAA,QAAQ,cAAgB,EAAA,QAAQ,WAAW,EACpE,cAAY,qCAEX,GACC,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,UAAU,cAAA,EAAa,CAAA,GAExC,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,UAAU,UAAU,cAAA,EAAa,CAAA,CAEnC,CAAA,EAEP,IACC,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,UAAU,yIACV,aAAY,EAAE,EAAA,QAAQ,YAAY,EAClC,cAAY,yCAEZ,EAAA,EAAA,KAAC,EAAA,EAAD,CAAG,UAAU,UAAU,cAAA,EAAa,CAAA,CAC9B,CAAA,CAEP,GACF,GAET"}
1	+ {"version":3,"file":"error-message-banner.cjs","names":[],"sources":["../../../../src/components/features/chat/error-message-banner.tsx"],"sourcesContent":["import React from \"react\";\nimport { Trans, useTranslation } from \"react-i18next\";\nimport { Check, CircleAlert, CircleX, Copy, X } from \"lucide-react\";\nimport { OH_STATUS_ERROR_COLOR } from \"#/constants/status-colors\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { getAcpErrorHeaderKey } from \"#/utils/acp-error-codes\";\nimport { cn } from \"#/utils/utils\";\nimport type { ErrorClassification } from \"@openhands/typescript-client\";\n\ninterface ErrorMessageBannerProps {\n message: string;\n /** Structured error code (e.g. \"ACPAuthRequired\") used to pick a header. /\n code?: string \| null;\n onDismiss?: () => void;\n onRetry?: () => void;\n /* Recovery action (e.g. re-authenticate) shown for credential failures. /\n onReauth?: () => void;\n classification?: ErrorClassification \| null;\n}\n\nconst DEFAULT_MAX_COLLAPSED_CHARS = 220;\n\nexport function ErrorMessageBanner({\n message,\n code,\n onDismiss,\n onRetry,\n onReauth,\n classification,\n}: ErrorMessageBannerProps) {\n const { t, i18n } = useTranslation(\"openhands\");\n const headerKey = getAcpErrorHeaderKey(code);\n const [isExpanded, setIsExpanded] = React.useState(false);\n const [isMultiLine, setIsMultiLine] = React.useState(false);\n const [isCopied, setIsCopied] = React.useState(false);\n const contentRef = React.useRef<HTMLDivElement>(null);\n\n const isI18nKey = i18n.exists(message, { ns: \"openhands\" });\n const displayTextForLength = isI18nKey ? String(t(message)) : message;\n const shouldShowToggle =\n displayTextForLength.length > DEFAULT_MAX_COLLAPSED_CHARS;\n\n const isCollapsed = shouldShowToggle && !isExpanded;\n\n const handleCopy = async () => {\n try {\n await navigator.clipboard.writeText(displayTextForLength);\n setIsCopied(true);\n } catch {\n displayErrorToast(t(I18nKey.CHAT_INTERFACE$CHAT_MESSAGE_COPY_FAILED));\n }\n };\n\n React.useEffect(() => {\n if (!isCopied) return undefined;\n\n const timeout = setTimeout(() => {\n setIsCopied(false);\n }, 2000);\n\n return () => clearTimeout(timeout);\n }, [isCopied]);\n\n React.useEffect(() => {\n setIsCopied(false);\n }, [displayTextForLength]);\n\n React.useLayoutEffect(() => {\n const content = contentRef.current;\n if (!content) {\n return undefined;\n }\n\n const updateIsMultiLine = () => {\n const lineHeight = Number.parseFloat(\n getComputedStyle(content).lineHeight,\n );\n if (!Number.isFinite(lineHeight) \|\| lineHeight <= 0) {\n setIsMultiLine(false);\n return;\n }\n\n setIsMultiLine(content.getBoundingClientRect().height > lineHeight 1.5);\n };\n\n updateIsMultiLine();\n\n const observer = new ResizeObserver(updateIsMultiLine);\n observer.observe(content);\n\n return () => observer.disconnect();\n }, [displayTextForLength, isCollapsed, isExpanded, message]);\n\n return (\n <div\n className={cn(\n \"flex w-full gap-2 rounded-lg border border-[var(--oh-border)] bg-[var(--oh-surface-raised)] p-2 text-[var(--oh-foreground)]\",\n isMultiLine ? \"items-start\" : \"items-center\",\n )}\n data-testid=\"error-message-banner\"\n >\n {classification != null &&\n classification.kind !== \"internal\" &&\n classification.kind !== \"unknown\" ? (\n <CircleAlert\n aria-hidden\n className=\"h-4 w-4 shrink-0 text-[var(--oh-warning)]\"\n strokeWidth={2}\n data-testid=\"warning-message-banner-icon\"\n />\n ) : (\n <CircleX\n aria-hidden\n className=\"h-4 w-4 shrink-0\"\n strokeWidth={2}\n style={{ color: OH_STATUS_ERROR_COLOR }}\n data-testid=\"error-message-banner-icon\"\n />\n )}\n <div className=\"min-w-0 flex-1\">\n {headerKey && (\n <div\n className=\"text-sm font-medium text-[var(--oh-foreground)]\"\n data-testid=\"error-message-banner-header\"\n >\n {t(headerKey)}\n </div>\n )}\n <div\n ref={contentRef}\n className={cn(\n \"whitespace-pre-wrap break-words text-sm text-[var(--oh-muted)]\",\n isCollapsed && \"line-clamp-3\",\n )}\n data-testid=\"error-message-banner-content\"\n >\n {isI18nKey ? <Trans ns=\"openhands\" i18nKey={message} /> : message}\n </div>\n\n {onReauth && (\n <button\n type=\"button\"\n onClick={onReauth}\n className=\"mt-2 cursor-pointer rounded-md border border-[var(--oh-border)] px-2 py-1 text-xs font-normal text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)]\"\n data-testid=\"error-message-banner-reauth\"\n >\n {t(I18nKey.ERROR$ACP_UPDATE_CREDENTIALS)}\n </button>\n )}\n\n {shouldShowToggle && (\n <button\n type=\"button\"\n className=\"mt-1 cursor-pointer text-xs font-normal text-[var(--oh-foreground)] underline\"\n onClick={() => setIsExpanded((prev) => !prev)}\n data-testid=\"error-message-banner-toggle\"\n >\n {isExpanded\n ? t(I18nKey.COMMON$VIEW_LESS)\n : t(I18nKey.COMMON$VIEW_MORE)}\n </button>\n )}\n </div>\n\n <div\n className={cn(\n \"flex shrink-0 gap-1\",\n isMultiLine ? \"self-start\" : \"items-center\",\n )}\n >\n {onRetry && (\n <button\n type=\"button\"\n onClick={onRetry}\n className=\"cursor-pointer rounded-md border border-[var(--oh-border)] px-2 py-1 text-xs font-normal text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)]\"\n data-testid=\"error-message-banner-retry\"\n >\n {t(I18nKey.CHAT_INTERFACE$MESSAGE_RETRY)}\n </button>\n )}\n\n <button\n type=\"button\"\n onClick={handleCopy}\n className=\"shrink-0 cursor-pointer rounded-md p-1 text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-hover)] hover:text-[var(--oh-foreground)]\"\n aria-label={t(isCopied ? I18nKey.BUTTON$COPIED : I18nKey.BUTTON$COPY)}\n data-testid=\"error-message-banner-copy\"\n >\n {isCopied ? (\n <Check className=\"h-4 w-4\" aria-hidden />\n ) : (\n <Copy className=\"h-4 w-4\" aria-hidden />\n )}\n </button>\n\n {onDismiss && (\n <button\n type=\"button\"\n onClick={onDismiss}\n className=\"shrink-0 cursor-pointer rounded-md p-1 text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-hover)] hover:text-[var(--oh-foreground)]\"\n aria-label={t(I18nKey.BUTTON$CLOSE)}\n data-testid=\"error-message-banner-dismiss\"\n >\n <X className=\"h-4 w-4\" aria-hidden />\n </button>\n )}\n </div>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/components/features/chat/error-message-banner.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import React from "react";
+import type { ErrorClassification } from "@openhands/typescript-client";
 interface ErrorMessageBannerProps {
     message: string;
     /** Structured error code (e.g. "ACPAuthRequired") used to pick a header. */
@@ -7,6 +8,7 @@ interface ErrorMessageBannerProps {
     onRetry?: () => void;
     /** Recovery action (e.g. re-authenticate) shown for credential failures. */
     onReauth?: () => void;
+    classification?: ErrorClassification | null;
 }
-export declare function ErrorMessageBanner({ message, code, onDismiss, onRetry, onReauth, }: ErrorMessageBannerProps): React.JSX.Element;
+export declare function ErrorMessageBanner({ message, code, onDismiss, onRetry, onReauth, classification, }: ErrorMessageBannerProps): React.JSX.Element;
 export {};

package/dist/components/features/chat/error-message-banner.js CHANGED Viewed

@@ -2,124 +2,130 @@ import { Trans as e } from "../../../node_modules/react-i18next/dist/es/Trans.js
 import { useTranslation as t } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
 import { I18nKey as n } from "../../../i18n/declaration.js";
 import { Check as r } from "../../../node_modules/lucide-react/dist/esm/icons/check.js";
-import { CircleX as i } from "../../../node_modules/lucide-react/dist/esm/icons/circle-x.js";
-import { Copy as a } from "../../../node_modules/lucide-react/dist/esm/icons/copy.js";
-import { X as o } from "../../../node_modules/lucide-react/dist/esm/icons/x.js";
-import { OH_STATUS_ERROR_COLOR as s } from "../../../constants/status-colors.js";
-import { cn as c } from "../../../utils/utils.js";
-import { displayErrorToast as l } from "../../../utils/custom-toast-handlers.js";
-import { getAcpErrorHeaderKey as u } from "../../../utils/acp-error-codes.js";
-import d from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { CircleAlert as i } from "../../../node_modules/lucide-react/dist/esm/icons/circle-alert.js";
+import { CircleX as a } from "../../../node_modules/lucide-react/dist/esm/icons/circle-x.js";
+import { Copy as o } from "../../../node_modules/lucide-react/dist/esm/icons/copy.js";
+import { X as s } from "../../../node_modules/lucide-react/dist/esm/icons/x.js";
+import { OH_STATUS_ERROR_COLOR as c } from "../../../constants/status-colors.js";
+import { cn as l } from "../../../utils/utils.js";
+import { displayErrorToast as u } from "../../../utils/custom-toast-handlers.js";
+import { getAcpErrorHeaderKey as d } from "../../../utils/acp-error-codes.js";
+import f from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/features/chat/error-message-banner.tsx
-var m = 220;
-function h({ message: h, code: g, onDismiss: _, onRetry: v, onReauth: y }) {
-	let { t: b, i18n: x } = t("openhands"), S = u(g), [C, w] = d.useState(!1), [T, E] = d.useState(!1), [D, O] = d.useState(!1), k = d.useRef(null), A = x.exists(h, { ns: "openhands" }), j = A ? String(b(h)) : h, M = j.length > m, N = M && !C;
-	return d.useEffect(() => {
-		if (!D) return;
+var h = 220;
+function g({ message: g, code: _, onDismiss: v, onRetry: y, onReauth: b, classification: x }) {
+	let { t: S, i18n: C } = t("openhands"), w = d(_), [T, E] = f.useState(!1), [D, O] = f.useState(!1), [k, A] = f.useState(!1), j = f.useRef(null), M = C.exists(g, { ns: "openhands" }), N = M ? String(S(g)) : g, P = N.length > h, F = P && !T;
+	return f.useEffect(() => {
+		if (!k) return;
 		let e = setTimeout(() => {
-			O(!1);
+			A(!1);
 		}, 2e3);
 		return () => clearTimeout(e);
-	}, [D]), d.useEffect(() => {
-		O(!1);
-	}, [j]), d.useLayoutEffect(() => {
-		let e = k.current;
+	}, [k]), f.useEffect(() => {
+		A(!1);
+	}, [N]), f.useLayoutEffect(() => {
+		let e = j.current;
 		if (!e) return;
 		let t = () => {
 			let t = Number.parseFloat(getComputedStyle(e).lineHeight);
 			if (!Number.isFinite(t) || t <= 0) {
-				E(!1);
+				O(!1);
 				return;
 			}
-			E(e.getBoundingClientRect().height > t * 1.5);
+			O(e.getBoundingClientRect().height > t * 1.5);
 		};
 		t();
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
 	}, [
-		j,
 		N,
-		C,
-		h
-	]), /* @__PURE__ */ p("div", {
-		className: c("flex w-full gap-2 rounded-lg border border-[var(--oh-border)] bg-[var(--oh-surface-raised)] p-2 text-[var(--oh-foreground)]", T ? "items-start" : "items-center"),
+		F,
+		T,
+		g
+	]), /* @__PURE__ */ m("div", {
+		className: l("flex w-full gap-2 rounded-lg border border-[var(--oh-border)] bg-[var(--oh-surface-raised)] p-2 text-[var(--oh-foreground)]", D ? "items-start" : "items-center"),
 		"data-testid": "error-message-banner",
 		children: [
-			/* @__PURE__ */ f(i, {
+			x != null && x.kind !== "internal" && x.kind !== "unknown" ? /* @__PURE__ */ p(i, {
+				"aria-hidden": !0,
+				className: "h-4 w-4 shrink-0 text-[var(--oh-warning)]",
+				strokeWidth: 2,
+				"data-testid": "warning-message-banner-icon"
+			}) : /* @__PURE__ */ p(a, {
 				"aria-hidden": !0,
 				className: "h-4 w-4 shrink-0",
 				strokeWidth: 2,
-				style: { color: s },
+				style: { color: c },
 				"data-testid": "error-message-banner-icon"
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: "min-w-0 flex-1",
 				children: [
-					S && /* @__PURE__ */ f("div", {
+					w && /* @__PURE__ */ p("div", {
 						className: "text-sm font-medium text-[var(--oh-foreground)]",
 						"data-testid": "error-message-banner-header",
-						children: b(S)
+						children: S(w)
 					}),
-					/* @__PURE__ */ f("div", {
-						ref: k,
-						className: c("whitespace-pre-wrap break-words text-sm text-[var(--oh-muted)]", N && "line-clamp-3"),
+					/* @__PURE__ */ p("div", {
+						ref: j,
+						className: l("whitespace-pre-wrap break-words text-sm text-[var(--oh-muted)]", F && "line-clamp-3"),
 						"data-testid": "error-message-banner-content",
-						children: A ? /* @__PURE__ */ f(e, {
+						children: M ? /* @__PURE__ */ p(e, {
 							ns: "openhands",
-							i18nKey: h
-						}) : h
+							i18nKey: g
+						}) : g
 					}),
-					y && /* @__PURE__ */ f("button", {
+					b && /* @__PURE__ */ p("button", {
 						type: "button",
-						onClick: y,
+						onClick: b,
 						className: "mt-2 cursor-pointer rounded-md border border-[var(--oh-border)] px-2 py-1 text-xs font-normal text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)]",
 						"data-testid": "error-message-banner-reauth",
-						children: b(n.ERROR$ACP_UPDATE_CREDENTIALS)
+						children: S(n.ERROR$ACP_UPDATE_CREDENTIALS)
 					}),
-					M && /* @__PURE__ */ f("button", {
+					P && /* @__PURE__ */ p("button", {
 						type: "button",
 						className: "mt-1 cursor-pointer text-xs font-normal text-[var(--oh-foreground)] underline",
-						onClick: () => w((e) => !e),
+						onClick: () => E((e) => !e),
 						"data-testid": "error-message-banner-toggle",
-						children: b(C ? n.COMMON$VIEW_LESS : n.COMMON$VIEW_MORE)
+						children: S(T ? n.COMMON$VIEW_LESS : n.COMMON$VIEW_MORE)
 					})
 				]
 			}),
-			/* @__PURE__ */ p("div", {
-				className: c("flex shrink-0 gap-1", T ? "self-start" : "items-center"),
+			/* @__PURE__ */ m("div", {
+				className: l("flex shrink-0 gap-1", D ? "self-start" : "items-center"),
 				children: [
-					v && /* @__PURE__ */ f("button", {
+					y && /* @__PURE__ */ p("button", {
 						type: "button",
-						onClick: v,
+						onClick: y,
 						className: "cursor-pointer rounded-md border border-[var(--oh-border)] px-2 py-1 text-xs font-normal text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)]",
 						"data-testid": "error-message-banner-retry",
-						children: b(n.CHAT_INTERFACE$MESSAGE_RETRY)
+						children: S(n.CHAT_INTERFACE$MESSAGE_RETRY)
 					}),
-					/* @__PURE__ */ f("button", {
+					/* @__PURE__ */ p("button", {
 						type: "button",
 						onClick: async () => {
 							try {
-								await navigator.clipboard.writeText(j), O(!0);
+								await navigator.clipboard.writeText(N), A(!0);
 							} catch {
-								l(b(n.CHAT_INTERFACE$CHAT_MESSAGE_COPY_FAILED));
+								u(S(n.CHAT_INTERFACE$CHAT_MESSAGE_COPY_FAILED));
 							}
 						},
 						className: "shrink-0 cursor-pointer rounded-md p-1 text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-hover)] hover:text-[var(--oh-foreground)]",
-						"aria-label": b(D ? n.BUTTON$COPIED : n.BUTTON$COPY),
+						"aria-label": S(k ? n.BUTTON$COPIED : n.BUTTON$COPY),
 						"data-testid": "error-message-banner-copy",
-						children: f(D ? r : a, {
+						children: p(k ? r : o, {
 							className: "h-4 w-4",
 							"aria-hidden": !0
 						})
 					}),
-					_ && /* @__PURE__ */ f("button", {
+					v && /* @__PURE__ */ p("button", {
 						type: "button",
-						onClick: _,
+						onClick: v,
 						className: "shrink-0 cursor-pointer rounded-md p-1 text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-hover)] hover:text-[var(--oh-foreground)]",
-						"aria-label": b(n.BUTTON$CLOSE),
+						"aria-label": S(n.BUTTON$CLOSE),
 						"data-testid": "error-message-banner-dismiss",
-						children: /* @__PURE__ */ f(o, {
+						children: /* @__PURE__ */ p(s, {
 							className: "h-4 w-4",
 							"aria-hidden": !0
 						})
@@ -130,6 +136,6 @@ function h({ message: h, code: g, onDismiss: _, onRetry: v, onReauth: y }) {
 	});
 }
 //#endregion
-export { h as ErrorMessageBanner };
+export { g as ErrorMessageBanner };
 //# sourceMappingURL=error-message-banner.js.map

package/dist/components/features/chat/error-message-banner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"error-message-banner.js","names":[],"sources":["../../../../src/components/features/chat/error-message-banner.tsx"],"sourcesContent":["import React from \"react\";\nimport { Trans, useTranslation } from \"react-i18next\";\nimport { Check, CircleX, Copy, X } from \"lucide-react\";\nimport { OH_STATUS_ERROR_COLOR } from \"#/constants/status-colors\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { getAcpErrorHeaderKey } from \"#/utils/acp-error-codes\";\nimport { cn } from \"#/utils/utils\";\n\ninterface ErrorMessageBannerProps {\n message: string;\n /** Structured error code (e.g. \"ACPAuthRequired\") used to pick a header. /\n code?: string \| null;\n onDismiss?: () => void;\n onRetry?: () => void;\n /* Recovery action (e.g. re-authenticate) shown for credential failures. /\n onReauth?: () => void;\n}\n\nconst DEFAULT_MAX_COLLAPSED_CHARS = 220;\n\nexport function ErrorMessageBanner({\n message,\n code,\n onDismiss,\n onRetry,\n onReauth,\n}: ErrorMessageBannerProps) {\n const { t, i18n } = useTranslation(\"openhands\");\n const headerKey = getAcpErrorHeaderKey(code);\n const [isExpanded, setIsExpanded] = React.useState(false);\n const [isMultiLine, setIsMultiLine] = React.useState(false);\n const [isCopied, setIsCopied] = React.useState(false);\n const contentRef = React.useRef<HTMLDivElement>(null);\n\n const isI18nKey = i18n.exists(message, { ns: \"openhands\" });\n const displayTextForLength = isI18nKey ? String(t(message)) : message;\n const shouldShowToggle =\n displayTextForLength.length > DEFAULT_MAX_COLLAPSED_CHARS;\n\n const isCollapsed = shouldShowToggle && !isExpanded;\n\n const handleCopy = async () => {\n try {\n await navigator.clipboard.writeText(displayTextForLength);\n setIsCopied(true);\n } catch {\n displayErrorToast(t(I18nKey.CHAT_INTERFACE$CHAT_MESSAGE_COPY_FAILED));\n }\n };\n\n React.useEffect(() => {\n if (!isCopied) return undefined;\n\n const timeout = setTimeout(() => {\n setIsCopied(false);\n }, 2000);\n\n return () => clearTimeout(timeout);\n }, [isCopied]);\n\n React.useEffect(() => {\n setIsCopied(false);\n }, [displayTextForLength]);\n\n React.useLayoutEffect(() => {\n const content = contentRef.current;\n if (!content) {\n return undefined;\n }\n\n const updateIsMultiLine = () => {\n const lineHeight = Number.parseFloat(\n getComputedStyle(content).lineHeight,\n );\n if (!Number.isFinite(lineHeight) \|\| lineHeight <= 0) {\n setIsMultiLine(false);\n return;\n }\n\n setIsMultiLine(content.getBoundingClientRect().height > lineHeight 1.5);\n };\n\n updateIsMultiLine();\n\n const observer = new ResizeObserver(updateIsMultiLine);\n observer.observe(content);\n\n return () => observer.disconnect();\n }, [displayTextForLength, isCollapsed, isExpanded, message]);\n\n return (\n <div\n className={cn(\n \"flex w-full gap-2 rounded-lg border border-[var(--oh-border)] bg-[var(--oh-surface-raised)] p-2 text-[var(--oh-foreground)]\",\n isMultiLine ? \"items-start\" : \"items-center\",\n )}\n data-testid=\"error-message-banner\"\n >\n <CircleX\n aria-hidden\n className=\"h-4 w-4 shrink-0\"\n strokeWidth={2}\n style={{ color: OH_STATUS_ERROR_COLOR }}\n data-testid=\"error-message-banner-icon\"\n />\n <div className=\"min-w-0 flex-1\">\n {headerKey && (\n <div\n className=\"text-sm font-medium text-[var(--oh-foreground)]\"\n data-testid=\"error-message-banner-header\"\n >\n {t(headerKey)}\n </div>\n )}\n <div\n ref={contentRef}\n className={cn(\n \"whitespace-pre-wrap break-words text-sm text-[var(--oh-muted)]\",\n isCollapsed && \"line-clamp-3\",\n )}\n data-testid=\"error-message-banner-content\"\n >\n {isI18nKey ? <Trans ns=\"openhands\" i18nKey={message} /> : message}\n </div>\n\n {onReauth && (\n <button\n type=\"button\"\n onClick={onReauth}\n className=\"mt-2 cursor-pointer rounded-md border border-[var(--oh-border)] px-2 py-1 text-xs font-normal text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)]\"\n data-testid=\"error-message-banner-reauth\"\n >\n {t(I18nKey.ERROR$ACP_UPDATE_CREDENTIALS)}\n </button>\n )}\n\n {shouldShowToggle && (\n <button\n type=\"button\"\n className=\"mt-1 cursor-pointer text-xs font-normal text-[var(--oh-foreground)] underline\"\n onClick={() => setIsExpanded((prev) => !prev)}\n data-testid=\"error-message-banner-toggle\"\n >\n {isExpanded\n ? t(I18nKey.COMMON$VIEW_LESS)\n : t(I18nKey.COMMON$VIEW_MORE)}\n </button>\n )}\n </div>\n\n <div\n className={cn(\n \"flex shrink-0 gap-1\",\n isMultiLine ? \"self-start\" : \"items-center\",\n )}\n >\n {onRetry && (\n <button\n type=\"button\"\n onClick={onRetry}\n className=\"cursor-pointer rounded-md border border-[var(--oh-border)] px-2 py-1 text-xs font-normal text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)]\"\n data-testid=\"error-message-banner-retry\"\n >\n {t(I18nKey.CHAT_INTERFACE$MESSAGE_RETRY)}\n </button>\n )}\n\n <button\n type=\"button\"\n onClick={handleCopy}\n className=\"shrink-0 cursor-pointer rounded-md p-1 text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-hover)] hover:text-[var(--oh-foreground)]\"\n aria-label={t(isCopied ? I18nKey.BUTTON$COPIED : I18nKey.BUTTON$COPY)}\n data-testid=\"error-message-banner-copy\"\n >\n {isCopied ? (\n <Check className=\"h-4 w-4\" aria-hidden />\n ) : (\n <Copy className=\"h-4 w-4\" aria-hidden />\n )}\n </button>\n\n {onDismiss && (\n <button\n type=\"button\"\n onClick={onDismiss}\n className=\"shrink-0 cursor-pointer rounded-md p-1 text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-hover)] hover:text-[var(--oh-foreground)]\"\n aria-label={t(I18nKey.BUTTON$CLOSE)}\n data-testid=\"error-message-banner-dismiss\"\n >\n <X className=\"h-4 w-4\" aria-hidden />\n </button>\n )}\n </div>\n </div>\n );\n}\n"],"mappings":"~~;;;;;;;;;;;;;;AAmBA~~,IAAM,IAA8B;AAEpC,SAAgB,EAAmB,EACjC,YACA,SACA,cACA,YACA,~~eAC0B~~;CAC1B,IAAM,EAAE,MAAG,YAAS,EAAe,WAAW,GACxC,IAAY,EAAqB,CAAI,GACrC,CAAC,GAAY,KAAiB,EAAM,SAAS,EAAK,GAClD,CAAC,GAAa,KAAkB,EAAM,SAAS,EAAK,GACpD,CAAC,GAAU,KAAe,EAAM,SAAS,EAAK,GAC9C,IAAa,EAAM,OAAuB,IAAI,GAE9C,IAAY,EAAK,OAAO,GAAS,EAAE,IAAI,YAAY,CAAC,GACpD,IAAuB,IAAY,OAAO,EAAE,CAAO,CAAC,IAAI,GACxD,IACJ,EAAqB,SAAS,GAE1B,IAAc,KAAoB,CAAC;CAmDzC,OAxCA,EAAM,gBAAgB;EACpB,IAAI,CAAC,GAAU;EAEf,IAAM,IAAU,iBAAiB;GAC/B,EAAY,EAAK;EACnB,GAAG,GAAI;EAEP,aAAa,aAAa,CAAO;CACnC,GAAG,CAAC,CAAQ,CAAC,GAEb,EAAM,gBAAgB;EACpB,EAAY,EAAK;CACnB,GAAG,CAAC,CAAoB,CAAC,GAEzB,EAAM,sBAAsB;EAC1B,IAAM,IAAU,EAAW;EAC3B,IAAI,CAAC,GACH;EAGF,IAAM,UAA0B;GAC9B,IAAM,IAAa,OAAO,WACxB,iBAAiB,CAAO,EAAE,UAC5B;GACA,IAAI,CAAC,OAAO,SAAS,CAAU,KAAK,KAAc,GAAG;IACnD,EAAe,EAAK;IACpB;GACF;GAEA,EAAe,EAAQ,sBAAsB,EAAE,SAAS,IAAa,GAAG;EAC1E;EAEA,EAAkB;EAElB,IAAM,IAAW,IAAI,eAAe,CAAiB;EAGrD,OAFA,EAAS,QAAQ,CAAO,SAEX,EAAS,WAAW;CACnC,GAAG;EAAC;EAAsB;EAAa;EAAY;CAAO,CAAC,GAGzD,kBAAC,OAAD;EACE,WAAW,EACT,+HACA,IAAc,gBAAgB,cAChC;EACA,eAAY;YALd;~~GAOE~~,kBAAC,GAAD;IACE,eAAA;IACA,WAAU;IACV,aAAa;IACb,OAAO,EAAE,OAAO,EAAsB;IACtC,eAAY;GACb,CAAA;~~GACD~~,kBAAC,OAAD;IAAK,WAAU;cAAf;KACG,KACC,kBAAC,OAAD;MACE,WAAU;MACV,eAAY;gBAEX,EAAE,CAAS;KACT,CAAA;KAEP,kBAAC,OAAD;MACE,KAAK;MACL,WAAW,EACT,kEACA,KAAe,cACjB;MACA,eAAY;gBAEX,IAAY,kBAAC,GAAD;OAAO,IAAG;OAAY,SAAS;MAAU,CAAA,IAAI;KACvD,CAAA;KAEJ,KACC,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,WAAU;MACV,eAAY;gBAEX,EAAE,EAAQ,4BAA4B;KACjC,CAAA;KAGT,KACC,kBAAC,UAAD;MACE,MAAK;MACL,WAAU;MACV,eAAe,GAAe,MAAS,CAAC,CAAI;MAC5C,eAAY;gBAGR,EADH,IACK,EAAQ,mBACR,EAAQ,gBAAgB;KACxB,CAAA;IAEP;;GAEL,kBAAC,OAAD;IACE,WAAW,EACT,uBACA,IAAc,eAAe,cAC/B;cAJF;KAMG,KACC,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,WAAU;MACV,eAAY;gBAEX,EAAE,EAAQ,4BAA4B;KACjC,CAAA;KAGV,kBAAC,UAAD;MACE,MAAK;MACL,SAAS,~~YAhIc~~;OAC7B,IAAI;QAEF,AADA,MAAM,UAAU,UAAU,UAAU,CAAoB,GACxD,EAAY,EAAI;OAClB,QAAQ;QACN,EAAkB,EAAE,EAAQ,uCAAuC,CAAC;OACtE;MACF;~~MA0HQ~~,WAAU;MACV,cAAY,EAAE,IAAW,EAAQ,gBAAgB,EAAQ,WAAW;MACpE,eAAY;gBAGV,EADD,IACE,IAEA,GAFD;OAAO,WAAU;OAAU,eAAA;MAAa,CAED;KAEnC,CAAA;KAEP,KACC,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,WAAU;MACV,cAAY,EAAE,EAAQ,YAAY;MAClC,eAAY;gBAEZ,kBAAC,GAAD;OAAG,WAAU;OAAU,eAAA;MAAa,CAAA;KAC9B,CAAA;IAEP;;EACF;;AAET"}
1	+ {"version":3,"file":"error-message-banner.js","names":[],"sources":["../../../../src/components/features/chat/error-message-banner.tsx"],"sourcesContent":["import React from \"react\";\nimport { Trans, useTranslation } from \"react-i18next\";\nimport { Check, CircleAlert, CircleX, Copy, X } from \"lucide-react\";\nimport { OH_STATUS_ERROR_COLOR } from \"#/constants/status-colors\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { getAcpErrorHeaderKey } from \"#/utils/acp-error-codes\";\nimport { cn } from \"#/utils/utils\";\nimport type { ErrorClassification } from \"@openhands/typescript-client\";\n\ninterface ErrorMessageBannerProps {\n message: string;\n /** Structured error code (e.g. \"ACPAuthRequired\") used to pick a header. /\n code?: string \| null;\n onDismiss?: () => void;\n onRetry?: () => void;\n /* Recovery action (e.g. re-authenticate) shown for credential failures. /\n onReauth?: () => void;\n classification?: ErrorClassification \| null;\n}\n\nconst DEFAULT_MAX_COLLAPSED_CHARS = 220;\n\nexport function ErrorMessageBanner({\n message,\n code,\n onDismiss,\n onRetry,\n onReauth,\n classification,\n}: ErrorMessageBannerProps) {\n const { t, i18n } = useTranslation(\"openhands\");\n const headerKey = getAcpErrorHeaderKey(code);\n const [isExpanded, setIsExpanded] = React.useState(false);\n const [isMultiLine, setIsMultiLine] = React.useState(false);\n const [isCopied, setIsCopied] = React.useState(false);\n const contentRef = React.useRef<HTMLDivElement>(null);\n\n const isI18nKey = i18n.exists(message, { ns: \"openhands\" });\n const displayTextForLength = isI18nKey ? String(t(message)) : message;\n const shouldShowToggle =\n displayTextForLength.length > DEFAULT_MAX_COLLAPSED_CHARS;\n\n const isCollapsed = shouldShowToggle && !isExpanded;\n\n const handleCopy = async () => {\n try {\n await navigator.clipboard.writeText(displayTextForLength);\n setIsCopied(true);\n } catch {\n displayErrorToast(t(I18nKey.CHAT_INTERFACE$CHAT_MESSAGE_COPY_FAILED));\n }\n };\n\n React.useEffect(() => {\n if (!isCopied) return undefined;\n\n const timeout = setTimeout(() => {\n setIsCopied(false);\n }, 2000);\n\n return () => clearTimeout(timeout);\n }, [isCopied]);\n\n React.useEffect(() => {\n setIsCopied(false);\n }, [displayTextForLength]);\n\n React.useLayoutEffect(() => {\n const content = contentRef.current;\n if (!content) {\n return undefined;\n }\n\n const updateIsMultiLine = () => {\n const lineHeight = Number.parseFloat(\n getComputedStyle(content).lineHeight,\n );\n if (!Number.isFinite(lineHeight) \|\| lineHeight <= 0) {\n setIsMultiLine(false);\n return;\n }\n\n setIsMultiLine(content.getBoundingClientRect().height > lineHeight 1.5);\n };\n\n updateIsMultiLine();\n\n const observer = new ResizeObserver(updateIsMultiLine);\n observer.observe(content);\n\n return () => observer.disconnect();\n }, [displayTextForLength, isCollapsed, isExpanded, message]);\n\n return (\n <div\n className={cn(\n \"flex w-full gap-2 rounded-lg border border-[var(--oh-border)] bg-[var(--oh-surface-raised)] p-2 text-[var(--oh-foreground)]\",\n isMultiLine ? \"items-start\" : \"items-center\",\n )}\n data-testid=\"error-message-banner\"\n >\n {classification != null &&\n classification.kind !== \"internal\" &&\n classification.kind !== \"unknown\" ? (\n <CircleAlert\n aria-hidden\n className=\"h-4 w-4 shrink-0 text-[var(--oh-warning)]\"\n strokeWidth={2}\n data-testid=\"warning-message-banner-icon\"\n />\n ) : (\n <CircleX\n aria-hidden\n className=\"h-4 w-4 shrink-0\"\n strokeWidth={2}\n style={{ color: OH_STATUS_ERROR_COLOR }}\n data-testid=\"error-message-banner-icon\"\n />\n )}\n <div className=\"min-w-0 flex-1\">\n {headerKey && (\n <div\n className=\"text-sm font-medium text-[var(--oh-foreground)]\"\n data-testid=\"error-message-banner-header\"\n >\n {t(headerKey)}\n </div>\n )}\n <div\n ref={contentRef}\n className={cn(\n \"whitespace-pre-wrap break-words text-sm text-[var(--oh-muted)]\",\n isCollapsed && \"line-clamp-3\",\n )}\n data-testid=\"error-message-banner-content\"\n >\n {isI18nKey ? <Trans ns=\"openhands\" i18nKey={message} /> : message}\n </div>\n\n {onReauth && (\n <button\n type=\"button\"\n onClick={onReauth}\n className=\"mt-2 cursor-pointer rounded-md border border-[var(--oh-border)] px-2 py-1 text-xs font-normal text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)]\"\n data-testid=\"error-message-banner-reauth\"\n >\n {t(I18nKey.ERROR$ACP_UPDATE_CREDENTIALS)}\n </button>\n )}\n\n {shouldShowToggle && (\n <button\n type=\"button\"\n className=\"mt-1 cursor-pointer text-xs font-normal text-[var(--oh-foreground)] underline\"\n onClick={() => setIsExpanded((prev) => !prev)}\n data-testid=\"error-message-banner-toggle\"\n >\n {isExpanded\n ? t(I18nKey.COMMON$VIEW_LESS)\n : t(I18nKey.COMMON$VIEW_MORE)}\n </button>\n )}\n </div>\n\n <div\n className={cn(\n \"flex shrink-0 gap-1\",\n isMultiLine ? \"self-start\" : \"items-center\",\n )}\n >\n {onRetry && (\n <button\n type=\"button\"\n onClick={onRetry}\n className=\"cursor-pointer rounded-md border border-[var(--oh-border)] px-2 py-1 text-xs font-normal text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)]\"\n data-testid=\"error-message-banner-retry\"\n >\n {t(I18nKey.CHAT_INTERFACE$MESSAGE_RETRY)}\n </button>\n )}\n\n <button\n type=\"button\"\n onClick={handleCopy}\n className=\"shrink-0 cursor-pointer rounded-md p-1 text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-hover)] hover:text-[var(--oh-foreground)]\"\n aria-label={t(isCopied ? I18nKey.BUTTON$COPIED : I18nKey.BUTTON$COPY)}\n data-testid=\"error-message-banner-copy\"\n >\n {isCopied ? (\n <Check className=\"h-4 w-4\" aria-hidden />\n ) : (\n <Copy className=\"h-4 w-4\" aria-hidden />\n )}\n </button>\n\n {onDismiss && (\n <button\n type=\"button\"\n onClick={onDismiss}\n className=\"shrink-0 cursor-pointer rounded-md p-1 text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-hover)] hover:text-[var(--oh-foreground)]\"\n aria-label={t(I18nKey.BUTTON$CLOSE)}\n data-testid=\"error-message-banner-dismiss\"\n >\n <X className=\"h-4 w-4\" aria-hidden />\n </button>\n )}\n </div>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/components/features/chat/path-component.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../utils/event-logger.cjs");let t=require("react/jsx-runtime");var n=e=>{let t=document.createElement(`textarea`);return t.innerHTML=e,t.value},r=e=>e?e.endsWith(`/`)||e.endsWith(`\\`)?!0:!(e.split(/[/\\]/).pop()||``).includes(`.`):!1,i=e=>{if(!e)return``;let t=e.split(/[/\\]/),n=t[t.length-1];return r(e)&&!n.endsWith(`/`)?`${n}/`:n};function a(r){let{children:a}=r,o=r=>{try{let e=n(r);return(0,t.jsx)(`span`,{className:`font-mono`,title:e,children:i(e)})}catch(n){return e.default.error(String(n)),(0,t.jsx)(`span`,{className:`font-mono`,children:r})}};return Array.isArray(a)?(0,t.jsx)(`strong`,{className:`font-mono`,children:a.map((e,n)=>typeof e==`string`?(0,t.jsx)(`span`,{children:o(e)},`${e}-${n}`):e)}):typeof a==`string`?(0,t.jsx)(`strong`,{children:o(a)}):(0,t.jsx)(`strong`,{className:`font-mono`,children:a})}exports.PathComponent=a;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../utils/event-logger.cjs");let t=require("react/jsx-runtime");var n=e=>{let t=document.createElement(`textarea`);return t.innerHTML=e,t.value},r=e=>e?e.endsWith(`/`)||e.endsWith(`\\`)?!0:!(e.split(/[/\\]/).pop()||``).includes(`.`):!1,i=e=>{if(!e)return``;let t=e.split(/[/\\]/),n=t[t.length-1];return r(e)&&!n.endsWith(`/`)?`${n}/`:n};function a(r){let{children:a}=r,o=r=>{try{let e=n(r);return(0,t.jsx)(`span`,{className:`font-mono font-normal tracking-tight`,title:e,children:i(e)})}catch(n){return e.default.error(String(n)),(0,t.jsx)(`span`,{className:`font-mono font-normal tracking-tight`,children:r})}};return Array.isArray(a)?(0,t.jsx)(`span`,{className:`font-normal tracking-tight`,children:a.map((e,n)=>typeof e==`string`?(0,t.jsx)(`span`,{children:o(e)},`${e}-${n}`):e)}):typeof a==`string`?(0,t.jsx)(`span`,{className:`font-normal tracking-tight`,children:o(a)}):(0,t.jsx)(`span`,{className:`font-mono font-normal tracking-tight`,children:a})}exports.PathComponent=a;
 //# sourceMappingURL=path-component.cjs.map

package/dist/components/features/chat/path-component.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"path-component.cjs","names":[],"sources":["../../../../src/components/features/chat/path-component.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport EventLogger from \"#/utils/event-logger\";\n\n/*\n Decodes HTML entities in a string\n * @param text The text to decode\n * @returns The decoded text\n /\nconst decodeHtmlEntities = (text: string): string => {\n const textarea = document.createElement(\"textarea\");\n textarea.innerHTML = text;\n return textarea.value;\n};\n\n/\n Checks if a path is likely a directory\n * @param path The full path\n * @returns True if the path is likely a directory\n /\nconst isLikelyDirectory = (path: string): boolean => {\n if (!path) return false;\n // Check if path already ends with a slash\n if (path.endsWith(\"/\") \|\| path.endsWith(\"\\\\\")) return true;\n // Check if path has no extension (simple heuristic)\n const lastPart = path.split(/[/\\\\]/).pop() \|\| \"\";\n // If the last part has no dots, it's likely a directory\n return !lastPart.includes(\".\");\n};\n\n/\n Extracts the filename from a path\n * @param path The full path\n * @returns The filename (last part of the path)\n /\nconst extractFilename = (path: string): string => {\n if (!path) return \"\";\n // Handle both Unix and Windows paths\n const parts = path.split(/[/\\\\]/);\n const filename = parts[parts.length - 1];\n\n // Add trailing slash for directories\n if (isLikelyDirectory(path) && !filename.endsWith(\"/\")) {\n return `${filename}/`;\n }\n\n return filename;\n};\n\n/\n Component that displays only the filename in the text but shows the full path on hover\n * Similar to MonoComponent but with path-specific functionality\n */\nfunction PathComponent(props: { children?: ReactNode }) {\n const { children } = props;\n\n const processPath = (path: string) => {\n try {\n // First decode any HTML entities in the path\n const decodedPath = decodeHtmlEntities(path);\n // Extract the filename from the decoded path\n const filename = extractFilename(decodedPath);\n return (\n <span className=\"font-mono\" title={decodedPath}>\n {filename}\n </span>\n );\n } catch (e) {\n // Just log the error without any message to avoid localization issues\n EventLogger.error(String(e));\n return <span className=\"font-mono\">{path}</span~~>;\~~n }\n };\n\n if (Array.isArray(children)) {\n const processedChildren = children.map((child, index) =>\n typeof child === \"string\" ? (\n <span key={`${child}-${index}`}>{processPath(child)}</span>\n ) : (\n child\n ),\n );\n\n return <~~strong~~ className=\"font-~~mono~~\">{processedChildren}</~~strong>;\~~n }\n\n if (typeof children === \"string\") {\n return <~~strong>~~{processPath(children)}</~~strong>;\~~n }\n\n return <~~strong~~ className=\"font-mono\">{children}</~~strong>;\~~n}\n\nexport { PathComponent, isLikelyDirectory };\n"],"mappings":"yIAQA,IAAM,EAAsB,GAAyB,CACnD,IAAM,EAAW,SAAS,cAAc,UAAU,EAElD,MADA,GAAS,UAAY,EACd,EAAS,KAClB,EAOM,EAAqB,GACpB,EAED,EAAK,SAAS,GAAG,GAAK,EAAK,SAAS,IAAI,EAAU,GAI/C,EAFU,EAAK,MAAM,OAAO,EAAE,IAAI,GAAK,IAE7B,SAAS,GAAG,EANX,GAcd,EAAmB,GAAyB,CAChD,GAAI,CAAC,EAAM,MAAO,GAElB,IAAM,EAAQ,EAAK,MAAM,OAAO,EAC1B,EAAW,EAAM,EAAM,OAAS,GAOtC,OAJI,EAAkB,CAAI,GAAK,CAAC,EAAS,SAAS,GAAG,EAC5C,GAAG,EAAS,GAGd,CACT,EAMA,SAAS,EAAc,EAAiC,CACtD,GAAM,CAAE,YAAa,EAEf,EAAe,GAAiB,CACpC,GAAI,CAEF,IAAM,EAAc,EAAmB,CAAI,EAG3C,OACE,EAAA,EAAA,KAAC,OAAD,~~CAAM~~,UAAU,~~YAAY~~,MAAO,~~WAFpB~~,EAAgB,~~CAG5B~~,CACG,CAAA,CAEV,OAAS,EAAG,CAGV,OADA,EAAA,QAAY,MAAM,OAAO,CAAC,CAAC,~~GACpB~~,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,~~qBAAa~~,CAAW,CAAA,~~CACjD~~,CACF,~~EAkBA~~,~~OAhBI~~,MAAM,QAAQ,CAAQ,~~GASjB~~,EAAA,EAAA,KAAC,~~SAAD~~,~~CAAQ~~,UAAU,~~qBARC~~,EAAS,KAAK,EAAO,IAC7C,OAAO,GAAU,UACf,EAAA,EAAA,KAAC,OAAD,CAAA,SAAiC,EAAY,CAAK,CAAQ,EAA/C,GAAG,EAAM,GAAG,GAAmC,EAE1D,~~CAIkC~~,~~CAA0B~~,CAAA,~~EAG9D~~,OAAO,GAAa,~~UACf~~,EAAA,EAAA,KAAC,~~SAAD~~,~~CAAA~~,~~SAAS~~,EAAY,CAAQ,~~CAAU~~,CAAA,~~GAGzC~~,EAAA,EAAA,KAAC,~~SAAD~~,~~CAAQ~~,UAAU,~~YAAa~~,~~UAAiB~~,CAAA,~~CACzD~~"}
1	+ {"version":3,"file":"path-component.cjs","names":[],"sources":["../../../../src/components/features/chat/path-component.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport EventLogger from \"#/utils/event-logger\";\n\n/*\n Decodes HTML entities in a string\n * @param text The text to decode\n * @returns The decoded text\n /\nconst decodeHtmlEntities = (text: string): string => {\n const textarea = document.createElement(\"textarea\");\n textarea.innerHTML = text;\n return textarea.value;\n};\n\n/\n Checks if a path is likely a directory\n * @param path The full path\n * @returns True if the path is likely a directory\n /\nconst isLikelyDirectory = (path: string): boolean => {\n if (!path) return false;\n // Check if path already ends with a slash\n if (path.endsWith(\"/\") \|\| path.endsWith(\"\\\\\")) return true;\n // Check if path has no extension (simple heuristic)\n const lastPart = path.split(/[/\\\\]/).pop() \|\| \"\";\n // If the last part has no dots, it's likely a directory\n return !lastPart.includes(\".\");\n};\n\n/\n Extracts the filename from a path\n * @param path The full path\n * @returns The filename (last part of the path)\n /\nconst extractFilename = (path: string): string => {\n if (!path) return \"\";\n // Handle both Unix and Windows paths\n const parts = path.split(/[/\\\\]/);\n const filename = parts[parts.length - 1];\n\n // Add trailing slash for directories\n if (isLikelyDirectory(path) && !filename.endsWith(\"/\")) {\n return `${filename}/`;\n }\n\n return filename;\n};\n\n/\n Component that displays only the filename in the text but shows the full path on hover\n * Similar to MonoComponent but with path-specific functionality\n */\nfunction PathComponent(props: { children?: ReactNode }) {\n const { children } = props;\n\n const processPath = (path: string) => {\n try {\n // First decode any HTML entities in the path\n const decodedPath = decodeHtmlEntities(path);\n // Extract the filename from the decoded path\n const filename = extractFilename(decodedPath);\n return (\n <span\n className=\"font-mono font-normal tracking-tight\"\n title={decodedPath}\n >\n {filename}\n </span>\n );\n } catch (e) {\n // Just log the error without any message to avoid localization issues\n EventLogger.error(String(e));\n return (\n <span className=\"font-mono font-normal tracking-tight\">{path}</span>\n );\n }\n };\n\n if (Array.isArray(children)) {\n const processedChildren = children.map((child, index) =>\n typeof child === \"string\" ? (\n <span key={`${child}-${index}`}>{processPath(child)}</span>\n ) : (\n child\n ),\n );\n\n return (\n <span className=\"font-normal tracking-tight\">{processedChildren}</span>\n );\n }\n\n if (typeof children === \"string\") {\n return (\n <span className=\"font-normal tracking-tight\">\n {processPath(children)}\n </span>\n );\n }\n\n return (\n <span className=\"font-mono font-normal tracking-tight\">{children}</span>\n );\n}\n\nexport { PathComponent, isLikelyDirectory };\n"],"mappings":"yIAQA,IAAM,EAAsB,GAAyB,CACnD,IAAM,EAAW,SAAS,cAAc,UAAU,EAElD,MADA,GAAS,UAAY,EACd,EAAS,KAClB,EAOM,EAAqB,GACpB,EAED,EAAK,SAAS,GAAG,GAAK,EAAK,SAAS,IAAI,EAAU,GAI/C,EAFU,EAAK,MAAM,OAAO,EAAE,IAAI,GAAK,IAE7B,SAAS,GAAG,EANX,GAcd,EAAmB,GAAyB,CAChD,GAAI,CAAC,EAAM,MAAO,GAElB,IAAM,EAAQ,EAAK,MAAM,OAAO,EAC1B,EAAW,EAAM,EAAM,OAAS,GAOtC,OAJI,EAAkB,CAAI,GAAK,CAAC,EAAS,SAAS,GAAG,EAC5C,GAAG,EAAS,GAGd,CACT,EAMA,SAAS,EAAc,EAAiC,CACtD,GAAM,CAAE,YAAa,EAEf,EAAe,GAAiB,CACpC,GAAI,CAEF,IAAM,EAAc,EAAmB,CAAI,EAG3C,OACE,EAAA,EAAA,KAAC,OAAD,CACE,UAAU,uCACV,MAAO,WAJM,EAAgB,CAM5B,CACG,CAAA,CAEV,OAAS,EAAG,CAGV,OADA,EAAA,QAAY,MAAM,OAAO,CAAC,CAAC,GAEzB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gDAAwC,CAAW,CAAA,CAEvE,CACF,EAwBA,OAtBI,MAAM,QAAQ,CAAQ,GAUtB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sCATQ,EAAS,KAAK,EAAO,IAC7C,OAAO,GAAU,UACf,EAAA,EAAA,KAAC,OAAD,CAAA,SAAiC,EAAY,CAAK,CAAQ,EAA/C,GAAG,EAAM,GAAG,GAAmC,EAE1D,CAK4C,CAAwB,CAAA,EAItE,OAAO,GAAa,UAEpB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sCACb,EAAY,CAAQ,CACjB,CAAA,GAKR,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uCAAwC,UAAe,CAAA,CAE3E"}

package/dist/components/features/chat/path-component.js CHANGED Viewed

@@ -14,22 +14,25 @@ function a(r) {
 		try {
 			let e = n(r);
 			return /* @__PURE__ */ t("span", {
-				className: "font-mono",
+				className: "font-mono font-normal tracking-tight",
 				title: e,
 				children: i(e)
 			});
 		} catch (n) {
 			return e.error(String(n)), /* @__PURE__ */ t("span", {
-				className: "font-mono",
+				className: "font-mono font-normal tracking-tight",
 				children: r
 			});
 		}
 	};
-	return Array.isArray(a) ? /* @__PURE__ */ t("strong", {
-		className: "font-mono",
+	return Array.isArray(a) ? /* @__PURE__ */ t("span", {
+		className: "font-normal tracking-tight",
 		children: a.map((e, n) => typeof e == "string" ? /* @__PURE__ */ t("span", { children: o(e) }, `${e}-${n}`) : e)
-	}) : typeof a == "string" ? /* @__PURE__ */ t("strong", { children: o(a) }) : /* @__PURE__ */ t("strong", {
-		className: "font-mono",
+	}) : typeof a == "string" ? /* @__PURE__ */ t("span", {
+		className: "font-normal tracking-tight",
+		children: o(a)
+	}) : /* @__PURE__ */ t("span", {
+		className: "font-mono font-normal tracking-tight",
 		children: a
 	});
 }

package/dist/components/features/chat/path-component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"path-component.js","names":[],"sources":["../../../../src/components/features/chat/path-component.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport EventLogger from \"#/utils/event-logger\";\n\n/*\n Decodes HTML entities in a string\n * @param text The text to decode\n * @returns The decoded text\n /\nconst decodeHtmlEntities = (text: string): string => {\n const textarea = document.createElement(\"textarea\");\n textarea.innerHTML = text;\n return textarea.value;\n};\n\n/\n Checks if a path is likely a directory\n * @param path The full path\n * @returns True if the path is likely a directory\n /\nconst isLikelyDirectory = (path: string): boolean => {\n if (!path) return false;\n // Check if path already ends with a slash\n if (path.endsWith(\"/\") \|\| path.endsWith(\"\\\\\")) return true;\n // Check if path has no extension (simple heuristic)\n const lastPart = path.split(/[/\\\\]/).pop() \|\| \"\";\n // If the last part has no dots, it's likely a directory\n return !lastPart.includes(\".\");\n};\n\n/\n Extracts the filename from a path\n * @param path The full path\n * @returns The filename (last part of the path)\n /\nconst extractFilename = (path: string): string => {\n if (!path) return \"\";\n // Handle both Unix and Windows paths\n const parts = path.split(/[/\\\\]/);\n const filename = parts[parts.length - 1];\n\n // Add trailing slash for directories\n if (isLikelyDirectory(path) && !filename.endsWith(\"/\")) {\n return `${filename}/`;\n }\n\n return filename;\n};\n\n/\n Component that displays only the filename in the text but shows the full path on hover\n * Similar to MonoComponent but with path-specific functionality\n */\nfunction PathComponent(props: { children?: ReactNode }) {\n const { children } = props;\n\n const processPath = (path: string) => {\n try {\n // First decode any HTML entities in the path\n const decodedPath = decodeHtmlEntities(path);\n // Extract the filename from the decoded path\n const filename = extractFilename(decodedPath);\n return (\n <span className=\"font-mono\" title={decodedPath}>\n {filename}\n </span>\n );\n } catch (e) {\n // Just log the error without any message to avoid localization issues\n EventLogger.error(String(e));\n return <span className=\"font-mono\">{path}</span~~>;\~~n }\n };\n\n if (Array.isArray(children)) {\n const processedChildren = children.map((child, index) =>\n typeof child === \"string\" ? (\n <span key={`${child}-${index}`}>{processPath(child)}</span>\n ) : (\n child\n ),\n );\n\n return <~~strong~~ className=\"font-~~mono~~\">{processedChildren}</~~strong>;\~~n }\n\n if (typeof children === \"string\") {\n return <~~strong>~~{processPath(children)}</~~strong>;\~~n }\n\n return <~~strong~~ className=\"font-mono\">{children}</~~strong>;\~~n}\n\nexport { PathComponent, isLikelyDirectory };\n"],"mappings":";;;AAQA,IAAM,KAAsB,MAAyB;CACnD,IAAM,IAAW,SAAS,cAAc,UAAU;CAElD,OADA,EAAS,YAAY,GACd,EAAS;AAClB,GAOM,KAAqB,MACpB,IAED,EAAK,SAAS,GAAG,KAAK,EAAK,SAAS,IAAI,IAAU,KAI/C,EAFU,EAAK,MAAM,OAAO,EAAE,IAAI,KAAK,IAE7B,SAAS,GAAG,IANX,IAcd,KAAmB,MAAyB;CAChD,IAAI,CAAC,GAAM,OAAO;CAElB,IAAM,IAAQ,EAAK,MAAM,OAAO,GAC1B,IAAW,EAAM,EAAM,SAAS;CAOtC,OAJI,EAAkB,CAAI,KAAK,CAAC,EAAS,SAAS,GAAG,IAC5C,GAAG,EAAS,KAGd;AACT;AAMA,SAAS,EAAc,GAAiC;CACtD,IAAM,EAAE,gBAAa,GAEf,KAAe,MAAiB;EACpC,IAAI;GAEF,IAAM,IAAc,EAAmB,CAAI;GAG3C,OACE,kBAAC,QAAD;~~IAAM~~,WAAU;~~IAAY~~,OAAO;~~cAFpB~~,EAAgB,~~CAG5B~~;GACG,CAAA;EAEV,SAAS,GAAG;GAGV,OADA,EAAY,MAAM,OAAO,CAAC,CAAC,~~GACpB~~,kBAAC,QAAD;IAAM,WAAU;~~cAAa~~;GAAW,CAAA;~~EACjD~~;CACF;~~CAkBA~~,~~OAhBI~~,MAAM,QAAQ,CAAQ,~~IASjB~~,kBAAC,~~UAAD~~;~~EAAQ~~,WAAU;~~YARC~~,EAAS,KAAK,GAAO,MAC7C,OAAO,KAAU,WACf,kBAAC,QAAD,EAAA,UAAiC,EAAY,CAAK,EAAQ,GAA/C,GAAG,EAAM,GAAG,GAAmC,IAE1D,~~CAIkC~~;~~CAA0B~~,CAAA,~~IAG9D~~,OAAO,KAAa,~~WACf~~,kBAAC,~~UAAD~~,~~EAAA~~,~~UAAS,~~EAAY,CAAQ,~~EAAU,~~CAAA,~~IAGzC~~,kBAAC,~~UAAD~~;~~EAAQ~~,WAAU;~~EAAa~~;~~CAAiB~~,CAAA;~~AACzD~~"}
1	+ {"version":3,"file":"path-component.js","names":[],"sources":["../../../../src/components/features/chat/path-component.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport EventLogger from \"#/utils/event-logger\";\n\n/*\n Decodes HTML entities in a string\n * @param text The text to decode\n * @returns The decoded text\n /\nconst decodeHtmlEntities = (text: string): string => {\n const textarea = document.createElement(\"textarea\");\n textarea.innerHTML = text;\n return textarea.value;\n};\n\n/\n Checks if a path is likely a directory\n * @param path The full path\n * @returns True if the path is likely a directory\n /\nconst isLikelyDirectory = (path: string): boolean => {\n if (!path) return false;\n // Check if path already ends with a slash\n if (path.endsWith(\"/\") \|\| path.endsWith(\"\\\\\")) return true;\n // Check if path has no extension (simple heuristic)\n const lastPart = path.split(/[/\\\\]/).pop() \|\| \"\";\n // If the last part has no dots, it's likely a directory\n return !lastPart.includes(\".\");\n};\n\n/\n Extracts the filename from a path\n * @param path The full path\n * @returns The filename (last part of the path)\n /\nconst extractFilename = (path: string): string => {\n if (!path) return \"\";\n // Handle both Unix and Windows paths\n const parts = path.split(/[/\\\\]/);\n const filename = parts[parts.length - 1];\n\n // Add trailing slash for directories\n if (isLikelyDirectory(path) && !filename.endsWith(\"/\")) {\n return `${filename}/`;\n }\n\n return filename;\n};\n\n/\n Component that displays only the filename in the text but shows the full path on hover\n * Similar to MonoComponent but with path-specific functionality\n */\nfunction PathComponent(props: { children?: ReactNode }) {\n const { children } = props;\n\n const processPath = (path: string) => {\n try {\n // First decode any HTML entities in the path\n const decodedPath = decodeHtmlEntities(path);\n // Extract the filename from the decoded path\n const filename = extractFilename(decodedPath);\n return (\n <span\n className=\"font-mono font-normal tracking-tight\"\n title={decodedPath}\n >\n {filename}\n </span>\n );\n } catch (e) {\n // Just log the error without any message to avoid localization issues\n EventLogger.error(String(e));\n return (\n <span className=\"font-mono font-normal tracking-tight\">{path}</span>\n );\n }\n };\n\n if (Array.isArray(children)) {\n const processedChildren = children.map((child, index) =>\n typeof child === \"string\" ? (\n <span key={`${child}-${index}`}>{processPath(child)}</span>\n ) : (\n child\n ),\n );\n\n return (\n <span className=\"font-normal tracking-tight\">{processedChildren}</span>\n );\n }\n\n if (typeof children === \"string\") {\n return (\n <span className=\"font-normal tracking-tight\">\n {processPath(children)}\n </span>\n );\n }\n\n return (\n <span className=\"font-mono font-normal tracking-tight\">{children}</span>\n );\n}\n\nexport { PathComponent, isLikelyDirectory };\n"],"mappings":";;;AAQA,IAAM,KAAsB,MAAyB;CACnD,IAAM,IAAW,SAAS,cAAc,UAAU;CAElD,OADA,EAAS,YAAY,GACd,EAAS;AAClB,GAOM,KAAqB,MACpB,IAED,EAAK,SAAS,GAAG,KAAK,EAAK,SAAS,IAAI,IAAU,KAI/C,EAFU,EAAK,MAAM,OAAO,EAAE,IAAI,KAAK,IAE7B,SAAS,GAAG,IANX,IAcd,KAAmB,MAAyB;CAChD,IAAI,CAAC,GAAM,OAAO;CAElB,IAAM,IAAQ,EAAK,MAAM,OAAO,GAC1B,IAAW,EAAM,EAAM,SAAS;CAOtC,OAJI,EAAkB,CAAI,KAAK,CAAC,EAAS,SAAS,GAAG,IAC5C,GAAG,EAAS,KAGd;AACT;AAMA,SAAS,EAAc,GAAiC;CACtD,IAAM,EAAE,gBAAa,GAEf,KAAe,MAAiB;EACpC,IAAI;GAEF,IAAM,IAAc,EAAmB,CAAI;GAG3C,OACE,kBAAC,QAAD;IACE,WAAU;IACV,OAAO;cAJM,EAAgB,CAM5B;GACG,CAAA;EAEV,SAAS,GAAG;GAGV,OADA,EAAY,MAAM,OAAO,CAAC,CAAC,GAEzB,kBAAC,QAAD;IAAM,WAAU;cAAwC;GAAW,CAAA;EAEvE;CACF;CAwBA,OAtBI,MAAM,QAAQ,CAAQ,IAUtB,kBAAC,QAAD;EAAM,WAAU;YATQ,EAAS,KAAK,GAAO,MAC7C,OAAO,KAAU,WACf,kBAAC,QAAD,EAAA,UAAiC,EAAY,CAAK,EAAQ,GAA/C,GAAG,EAAM,GAAG,GAAmC,IAE1D,CAK4C;CAAwB,CAAA,IAItE,OAAO,KAAa,WAEpB,kBAAC,QAAD;EAAM,WAAU;YACb,EAAY,CAAQ;CACjB,CAAA,IAKR,kBAAC,QAAD;EAAM,WAAU;EAAwC;CAAe,CAAA;AAE3E"}

package/dist/components/features/chat/plan-preview.cjs CHANGED Viewed

@@ -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("../../../node_modules/lucide-react/dist/esm/icons/arrow-up-right.cjs"),r=require("../../../utils/utils.cjs"),i=require("../markdown/markdown-renderer.cjs"),a=require("../../../ui/typography.cjs"),o=require("../../../icons/lesson-plan.cjs"),s=require("../../../context/scroll-context.cjs"),c=require("../../../hooks/use-handle-build-plan-click.cjs"),l=require("../../../hooks/use-select-conversation-tab.cjs"),u=require("../markdown/plan-components.cjs");let d=require("react"),f=require("react/jsx-runtime");var p=300,m=u.createPlanComponents(`shine-text`);function h({planContent:h,isStreaming:g,isBuildDisabled:_}){let{t:v}=e.useTranslation(`openhands`),{navigateToTab:y}=l.useSelectConversationTab(),{handleBuildPlanClick:b}=c.useHandleBuildPlanClick(),{scrollDomToBottom:x}=s.useScrollContext(),S=()=>{y(`planner`)},C=(0,d.useCallback)(e=>{b(e),x()},[b,x]),w=(0,d.useMemo)(()=>h?h.length<=p?h:`${h.slice(0,p)}...`:``,[h]);return h?(0,f.jsxs)(`div`,{className:`bg-[var(--oh-surface)] border border-[#597FF4] rounded-[12px] w-full mt-2`,children:[(0,f.jsxs)(`div`,{className:`border-b border-[var(--oh-border)] flex h-[41px] items-center px-2 gap-1`,children:[(0,f.jsx)(o.default,{width:18,height:18,color:`var(--oh-muted)`}),(0,f.jsx)(a.Typography.Text,{className:`font-normal text-[11px] text-white tracking-[0.11px] leading-4`,children:v(t.I18nKey.COMMON$PLAN_MD)}),(0,f.jsx)(`div`,{className:`flex-1`}),(0,f.jsxs)(`button`,{type:`button`,onClick:S,className:`flex items-center gap-1 hover:opacity-80 transition-opacity cursor-pointer`,"data-testid":`plan-preview-view-button`,children:[(0,f.jsx)(a.Typography.Text,{className:`font-normal text-[11px] text-white tracking-[0.11px] leading-4`,children:v(t.I18nKey.COMMON$VIEW)}),(0,f.jsx)(n.ArrowUpRight,{className:`text-white`,size:18})]})]}),(0,f.jsx)(`div`,{"data-testid":`plan-preview-content`,className:`flex flex-col gap-[10px] p-4 text-[15px] text-white leading-[29px]`,children:w&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(i.MarkdownRenderer,{includeStandard:!0,components:g?m:u.planComponents,children:w}),h&&h.length>p&&(0,f.jsx)(`button`,{type:`button`,onClick:S,className:`text-[#4a67bd] cursor-pointer hover:underline text-left`,"data-testid":`plan-preview-read-more-button`,children:v(t.I18nKey.COMMON$READ_MORE)})]})}),(0,f.jsx)(`div`,{className:`border-t border-[var(--oh-border)] flex h-[54px] items-center justify-start px-4`,children:(0,f.jsx)(`button`,{type:`button`,onClick:C,disabled:_,className:r.cn(`bg-white flex items-center justify-center h-[26px] px-2 rounded-[4px] w-[93px] transition-opacity`,_?`opacity-50 cursor-not-allowed`:`hover:opacity-90 cursor-pointer`),"data-testid":`plan-preview-build-button`,children:(0,f.jsxs)(a.Typography.Text,{className:`font-normal text-[14px] text-black leading-5`,children:[v(t.I18nKey.COMMON$BUILD),` `,(0,f.jsx)(a.Typography.Text,{className:`font-normal text-black`,children:`⌘↩`})]})})})]}):null}exports.PlanPreview=h;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../node_modules/lucide-react/dist/esm/icons/arrow-up-right.cjs"),r=require("../../../utils/utils.cjs"),i=require("../markdown/markdown-renderer.cjs"),a=require("../../../ui/typography.cjs"),o=require("../../../icons/lesson-plan.cjs"),s=require("../../../hooks/use-select-conversation-tab.cjs"),c=require("../../../context/scroll-context.cjs"),l=require("../../../hooks/use-handle-build-plan-click.cjs"),u=require("../markdown/plan-components.cjs");let d=require("react"),f=require("react/jsx-runtime");var p=300,m=u.createPlanComponents(`shine-text`);function h({planContent:h,isStreaming:g,isBuildDisabled:_}){let{t:v}=e.useTranslation(`openhands`),{navigateToTab:y}=s.useSelectConversationTab(),{handleBuildPlanClick:b}=l.useHandleBuildPlanClick(),{scrollDomToBottom:x}=c.useScrollContext(),S=()=>{y(`planner`)},C=(0,d.useCallback)(e=>{b(e),x()},[b,x]),w=(0,d.useMemo)(()=>h?h.length<=p?h:`${h.slice(0,p)}...`:``,[h]);return h?(0,f.jsxs)(`div`,{className:`bg-[var(--oh-surface)] border border-[#597FF4] rounded-[12px] w-full mt-2`,children:[(0,f.jsxs)(`div`,{className:`border-b border-[var(--oh-border)] flex h-[41px] items-center px-2 gap-1`,children:[(0,f.jsx)(o.default,{width:18,height:18,color:`var(--oh-muted)`}),(0,f.jsx)(a.Typography.Text,{className:`font-normal text-[11px] text-white tracking-[0.11px] leading-4`,children:v(t.I18nKey.COMMON$PLAN_MD)}),(0,f.jsx)(`div`,{className:`flex-1`}),(0,f.jsxs)(`button`,{type:`button`,onClick:S,className:`flex items-center gap-1 hover:opacity-80 transition-opacity cursor-pointer`,"data-testid":`plan-preview-view-button`,children:[(0,f.jsx)(a.Typography.Text,{className:`font-normal text-[11px] text-white tracking-[0.11px] leading-4`,children:v(t.I18nKey.COMMON$VIEW)}),(0,f.jsx)(n.ArrowUpRight,{className:`text-white`,size:18})]})]}),(0,f.jsx)(`div`,{"data-testid":`plan-preview-content`,className:`flex flex-col gap-[10px] p-4 text-[15px] text-white leading-[29px]`,children:w&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(i.MarkdownRenderer,{includeStandard:!0,components:g?m:u.planComponents,children:w}),h&&h.length>p&&(0,f.jsx)(`button`,{type:`button`,onClick:S,className:`text-[#4a67bd] cursor-pointer hover:underline text-left`,"data-testid":`plan-preview-read-more-button`,children:v(t.I18nKey.COMMON$READ_MORE)})]})}),(0,f.jsx)(`div`,{className:`border-t border-[var(--oh-border)] flex h-[54px] items-center justify-start px-4`,children:(0,f.jsx)(`button`,{type:`button`,onClick:C,disabled:_,className:r.cn(`bg-white flex items-center justify-center h-[26px] px-2 rounded-[4px] w-[93px] transition-opacity`,_?`opacity-50 cursor-not-allowed`:`hover:opacity-90 cursor-pointer`),"data-testid":`plan-preview-build-button`,children:(0,f.jsxs)(a.Typography.Text,{className:`font-normal text-[14px] text-black leading-5`,children:[v(t.I18nKey.COMMON$BUILD),` `,(0,f.jsx)(a.Typography.Text,{className:`font-normal text-black`,children:`⌘↩`})]})})})]}):null}exports.PlanPreview=h;
 //# sourceMappingURL=plan-preview.cjs.map

package/dist/components/features/chat/plan-preview.js CHANGED Viewed

@@ -5,16 +5,16 @@ import { cn as r } from "../../../utils/utils.js";
 import { MarkdownRenderer as i } from "../markdown/markdown-renderer.js";
 import { Typography as a } from "../../../ui/typography.js";
 import o from "../../../icons/lesson-plan.js";
-import { useScrollContext as s } from "../../../context/scroll-context.js";
-import { useHandleBuildPlanClick as c } from "../../../hooks/use-handle-build-plan-click.js";
-import { useSelectConversationTab as l } from "../../../hooks/use-select-conversation-tab.js";
+import { useSelectConversationTab as s } from "../../../hooks/use-select-conversation-tab.js";
+import { useScrollContext as c } from "../../../context/scroll-context.js";
+import { useHandleBuildPlanClick as l } from "../../../hooks/use-handle-build-plan-click.js";
 import { createPlanComponents as u, planComponents as d } from "../markdown/plan-components.js";
 import { useCallback as f, useMemo as p } from "react";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/features/chat/plan-preview.tsx
 var _ = 300, v = u("shine-text");
 function y({ planContent: u, isStreaming: y, isBuildDisabled: b }) {
-	let { t: x } = e("openhands"), { navigateToTab: S } = l(), { handleBuildPlanClick: C } = c(), { scrollDomToBottom: w } = s(), T = () => {
+	let { t: x } = e("openhands"), { navigateToTab: S } = s(), { handleBuildPlanClick: C } = l(), { scrollDomToBottom: w } = c(), T = () => {
 		S("planner");
 	}, E = f((e) => {
 		C(e), w();

package/dist/components/features/chat/tool-visualizers/file-editor/file-editor.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=require("../../../../../_virtual/_rolldown/runtime.cjs"),t=require("../define.cjs"),n=require("../text-content.cjs"),r=require("../primitives/code-block.cjs"),i=require("../../../../../utils/get-language-from-path.cjs"),a=require("../primitives/diff-view.cjs"),o=require("../primitives/file-path-chip.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=t.defineVisualizer({actionKinds:[`FileEditorAction`,`StrReplaceEditorAction`],observationKinds:[`FileEditorObservation`,`StrReplaceEditorObservation`],Body:function({action:e,observation:t}){let s=t?.observation.path??e?.action.path??``,l=t?.observation.command??e?.action.command,u=i.getLanguageFromPath(s),d=e?.action.view_range,f=l===`view`&&d?`${d[0]}-${d[1]}`:void 0,p=s?(0,c.jsx)(o.FilePathChip,{path:s,range:f}):null;if(t){let e=t.observation,i=null;if(e.error)i=(0,c.jsx)(`span`,{className:`whitespace-pre-wrap text-xs text-danger`,children:e.error});else if(e.old_content!=null&&e.new_content!=null)i=(0,c.jsx)(a.DiffView,{oldText:e.old_content,newText:e.new_content});else{let t=e.new_content||e.output||(e.content?n.textFromContent(e.content):``);i=t?(0,c.jsx)(r.CodeBlock,{code:t,language:u}):null}return(0,c.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[p,i]})}if(e){let t=e.action,n=null;return t.command===`create`&&t.file_text?n=(0,c.jsx)(r.CodeBlock,{code:t.file_text,language:u}):(t.command===`str_replace`||t.command===`insert`)&&t.new_str!=null&&(n=(0,c.jsx)(a.DiffView,{oldText:t.old_str??``,newText:t.new_str})),(0,c.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[p,n]})}return null}});exports.fileEditorVisualizer=l;
+const e=require("../../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../../hooks/use-conversation-id.cjs"),n=require("../../../../../stores/files-tab-store.cjs"),r=require("../../../../../hooks/query/use-active-conversation.cjs"),i=require("../../../../../hooks/use-select-conversation-tab.cjs"),a=require("../define.cjs"),o=require("../text-content.cjs"),s=require("../primitives/code-block.cjs"),c=require("../../../../../utils/get-language-from-path.cjs"),l=require("../../../../../utils/workspace-relative-path.cjs"),u=require("../primitives/diff-view.cjs"),d=require("../primitives/file-path-chip.cjs"),f=require("../../../../../utils/is-markdown-file-path.cjs"),p=require("../primitives/markdown-file-preview.cjs");let m=require("react");m=e.__toESM(m,1);let h=require("react/jsx-runtime");var g=({action:e,observation:t})=>t?.observation.path??e?.action.path??``;function _({action:e,observation:t,onOpenFile:n}){let r=g({action:e,observation:t}),i=t?.observation.command??e?.action.command,a=c.getLanguageFromPath(r),l=e?.action.view_range,m=i===`view`&&l?`${l[0]}-${l[1]}`:void 0,_=r?(0,h.jsx)(d.FilePathChip,{path:r,range:m,onClick:n}):null,v=e=>r&&i===`create`&&f.isMarkdownFilePath(r)?{chip:null,body:(0,h.jsx)(p.MarkdownFilePreview,{content:e,path:r,onView:n})}:{chip:_,body:(0,h.jsx)(s.CodeBlock,{code:e,language:a})};if(t){let e=t.observation,n=null,r=_;if(e.error)n=(0,h.jsx)(`span`,{className:`whitespace-pre-wrap text-xs text-danger`,children:e.error});else if(e.old_content!=null&&e.new_content!=null)n=(0,h.jsx)(u.DiffView,{oldText:e.old_content,newText:e.new_content});else{let t=e.new_content||e.output||(e.content?o.textFromContent(e.content):``);if(t){let e=v(t);r=e.chip,n=e.body}}return(0,h.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[r,n]})}if(e){let t=e.action,n=null,r=_;if(t.command===`create`&&t.file_text){let e=v(t.file_text);r=e.chip,n=e.body}else (t.command===`str_replace`||t.command===`insert`)&&t.new_str!=null&&(n=(0,h.jsx)(u.DiffView,{oldText:t.old_str??``,newText:t.new_str}));return(0,h.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[r,n]})}return null}function v({conversationId:e,...t}){let{navigateToTab:a}=i.useSelectConversationTab(),o=n.useFilesTabStore(e=>e.setSelectedPath),{data:s}=r.useActiveConversation(),c=g(t),u=s?.workspace?.working_dir,d=c&&t.observation?()=>{o(l.toWorkspaceRelativePath(c,u),e),a(`files`)}:void 0;return(0,h.jsx)(_,{...t,onOpenFile:d})}var y=a.defineVisualizer({actionKinds:[`FileEditorAction`,`StrReplaceEditorAction`],observationKinds:[`FileEditorObservation`,`StrReplaceEditorObservation`],Body:function(e){let{conversationId:n}=t.useOptionalConversationId();return n?(0,h.jsx)(v,{...e,conversationId:n}):(0,h.jsx)(_,{...e})}});exports.fileEditorVisualizer=y;
 //# sourceMappingURL=file-editor.cjs.map

package/dist/components/features/chat/tool-visualizers/file-editor/file-editor.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"file-editor.cjs","names":[],"sources":["../../../../../../src/components/features/chat/tool-visualizers/file-editor/file-editor.tsx"],"sourcesContent":["~~import~~ React from \"react\";\nimport { getLanguageFromPath } from \"#/utils/get-language-from-path\";\nimport { defineVisualizer } from \"../define\";\nimport { textFromContent } from \"../text-content\";\nimport { CodeBlock } from \"../primitives/code-block\";\nimport { DiffView } from \"../primitives/diff-view\";\nimport { FilePathChip } from \"../primitives/file-path-chip\";\n\n~~/*\~~n ~~File~~-~~editor~~ ~~visualizer~~ ~~for~~ ~~`file_editor`~~ / ~~`str_replace_editor` tools.\~~n \n ~~Observation~~ ~~card:~~ ~~error~~ ~~→ message~~; ~~`str_replace`/`insert`~~ → ~~diff~~ of ~~the~~ ~~file\n~~ * ~~before~~ vs ~~after;~~ ~~`create`/`view`~~ → ~~the~~ ~~file~~ ~~content~~. ~~Action~~ ~~card~~ ~~(shown~~ ~~while~~\n * ~~the~~ ~~edit~~ is in ~~flight):~~ ~~`create`~~ → ~~new~~ ~~content;~~ ~~`str_replace`~~ → ~~diff~~ of ~~the~~\n * ~~replaced~~ ~~snippet;~~ ~~`view`/`undo_edit`~~ → ~~just~~ the ~~path~~ + ~~range~~.\n */\nexport ~~const~~ ~~fileEditorVisualizer~~ = ~~defineVisualizer({\~~n ~~actionKinds:~~ [\~~"FileEditorAction~~\", \~~"StrReplaceEditorAction\"]~~,\n ~~observationKinds: [\"FileEditorObservation\", \"StrReplaceEditorObservation\"]~~,\n ~~Body~~: ~~function FileEditorBody({ action, observation }~~) {\n const path = ~~observation?.observation.path~~ ?? action~~?.action.path~~ ?? ~~\"\"~~;\n const command = observation?.observation.command ?? action?.action.command;\n const language = getLanguageFromPath(path);\n\n const viewRange = action?.action.view_range;\n const range =\n command === \"view\" && viewRange\n ? `${viewRange[0]}-${viewRange[1]}`\n : undefined;\n const chip = path ? <FilePathChip path={path} range={range} /> : null;\n\n if (observation) {\n const obs = observation.observation;\n let body: React.ReactNode = null;\n if (obs.error) {\n body = (\n <span className=\"whitespace-pre-wrap text-xs text-danger\">\n {obs.error}\n </span>\n );\n } else if (obs.old_content != null && obs.new_content != null) {\n // Nullish, not truthy: an empty string is a valid side of the diff —\n // clearing a file or inserting into an empty file must still render it.\n body = <DiffView oldText={obs.old_content} newText={obs.new_content} />;\n } else {\n // `view` returns the snippet the agent saw in `content` (the `cat -n`\n // output) rather than `output`/`new_content`, so fall back to it.\n // Mirrors the markdown path's \"prefer content for view\" handling.\n const content =\n obs.new_content \|\|\n obs.output \|\|\n (obs.content ? textFromContent(obs.content) : \"\");\n ~~body~~ = content ~~? (~~\n ~~<CodeBlock~~ ~~code~~={content} ~~language~~=~~{language}~~ ~~/>\~~n ) : ~~null~~;\n }\n return (\n <div className=\"flex flex-col gap-2\">\n {~~chip~~}\n {body}\n </div>\n );\n }\n\n if (action) {\n const act = action.action;\n let body: React.ReactNode = null;\n if (act.command === \"create\" && act.file_text) {\n ~~body~~ = ~~<CodeBlock code={~~act.file_text} ~~language~~=~~{language}~~ ~~/>;\~~n } else if (\n (act.command === \"str_replace\" \|\| act.command === \"insert\") &&\n act.new_str != null\n ) {\n // `insert` carries only `new_str`, no `old_str`. Key on `new_str` and\n // default `old_str` to \"\" so an in-flight insert shows an addition diff\n // instead of nothing.\n body = <DiffView oldText={act.old_str ?? \"\"} newText={act.new_str} />;\n }\n return (\n <div className=\"flex flex-col gap-2\">\n {~~chip~~}\n {body}\n </div>\n );\n }\n\n return ~~null~~;\n },\n});\n"],"mappings":"~~sYAgBA~~,~~IAAa~~,~~EAAuB~~,~~EAAA~~,~~iBAAiB~~,~~CACnD~~,~~YAAa~~,~~CAAC~~,~~mBAAoB~~,~~wBAAwB~~,~~EAC1D~~,~~iBAAkB~~,~~CAAC~~,~~wBAAyB~~,~~6BAA6B~~,~~EACzE~~,~~KAAM~~,~~SAAwB~~,~~CAAE~~,~~SAAQ~~,~~eAAe,CACrD,~~IAAM,EAAO,~~GAAa~~,~~YAAY~~,~~MAAQ~~,~~GAAQ~~,~~OAAO~~,~~MAAQ~~,~~GAC/D,~~EAAU,GAAa,YAAY,SAAW,GAAQ,OAAO,QAC7D,EAAW,EAAA,oBAAoB,CAAI,EAEnC,EAAY,GAAQ,OAAO,WAC3B,EACJ,IAAY,QAAU,EAClB,GAAG,EAAU,GAAG,GAAG,EAAU,KAC7B,IAAA,GACA,EAAO,~~GAAO~~,EAAA,EAAA,KAAC,EAAA,aAAD,CAAoB,OAAa,OAAQ,CAAA,~~EAAI~~,~~KAEjE~~,GAAI,EAAa,CACf,IAAM,EAAM,EAAY,YACpB,EAAwB,~~KAC5B~~,GAAI,EAAI,MACN,GACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mDACb,EAAI,KACD,CAAA,OAEH,GAAI,EAAI,aAAe,MAAQ,EAAI,aAAe,KAGvD,GAAO,EAAA,EAAA,KAAC,EAAA,SAAD,CAAU,QAAS,EAAI,YAAa,QAAS,EAAI,WAAc,CAAA,MACjE,CAIL,IAAM,EACJ,EAAI,aACJ,EAAI,SACH,EAAI,QAAU,EAAA,gBAAgB,EAAI,OAAO,EAAI,IAChD,~~EAAO~~,~~GACL~~,~~EAAA~~,~~EAAA~~,~~KAAC~~,~~EAAA~~,~~UAAD~~,~~CAAW~~,~~KAAM~~,~~EAAmB~~,~~UAAW~~,~~CAAA~~,~~EAC7C~~,~~IACN~~,CACA,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+BAAf,CACG,EACA,CACE,GAET,CAEA,GAAI,EAAQ,CACV,IAAM,EAAM,EAAO,OACf,EAAwB,~~KAY5B~~,~~OAXI~~,EAAI,UAAY,UAAY,EAAI,~~UAClC~~,~~GAAO~~,~~EAAA~~,~~EAAA~~,~~KAAC~~,~~EAAA~~,~~UAAD~~,~~CAAW~~,~~KAAM~~,~~EAAI~~,~~UAAqB~~,~~UAAW~~,~~CAAA~~,~~GAE3D~~,EAAI,UAAY,eAAiB,EAAI,UAAY,WAClD,EAAI,SAAW,OAKf,GAAO,EAAA,EAAA,KAAC,EAAA,SAAD,CAAU,QAAS,EAAI,SAAW,GAAI,QAAS,EAAI,OAAU,CAAA,~~IAGpE~~,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+BAAf,CACG,EACA,CACE,GAET,CAEA,OAAO,IACT,CACF,CAAC"}
1	+ {"version":3,"file":"file-editor.cjs","names":[],"sources":["../../../../../../src/components/features/chat/tool-visualizers/file-editor/file-editor.tsx"],"sourcesContent":["/*\n File-editor visualizer for `file_editor` / `str_replace_editor` tools.\n \n Observation card: error → message; `str_replace`/`insert` → diff of the file\n * before vs after; `create`/`view` → the file content. Action card (shown while\n * the edit is in flight): `create` → new content; `str_replace` → diff of the\n * replaced snippet; `view`/`undo_edit` → just the path + range.\n \n Created Markdown artifacts get a height-clipped rich preview with a View bar\n * that opens the Files drawer, instead of dumping the full source into a code\n * block. Reads/edits of `.md` files keep the normal CodeBlock / DiffView path.\n /\nimport React from \"react\";\nimport { getLanguageFromPath } from \"#/utils/get-language-from-path\";\nimport { toWorkspaceRelativePath } from \"#/utils/workspace-relative-path\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useSelectConversationTab } from \"#/hooks/use-select-conversation-tab\";\nimport { useFilesTabStore } from \"#/stores/files-tab-store\";\nimport type {\n FileEditorAction,\n StrReplaceEditorAction,\n} from \"#/types/agent-server/core/base/action\";\nimport type {\n FileEditorObservation,\n StrReplaceEditorObservation,\n} from \"#/types/agent-server/core/base/observation\";\nimport { defineVisualizer, VisualizerProps } from \"../define\";\nimport { textFromContent } from \"../text-content\";\nimport { CodeBlock } from \"../primitives/code-block\";\nimport { DiffView } from \"../primitives/diff-view\";\nimport { FilePathChip } from \"../primitives/file-path-chip\";\nimport {\n isMarkdownFilePath,\n MarkdownFilePreview,\n} from \"../primitives/markdown-file-preview\";\n\ntype FileEditorCardProps = VisualizerProps<\n FileEditorAction \| StrReplaceEditorAction,\n FileEditorObservation \| StrReplaceEditorObservation\n>;\n\n/* The path the event touched; observations win because they are authoritative. /\nconst resolvePath = ({ action, observation }: FileEditorCardProps): string =>\n observation?.observation.path ?? action?.action.path ?? \"\";\n\ninterface FileEditorCardBodyProps extends FileEditorCardProps {\n /\n Deep-links the file into the Files drawer. Absent outside a conversation\n * route, where there is no drawer to open; the card then stays read-only.\n * Also omitted for in-flight creates so View does not open a missing file.\n /\n onOpenFile?: () => void;\n}\n\nfunction FileEditorCardBody({\n action,\n observation,\n onOpenFile,\n}: FileEditorCardBodyProps) {\n const path = resolvePath({ action, observation });\n const command = observation?.observation.command ?? action?.action.command;\n const language = getLanguageFromPath(path);\n\n const viewRange = action?.action.view_range;\n const range =\n command === \"view\" && viewRange\n ? `${viewRange[0]}-${viewRange[1]}`\n : undefined;\n const chip = path ? (\n <FilePathChip path={path} range={range} onClick={onOpenFile} />\n ) : null;\n\n const renderFileContent = (content: string) => {\n // Only created Markdown artifacts get the rich preview — `view` returns\n // `cat -n` numbered snippets that must stay in a CodeBlock.\n if (path && command === \"create\" && isMarkdownFilePath(path)) {\n // Markdown artifacts own their card (clipped preview + optional View),\n // so skip the separate path chip to avoid a duplicate filename affordance.\n return {\n chip: null as React.ReactNode,\n body: (\n <MarkdownFilePreview\n content={content}\n path={path}\n onView={onOpenFile}\n />\n ),\n };\n }\n return {\n chip,\n body: <CodeBlock code={content} language={language} />,\n };\n };\n\n if (observation) {\n const obs = observation.observation;\n let body: React.ReactNode = null;\n let leadingChip: React.ReactNode = chip;\n if (obs.error) {\n body = (\n <span className=\"whitespace-pre-wrap text-xs text-danger\">\n {obs.error}\n </span>\n );\n } else if (obs.old_content != null && obs.new_content != null) {\n // Nullish, not truthy: an empty string is a valid side of the diff —\n // clearing a file or inserting into an empty file must still render it.\n body = <DiffView oldText={obs.old_content} newText={obs.new_content} />;\n } else {\n // `view` returns the snippet the agent saw in `content` (the `cat -n`\n // output) rather than `output`/`new_content`, so fall back to it.\n // Mirrors the markdown path's \"prefer content for view\" handling.\n const content =\n obs.new_content \|\|\n obs.output \|\|\n (obs.content ? textFromContent(obs.content) : \"\");\n if (content) {\n const rendered = renderFileContent(content);\n leadingChip = rendered.chip;\n body = rendered.body;\n }\n }\n return (\n <div className=\"flex flex-col gap-2\">\n {leadingChip}\n {body}\n </div>\n );\n }\n\n if (action) {\n const act = action.action;\n let body: React.ReactNode = null;\n let leadingChip: React.ReactNode = chip;\n if (act.command === \"create\" && act.file_text) {\n const rendered = renderFileContent(act.file_text);\n leadingChip = rendered.chip;\n body = rendered.body;\n } else if (\n (act.command === \"str_replace\" \|\| act.command === \"insert\") &&\n act.new_str != null\n ) {\n // `insert` carries only `new_str`, no `old_str`. Key on `new_str` and\n // default `old_str` to \"\" so an in-flight insert shows an addition diff\n // instead of nothing.\n body = <DiffView oldText={act.old_str ?? \"\"} newText={act.new_str} />;\n }\n return (\n <div className=\"flex flex-col gap-2\">\n {leadingChip}\n {body}\n </div>\n );\n }\n\n return null;\n}\n\n/\n Conversation-scoped wrapper: owns the Files-drawer deep link. Split from the\n * card so the conversation-only hooks below never run outside a conversation\n * route (they throw on a missing conversation id).\n */\nfunction FileEditorCardWithDrawerLink({\n conversationId,\n ...props\n}: FileEditorCardProps & { conversationId: string }) {\n const { navigateToTab } = useSelectConversationTab();\n const setSelectedPath = useFilesTabStore((state) => state.setSelectedPath);\n const { data: conversation } = useActiveConversation();\n const path = resolvePath(props);\n const workingDir = conversation?.workspace?.working_dir;\n\n // Only deep-link once the observation exists — the file is not guaranteed\n // to be on disk while the create action is still in flight.\n const onOpenFile =\n path && props.observation\n ? () => {\n setSelectedPath(\n toWorkspaceRelativePath(path, workingDir),\n conversationId,\n );\n navigateToTab(\"files\");\n }\n : undefined;\n\n return <FileEditorCardBody {...props} onOpenFile={onOpenFile} />;\n}\n\nexport const fileEditorVisualizer = defineVisualizer({\n actionKinds: [\"FileEditorAction\", \"StrReplaceEditorAction\"],\n observationKinds: [\"FileEditorObservation\", \"StrReplaceEditorObservation\"],\n Body: function FileEditorBody(props) {\n const { conversationId } = useOptionalConversationId();\n\n return conversationId ? (\n <FileEditorCardWithDrawerLink\n {...props}\n conversationId={conversationId}\n />\n ) : (\n <FileEditorCardBody {...props} />\n );\n },\n});\n"],"mappings":"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"}

package/dist/components/features/chat/tool-visualizers/file-editor/file-editor.d.ts CHANGED Viewed

@@ -1,9 +1 @@
-/**
- * File-editor visualizer for `file_editor` / `str_replace_editor` tools.
- *
- * Observation card: error → message; `str_replace`/`insert` → diff of the file
- * before vs after; `create`/`view` → the file content. Action card (shown while
- * the edit is in flight): `create` → new content; `str_replace` → diff of the
- * replaced snippet; `view`/`undo_edit` → just the path + range.
- */
 export declare const fileEditorVisualizer: import("../define").RegisteredVisualizer;