chore: refactor codebase for improved type safety and consistency

- Changed several type definitions from `type` to `interface` for better extensibility in components such as `PieSlice`, `ConfirmationContextValue`, and `QueueMessagePart`.
- Updated function parameters and return types to use more consistent array syntax (e.g., `Array<Type>` instead of `Type[]`) in components like `DataTableProps` and `AttachmentsContext`.
- Refactored various components to use `void` for fire-and-forget function calls, ensuring no promises are returned where void is expected, particularly in `ChatProvider` and `WorkflowActions`.
- Removed unnecessary ESLint disable comments to clean up the code and improve readability.
- Adjusted default parameter values to use shorthand syntax in hooks like `useDebounce` and `useToggle`.
- Improved conditional return statements for clarity and consistency across multiple components.
- Removed a test template file that was no longer needed.
- Updated ESLint configuration to enhance type checking and ensure better adherence to coding standards.

Author: ssdeanx

app/admin/_components/admin-sidebar.tsx

@@ -13,7 +13,7 @@ import {
     Settings,
 } from 'lucide-react'
 
-type NavItem = {
+interface NavItem {
     title: string
     href: Route
     icon: React.ComponentType<{ className?: string }>

app/api/contact/route.ts

@@ -1,4 +1,5 @@
-import { NextRequest, NextResponse } from 'next/server'
+import type { NextRequest} from 'next/server';
+import { NextResponse } from 'next/server'
 
 interface ContactFormData {
     firstName: string

app/chat/components/agent-artifact.tsx

@@ -30,7 +30,7 @@ import type { ArtifactData } from './chat.types'
 interface AgentArtifactProps {
     artifact: ArtifactData
     onClose?: () => void
-    // eslint-disable-next-line no-unused-vars
+
     onCodeUpdate?: (artifactId: string, newCode: string) => void
 }
 
@@ -59,14 +59,17 @@ export function AgentArtifact({
         artifact.type === 'code' &&
         PREVIEWABLE_LANGUAGES.includes(normalizeLanguage(artifact.language))
 
-    const handleCopy = useCallback(async () => {
-        try {
-            await navigator.clipboard.writeText(editedCode)
-            setCopied(true)
-            setTimeout(() => setCopied(false), 2000)
-        } catch (err) {
-            void err
+    const handleCopy = useCallback(() => {
+        const doCopy = async () => {
+            try {
+                await navigator.clipboard.writeText(editedCode)
+                setCopied(true)
+                setTimeout(() => setCopied(false), 2000)
+            } catch (err) {
+                void err
+            }
         }
+        void doCopy()
     }, [editedCode])
 
     const handleDownload = useCallback(() => {
@@ -233,7 +236,7 @@ export function AgentArtifactCompact({
 // Floating action button for quick access to editor
 interface ArtifactEditorFABProps {
     artifact: ArtifactData
-    // eslint-disable-next-line no-unused-vars
+
     onCodeChange?: (newCode: string) => void
 }
 

app/chat/components/agent-confirmation.tsx

@@ -28,10 +28,10 @@ interface AgentConfirmationProps {
     state: ToolUIPart['state']
     severity?: ConfirmationSeverity
     className?: string
-    // eslint-disable-next-line no-unused-vars
-    onApprove(approvalId: string): void
-    // eslint-disable-next-line no-unused-vars
-    onReject(approvalId: string): void
+
+    onApprove: (approvalId: string) => void
+
+    onReject: (approvalId: string) => void
 }
 
 const severityConfig: Record<

app/chat/components/agent-web-preview.tsx

@@ -36,7 +36,7 @@ import {
     CheckIcon,
     PlayIcon,
     RotateCcwIcon,
-    // eslint-disable-next-line no-unused-vars
+
     Edit3Icon,
     EyeIcon,
     SplitIcon,
@@ -54,7 +54,7 @@ type PreviewStatus = 'idle' | 'running' | 'success' | 'error'
 interface AgentWebPreviewProps {
     preview: WebPreviewData
     onClose?: () => void
-    // eslint-disable-next-line no-unused-vars
+
     onCodeChange?: (code: string) => void
     defaultTab?: 'preview' | 'code'
     height?: string | number
@@ -444,7 +444,7 @@ export function AgentWebPreview({
                                         variant="ghost"
                                         size="sm"
                                         className="h-6 gap-1 px-2 text-xs"
-                                        onClick={handleCopy}
+                                        onClick={() => void handleCopy()}
                                     >
                                         {copied ? (
                                             <>
@@ -786,7 +786,7 @@ interface AgentCodeSandboxProps {
     title?: string
     dependencies?: Record<string, string>
     onClose?: () => void
-    // eslint-disable-next-line no-unused-vars
+
     onCodeChange?: (code: string) => void
     editable?: boolean
 }

app/chat/components/chat-messages.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable no-unused-vars */
+
 /* eslint-disable no-console */
 'use client'
 
@@ -75,6 +75,7 @@ import type {
 } from '@mastra/ai-sdk'
 import { AgentTool } from '@/ui/agent-tool'
 import { cn } from '@/lib/utils'
+import type { LLMStepResult } from '@mastra/core/agent'
 
 type MastraDataPart =
     | AgentDataPart
@@ -189,14 +190,16 @@ function extractTasksFromText(content: string): AgentTaskData[] {
 function CopyButton({ text }: { text: string }) {
     const [copied, setCopied] = useState(false)
 
-    const handleCopy = useCallback(async () => {
-        try {
-            await navigator.clipboard.writeText(text)
-            setCopied(true)
-            setTimeout(() => setCopied(false), 2000)
-        } catch (err) {
-            console.error('Failed to copy:', err)
-        }
+    const handleCopy = useCallback(() => {
+        navigator.clipboard
+            .writeText(text)
+            .then(() => {
+                setCopied(true)
+                setTimeout(() => setCopied(false), 2000)
+            })
+            .catch((err) => {
+                console.error('Failed to copy:', err)
+            })
     }, [text])
 
     return (
@@ -618,13 +621,16 @@ function MessageItem({
                                         partType === 'data-tool-workflow' ||
                                         partType === 'data-tool-network'
                                     ) {
-                                        const nestedPart = part as any
+                                        const nestedPart = part as MastraDataPart
+                                        // Use the actual nested data as the prop value. Cast to the expected type for TypeScript
+                                        // (LLMStepResult is a type-only import so it cannot be used as a runtime value).
+                                        const dataValue = (nestedPart as { data?: unknown }).data ?? {}
                                         return (
                                             <AgentTool
                                                 key={`${message.id}-${partType}-${index}`}
                                                 id={nestedPart.id ?? partType}
-                                                type={partType as any}
-                                                data={nestedPart.data}
+                                                type={partType as unknown as 'data-tool-agent'}
+                                                data={dataValue as LLMStepResult}
                                             />
                                         )
                                     }

app/chat/components/chat.types.ts

@@ -1,112 +1,111 @@
-import type { ReactNode } from 'react'
 import type { DynamicToolUIPart } from 'ai'
+import type { ReactNode } from 'react'
 import type { ToolInvocationState as ChatToolInvocationState } from '../providers/chat-context-types'
 
 export interface Citation {
-    id: string
-    number: string
-    title: string
-    url: string
-    description?: string
-    quote?: string
+  id: string
+  number: string
+  title: string
+  url: string
+  description?: string
+  quote?: string
 }
 
 export interface AgentToolsProps {
-    tools: Array<ChatToolInvocationState | DynamicToolUIPart>
-    className?: string
+  tools: Array<ChatToolInvocationState | DynamicToolUIPart>
+  className?: string
 }
 
 export type TaskStepStatus = 'pending' | 'running' | 'completed' | 'error'
 
 export interface TaskStep {
-    id: string
-    text: string
-    status: TaskStepStatus
-    file?: {
-        name: string
-        icon?: string
-    }
+  id: string
+  text: string
+  status: TaskStepStatus
+  file?: {
+    name: string
+    icon?: string
+  }
 }
 
 export interface AgentTaskData {
-    title: string
-    steps: TaskStep[]
+  title: string
+  steps: TaskStep[]
 }
 
 export interface ArtifactData {
-    id: string
-    title: string
-    description?: string
-    type: 'code' | 'markdown' | 'json' | 'text' | 'html' | 'react'
-    language?: string
-    content: string
+  id: string
+  title: string
+  description?: string
+  type: 'code' | 'markdown' | 'json' | 'text' | 'html' | 'react'
+  language?: string
+  content: string
 }
 
 export interface PlanStep {
-    text: string
-    completed?: boolean
+  text: string
+  completed?: boolean
 }
 
 export interface AgentPlanData {
-    title: string
-    description: string
-    steps: PlanStep[] | string[]
-    isStreaming?: boolean
-    currentStep?: number
+  title: string
+  description: string
+  steps: PlanStep[] | string[]
+  isStreaming?: boolean
+  currentStep?: number
 }
 
 export interface ReasoningStep {
-    id: string
-    label: string
-    description?: string
-    status: 'complete' | 'active' | 'pending'
-    searchResults?: string[]
-    duration?: number
+  id: string
+  label: string
+  description?: string
+  status: 'complete' | 'active' | 'pending'
+  searchResults?: string[]
+  duration?: number
 }
 
 export interface AgentSuggestionsProps {
-    suggestions: string[]
-    // eslint-disable-next-line no-unused-vars
-    onSelect: (suggestion: string) => void
-    disabled?: boolean
-    className?: string
+  suggestions: string[]
+  onSelect: (suggestion: string) => void
+  disabled?: boolean
+  className?: string
 }
 
 export interface AgentSourcesProps {
-    sources: Array<{ url: string; title: string }>
-    className?: string
-    maxVisible?: number
+  sources: Array<{ url: string; title: string }>
+  className?: string
+  maxVisible?: number
 }
 
 export interface AgentReasoningProps {
-    reasoning: string
-    isStreaming: boolean
-    duration?: number
-    className?: string
+  reasoning: string
+  isStreaming: boolean
+  duration?: number
+  className?: string
 }
 
 export type ConfirmationSeverity = 'info' | 'warning' | 'danger'
 
 export interface QueuedTask {
-    id: string
-    title: string
-    description?: string
-    status: 'pending' | 'running' | 'completed' | 'failed'
-    createdAt?: Date
-    completedAt?: Date
-    error?: string
+  id: string
+  title: string
+  description?: string
+  status: 'pending' | 'running' | 'completed' | 'failed'
+  createdAt?: Date
+  completedAt?: Date
+  error?: string
 }
 
 export interface WebPreviewData {
-    id: string
-    url: string
-    title?: string
-    code?: string
-    language?: string
-    html?: string
-    editable?: boolean
-    showConsole?: boolean
-    height?: number
+  id: string
+  url: string
+  title?: string
+  code?: string
+  language?: string
+  html?: string
+  editable?: boolean
+  showConsole?: boolean
+  height?: number
 }
 
 export type InlineCitationRender = ReactNode[]