[Web UI] Add explicit types to useFilterState hook

[santoshkumarradha]

Summary

The useFilterState hook returns a tuple or object with various filter state values and functions, but the return type may not be fully typed, reducing IDE support and type safety.

Current State

• File: control-plane/web/client/src/hooks/useFilterState.ts
• Issue: Return type may use inferred types or any

Tasks

1. Define explicit interface for hook return value
2. Type all state values and setter functions
3. Export types for consumer components to use

Example Implementation

// Define the return type interface
export interface FilterState {
  filters: FilterTag[];
  setFilters: React.Dispatch<React.SetStateAction<FilterTag[]>>;
  addFilter: (filter: FilterTag) => void;
  removeFilter: (filterId: string) => void;
  clearFilters: () => void;
  hasActiveFilters: boolean;
}

// Apply to hook
export function useFilterState(initialFilters?: FilterTag[]): FilterState {
  // ... implementation
  
  return {
    filters,
    setFilters,
    addFilter,
    removeFilter,
    clearFilters,
    hasActiveFilters,
  };
}

Acceptance Criteria

• Return type interface defined and exported
• Hook return type explicitly annotated
• All consumer components get proper type inference
• TypeScript compilation passes
• Linting passes (npm run lint)

Files

• control-plane/web/client/src/hooks/useFilterState.ts

---

Using AI to solve this issue? Read our AI-Assisted Contributions guide for testing requirements, prompt strategies, and common pitfalls to avoid.

[XYuktaaa]

Hi @santoshkumarradha,
I’d like to take this up and add explicit return types to useFilterState as described.
Let me know if anyone else is already working on it. Thanks!

[santoshkumarradha]

As long as it's not assigned it's always up for grabs :) feel free to pass a pr @XYuktaaa, thanks.

[github-actions]

Hey @XYuktaaa! 👋

Just a friendly reminder that you're assigned to this issue. It's been about a week since assignment.

How's it going? We'd love to hear:

• Any progress updates?
• Running into any blockers we can help with?
• Need more time? (Totally fine!)

A quick comment helps us know you're still interested. If your plans have changed, no worries at all - just let us know and we can find another contributor.

Thanks for contributing to AgentField! 🚀

[github-actions]

Hi @XYuktaaa,

Just checking in again! It's been 14 days since we last heard from you on this issue.

Quick options:

• 💬 Drop a comment with a progress update
• 🔗 Link a draft PR if you've started working on it
• 👋 Let us know if you'd like to be unassigned (no judgment!)

If we don't hear back in 7 days, we'll unassign this issue to give other contributors a chance to help.

Thanks for understanding!

[github-actions]

Hi @XYuktaaa,

It's been 21 days since the last update on this issue. To keep the project moving, we've unassigned this issue so other contributors can pick it up.

No worries at all! Life happens, and we totally understand. If you'd like to continue working on this, just comment here and we'll reassign it to you.

This issue is now available for anyone who'd like to contribute. Check out our contribution guidelines if you're interested!

Thanks for your interest in AgentField! ❤️