@openhands/agent-canvas 1.15.0 → 1.17.0

package/dist/components/features/chat/interactive-chat-box.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"interactive-chat-box.cjs","names":[],"sources":["../../../../src/components/features/chat/interactive-chat-box.tsx"],"sourcesContent":["import { CustomChatInput } from \"./custom-chat-input\";\nimport { useBtwInterceptor } from \"#/hooks/chat/use-btw-interceptor\";\nimport { useGoalInterceptor } from \"#/hooks/chat/use-goal-interceptor\";\nimport { useModelInterceptor } from \"#/hooks/chat/use-model-interceptor\";\nimport { useChatAttachmentUpload } from \"#/hooks/chat/use-chat-attachment-upload\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { GitControlBar } from \"./git-control-bar\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useSubConversationTaskPolling } from \"#/hooks/query/use-sub-conversation-task-polling\";\nimport { partitionImagesForUpload } from \"#/components/features/chat/utils/chat-input.utils\";\nimport { isTaskPolling } from \"#/utils/utils\";\n\ninterface InteractiveChatBoxProps {\n  onSubmit: (message: string, images: File[], files: File[]) => void;\n  disabled?: boolean;\n  hasStartedConversation?: boolean;\n}\n\nexport function InteractiveChatBox({\n  onSubmit,\n  disabled = false,\n  hasStartedConversation,\n}: InteractiveChatBoxProps) {\n  const {\n    images,\n    files,\n    imagesMarkedUploadAsFile,\n    clearAllFiles,\n    subConversationTaskId,\n  } = useConversationStore();\n  const { curAgentState } = useAgentState();\n  const { data: conversation } = useActiveConversation();\n  const { conversationId: routeConversationId } = useOptionalConversationId();\n  const conversationId = routeConversationId ?? conversation?.id ?? null;\n\n  const { taskStatus: subConversationTaskStatus } =\n    useSubConversationTaskPolling(\n      subConversationTaskId,\n      conversation?.id || null,\n    );\n\n  const { handleUpload } = useChatAttachmentUpload();\n\n  const handleAfterGoal = useBtwInterceptor(conversationId, (message) => {\n    const { imagesToEmbed, imagesAsFiles } = partitionImagesForUpload(\n      images,\n      imagesMarkedUploadAsFile,\n    );\n    onSubmit(message, imagesToEmbed, [...files, ...imagesAsFiles]);\n    clearAllFiles();\n  });\n  const handleAfterModel = useGoalInterceptor(conversationId, handleAfterGoal);\n  const handleSubmit = useModelInterceptor(conversationId, handleAfterModel);\n\n  const handleSuggestionsClick = (suggestion: string) => {\n    handleSubmit(suggestion);\n  };\n\n  const isDisabled =\n    disabled ||\n    curAgentState === AgentState.AWAITING_USER_CONFIRMATION ||\n    isTaskPolling(subConversationTaskStatus);\n\n  return (\n    <div data-testid=\"interactive-chat-box\">\n      <CustomChatInput\n        disabled={isDisabled}\n        isNewConversationPending={disabled}\n        hasStartedConversation={hasStartedConversation}\n        onSubmit={handleSubmit}\n        onFilesPaste={handleUpload}\n      />\n      <div className=\"mt-3 pb-3\">\n        <GitControlBar onSuggestionsClick={handleSuggestionsClick} />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"4yBAqBA,SAAgB,EAAmB,CACjC,WACA,WAAW,GACX,0BAC0B,CAC1B,GAAM,CACJ,SACA,QACA,2BACA,gBACA,yBACE,EAAA,qBAAqB,EACnB,CAAE,iBAAkB,EAAA,cAAc,EAClC,CAAE,KAAM,GAAiB,EAAA,sBAAsB,EAC/C,CAAE,eAAgB,GAAwB,EAAA,0BAA0B,EACpE,EAAiB,GAAuB,GAAc,IAAM,KAE5D,CAAE,WAAY,GAClB,EAAA,8BACE,EACA,GAAc,IAAM,IACtB,EAEI,CAAE,gBAAiB,EAAA,wBAAwB,EAW3C,EAAe,EAAA,oBAAoB,EADhB,EAAA,mBAAmB,EARpB,EAAA,kBAAkB,EAAiB,GAAY,CACrE,GAAM,CAAE,gBAAe,iBAAkB,EAAA,yBACvC,EACA,CACF,EACA,EAAS,EAAS,EAAe,CAAC,GAAG,EAAO,GAAG,CAAa,CAAC,EAC7D,EAAc,CAChB,CAC4D,CACH,CAAgB,EAWzE,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,cAAY,gCAAjB,EACE,EAAA,EAAA,KAAC,EAAA,gBAAD,CACE,SAPJ,GACA,IAAkB,EAAA,WAAW,4BAC7B,EAAA,cAAc,CAAyB,EAMnC,yBAA0B,EACF,yBACxB,SAAU,EACV,aAAc,CACf,CAAA,GACD,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACb,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,mBAnBW,GAAuB,CACrD,EAAa,CAAU,CACzB,CAiBkE,CAAA,CACzD,CAAA,CACF,GAET"}
+{"version":3,"file":"interactive-chat-box.cjs","names":[],"sources":["../../../../src/components/features/chat/interactive-chat-box.tsx"],"sourcesContent":["import { CustomChatInput } from \"./custom-chat-input\";\nimport { useBtwInterceptor } from \"#/hooks/chat/use-btw-interceptor\";\nimport { useGoalInterceptor } from \"#/hooks/chat/use-goal-interceptor\";\nimport { useModelInterceptor } from \"#/hooks/chat/use-model-interceptor\";\nimport { usePlanModeInterceptor } from \"#/hooks/chat/use-plan-mode-interceptor\";\nimport { useChatAttachmentUpload } from \"#/hooks/chat/use-chat-attachment-upload\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { GitControlBar } from \"./git-control-bar\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useSubConversationTaskPolling } from \"#/hooks/query/use-sub-conversation-task-polling\";\nimport { partitionImagesForUpload } from \"#/components/features/chat/utils/chat-input.utils\";\nimport { isTaskPolling } from \"#/utils/utils\";\n\ninterface InteractiveChatBoxProps {\n  onSubmit: (message: string, images: File[], files: File[]) => void;\n  disabled?: boolean;\n  hasStartedConversation?: boolean;\n}\n\nexport function InteractiveChatBox({\n  onSubmit,\n  disabled = false,\n  hasStartedConversation,\n}: InteractiveChatBoxProps) {\n  const {\n    images,\n    files,\n    imagesMarkedUploadAsFile,\n    clearAllFiles,\n    subConversationTaskId,\n  } = useConversationStore();\n  const { curAgentState } = useAgentState();\n  const { data: conversation } = useActiveConversation();\n  const { conversationId: routeConversationId } = useOptionalConversationId();\n  const conversationId = routeConversationId ?? conversation?.id ?? null;\n\n  const { taskStatus: subConversationTaskStatus } =\n    useSubConversationTaskPolling(\n      subConversationTaskId,\n      conversation?.id || null,\n    );\n\n  const { handleUpload } = useChatAttachmentUpload();\n\n  const handleAfterGoal = useBtwInterceptor(conversationId, (message) => {\n    const { imagesToEmbed, imagesAsFiles } = partitionImagesForUpload(\n      images,\n      imagesMarkedUploadAsFile,\n    );\n    onSubmit(message, imagesToEmbed, [...files, ...imagesAsFiles]);\n    clearAllFiles();\n  });\n  const handleAfterPlanMode = usePlanModeInterceptor(\n    conversationId,\n    curAgentState,\n    handleAfterGoal,\n  );\n  const handleAfterModel = useGoalInterceptor(\n    conversationId,\n    handleAfterPlanMode,\n  );\n  const handleSubmit = useModelInterceptor(conversationId, handleAfterModel);\n\n  const handleSuggestionsClick = (suggestion: string) => {\n    handleSubmit(suggestion);\n  };\n\n  const isDisabled =\n    disabled ||\n    curAgentState === AgentState.AWAITING_USER_CONFIRMATION ||\n    isTaskPolling(subConversationTaskStatus);\n\n  return (\n    <div data-testid=\"interactive-chat-box\">\n      <CustomChatInput\n        disabled={isDisabled}\n        isNewConversationPending={disabled}\n        hasStartedConversation={hasStartedConversation}\n        onSubmit={handleSubmit}\n        onFilesPaste={handleUpload}\n      />\n      <div className=\"mt-3 pb-3\">\n        <GitControlBar onSuggestionsClick={handleSuggestionsClick} />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"22BAsBA,SAAgB,EAAmB,CACjC,WACA,WAAW,GACX,0BAC0B,CAC1B,GAAM,CACJ,SACA,QACA,2BACA,gBACA,yBACE,EAAA,qBAAqB,EACnB,CAAE,iBAAkB,EAAA,cAAc,EAClC,CAAE,KAAM,GAAiB,EAAA,sBAAsB,EAC/C,CAAE,eAAgB,GAAwB,EAAA,0BAA0B,EACpE,EAAiB,GAAuB,GAAc,IAAM,KAE5D,CAAE,WAAY,GAClB,EAAA,8BACE,EACA,GAAc,IAAM,IACtB,EAEI,CAAE,gBAAiB,EAAA,wBAAwB,EAmB3C,EAAe,EAAA,oBAAoB,EAJhB,EAAA,mBACvB,EAN0B,EAAA,uBAC1B,EACA,EAVsB,EAAA,kBAAkB,EAAiB,GAAY,CACrE,GAAM,CAAE,gBAAe,iBAAkB,EAAA,yBACvC,EACA,CACF,EACA,EAAS,EAAS,EAAe,CAAC,GAAG,EAAO,GAAG,CAAa,CAAC,EAC7D,EAAc,CAChB,CAIE,CAIA,CAEuD,CAAgB,EAWzE,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,cAAY,gCAAjB,EACE,EAAA,EAAA,KAAC,EAAA,gBAAD,CACE,SAPJ,GACA,IAAkB,EAAA,WAAW,4BAC7B,EAAA,cAAc,CAAyB,EAMnC,yBAA0B,EACF,yBACxB,SAAU,EACV,aAAc,CACf,CAAA,GACD,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACb,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,mBAnBW,GAAuB,CACrD,EAAa,CAAU,CACzB,CAiBkE,CAAA,CACzD,CAAA,CACF,GAET"}

package/dist/components/features/chat/interactive-chat-box.js

@@ -10,32 +10,33 @@ import { CustomChatInput as c } from "./custom-chat-input.js";
 import { useBtwInterceptor as l } from "../../../hooks/chat/use-btw-interceptor.js";
 import { useGoalInterceptor as u } from "../../../hooks/chat/use-goal-interceptor.js";
 import { useModelInterceptor as d } from "../../../hooks/chat/use-model-interceptor.js";
-import { useChatAttachmentUpload as f } from "../../../hooks/chat/use-chat-attachment-upload.js";
-import { GitControlBar as p } from "./git-control-bar.js";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { usePlanModeInterceptor as f } from "../../../hooks/chat/use-plan-mode-interceptor.js";
+import { useChatAttachmentUpload as p } from "../../../hooks/chat/use-chat-attachment-upload.js";
+import { GitControlBar as m } from "./git-control-bar.js";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/features/chat/interactive-chat-box.tsx
-function g({ onSubmit: g, disabled: _ = !1, hasStartedConversation: v }) {
-	let { images: y, files: b, imagesMarkedUploadAsFile: x, clearAllFiles: S, subConversationTaskId: C } = r(), { curAgentState: w } = a(), { data: T } = i(), { conversationId: E } = n(), D = E ?? T?.id ?? null, { taskStatus: O } = s(C, T?.id || null), { handleUpload: k } = f(), A = d(D, u(D, l(D, (e) => {
-		let { imagesToEmbed: t, imagesAsFiles: n } = o(y, x);
-		g(e, t, [...b, ...n]), S();
-	})));
-	return /* @__PURE__ */ h("div", {
+function _({ onSubmit: _, disabled: v = !1, hasStartedConversation: y }) {
+	let { images: b, files: x, imagesMarkedUploadAsFile: S, clearAllFiles: C, subConversationTaskId: w } = r(), { curAgentState: T } = a(), { data: E } = i(), { conversationId: D } = n(), O = D ?? E?.id ?? null, { taskStatus: k } = s(w, E?.id || null), { handleUpload: A } = p(), j = d(O, u(O, f(O, T, l(O, (e) => {
+		let { imagesToEmbed: t, imagesAsFiles: n } = o(b, S);
+		_(e, t, [...x, ...n]), C();
+	}))));
+	return /* @__PURE__ */ g("div", {
 		"data-testid": "interactive-chat-box",
-		children: [/* @__PURE__ */ m(c, {
-			disabled: _ || w === e.AWAITING_USER_CONFIRMATION || t(O),
-			isNewConversationPending: _,
-			hasStartedConversation: v,
-			onSubmit: A,
-			onFilesPaste: k
-		}), /* @__PURE__ */ m("div", {
+		children: [/* @__PURE__ */ h(c, {
+			disabled: v || T === e.AWAITING_USER_CONFIRMATION || t(k),
+			isNewConversationPending: v,
+			hasStartedConversation: y,
+			onSubmit: j,
+			onFilesPaste: A
+		}), /* @__PURE__ */ h("div", {
 			className: "mt-3 pb-3",
-			children: /* @__PURE__ */ m(p, { onSuggestionsClick: (e) => {
-				A(e);
+			children: /* @__PURE__ */ h(m, { onSuggestionsClick: (e) => {
+				j(e);
 			} })
 		})]
 	});
 }
 //#endregion
-export { g as InteractiveChatBox };
+export { _ as InteractiveChatBox };
 
 //# sourceMappingURL=interactive-chat-box.js.map

package/dist/components/features/chat/interactive-chat-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"interactive-chat-box.js","names":[],"sources":["../../../../src/components/features/chat/interactive-chat-box.tsx"],"sourcesContent":["import { CustomChatInput } from \"./custom-chat-input\";\nimport { useBtwInterceptor } from \"#/hooks/chat/use-btw-interceptor\";\nimport { useGoalInterceptor } from \"#/hooks/chat/use-goal-interceptor\";\nimport { useModelInterceptor } from \"#/hooks/chat/use-model-interceptor\";\nimport { useChatAttachmentUpload } from \"#/hooks/chat/use-chat-attachment-upload\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { GitControlBar } from \"./git-control-bar\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useSubConversationTaskPolling } from \"#/hooks/query/use-sub-conversation-task-polling\";\nimport { partitionImagesForUpload } from \"#/components/features/chat/utils/chat-input.utils\";\nimport { isTaskPolling } from \"#/utils/utils\";\n\ninterface InteractiveChatBoxProps {\n  onSubmit: (message: string, images: File[], files: File[]) => void;\n  disabled?: boolean;\n  hasStartedConversation?: boolean;\n}\n\nexport function InteractiveChatBox({\n  onSubmit,\n  disabled = false,\n  hasStartedConversation,\n}: InteractiveChatBoxProps) {\n  const {\n    images,\n    files,\n    imagesMarkedUploadAsFile,\n    clearAllFiles,\n    subConversationTaskId,\n  } = useConversationStore();\n  const { curAgentState } = useAgentState();\n  const { data: conversation } = useActiveConversation();\n  const { conversationId: routeConversationId } = useOptionalConversationId();\n  const conversationId = routeConversationId ?? conversation?.id ?? null;\n\n  const { taskStatus: subConversationTaskStatus } =\n    useSubConversationTaskPolling(\n      subConversationTaskId,\n      conversation?.id || null,\n    );\n\n  const { handleUpload } = useChatAttachmentUpload();\n\n  const handleAfterGoal = useBtwInterceptor(conversationId, (message) => {\n    const { imagesToEmbed, imagesAsFiles } = partitionImagesForUpload(\n      images,\n      imagesMarkedUploadAsFile,\n    );\n    onSubmit(message, imagesToEmbed, [...files, ...imagesAsFiles]);\n    clearAllFiles();\n  });\n  const handleAfterModel = useGoalInterceptor(conversationId, handleAfterGoal);\n  const handleSubmit = useModelInterceptor(conversationId, handleAfterModel);\n\n  const handleSuggestionsClick = (suggestion: string) => {\n    handleSubmit(suggestion);\n  };\n\n  const isDisabled =\n    disabled ||\n    curAgentState === AgentState.AWAITING_USER_CONFIRMATION ||\n    isTaskPolling(subConversationTaskStatus);\n\n  return (\n    <div data-testid=\"interactive-chat-box\">\n      <CustomChatInput\n        disabled={isDisabled}\n        isNewConversationPending={disabled}\n        hasStartedConversation={hasStartedConversation}\n        onSubmit={handleSubmit}\n        onFilesPaste={handleUpload}\n      />\n      <div className=\"mt-3 pb-3\">\n        <GitControlBar onSuggestionsClick={handleSuggestionsClick} />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAqBA,SAAgB,EAAmB,EACjC,aACA,cAAW,IACX,6BAC0B;CAC1B,IAAM,EACJ,WACA,UACA,6BACA,kBACA,6BACE,EAAqB,GACnB,EAAE,qBAAkB,EAAc,GAClC,EAAE,MAAM,MAAiB,EAAsB,GAC/C,EAAE,gBAAgB,MAAwB,EAA0B,GACpE,IAAiB,KAAuB,GAAc,MAAM,MAE5D,EAAE,YAAY,MAClB,EACE,GACA,GAAc,MAAM,IACtB,GAEI,EAAE,oBAAiB,EAAwB,GAW3C,IAAe,EAAoB,GADhB,EAAmB,GARpB,EAAkB,IAAiB,MAAY;EACrE,IAAM,EAAE,kBAAe,qBAAkB,EACvC,GACA,CACF;EAEA,AADA,EAAS,GAAS,GAAe,CAAC,GAAG,GAAO,GAAG,CAAa,CAAC,GAC7D,EAAc;CAChB,CAC4D,CACH,CAAgB;CAWzE,OACE,kBAAC,OAAD;EAAK,eAAY;YAAjB,CACE,kBAAC,GAAD;GACE,UAPJ,KACA,MAAkB,EAAW,8BAC7B,EAAc,CAAyB;GAMnC,0BAA0B;GACF;GACxB,UAAU;GACV,cAAc;EACf,CAAA,GACD,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD,EAAe,qBAnBW,MAAuB;IACrD,EAAa,CAAU;GACzB,EAiBkE,CAAA;EACzD,CAAA,CACF;;AAET"}
+{"version":3,"file":"interactive-chat-box.js","names":[],"sources":["../../../../src/components/features/chat/interactive-chat-box.tsx"],"sourcesContent":["import { CustomChatInput } from \"./custom-chat-input\";\nimport { useBtwInterceptor } from \"#/hooks/chat/use-btw-interceptor\";\nimport { useGoalInterceptor } from \"#/hooks/chat/use-goal-interceptor\";\nimport { useModelInterceptor } from \"#/hooks/chat/use-model-interceptor\";\nimport { usePlanModeInterceptor } from \"#/hooks/chat/use-plan-mode-interceptor\";\nimport { useChatAttachmentUpload } from \"#/hooks/chat/use-chat-attachment-upload\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { GitControlBar } from \"./git-control-bar\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useSubConversationTaskPolling } from \"#/hooks/query/use-sub-conversation-task-polling\";\nimport { partitionImagesForUpload } from \"#/components/features/chat/utils/chat-input.utils\";\nimport { isTaskPolling } from \"#/utils/utils\";\n\ninterface InteractiveChatBoxProps {\n  onSubmit: (message: string, images: File[], files: File[]) => void;\n  disabled?: boolean;\n  hasStartedConversation?: boolean;\n}\n\nexport function InteractiveChatBox({\n  onSubmit,\n  disabled = false,\n  hasStartedConversation,\n}: InteractiveChatBoxProps) {\n  const {\n    images,\n    files,\n    imagesMarkedUploadAsFile,\n    clearAllFiles,\n    subConversationTaskId,\n  } = useConversationStore();\n  const { curAgentState } = useAgentState();\n  const { data: conversation } = useActiveConversation();\n  const { conversationId: routeConversationId } = useOptionalConversationId();\n  const conversationId = routeConversationId ?? conversation?.id ?? null;\n\n  const { taskStatus: subConversationTaskStatus } =\n    useSubConversationTaskPolling(\n      subConversationTaskId,\n      conversation?.id || null,\n    );\n\n  const { handleUpload } = useChatAttachmentUpload();\n\n  const handleAfterGoal = useBtwInterceptor(conversationId, (message) => {\n    const { imagesToEmbed, imagesAsFiles } = partitionImagesForUpload(\n      images,\n      imagesMarkedUploadAsFile,\n    );\n    onSubmit(message, imagesToEmbed, [...files, ...imagesAsFiles]);\n    clearAllFiles();\n  });\n  const handleAfterPlanMode = usePlanModeInterceptor(\n    conversationId,\n    curAgentState,\n    handleAfterGoal,\n  );\n  const handleAfterModel = useGoalInterceptor(\n    conversationId,\n    handleAfterPlanMode,\n  );\n  const handleSubmit = useModelInterceptor(conversationId, handleAfterModel);\n\n  const handleSuggestionsClick = (suggestion: string) => {\n    handleSubmit(suggestion);\n  };\n\n  const isDisabled =\n    disabled ||\n    curAgentState === AgentState.AWAITING_USER_CONFIRMATION ||\n    isTaskPolling(subConversationTaskStatus);\n\n  return (\n    <div data-testid=\"interactive-chat-box\">\n      <CustomChatInput\n        disabled={isDisabled}\n        isNewConversationPending={disabled}\n        hasStartedConversation={hasStartedConversation}\n        onSubmit={handleSubmit}\n        onFilesPaste={handleUpload}\n      />\n      <div className=\"mt-3 pb-3\">\n        <GitControlBar onSuggestionsClick={handleSuggestionsClick} />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAsBA,SAAgB,EAAmB,EACjC,aACA,cAAW,IACX,6BAC0B;CAC1B,IAAM,EACJ,WACA,UACA,6BACA,kBACA,6BACE,EAAqB,GACnB,EAAE,qBAAkB,EAAc,GAClC,EAAE,MAAM,MAAiB,EAAsB,GAC/C,EAAE,gBAAgB,MAAwB,EAA0B,GACpE,IAAiB,KAAuB,GAAc,MAAM,MAE5D,EAAE,YAAY,MAClB,EACE,GACA,GAAc,MAAM,IACtB,GAEI,EAAE,oBAAiB,EAAwB,GAmB3C,IAAe,EAAoB,GAJhB,EACvB,GAN0B,EAC1B,GACA,GAVsB,EAAkB,IAAiB,MAAY;EACrE,IAAM,EAAE,kBAAe,qBAAkB,EACvC,GACA,CACF;EAEA,AADA,EAAS,GAAS,GAAe,CAAC,GAAG,GAAO,GAAG,CAAa,CAAC,GAC7D,EAAc;CAChB,CAIE,CAIA,CAEuD,CAAgB;CAWzE,OACE,kBAAC,OAAD;EAAK,eAAY;YAAjB,CACE,kBAAC,GAAD;GACE,UAPJ,KACA,MAAkB,EAAW,8BAC7B,EAAc,CAAyB;GAMnC,0BAA0B;GACF;GACxB,UAAU;GACV,cAAc;EACf,CAAA,GACD,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD,EAAe,qBAnBW,MAAuB;IACrD,EAAa,CAAU;GACzB,EAiBkE,CAAA;EACzD,CAAA,CACF;;AAET"}

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

@@ -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 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;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../hooks/use-conversation-id.cjs"),t=require("../../../services/canvas-ui.cjs"),n=require("../../../utils/event-logger.cjs");let r=require("react"),i=require("react/jsx-runtime");var a=(0,r.createContext)(!0),o=e=>{let t=document.createElement(`textarea`);return t.innerHTML=e,t.value},s=e=>e?e.endsWith(`/`)||e.endsWith(`\\`)?!0:!(e.split(/[/\\]/).pop()||``).includes(`.`):!1,c=e=>{if(!e)return``;let t=e.split(/[/\\]/),n=t[t.length-1];return s(e)&&!n.endsWith(`/`)?`${n}/`:n};function l(s){let{children:l}=s,{conversationId:u}=e.useOptionalConversationId(),d=(0,r.useContext)(a),f=e=>{try{let n=o(e),r=c(n);return d?(0,i.jsx)(`button`,{type:`button`,"data-testid":`path-component-link`,className:`cursor-pointer font-mono font-normal tracking-tight hover:underline`,title:n,onClick:e=>{e.stopPropagation(),t.openWorkspaceFile(n,u)},children:r}):(0,i.jsx)(`span`,{className:`font-mono font-normal tracking-tight`,title:n,children:r})}catch(t){return n.default.error(String(t)),(0,i.jsx)(`span`,{className:`font-mono font-normal tracking-tight`,children:e})}};return Array.isArray(l)?(0,i.jsx)(`span`,{className:`font-normal tracking-tight`,children:l.map((e,t)=>typeof e==`string`?(0,i.jsx)(`span`,{children:f(e)},`${e}-${t}`):e)}):typeof l==`string`?(0,i.jsx)(`span`,{className:`font-normal tracking-tight`,children:f(l)}):(0,i.jsx)(`span`,{className:`font-mono font-normal tracking-tight`,children:l})}exports.PathComponent=l,exports.PathInteractiveContext=a;
 //# sourceMappingURL=path-component.cjs.map

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

@@ -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\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"}
+{"version":3,"file":"path-component.cjs","names":[],"sources":["../../../../src/components/features/chat/path-component.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from \"react\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { openWorkspaceFile } from \"#/services/canvas-ui\";\nimport EventLogger from \"#/utils/event-logger\";\n\n/**\n * When false, PathComponent renders a non-interactive span. EventGroup's\n * header wraps titles in a toggle <button>, so nested path buttons would be\n * invalid markup — that context sets this to false.\n */\nexport const PathInteractiveContext = createContext(true);\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 * Displays only the filename, with the full path on hover.\n * Click opens the Files drawer on that path (when interactive).\n */\nfunction PathComponent(props: { children?: ReactNode }) {\n  const { children } = props;\n  const { conversationId } = useOptionalConversationId();\n  const interactive = useContext(PathInteractiveContext);\n\n  const processPath = (path: string) => {\n    try {\n      const decodedPath = decodeHtmlEntities(path);\n      const filename = extractFilename(decodedPath);\n      if (!interactive) {\n        return (\n          <span\n            className=\"font-mono font-normal tracking-tight\"\n            title={decodedPath}\n          >\n            {filename}\n          </span>\n        );\n      }\n      return (\n        <button\n          type=\"button\"\n          data-testid=\"path-component-link\"\n          className=\"cursor-pointer font-mono font-normal tracking-tight hover:underline\"\n          title={decodedPath}\n          onClick={(event) => {\n            event.stopPropagation();\n            openWorkspaceFile(decodedPath, conversationId);\n          }}\n        >\n          {filename}\n        </button>\n      );\n    } catch (e) {\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":"6PAUA,IAAa,GAAA,EAAA,EAAA,eAAuC,EAAI,EAOlD,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,EACf,CAAE,kBAAmB,EAAA,0BAA0B,EAC/C,GAAA,EAAA,EAAA,YAAyB,CAAsB,EAE/C,EAAe,GAAiB,CACpC,GAAI,CACF,IAAM,EAAc,EAAmB,CAAI,EACrC,EAAW,EAAgB,CAAW,EAW5C,OAVK,GAWH,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,cAAY,sBACZ,UAAU,sEACV,MAAO,EACP,QAAU,GAAU,CAClB,EAAM,gBAAgB,EACtB,EAAA,kBAAkB,EAAa,CAAc,CAC/C,WAEC,CACK,CAAA,GApBN,EAAA,EAAA,KAAC,OAAD,CACE,UAAU,uCACV,MAAO,WAEN,CACG,CAAA,CAiBZ,OAAS,EAAG,CAEV,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.d.ts

@@ -1,4 +1,10 @@
 import { ReactNode } from "react";
+/**
+ * When false, PathComponent renders a non-interactive span. EventGroup's
+ * header wraps titles in a toggle <button>, so nested path buttons would be
+ * invalid markup — that context sets this to false.
+ */
+export declare const PathInteractiveContext: import("react").Context<boolean>;
 /**
  * Checks if a path is likely a directory
  * @param path The full path
@@ -6,8 +12,8 @@ import { ReactNode } from "react";
  */
 declare const isLikelyDirectory: (path: string) => boolean;
 /**
- * Component that displays only the filename in the text but shows the full path on hover
- * Similar to MonoComponent but with path-specific functionality
+ * Displays only the filename, with the full path on hover.
+ * Click opens the Files drawer on that path (when interactive).
  */
 declare function PathComponent(props: {
     children?: ReactNode;

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

@@ -1,42 +1,54 @@
-import e from "../../../utils/event-logger.js";
-import { jsx as t } from "react/jsx-runtime";
+import { useOptionalConversationId as e } from "../../../hooks/use-conversation-id.js";
+import { openWorkspaceFile as t } from "../../../services/canvas-ui.js";
+import n from "../../../utils/event-logger.js";
+import { createContext as r, useContext as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
 //#region src/components/features/chat/path-component.tsx
-var n = (e) => {
+var o = r(!0), s = (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) => {
+}, c = (e) => e ? e.endsWith("/") || e.endsWith("\\") ? !0 : !(e.split(/[/\\]/).pop() || "").includes(".") : !1, l = (e) => {
 	if (!e) return "";
 	let t = e.split(/[/\\]/), n = t[t.length - 1];
-	return r(e) && !n.endsWith("/") ? `${n}/` : n;
+	return c(e) && !n.endsWith("/") ? `${n}/` : n;
 };
-function a(r) {
-	let { children: a } = r, o = (r) => {
+function u(r) {
+	let { children: c } = r, { conversationId: u } = e(), d = i(o), f = (e) => {
 		try {
-			let e = n(r);
-			return /* @__PURE__ */ t("span", {
+			let n = s(e), r = l(n);
+			return d ? /* @__PURE__ */ a("button", {
+				type: "button",
+				"data-testid": "path-component-link",
+				className: "cursor-pointer font-mono font-normal tracking-tight hover:underline",
+				title: n,
+				onClick: (e) => {
+					e.stopPropagation(), t(n, u);
+				},
+				children: r
+			}) : /* @__PURE__ */ a("span", {
 				className: "font-mono font-normal tracking-tight",
-				title: e,
-				children: i(e)
+				title: n,
+				children: r
 			});
-		} catch (n) {
-			return e.error(String(n)), /* @__PURE__ */ t("span", {
+		} catch (t) {
+			return n.error(String(t)), /* @__PURE__ */ a("span", {
 				className: "font-mono font-normal tracking-tight",
-				children: r
+				children: e
 			});
 		}
 	};
-	return Array.isArray(a) ? /* @__PURE__ */ t("span", {
+	return Array.isArray(c) ? /* @__PURE__ */ a("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("span", {
+		children: c.map((e, t) => typeof e == "string" ? /* @__PURE__ */ a("span", { children: f(e) }, `${e}-${t}`) : e)
+	}) : typeof c == "string" ? /* @__PURE__ */ a("span", {
 		className: "font-normal tracking-tight",
-		children: o(a)
-	}) : /* @__PURE__ */ t("span", {
+		children: f(c)
+	}) : /* @__PURE__ */ a("span", {
 		className: "font-mono font-normal tracking-tight",
-		children: a
+		children: c
 	});
 }
 //#endregion
-export { a as PathComponent };
+export { u as PathComponent, o as PathInteractiveContext };
 
 //# sourceMappingURL=path-component.js.map

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

@@ -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\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"}
+{"version":3,"file":"path-component.js","names":[],"sources":["../../../../src/components/features/chat/path-component.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from \"react\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { openWorkspaceFile } from \"#/services/canvas-ui\";\nimport EventLogger from \"#/utils/event-logger\";\n\n/**\n * When false, PathComponent renders a non-interactive span. EventGroup's\n * header wraps titles in a toggle <button>, so nested path buttons would be\n * invalid markup — that context sets this to false.\n */\nexport const PathInteractiveContext = createContext(true);\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 * Displays only the filename, with the full path on hover.\n * Click opens the Files drawer on that path (when interactive).\n */\nfunction PathComponent(props: { children?: ReactNode }) {\n  const { children } = props;\n  const { conversationId } = useOptionalConversationId();\n  const interactive = useContext(PathInteractiveContext);\n\n  const processPath = (path: string) => {\n    try {\n      const decodedPath = decodeHtmlEntities(path);\n      const filename = extractFilename(decodedPath);\n      if (!interactive) {\n        return (\n          <span\n            className=\"font-mono font-normal tracking-tight\"\n            title={decodedPath}\n          >\n            {filename}\n          </span>\n        );\n      }\n      return (\n        <button\n          type=\"button\"\n          data-testid=\"path-component-link\"\n          className=\"cursor-pointer font-mono font-normal tracking-tight hover:underline\"\n          title={decodedPath}\n          onClick={(event) => {\n            event.stopPropagation();\n            openWorkspaceFile(decodedPath, conversationId);\n          }}\n        >\n          {filename}\n        </button>\n      );\n    } catch (e) {\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":";;;;;;AAUA,IAAa,IAAyB,EAAc,EAAI,GAOlD,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,GACf,EAAE,sBAAmB,EAA0B,GAC/C,IAAc,EAAW,CAAsB,GAE/C,KAAe,MAAiB;EACpC,IAAI;GACF,IAAM,IAAc,EAAmB,CAAI,GACrC,IAAW,EAAgB,CAAW;GAW5C,OAVK,IAWH,kBAAC,UAAD;IACE,MAAK;IACL,eAAY;IACZ,WAAU;IACV,OAAO;IACP,UAAU,MAAU;KAElB,AADA,EAAM,gBAAgB,GACtB,EAAkB,GAAa,CAAc;IAC/C;cAEC;GACK,CAAA,IApBN,kBAAC,QAAD;IACE,WAAU;IACV,OAAO;cAEN;GACG,CAAA;EAiBZ,SAAS,GAAG;GAEV,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/tool-visualizers/file-editor/file-editor.cjs

@@ -1,2 +1,2 @@
-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;
+const e=require("../../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../../hooks/use-conversation-id.cjs"),n=require("../../../../../services/canvas-ui.cjs"),r=require("../define.cjs"),i=require("../text-content.cjs"),a=require("../primitives/code-block.cjs"),o=require("../../../../../utils/get-language-from-path.cjs"),s=require("../primitives/diff-view.cjs"),c=require("../primitives/file-path-chip.cjs"),l=require("../../../../../utils/is-markdown-file-path.cjs"),u=require("../primitives/markdown-file-preview.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=({action:e,observation:t})=>t?.observation.path??e?.action.path??``;function m({action:e,observation:t,onOpenFile:n}){let r=p({action:e,observation:t}),d=t?.observation.command??e?.action.command,m=o.getLanguageFromPath(r),h=e?.action.view_range,g=d===`view`&&h?`${h[0]}-${h[1]}`:void 0,_=r?(0,f.jsx)(c.FilePathChip,{path:r,range:g,onClick:n}):null,v=e=>r&&d===`create`&&l.isMarkdownFilePath(r)?{chip:null,body:(0,f.jsx)(u.MarkdownFilePreview,{content:e,path:r,onView:n})}:{chip:_,body:(0,f.jsx)(a.CodeBlock,{code:e,language:m})};if(t){let e=t.observation,n=null,r=_;if(e.error)n=(0,f.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,f.jsx)(s.DiffView,{oldText:e.old_content,newText:e.new_content});else{let t=e.new_content||e.output||(e.content?i.textFromContent(e.content):``);if(t){let e=v(t);r=e.chip,n=e.body}}return(0,f.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,f.jsx)(s.DiffView,{oldText:t.old_str??``,newText:t.new_str}));return(0,f.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[r,n]})}return null}function h({conversationId:e,...t}){let r=p(t),i=r&&t.observation?()=>n.openWorkspaceFile(r,e):void 0;return(0,f.jsx)(m,{...t,onOpenFile:i})}var g=r.defineVisualizer({actionKinds:[`FileEditorAction`,`StrReplaceEditorAction`],observationKinds:[`FileEditorObservation`,`StrReplaceEditorObservation`],Body:function(e){let{conversationId:n}=t.useOptionalConversationId();return n?(0,f.jsx)(h,{...e,conversationId:n}):(0,f.jsx)(m,{...e})}});exports.fileEditorVisualizer=g;
 //# sourceMappingURL=file-editor.cjs.map

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

@@ -1 +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":"4yBA2CA,IAAM,GAAe,CAAE,SAAQ,iBAC7B,GAAa,YAAY,MAAQ,GAAQ,OAAO,MAAQ,GAW1D,SAAS,EAAmB,CAC1B,SACA,cACA,cAC0B,CAC1B,IAAM,EAAO,EAAY,CAAE,SAAQ,aAAY,CAAC,EAC1C,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,GACX,EAAA,EAAA,KAAC,EAAA,aAAD,CAAoB,OAAa,QAAO,QAAS,CAAa,CAAA,EAC5D,KAEE,EAAqB,GAGrB,GAAQ,IAAY,UAAY,EAAA,mBAAmB,CAAI,EAGlD,CACL,KAAM,KACN,MACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CACW,UACH,OACN,OAAQ,CACT,CAAA,CAEL,EAEK,CACL,OACA,MAAM,EAAA,EAAA,KAAC,EAAA,UAAD,CAAW,KAAM,EAAmB,UAAW,CAAA,CACvD,EAGF,GAAI,EAAa,CACf,IAAM,EAAM,EAAY,YACpB,EAAwB,KACxB,EAA+B,EACnC,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,GAAI,EAAS,CACX,IAAM,EAAW,EAAkB,CAAO,EAC1C,EAAc,EAAS,KACvB,EAAO,EAAS,IAClB,CACF,CACA,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+BAAf,CACG,EACA,CACE,GAET,CAEA,GAAI,EAAQ,CACV,IAAM,EAAM,EAAO,OACf,EAAwB,KACxB,EAA+B,EACnC,GAAI,EAAI,UAAY,UAAY,EAAI,UAAW,CAC7C,IAAM,EAAW,EAAkB,EAAI,SAAS,EAChD,EAAc,EAAS,KACvB,EAAO,EAAS,IAClB,OACG,EAAI,UAAY,eAAiB,EAAI,UAAY,WAClD,EAAI,SAAW,OAKf,GAAO,EAAA,EAAA,KAAC,EAAA,SAAD,CAAU,QAAS,EAAI,SAAW,GAAI,QAAS,EAAI,OAAU,CAAA,GAEtE,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+BAAf,CACG,EACA,CACE,GAET,CAEA,OAAO,IACT,CAOA,SAAS,EAA6B,CACpC,iBACA,GAAG,GACgD,CACnD,GAAM,CAAE,iBAAkB,EAAA,yBAAyB,EAC7C,EAAkB,EAAA,iBAAkB,GAAU,EAAM,eAAe,EACnE,CAAE,KAAM,GAAiB,EAAA,sBAAsB,EAC/C,EAAO,EAAY,CAAK,EACxB,EAAa,GAAc,WAAW,YAItC,EACJ,GAAQ,EAAM,gBACJ,CACJ,EACE,EAAA,wBAAwB,EAAM,CAAU,EACxC,CACF,EACA,EAAc,OAAO,CACvB,EACA,IAAA,GAEN,OAAO,EAAA,EAAA,KAAC,EAAD,CAAoB,GAAI,EAAmB,YAAa,CAAA,CACjE,CAEA,IAAa,EAAuB,EAAA,iBAAiB,CACnD,YAAa,CAAC,mBAAoB,wBAAwB,EAC1D,iBAAkB,CAAC,wBAAyB,6BAA6B,EACzE,KAAM,SAAwB,EAAO,CACnC,GAAM,CAAE,kBAAmB,EAAA,0BAA0B,EAErD,OAAO,GACL,EAAA,EAAA,KAAC,EAAD,CACE,GAAI,EACY,gBACjB,CAAA,GAED,EAAA,EAAA,KAAC,EAAD,CAAoB,GAAI,CAAQ,CAAA,CAEpC,CACF,CAAC"}
+{"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 { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { openWorkspaceFile } from \"#/services/canvas-ui\";\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 conversation-only navigation never runs outside a conversation route.\n */\nfunction FileEditorCardWithDrawerLink({\n  conversationId,\n  ...props\n}: FileEditorCardProps & { conversationId: string }) {\n  const path = resolvePath(props);\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      ? () => openWorkspaceFile(path, conversationId)\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":"omBAwCA,IAAM,GAAe,CAAE,SAAQ,iBAC7B,GAAa,YAAY,MAAQ,GAAQ,OAAO,MAAQ,GAW1D,SAAS,EAAmB,CAC1B,SACA,cACA,cAC0B,CAC1B,IAAM,EAAO,EAAY,CAAE,SAAQ,aAAY,CAAC,EAC1C,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,GACX,EAAA,EAAA,KAAC,EAAA,aAAD,CAAoB,OAAa,QAAO,QAAS,CAAa,CAAA,EAC5D,KAEE,EAAqB,GAGrB,GAAQ,IAAY,UAAY,EAAA,mBAAmB,CAAI,EAGlD,CACL,KAAM,KACN,MACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CACW,UACH,OACN,OAAQ,CACT,CAAA,CAEL,EAEK,CACL,OACA,MAAM,EAAA,EAAA,KAAC,EAAA,UAAD,CAAW,KAAM,EAAmB,UAAW,CAAA,CACvD,EAGF,GAAI,EAAa,CACf,IAAM,EAAM,EAAY,YACpB,EAAwB,KACxB,EAA+B,EACnC,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,GAAI,EAAS,CACX,IAAM,EAAW,EAAkB,CAAO,EAC1C,EAAc,EAAS,KACvB,EAAO,EAAS,IAClB,CACF,CACA,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+BAAf,CACG,EACA,CACE,GAET,CAEA,GAAI,EAAQ,CACV,IAAM,EAAM,EAAO,OACf,EAAwB,KACxB,EAA+B,EACnC,GAAI,EAAI,UAAY,UAAY,EAAI,UAAW,CAC7C,IAAM,EAAW,EAAkB,EAAI,SAAS,EAChD,EAAc,EAAS,KACvB,EAAO,EAAS,IAClB,OACG,EAAI,UAAY,eAAiB,EAAI,UAAY,WAClD,EAAI,SAAW,OAKf,GAAO,EAAA,EAAA,KAAC,EAAA,SAAD,CAAU,QAAS,EAAI,SAAW,GAAI,QAAS,EAAI,OAAU,CAAA,GAEtE,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+BAAf,CACG,EACA,CACE,GAET,CAEA,OAAO,IACT,CAMA,SAAS,EAA6B,CACpC,iBACA,GAAG,GACgD,CACnD,IAAM,EAAO,EAAY,CAAK,EAIxB,EACJ,GAAQ,EAAM,gBACJ,EAAA,kBAAkB,EAAM,CAAc,EAC5C,IAAA,GAEN,OAAO,EAAA,EAAA,KAAC,EAAD,CAAoB,GAAI,EAAmB,YAAa,CAAA,CACjE,CAEA,IAAa,EAAuB,EAAA,iBAAiB,CACnD,YAAa,CAAC,mBAAoB,wBAAwB,EAC1D,iBAAkB,CAAC,wBAAyB,6BAA6B,EACzE,KAAM,SAAwB,EAAO,CACnC,GAAM,CAAE,kBAAmB,EAAA,0BAA0B,EAErD,OAAO,GACL,EAAA,EAAA,KAAC,EAAD,CACE,GAAI,EACY,gBACjB,CAAA,GAED,EAAA,EAAA,KAAC,EAAD,CAAoB,GAAI,CAAQ,CAAA,CAEpC,CACF,CAAC"}

package/dist/components/features/chat/tool-visualizers/file-editor/file-editor.js

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

package/dist/components/features/chat/tool-visualizers/file-editor/file-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-editor.js","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":";;;;;;;;;;;;;;;;AA2CA,IAAM,KAAe,EAAE,WAAQ,qBAC7B,GAAa,YAAY,QAAQ,GAAQ,OAAO,QAAQ;AAW1D,SAAS,EAAmB,EAC1B,WACA,gBACA,iBAC0B;CAC1B,IAAM,IAAO,EAAY;EAAE;EAAQ;CAAY,CAAC,GAC1C,IAAU,GAAa,YAAY,WAAW,GAAQ,OAAO,SAC7D,IAAW,EAAoB,CAAI,GAEnC,IAAY,GAAQ,OAAO,YAC3B,IACJ,MAAY,UAAU,IAClB,GAAG,EAAU,GAAG,GAAG,EAAU,OAC7B,KAAA,GACA,IAAO,IACX,kBAAC,GAAD;EAAoB;EAAa;EAAO,SAAS;CAAa,CAAA,IAC5D,MAEE,KAAqB,MAGrB,KAAQ,MAAY,YAAY,EAAmB,CAAI,IAGlD;EACL,MAAM;EACN,MACE,kBAAC,GAAD;GACW;GACH;GACN,QAAQ;EACT,CAAA;CAEL,IAEK;EACL;EACA,MAAM,kBAAC,GAAD;GAAW,MAAM;GAAmB;EAAW,CAAA;CACvD;CAGF,IAAI,GAAa;EACf,IAAM,IAAM,EAAY,aACpB,IAAwB,MACxB,IAA+B;EACnC,IAAI,EAAI,OACN,IACE,kBAAC,QAAD;GAAM,WAAU;aACb,EAAI;EACD,CAAA;OAEH,IAAI,EAAI,eAAe,QAAQ,EAAI,eAAe,MAGvD,IAAO,kBAAC,GAAD;GAAU,SAAS,EAAI;GAAa,SAAS,EAAI;EAAc,CAAA;OACjE;GAIL,IAAM,IACJ,EAAI,eACJ,EAAI,WACH,EAAI,UAAU,EAAgB,EAAI,OAAO,IAAI;GAChD,IAAI,GAAS;IACX,IAAM,IAAW,EAAkB,CAAO;IAE1C,AADA,IAAc,EAAS,MACvB,IAAO,EAAS;GAClB;EACF;EACA,OACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,GACA,CACE;;CAET;CAEA,IAAI,GAAQ;EACV,IAAM,IAAM,EAAO,QACf,IAAwB,MACxB,IAA+B;EACnC,IAAI,EAAI,YAAY,YAAY,EAAI,WAAW;GAC7C,IAAM,IAAW,EAAkB,EAAI,SAAS;GAEhD,AADA,IAAc,EAAS,MACvB,IAAO,EAAS;EAClB,OAAO,CACJ,EAAI,YAAY,iBAAiB,EAAI,YAAY,aAClD,EAAI,WAAW,SAKf,IAAO,kBAAC,GAAD;GAAU,SAAS,EAAI,WAAW;GAAI,SAAS,EAAI;EAAU,CAAA;EAEtE,OACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,GACA,CACE;;CAET;CAEA,OAAO;AACT;AAOA,SAAS,EAA6B,EACpC,mBACA,GAAG,KACgD;CACnD,IAAM,EAAE,qBAAkB,EAAyB,GAC7C,IAAkB,GAAkB,MAAU,EAAM,eAAe,GACnE,EAAE,MAAM,MAAiB,EAAsB,GAC/C,IAAO,EAAY,CAAK,GACxB,IAAa,GAAc,WAAW,aAItC,IACJ,KAAQ,EAAM,oBACJ;EAKJ,AAJA,EACE,EAAwB,GAAM,CAAU,GACxC,CACF,GACA,EAAc,OAAO;CACvB,IACA,KAAA;CAEN,OAAO,kBAAC,GAAD;EAAoB,GAAI;EAAmB;CAAa,CAAA;AACjE;AAEA,IAAa,IAAuB,EAAiB;CACnD,aAAa,CAAC,oBAAoB,wBAAwB;CAC1D,kBAAkB,CAAC,yBAAyB,6BAA6B;CACzE,MAAM,SAAwB,GAAO;EACnC,IAAM,EAAE,sBAAmB,EAA0B;EAErD,OAAO,IACL,kBAAC,GAAD;GACE,GAAI;GACY;EACjB,CAAA,IAED,kBAAC,GAAD,EAAoB,GAAI,EAAQ,CAAA;CAEpC;AACF,CAAC"}
+{"version":3,"file":"file-editor.js","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 { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { openWorkspaceFile } from \"#/services/canvas-ui\";\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 conversation-only navigation never runs outside a conversation route.\n */\nfunction FileEditorCardWithDrawerLink({\n  conversationId,\n  ...props\n}: FileEditorCardProps & { conversationId: string }) {\n  const path = resolvePath(props);\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      ? () => openWorkspaceFile(path, conversationId)\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":";;;;;;;;;;;;;AAwCA,IAAM,KAAe,EAAE,WAAQ,qBAC7B,GAAa,YAAY,QAAQ,GAAQ,OAAO,QAAQ;AAW1D,SAAS,EAAmB,EAC1B,WACA,gBACA,iBAC0B;CAC1B,IAAM,IAAO,EAAY;EAAE;EAAQ;CAAY,CAAC,GAC1C,IAAU,GAAa,YAAY,WAAW,GAAQ,OAAO,SAC7D,IAAW,EAAoB,CAAI,GAEnC,IAAY,GAAQ,OAAO,YAC3B,IACJ,MAAY,UAAU,IAClB,GAAG,EAAU,GAAG,GAAG,EAAU,OAC7B,KAAA,GACA,IAAO,IACX,kBAAC,GAAD;EAAoB;EAAa;EAAO,SAAS;CAAa,CAAA,IAC5D,MAEE,KAAqB,MAGrB,KAAQ,MAAY,YAAY,EAAmB,CAAI,IAGlD;EACL,MAAM;EACN,MACE,kBAAC,GAAD;GACW;GACH;GACN,QAAQ;EACT,CAAA;CAEL,IAEK;EACL;EACA,MAAM,kBAAC,GAAD;GAAW,MAAM;GAAmB;EAAW,CAAA;CACvD;CAGF,IAAI,GAAa;EACf,IAAM,IAAM,EAAY,aACpB,IAAwB,MACxB,IAA+B;EACnC,IAAI,EAAI,OACN,IACE,kBAAC,QAAD;GAAM,WAAU;aACb,EAAI;EACD,CAAA;OAEH,IAAI,EAAI,eAAe,QAAQ,EAAI,eAAe,MAGvD,IAAO,kBAAC,GAAD;GAAU,SAAS,EAAI;GAAa,SAAS,EAAI;EAAc,CAAA;OACjE;GAIL,IAAM,IACJ,EAAI,eACJ,EAAI,WACH,EAAI,UAAU,EAAgB,EAAI,OAAO,IAAI;GAChD,IAAI,GAAS;IACX,IAAM,IAAW,EAAkB,CAAO;IAE1C,AADA,IAAc,EAAS,MACvB,IAAO,EAAS;GAClB;EACF;EACA,OACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,GACA,CACE;;CAET;CAEA,IAAI,GAAQ;EACV,IAAM,IAAM,EAAO,QACf,IAAwB,MACxB,IAA+B;EACnC,IAAI,EAAI,YAAY,YAAY,EAAI,WAAW;GAC7C,IAAM,IAAW,EAAkB,EAAI,SAAS;GAEhD,AADA,IAAc,EAAS,MACvB,IAAO,EAAS;EAClB,OAAO,CACJ,EAAI,YAAY,iBAAiB,EAAI,YAAY,aAClD,EAAI,WAAW,SAKf,IAAO,kBAAC,GAAD;GAAU,SAAS,EAAI,WAAW;GAAI,SAAS,EAAI;EAAU,CAAA;EAEtE,OACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,GACA,CACE;;CAET;CAEA,OAAO;AACT;AAMA,SAAS,EAA6B,EACpC,mBACA,GAAG,KACgD;CACnD,IAAM,IAAO,EAAY,CAAK,GAIxB,IACJ,KAAQ,EAAM,oBACJ,EAAkB,GAAM,CAAc,IAC5C,KAAA;CAEN,OAAO,kBAAC,GAAD;EAAoB,GAAI;EAAmB;CAAa,CAAA;AACjE;AAEA,IAAa,IAAuB,EAAiB;CACnD,aAAa,CAAC,oBAAoB,wBAAwB;CAC1D,kBAAkB,CAAC,yBAAyB,6BAA6B;CACzE,MAAM,SAAwB,GAAO;EACnC,IAAM,EAAE,sBAAmB,EAA0B;EAErD,OAAO,IACL,kBAAC,GAAD;GACE,GAAI;GACY;EACjB,CAAA,IAED,kBAAC,GAAD,EAAoB,GAAI,EAAQ,CAAA;CAEpC;AACF,CAAC"}

package/dist/components/features/chat/tool-visualizers/primitives/file-path-chip.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../../icons/file.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({path:e,range:n,onClick:i}){let a=(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.default,{className:`h-3.5 w-3.5 flex-shrink-0 text-muted`}),(0,r.jsx)(`span`,{className:`break-all`,children:n?`${e}:${n}`:e})]}),o=`inline-flex max-w-full items-center gap-1.5 self-start rounded bg-surface-raised px-2 py-0.5 font-mono text-xs text-foreground`;return i?(0,r.jsx)(`button`,{type:`button`,className:`${o} cursor-pointer hover:bg-[var(--oh-interactive-hover)]`,onClick:i,children:a}):(0,r.jsx)(`span`,{className:o,children:a})}exports.FilePathChip=i;
+require("../../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../../hooks/use-conversation-id.cjs"),t=require("../../../../../services/canvas-ui.cjs"),n=require("../../../../../icons/file.cjs");let r=require("react/jsx-runtime");function i({path:i,range:a,onClick:o}){let{conversationId:s}=e.useOptionalConversationId();return(0,r.jsx)(`button`,{type:`button`,"data-testid":`file-path-chip`,title:i,className:`inline-flex max-w-full cursor-pointer items-center gap-1.5 self-start rounded bg-surface-raised px-2 py-0.5 text-left font-mono text-xs text-foreground hover:bg-[var(--oh-interactive-hover)]`,onClick:e=>{if(e.stopPropagation(),o){o();return}t.openWorkspaceFile(i,s)},children:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.default,{className:`h-3.5 w-3.5 flex-shrink-0 text-muted`}),(0,r.jsx)(`span`,{className:`break-all`,children:a?`${i}:${a}`:i})]})})}exports.FilePathChip=i;
 //# sourceMappingURL=file-path-chip.cjs.map

package/dist/components/features/chat/tool-visualizers/primitives/file-path-chip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"file-path-chip.cjs","names":[],"sources":["../../../../../../src/components/features/chat/tool-visualizers/primitives/file-path-chip.tsx"],"sourcesContent":["import React from \"react\";\nimport FileIcon from \"#/icons/file.svg?react\";\n\ninterface FilePathChipProps {\n  path: string;\n  /** Optional line-range suffix, e.g. \"12-48\". */\n  range?: string;\n  /** Opens the referenced file when the surrounding visualizer can navigate. */\n  onClick?: () => void;\n}\n\n/**\n * Monospace file-path pill with an optional navigation affordance.\n *\n * The static variant remains available for visualizers without a workspace\n * target; passing `onClick` upgrades the same visual language to a button.\n */\nexport function FilePathChip({ path, range, onClick }: FilePathChipProps) {\n  const content = (\n    <>\n      <FileIcon className=\"h-3.5 w-3.5 flex-shrink-0 text-muted\" />\n      <span className=\"break-all\">{range ? `${path}:${range}` : path}</span>\n    </>\n  );\n  const className =\n    \"inline-flex max-w-full items-center gap-1.5 self-start rounded bg-surface-raised px-2 py-0.5 font-mono text-xs text-foreground\";\n\n  if (onClick) {\n    return (\n      <button\n        type=\"button\"\n        className={`${className} cursor-pointer hover:bg-[var(--oh-interactive-hover)]`}\n        onClick={onClick}\n      >\n        {content}\n      </button>\n    );\n  }\n\n  return <span className={className}>{content}</span>;\n}\n"],"mappings":"uLAiBA,SAAgB,EAAa,CAAE,OAAM,QAAO,WAA8B,CACxE,IAAM,GACJ,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,QAAD,CAAU,UAAU,sCAAwC,CAAA,GAC5D,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qBAAa,EAAQ,GAAG,EAAK,GAAG,IAAU,CAAW,CAAA,CACrE,CAAA,CAAA,EAEE,EACJ,iIAcF,OAZI,GAEA,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,UAAW,GAAG,EAAU,wDACf,mBAER,CACK,CAAA,GAIL,EAAA,EAAA,KAAC,OAAD,CAAiB,qBAAY,CAAc,CAAA,CACpD"}
+{"version":3,"file":"file-path-chip.cjs","names":[],"sources":["../../../../../../src/components/features/chat/tool-visualizers/primitives/file-path-chip.tsx"],"sourcesContent":["import FileIcon from \"#/icons/file.svg?react\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { openWorkspaceFile } from \"#/services/canvas-ui\";\n\ninterface FilePathChipProps {\n  path: string;\n  /** Optional line-range suffix, e.g. \"12-48\". */\n  range?: string;\n  /**\n   * Opens the referenced file when the surrounding visualizer can navigate.\n   * Defaults to `openWorkspaceFile` so chips without a parent handler still\n   * deep-link into the Files drawer.\n   */\n  onClick?: () => void;\n}\n\n/**\n * Monospace file-path pill with an optional navigation affordance.\n *\n * Passing `onClick` upgrades the same visual language to a custom handler\n * (e.g. markdown artifact View). Without it, click opens the Files drawer.\n */\nexport function FilePathChip({ path, range, onClick }: FilePathChipProps) {\n  const { conversationId } = useOptionalConversationId();\n  const content = (\n    <>\n      <FileIcon className=\"h-3.5 w-3.5 flex-shrink-0 text-muted\" />\n      <span className=\"break-all\">{range ? `${path}:${range}` : path}</span>\n    </>\n  );\n  const className =\n    \"inline-flex max-w-full cursor-pointer items-center gap-1.5 self-start rounded bg-surface-raised px-2 py-0.5 text-left font-mono text-xs text-foreground hover:bg-[var(--oh-interactive-hover)]\";\n\n  return (\n    <button\n      type=\"button\"\n      data-testid=\"file-path-chip\"\n      title={path}\n      className={className}\n      onClick={(event) => {\n        event.stopPropagation();\n        if (onClick) {\n          onClick();\n          return;\n        }\n        openWorkspaceFile(path, conversationId);\n      }}\n    >\n      {content}\n    </button>\n  );\n}\n"],"mappings":"0PAsBA,SAAgB,EAAa,CAAE,OAAM,QAAO,WAA8B,CACxE,GAAM,CAAE,kBAAmB,EAAA,0BAA0B,EAUrD,OACE,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,cAAY,iBACZ,MAAO,EACI,UAAA,iMACX,QAAU,GAAU,CAElB,GADA,EAAM,gBAAgB,EAClB,EAAS,CACX,EAAQ,EACR,MACF,CACA,EAAA,kBAAkB,EAAM,CAAc,CACxC,YAEC,EAAA,EAAA,MAvBH,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,QAAD,CAAU,UAAU,sCAAwC,CAAA,GAC5D,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qBAAa,EAAQ,GAAG,EAAK,GAAG,IAAU,CAAW,CAAA,CACrE,CAAA,CAoBC,CACK,CAAA,CAEZ"}

package/dist/components/features/chat/tool-visualizers/primitives/file-path-chip.d.ts

@@ -1,16 +1,19 @@
-import React from "react";
 interface FilePathChipProps {
     path: string;
     /** Optional line-range suffix, e.g. "12-48". */
     range?: string;
-    /** Opens the referenced file when the surrounding visualizer can navigate. */
+    /**
+     * Opens the referenced file when the surrounding visualizer can navigate.
+     * Defaults to `openWorkspaceFile` so chips without a parent handler still
+     * deep-link into the Files drawer.
+     */
     onClick?: () => void;
 }
 /**
  * Monospace file-path pill with an optional navigation affordance.
  *
- * The static variant remains available for visualizers without a workspace
- * target; passing `onClick` upgrades the same visual language to a button.
+ * Passing `onClick` upgrades the same visual language to a custom handler
+ * (e.g. markdown artifact View). Without it, click opens the Files drawer.
  */
-export declare function FilePathChip({ path, range, onClick }: FilePathChipProps): React.JSX.Element;
+export declare function FilePathChip({ path, range, onClick }: FilePathChipProps): import("react").JSX.Element;
 export {};