diff --git a/src/client/dd-hub-react/src/sections/document/view/doc-search-view.tsx b/src/client/dd-hub-react/src/sections/document/view/doc-search-view.tsx
index 3787e27..df112ca 100644
--- a/src/client/dd-hub-react/src/sections/document/view/doc-search-view.tsx
+++ b/src/client/dd-hub-react/src/sections/document/view/doc-search-view.tsx
@@ -35,6 +35,8 @@ export function DocSearchView() {
     });
   }, []);
 
+  const [openCreateFilterModal, setOpenCreateFilterModal] = useState(false);
+
   const [docs, setDocs] = useState<Doc[]>([]);
 
   useEffect(() => {
@@ -43,7 +45,30 @@ export function DocSearchView() {
     });
   }, []);
 
-  const [openCreateFilterModal, setOpenCreateFilterModal] = useState(false);
+  //#region attributes
+  const [attributes, setAttributes] = useState<Record<string, string>>({});
+
+  function setAttribute(name: string, serilizedValue: string) {
+    setAttributes(prev => ({
+      ...prev,
+      [name]: serilizedValue
+    }));
+  }
+
+  function removeAttribute(name: string) {
+    setAttributes(prev => {
+      const { [name]: _, ...rest } = prev;
+      return rest;
+    });
+  }
+
+  function updateAttribute(name: string, serilizedValue?: string | null) {
+    if (serilizedValue)
+      setAttribute(name, serilizedValue);
+    else
+      removeAttribute(name);
+  }
+  //#endregion
 
   //#region example components
   // <Box
@@ -108,7 +133,7 @@ export function DocSearchView() {
               filterComp = <DecimalFilter label={filter.label ?? filter.name} />
               break;
             case 'VARCHAR':
-              filterComp = <TextFilter label={filter.label ?? filter.name} />
+              filterComp = <TextFilter label={filter.label ?? filter.name} onChange={value => updateAttribute(filter.name, value)} />
               break;
             case 'DATE':
               filterComp = <DateFilter label={filter.label ?? filter.name} />