refactor(dashboard): minor changes

dashboard/src/app/[tenantId]/(diagram)/wfRun/[...ids]/components/Variables.tsx

@@ -2,7 +2,7 @@ import { VARIABLE_TYPES } from '@/app/constants'
 import { getVariableValue } from '@/app/utils'
 import { ThreadVarDef, Variable, WfRunVariableAccessLevel } from 'littlehorse-client/proto'
 import { FC } from 'react'
-import { OverflowText } from '../../../../components/Overflow'
+import { OverflowText } from '../../../../components/OverflowText'
 
 type VariablesProps = {
   variableDefs: ThreadVarDef[]

dashboard/src/app/[tenantId]/components/CopyButton.tsx

@@ -1,3 +1,4 @@
+'use client'
 import { FC, useState } from 'react'
 import { Button } from '@/components/ui/button'
 import { Check, Copy } from 'lucide-react'
@@ -11,17 +12,15 @@ interface CopyButtonProps {
 export const CopyButton: FC<CopyButtonProps> = ({ value, className }) => {
     const [copied, setCopied] = useState(false)
 
-    const handleCopy = () => {
-        navigator.clipboard.writeText(value)
-        setCopied(true)
-        setTimeout(() => setCopied(false), 1000)
-    }
-
     return (
         <Button
             variant="ghost"
             size="icon"
-            onClick={handleCopy}
+            onClick={() => {
+                navigator.clipboard.writeText(value)
+                setCopied(true)
+                setTimeout(() => setCopied(false), 1000)
+            }}
             className={cn(className)}
         >
             {copied ? (

dashboard/src/app/utils/tryFormatAsJson.ts

@@ -0,0 +1,8 @@
+export function tryFormatAsJson(text: string): string {
+  try {
+    const parsed = JSON.parse(text)
+    return JSON.stringify(parsed, null, 4)
+  } catch {
+    return text
+  }
+}