feat(targets): implement create target cidr and ip address (#309)

* fix(workflows): simplify workflow name normalization logic

* feat(workflows): update event names for target domain actions and add domain assets discovery workflow

* fix(workflows): update default workflow name for consistency

* feat(jobs-registry): implement data source mapping for tool categories in job queries

* feat(targets): add target type support for DOMAIN and CIDR with validation and migration

* feat(targets): implement start discovery page and update target type handling

* feat(targets): add support for IP target type with validation and migration

* fix(vulnerabilities): correct file path for vulnerability scan configuration

* feat(targets): update target service to track total asset services and enhance UI representation

* feat(start-discovery): enhance UI by updating target type styling and textarea border color

Author: l1ttps

console/src/components/ui/create-target.tsx

@@ -0,0 +1,65 @@
+/**
+ * ScanStatusFilter Component
+ *
+ * A dropdown select component for filtering targets by scan status
+ * (pending/in_progress/completed/failed/cancelled/All).
+ * Used in the targets list page toolbar.
+ */
+
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select';
+import { JobStatus } from '@/services/apis/gen/queries';
+
+/** All option value for filtering */
+const ALL_VALUE = 'ALL';
+
+/** Status filter options with display labels and colors matching JobStatusBadge */
+const STATUS_OPTIONS = [
+  { value: ALL_VALUE, label: 'All statuses', color: 'bg-muted-foreground' },
+  { value: JobStatus.pending, label: 'Pending', color: 'bg-yellow-500' },
+  { value: JobStatus.in_progress, label: 'In Progress', color: 'bg-purple-500' },
+  { value: JobStatus.completed, label: 'Completed', color: 'bg-green-500' },
+  { value: JobStatus.failed, label: 'Failed', color: 'bg-red-500' },
+  { value: JobStatus.cancelled, label: 'Cancelled', color: 'bg-gray-500' },
+] as const;
+
+interface ScanStatusFilterProps {
+  /** Current selected status value */
+  value: JobStatus | undefined;
+  /** Callback when status selection changes */
+  onValueChange: (value: JobStatus | undefined) => void;
+}
+
+/**
+ * Renders a select dropdown for filtering targets by scan status.
+ */
+export function ScanStatusFilter({ value, onValueChange }: ScanStatusFilterProps) {
+  const currentValue = value ?? ALL_VALUE;
+
+  const handleChange = (val: string) => {
+    onValueChange(val === ALL_VALUE ? undefined : (val as JobStatus));
+  };
+
+  return (
+    <Select value={currentValue} onValueChange={handleChange}>
+      <SelectTrigger className="border-dashed text-xs py-0 focus:ring-0 focus:ring-offset-0 focus:outline-none">
+        <SelectValue placeholder="Status" />
+      </SelectTrigger>
+      <SelectContent>
+        {STATUS_OPTIONS.map((option) => (
+          <SelectItem key={option.value} value={option.value}>
+            <div className="flex items-center gap-2">
+              <span className={`size-2 rounded-full ${option.color}`} />
+              {option.label}
+            </div>
+          </SelectItem>
+        ))}
+      </SelectContent>
+    </Select>
+  );
+}

console/src/pages/targets/components/scan-status-filter.tsx

@@ -0,0 +1,62 @@
+/**
+ * TargetTypeFilter Component
+ *
+ * A dropdown select component for filtering targets by type (DOMAIN/CIDR/IP/All).
+ * Used in the targets list page toolbar.
+ */
+
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select';
+import { TargetType } from '@/services/apis/gen/queries';
+
+/** All option value for filtering */
+const ALL_VALUE = 'ALL';
+
+/** Type filter options with display labels and colors */
+const TYPE_OPTIONS = [
+  { value: ALL_VALUE, label: 'All types', color: 'bg-muted-foreground' },
+  { value: TargetType.DOMAIN, label: 'DOMAIN', color: 'bg-blue-500' },
+  { value: TargetType.CIDR, label: 'CIDR', color: 'bg-green-500' },
+  { value: TargetType.IP, label: 'IP', color: 'bg-orange-500' },
+] as const;
+
+interface TargetTypeFilterProps {
+  /** Current selected type value */
+  value: TargetType | undefined;
+  /** Callback when type selection changes */
+  onValueChange: (value: TargetType | undefined) => void;
+}
+
+/**
+ * Renders a select dropdown for filtering targets by type.
+ */
+export function TargetTypeFilter({ value, onValueChange }: TargetTypeFilterProps) {
+  const currentValue = value ?? ALL_VALUE;
+
+  const handleChange = (val: string) => {
+    onValueChange(val === ALL_VALUE ? undefined : (val as TargetType));
+  };
+
+  return (
+    <Select value={currentValue} onValueChange={handleChange}>
+      <SelectTrigger className="border-dashed text-xs py-0 focus:ring-0 focus:ring-offset-0 focus:outline-none">
+        <SelectValue placeholder="Type" />
+      </SelectTrigger>
+      <SelectContent>
+        {TYPE_OPTIONS.map((option) => (
+          <SelectItem key={option.value} value={option.value}>
+            <div className="flex items-center gap-2">
+              <span className={`size-2 rounded-full ${option.color}`} />
+              {option.label}
+            </div>
+          </SelectItem>
+        ))}
+      </SelectContent>
+    </Select>
+  );
+}