ui(markdown): remove custom stye for update textdoc

Author: MarcMcIntosh

refact-agent/gui/src/components/Tools/Texdoc.module.css

@@ -18,15 +18,9 @@
   margin-top: 0;
 }
 
-:global(.radix-themes) .textdoc.textdoc__update :global(.hljs.language-diff) {
+/* :global(.radix-themes) .textdoc.textdoc__update :global(.hljs.language-diff) {
   --hlbg: var(--gray-3);
   --hlcolor1: var(--gray-12);
-  /* --hlcolor2: #000000;
-  --hlcolor3: #000080;
-  --hlcolor4: #800080;
-  --hlcolor5: #808000;
-  --hlcolor6: #800000;
-  --hlcolor7: #0055af; */
   --hlcolor8: var(--green-9);
   --hlcolor9: var(--red-9);
 }
@@ -44,4 +38,4 @@
 
 .textdoc__update .textdoc__diffbox {
   box-shadow: var(--shadow-1);
-}
+} */

refact-agent/gui/src/components/Tools/Textdoc.tsx

@@ -264,11 +264,16 @@ const UpdateTextDoc: React.FC<{
 
   const lineCount = useMemo(() => code.split("\n").length, [code]);
 
+  const copyToClipBoard = useCopyToClipboard();
+  const handleCopy = useCallback(() => {
+    copyToClipBoard(toolCall.function.arguments.replacement);
+  }, [copyToClipBoard, toolCall.function.arguments.replacement]);
+
   return (
-    <Box className={classNames(styles.textdoc, styles.textdoc__update)}>
+    <Box className={styles.textdoc}>
       <TextDocHeader toolCall={toolCall} />
       <Reveal isRevealingCode defaultOpen={lineCount < 9}>
-        <Markdown useInlineStyles={false}>{code}</Markdown>
+        <Markdown onCopyClick={handleCopy}>{code}</Markdown>
       </Reveal>
     </Box>
   );