support custom smart playlist tags

src/renderer/components/query-builder/index.tsx

@@ -11,19 +11,24 @@ import { Select } from '/@/shared/components/select/select';
 import { Stack } from '/@/shared/components/stack/stack';
 import { QueryBuilderGroup, QueryBuilderRule } from '/@/shared/types/types';
 
+export type FilterGroup = { group: string; items: FilterItem[] };
+
+export type FilterItem = { label: string; type: string; value: string };
+
+export type Filters = FilterGroup[] | FilterItem[];
 type AddArgs = {
     groupIndex: number[];
     level: number;
 };
-
 type DeleteArgs = {
     groupIndex: number[];
     level: number;
     uniqueId: string;
 };
+
 interface QueryBuilderProps {
     data: Record<string, any>;
-    filters: { label: string; type: string; value: string }[];
+    filters: Filters;
     groupIndex: number[];
     level: number;
     onAddRule: (args: AddArgs) => void;

src/renderer/components/query-builder/query-builder-option.tsx

@@ -1,5 +1,6 @@
 import { useState } from 'react';
 
+import { Filters } from '/@/renderer/components/query-builder';
 import { ActionIcon } from '/@/shared/components/action-icon/action-icon';
 import { Group } from '/@/shared/components/group/group';
 import { NumberInput } from '/@/shared/components/number-input/number-input';
@@ -15,7 +16,7 @@ type DeleteArgs = {
 
 interface QueryOptionProps {
     data: QueryBuilderRule;
-    filters: { label: string; type: string; value: string }[];
+    filters: Filters;
     groupIndex: number[];
     level: number;
     noRemove: boolean;
@@ -165,7 +166,11 @@ export const QueryBuilderOption = ({
         });
     };
 
-    const fieldType = filters.find((f) => f.value === field)?.type;
+    // Handle both grouped and flat filter data
+    const flatFilters = filters.some((f: any) => f.group && f.items)
+        ? filters.flatMap((group: any) => group.items || [])
+        : filters;
+    const fieldType = flatFilters.find((f: any) => f.value === field)?.type;
     const operatorsByFieldType = operators[fieldType as keyof typeof operators];
     const ml = 20;