refactor(dashboard): small changes & lint

dashboard/src/app/[tenantId]/(diagram)/wfSpec/[...props]/components/WfRunsHeader.tsx

@@ -27,7 +27,9 @@ export const WfRunsHeader: FC<Props> = ({ spec, currentStatus, currentWindow, se
           <SelectTrigger className="w-[150px] min-w-fit">
             <div className="flex items-center gap-2">
               <ClockIcon className="h-5 w-5 fill-none stroke-black" />
-              <SelectValue>{currentWindow !== -1 ? `Last ${TIME_RANGES_NAMES[currentWindow]}` : TIME_RANGES_NAMES[currentWindow]}</SelectValue>
+              <SelectValue>
+                {currentWindow !== -1 ? `Last ${TIME_RANGES_NAMES[currentWindow]}` : TIME_RANGES_NAMES[currentWindow]}
+              </SelectValue>
             </div>
           </SelectTrigger>
           <SelectContent>

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

@@ -1,11 +1,18 @@
 'use client'
+import { cn } from '@/components/utils'
 import NextLink from 'next/link'
 import { useParams } from 'next/navigation'
 import { ComponentProps } from 'react'
 
-const LinkWithTenant = ({ ...props }: ComponentProps<typeof NextLink>) => {
+const LinkWithTenant = ({ linkStyle, ...props }: ComponentProps<typeof NextLink> & { linkStyle?: boolean }) => {
   const { tenantId } = useParams()
-  return <NextLink {...props} href={`/${tenantId}${props.href}`} />
+  return (
+    <NextLink
+      {...props}
+      href={`/${tenantId}${props.href}`}
+      className={cn(props.className, { 'text-blue-500 underline': linkStyle })}
+    />
+  )
 }
 
 export default LinkWithTenant

dashboard/src/app/[tenantId]/userTaskDef/[...props]/components/Details.tsx

@@ -2,18 +2,27 @@
 import { UserTaskDef } from 'littlehorse-client/proto'
 import { FC } from 'react'
 import { Versions } from './Versions'
+import { TagIcon } from 'lucide-react'
 
 type Props = {
   id: Pick<UserTaskDef, 'name' | 'version' | 'description'>
+  staticVersion?: boolean
 }
-export const Details: FC<Props> = ({ id }) => {
+export const Details: FC<Props> = ({ id, staticVersion = false }) => {
   return (
     <div className="mb-4">
       <span className="italic">UserTaskDef</span>
       <h1 className="block text-2xl font-bold">{id.name}</h1>
       {id.description && <div className="italic text-gray-400">{id.description}</div>}
       <div className="flex flex-row gap-2 text-sm text-gray-500">
-        <Versions id={id} />
+        {staticVersion ? (
+          <div className="flex items-center gap-2">
+            <TagIcon className="h-5 w-5" />
+            {id.version}
+          </div>
+        ) : (
+          <Versions id={id} />
+        )}
       </div>
     </div>
   )

dashboard/src/app/[tenantId]/userTaskDef/[...props]/components/Versions.tsx

@@ -1,3 +1,4 @@
+'use client'
 import { VersionSelector } from '@/app/[tenantId]/components/VersionSelector'
 import { UserTaskDefId } from 'littlehorse-client/proto'
 import { useParams } from 'next/navigation'