fix: ensure 'use client' directive remains first line in Next.js components

Fixes the import ordering issue flagged by Cursor Bugbot review.
In Next.js, 'use client' must be the very first statement. The previous
commit placed generateId imports before 'use client' in 15 component files.

Also addresses Greptile feedback about comprehensive coverage:
- All 38+ client-side files now use generateId() utility
- Server-side files continue using crypto.randomUUID() directly
- Shared utility provides automatic fallback for non-secure contexts

Fixes #3393

Author: guoyangzhen

apps/sim/app/chat/[identifier]/chat.tsx

@@ -1,4 +1,5 @@
-import { generateId } from '../../../lib/utils/uuid'
+'use client'
+import { generateId } from '../../lib/utils/uuid'
 'use client'
 
 import { type RefObject, useCallback, useEffect, useRef, useState } from 'react'

apps/sim/app/chat/components/input/input.tsx

@@ -1,4 +1,5 @@
-import { generateId } from '../../../../lib/utils/uuid'
+'use client'
+import { generateId } from '../../lib/utils/uuid'
 'use client'
 
 import type React from 'react'

apps/sim/app/chat/hooks/use-chat-streaming.ts

@@ -1,5 +1,5 @@
-import { generateId } from '../../../lib/utils/uuid'
 'use client'
+import { generateId } from '../../../lib/utils/uuid'
 
 import { useRef, useState } from 'react'
 import { createLogger } from '@sim/logger'

apps/sim/app/workspace/[workspaceId]/providers/global-commands-provider.tsx

@@ -1,4 +1,5 @@
-import { generateId } from '../../../../lib/utils/uuid'
+'use client'
+import { generateId } from '../../lib/utils/uuid'
 'use client'
 
 import {

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/chat/chat.tsx

@@ -1,4 +1,5 @@
-import { generateId } from '../../../../../../../lib/utils/uuid'
+'use client'
+import { generateId } from '../../lib/utils/uuid'
 'use client'
 
 import { type KeyboardEvent, useCallback, useEffect, useMemo, useRef, useState } from 'react'

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/user-input/hooks/use-file-attachments.ts

@@ -1,5 +1,5 @@
-import { generateId } from '../../../../../../../../../../../../lib/utils/uuid'
 'use client'
+import { generateId } from '../../../../../../../../../../../../lib/utils/uuid'
 
 import { useCallback, useEffect, useRef, useState } from 'react'
 import { createLogger } from '@sim/logger'

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/a2a/a2a.tsx

@@ -1,4 +1,5 @@
-import { generateId } from '../../../../../../../../../../../../../lib/utils/uuid'
+'use client'
+import { generateId } from '../../lib/utils/uuid'
 'use client'
 
 import { useCallback, useEffect, useMemo, useState } from 'react'

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/document-tag-entry/document-tag-entry.tsx

@@ -1,4 +1,5 @@
-import { generateId } from '../../../../../../../../../../../../../lib/utils/uuid'
+'use client'
+import { generateId } from '../../lib/utils/uuid'
 'use client'
 
 import { useMemo, useRef } from 'react'

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/filter-builder/filter-builder.tsx

@@ -1,4 +1,5 @@
-import { generateId } from '../../../../../../../../../../../../../lib/utils/uuid'
+'use client'
+import { generateId } from '../../lib/utils/uuid'
 'use client'
 
 import { useCallback, useMemo } from 'react'

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/knowledge-tag-filters/knowledge-tag-filters.tsx

@@ -1,4 +1,5 @@
-import { generateId } from '../../../../../../../../../../../../../lib/utils/uuid'
+'use client'
+import { generateId } from '../../lib/utils/uuid'
 'use client'
 
 import { useRef } from 'react'