chore: Simplify IOCell

Author: camielvs

react-compiler.config.js

@@ -59,6 +59,7 @@ export const REACT_COMPILER_ENABLED_DIRS = [
   "src/components/shared/Dialogs/MultilineTextInputDialog.tsx",
   "src/components/shared/HighlightText.tsx",
   "src/components/shared/AnnouncementBanners.tsx",
+  "src/components/shared/ReactFlow/FlowCanvas/TaskNode/TaskOverview/IOSection",
 
   // 11-20 useCallback/useMemo
   // "src/components/ui",                         // 12

src/components/shared/CopyText/CopyText.tsx

@@ -9,6 +9,7 @@ import { copyToClipboard } from "@/utils/string";
 
 interface CopyTextProps {
   children: string;
+  displayValue?: string;
   className?: string;
   alwaysShowButton?: boolean;
   compact?: boolean;
@@ -17,6 +18,7 @@ interface CopyTextProps {
 
 export const CopyText = ({
   children,
+  displayValue,
   className,
   alwaysShowButton = false,
   compact = false,
@@ -61,7 +63,7 @@ export const CopyText = ({
             isCopied && "text-emerald-400!",
           )}
         >
-          {children}
+          {displayValue ?? children}
         </Text>
 
         <Button

src/components/shared/ReactFlow/FlowCanvas/TaskNode/TaskOverview/IOSection/IOCell/ArtifactURI.tsx

@@ -0,0 +1,33 @@
+import { CopyText } from "@/components/shared/CopyText/CopyText";
+import { Icon } from "@/components/ui/icon";
+import { InlineStack } from "@/components/ui/layout";
+import { Link } from "@/components/ui/link";
+import { convertArtifactUriToHTTPUrl } from "@/utils/URL";
+
+interface ArtifactURIProps {
+  uri: string;
+  isDir: boolean;
+}
+
+const ArtifactURI = ({ uri, isDir }: ArtifactURIProps) => {
+  return (
+    <InlineStack gap="1" wrap="nowrap" blockAlign="center">
+      <Link href={convertArtifactUriToHTTPUrl(uri, isDir)} external size="xs">
+        Link
+      </Link>
+
+      <Icon name="Dot" size="md" className="text-muted-foreground" />
+
+      <CopyText
+        size="xs"
+        compact
+        displayValue="Copy URI"
+        className="text-sky-500 hover:text-sky-600"
+      >
+        {uri}
+      </CopyText>
+    </InlineStack>
+  );
+};
+
+export default ArtifactURI;