diff --git a/.prettierrc b/.prettierrc
index 9d8e3881bc..92cde390ac 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,11 +1,3 @@
 {
-  "singleQuote": true,
-  "overrides": [
-    {
-      "files": "*.html",
-      "options": {
-        "parser": "angular"
-      }
-    }
-  ]
+  "singleQuote": true
 }
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 06af6a0c0b..612ecb7768 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -265,7 +265,7 @@
         "postcss-import": "14.1.0",
         "postcss-preset-env": "7.5.0",
         "postcss-url": "10.1.3",
-        "prettier": "3.2.5",
+        "prettier": "2.8.4",
         "tailwindcss": "3.3.3",
         "ts-jest": "29.1.1",
         "ts-node": "10.9.1",
@@ -31574,15 +31574,15 @@
       }
     },
     "node_modules/prettier": {
-      "version": "3.2.5",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz",
-      "integrity": "sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==",
+      "version": "2.8.4",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.4.tgz",
+      "integrity": "sha512-vIS4Rlc2FNh0BySk3Wkd6xmwxB0FpOndW5fisM5H8hsZSxU2VWVB5CWIkIjWvrHjIhxk2g3bfMKM87zNTrZddw==",
       "dev": true,
       "bin": {
-        "prettier": "bin/prettier.cjs"
+        "prettier": "bin-prettier.js"
       },
       "engines": {
-        "node": ">=14"
+        "node": ">=10.13.0"
       },
       "funding": {
         "url": "https://github.com/prettier/prettier?sponsor=1"
diff --git a/package.json b/package.json
index 5dd9512740..76b3968b0c 100644
--- a/package.json
+++ b/package.json
@@ -278,7 +278,7 @@
     "postcss-import": "14.1.0",
     "postcss-preset-env": "7.5.0",
     "postcss-url": "10.1.3",
-    "prettier": "3.2.5",
+    "prettier": "2.8.4",
     "tailwindcss": "3.3.3",
     "ts-jest": "29.1.1",
     "ts-node": "10.9.1",
diff --git a/packages/pieces/community/activepieces/package.json b/packages/pieces/community/activepieces/package.json
index 7b51f54999..cb3321afed 100644
--- a/packages/pieces/community/activepieces/package.json
+++ b/packages/pieces/community/activepieces/package.json
@@ -3,7 +3,7 @@
   "version": "0.0.4",
   "dependencies": {
     "@activepieces/pieces-common": "0.2.12",
-    "@activepieces/pieces-framework": "0.7.25",
+    "@activepieces/pieces-framework": "0.7.28",
     "tslib": "2.6.2"
   }
 }
\ No newline at end of file
diff --git a/packages/pieces/community/brilliant-directories/package.json b/packages/pieces/community/brilliant-directories/package.json
index 09dba1b67d..f6a3fce99f 100644
--- a/packages/pieces/community/brilliant-directories/package.json
+++ b/packages/pieces/community/brilliant-directories/package.json
@@ -2,7 +2,7 @@
   "name": "@activepieces/piece-brilliant-directories",
   "version": "0.0.6",
   "dependencies": {
-    "@activepieces/pieces-framework": "0.7.25",
+    "@activepieces/pieces-framework": "0.7.28",
     "@activepieces/pieces-common": "0.2.12",
     "tslib": "^2.6.2",
     "@activepieces/shared": "*"
diff --git a/packages/pieces/community/convertkit/package.json b/packages/pieces/community/convertkit/package.json
index 8debb5440b..eb19e1c13b 100644
--- a/packages/pieces/community/convertkit/package.json
+++ b/packages/pieces/community/convertkit/package.json
@@ -2,7 +2,7 @@
   "name": "@activepieces/piece-convertkit",
   "version": "0.1.3",
   "dependencies": {
-    "@activepieces/pieces-framework": "0.7.25",
+    "@activepieces/pieces-framework": "0.7.28",
     "@activepieces/pieces-common": "0.2.12",
     "tslib": "^2.6.2",
     "@activepieces/shared": "*"
diff --git a/packages/pieces/community/math-helper/package.json b/packages/pieces/community/math-helper/package.json
index f6ec869f97..55a9966e13 100644
--- a/packages/pieces/community/math-helper/package.json
+++ b/packages/pieces/community/math-helper/package.json
@@ -2,8 +2,8 @@
   "name": "@activepieces/piece-math-helper",
   "version": "0.0.6",
   "dependencies": {
-    "@activepieces/pieces-framework": "0.7.25",
-    "@activepieces/shared": "0.10.97",
+    "@activepieces/pieces-framework": "0.7.28",
+    "@activepieces/shared": "0.10.98",
     "tslib": "2.6.2"
   }
 }
\ No newline at end of file
diff --git a/packages/pieces/community/retune/package.json b/packages/pieces/community/retune/package.json
index b784acc374..0a46227247 100644
--- a/packages/pieces/community/retune/package.json
+++ b/packages/pieces/community/retune/package.json
@@ -3,8 +3,8 @@
   "version": "0.0.5",
   "dependencies": {
     "@activepieces/pieces-common": "0.2.12",
-    "@activepieces/pieces-framework": "0.7.25",
-    "@activepieces/shared": "0.10.97",
+    "@activepieces/pieces-framework": "0.7.28",
+    "@activepieces/shared": "0.10.98",
     "tslib": "2.6.2"
   }
 }
\ No newline at end of file
diff --git a/packages/pieces/community/saastic/package.json b/packages/pieces/community/saastic/package.json
index 3988803475..4dd343661c 100644
--- a/packages/pieces/community/saastic/package.json
+++ b/packages/pieces/community/saastic/package.json
@@ -2,7 +2,7 @@
   "name": "@activepieces/piece-saastic",
   "version": "0.0.6",
   "dependencies": {
-    "@activepieces/pieces-framework": "0.7.25",
+    "@activepieces/pieces-framework": "0.7.28",
     "@activepieces/pieces-common": "0.2.12",
     "tslib": "^2.6.2",
     "@activepieces/shared": "*"
diff --git a/packages/ui/common/src/index.ts b/packages/ui/common/src/index.ts
index 1d2566717f..93dfbd05a1 100644
--- a/packages/ui/common/src/index.ts
+++ b/packages/ui/common/src/index.ts
@@ -27,3 +27,4 @@ export * from './lib/pipe/comma-seperated.pipe';
 export * from './lib/utils/consts';
 export * from './lib/components/is-feature-enabled-base/is-feature-enabled-base.component';
 export * from './lib/models/mention-list-item';
+export * from './lib/components/control-description/control-description.component';
diff --git a/packages/ui/common/src/lib/components/control-description/control-description.component.ts b/packages/ui/common/src/lib/components/control-description/control-description.component.ts
index 9749b589b0..9e39672ba9 100644
--- a/packages/ui/common/src/lib/components/control-description/control-description.component.ts
+++ b/packages/ui/common/src/lib/components/control-description/control-description.component.ts
@@ -1,4 +1,4 @@
-import {  Component, Input } from '@angular/core';
+import { Component, Input } from '@angular/core';
 import { AbstractControl } from '@angular/forms';
 import {
   BOTTOM_MARGIN_FOR_DESCRIPTION_IN_PIECE_PROPERTIES_FORM,
@@ -12,21 +12,17 @@ import { CheckOverflowDirective } from '../../directives';
   standalone: true,
   imports: [CommonModule, MarkdownModule, CheckOverflowDirective],
   template: `
-  @if( !(description ||  (passedFormControl.touched && passedFormControl.invalid)))
-  {
-    <div
-      [style.height]="MIN_SPACING_BETWEEN_INPUTS"
-    ></div>
-  }
-  @else() {
+    @if( !(description || (passedFormControl.touched &&
+    passedFormControl.invalid))) {
+    <div [style.height]="MIN_SPACING_BETWEEN_INPUTS"></div>
+    } @else() {
     <div
       class="ap-flex ap-justify-between ap-markdown "
       [style.marginBottom]="
         BOTTOM_MARGIN_FOR_DESCRIPTION_IN_PIECE_PROPERTIES_FORM
       "
       *ngIf="
-        description ||
-        (passedFormControl.touched && passedFormControl.invalid)
+        description || (passedFormControl.touched && passedFormControl.invalid)
       "
     >
       <div
@@ -39,7 +35,6 @@ import { CheckOverflowDirective } from '../../directives';
           apCheckOverflow
           (isOverflowed)="isOverFlown = $event"
         >
-           
           <markdown
             [data]="
               passedFormControl.touched && passedFormControl.invalid
@@ -64,11 +59,7 @@ import { CheckOverflowDirective } from '../../directives';
         </button>
       </div>
     </div>
-  }
-  
-
-
-
+    }
   `,
 })
 export class ControlDescriptionComponent {
diff --git a/packages/ui/feature-builder-form-controls/src/lib/components/action-or-trigger-dropdown/action-or-trigger-dropdown.component.ts b/packages/ui/feature-builder-form-controls/src/lib/components/action-or-trigger-dropdown/action-or-trigger-dropdown.component.ts
index c45f3107ab..513f4a1fd9 100644
--- a/packages/ui/feature-builder-form-controls/src/lib/components/action-or-trigger-dropdown/action-or-trigger-dropdown.component.ts
+++ b/packages/ui/feature-builder-form-controls/src/lib/components/action-or-trigger-dropdown/action-or-trigger-dropdown.component.ts
@@ -6,7 +6,7 @@ import {
   Output,
 } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import {  UiCommonModule } from '@activepieces/ui/common';
+import { UiCommonModule } from '@activepieces/ui/common';
 import { FormControl, Validators } from '@angular/forms';
 import {
   ActionBase,
@@ -25,13 +25,13 @@ import { selectedTirggerOrActionPipe } from '../../pipes/selected-action-or-trig
     UiCommonModule,
     IsTriggerGuardPipe,
     DropdownSelectedValuesPipe,
-    selectedTirggerOrActionPipe
+    selectedTirggerOrActionPipe,
   ],
   templateUrl: './action-or-trigger-dropdown.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class ActionOrTriggerDropdownComponent {
-  @Input({ required: true }) items: (ActionBase[] | TriggerBase[]) = [];
+  @Input({ required: true }) items: ActionBase[] | TriggerBase[] = [];
   @Output() newActionOrTriggerSelected = new EventEmitter<
     ActionBase | TriggerBase
   >();
diff --git a/packages/ui/feature-builder-form-controls/src/lib/components/array-form-control/array-form-control.component.ts b/packages/ui/feature-builder-form-controls/src/lib/components/array-form-control/array-form-control.component.ts
index 0803e52c88..6b78e92c6a 100644
--- a/packages/ui/feature-builder-form-controls/src/lib/components/array-form-control/array-form-control.component.ts
+++ b/packages/ui/feature-builder-form-controls/src/lib/components/array-form-control/array-form-control.component.ts
@@ -17,7 +17,10 @@ import {
 } from '@angular/forms';
 import { map, Observable, tap } from 'rxjs';
 import { InterpolatingTextFormControlComponent } from '../interpolating-text-form-control/interpolating-text-form-control.component';
-import { InsertMentionOperation, PieceMetadataModel } from '@activepieces/ui/common';
+import {
+  InsertMentionOperation,
+  PieceMetadataModel,
+} from '@activepieces/ui/common';
 import { ArrayProperty } from '@activepieces/pieces-framework';
 import { PopulatedFlow } from '@activepieces/shared';
 
@@ -58,9 +61,7 @@ export class ArrayFormControlComponent implements ControlValueAccessor {
       properties &&
       Object.keys(properties).length > 0
     ) {
-      this.formArray.push(
-        this.fb.group({})
-      );
+      this.formArray.push(this.fb.group({}));
     } else if (typeof propertiesValues === 'string') {
       this.formArray.push(
         new FormControl<string>(propertiesValues, { nonNullable: true })
diff --git a/packages/ui/feature-builder-form-controls/src/lib/components/dictionary-form-control/dictionary-form-control.component.ts b/packages/ui/feature-builder-form-controls/src/lib/components/dictionary-form-control/dictionary-form-control.component.ts
index 0f30ffc0ac..e0d32c357f 100755
--- a/packages/ui/feature-builder-form-controls/src/lib/components/dictionary-form-control/dictionary-form-control.component.ts
+++ b/packages/ui/feature-builder-form-controls/src/lib/components/dictionary-form-control/dictionary-form-control.component.ts
@@ -45,7 +45,7 @@ export class DictionaryFormControlComponent
     this.valueChanges$ = this.form.valueChanges.pipe(
       tap(() => {
         this.dictionaryControlValueChanged();
-      }),
+      })
     );
   }
   ngOnInit(): void {
@@ -81,7 +81,7 @@ export class DictionaryFormControlComponent
 
   addPair(
     pair: { key: string; value: unknown },
-    triggerChangeDetection = true,
+    triggerChangeDetection = true
   ) {
     const pairGroup = this.fb.group({
       key: new UntypedFormControl(pair.key),
@@ -124,13 +124,13 @@ export class DictionaryFormControlComponent
   }
   async addMention(
     textControl: InterpolatingTextFormControlComponent,
-    mention: InsertMentionOperation,
+    mention: InsertMentionOperation
   ) {
     await textControl.addMention(mention);
   }
   showMenu(
     $event: MouseEvent | boolean,
-    mentionsDropdown: BuilderAutocompleteDropdownHandlerComponent,
+    mentionsDropdown: BuilderAutocompleteDropdownHandlerComponent
   ) {
     //if it is boolean it means that the invocation of this function was from editorfocused
     if (typeof $event !== 'boolean') {
diff --git a/packages/ui/feature-builder-form-controls/src/lib/components/json-control/json-control.component.ts b/packages/ui/feature-builder-form-controls/src/lib/components/json-control/json-control.component.ts
index 8c0a4166eb..2ca019a5d6 100644
--- a/packages/ui/feature-builder-form-controls/src/lib/components/json-control/json-control.component.ts
+++ b/packages/ui/feature-builder-form-controls/src/lib/components/json-control/json-control.component.ts
@@ -79,7 +79,7 @@ export class JsonControlComponent {
   beautify() {
     try {
       this.passedFormControl.setValue(
-        this.codeService.beautifyJson(JSON.parse(this.passedFormControl.value)),
+        this.codeService.beautifyJson(JSON.parse(this.passedFormControl.value))
       );
     } catch {
       //ignore
diff --git a/packages/ui/feature-builder-form-controls/src/lib/components/static-dropdown-control/static-dropdown-control.component.ts b/packages/ui/feature-builder-form-controls/src/lib/components/static-dropdown-control/static-dropdown-control.component.ts
index 60e1aa17d7..031c454038 100644
--- a/packages/ui/feature-builder-form-controls/src/lib/components/static-dropdown-control/static-dropdown-control.component.ts
+++ b/packages/ui/feature-builder-form-controls/src/lib/components/static-dropdown-control/static-dropdown-control.component.ts
@@ -35,6 +35,9 @@ export class StaticDropdownControlComponent {
   searchControl = new FormControl('', { nonNullable: true });
   readonly PropertyType = PropertyType;
   dropdownCompareWithFunction(opt: unknown, formControlValue: string) {
-    return formControlValue !== undefined && deepEqual(opt, formControlValue,{ strict: true });
+    return (
+      formControlValue !== undefined &&
+      deepEqual(opt, formControlValue, { strict: true })
+    );
   }
 }
diff --git a/packages/ui/feature-builder-form-controls/src/lib/pipes/extract-error-message-from-form-control.pipe.ts b/packages/ui/feature-builder-form-controls/src/lib/pipes/extract-error-message-from-form-control.pipe.ts
index d5df595479..5c911d2772 100644
--- a/packages/ui/feature-builder-form-controls/src/lib/pipes/extract-error-message-from-form-control.pipe.ts
+++ b/packages/ui/feature-builder-form-controls/src/lib/pipes/extract-error-message-from-form-control.pipe.ts
@@ -9,12 +9,19 @@ import { PieceProperty, PropertyType } from '@activepieces/pieces-framework';
   standalone: true,
 })
 export class ExtractControlErrorMessagePipe implements PipeTransform {
-  transform(ctrl: FormControl, property: PieceProperty,isDynamicInput:boolean): Observable<string> {
+  transform(
+    ctrl: FormControl,
+    property: PieceProperty,
+    isDynamicInput: boolean
+  ): Observable<string> {
     return ctrl.valueChanges.pipe(
       startWith(ctrl.value),
       map(() => {
-        if(property.type === PropertyType.ARRAY && property.properties !== undefined && !isDynamicInput)
-        {
+        if (
+          property.type === PropertyType.ARRAY &&
+          property.properties !== undefined &&
+          !isDynamicInput
+        ) {
           return '';
         }
         if (ctrl.invalid && ctrl.hasError('required')) {
@@ -23,7 +30,7 @@ export class ExtractControlErrorMessagePipe implements PipeTransform {
           return `${property.displayName} is invalid`;
         }
         return '';
-      }),
+      })
     );
   }
 }
diff --git a/packages/ui/feature-builder-form-controls/src/lib/pipes/selected-action-or-trigger.pipe.ts b/packages/ui/feature-builder-form-controls/src/lib/pipes/selected-action-or-trigger.pipe.ts
index 0e588ff722..e2ee079667 100644
--- a/packages/ui/feature-builder-form-controls/src/lib/pipes/selected-action-or-trigger.pipe.ts
+++ b/packages/ui/feature-builder-form-controls/src/lib/pipes/selected-action-or-trigger.pipe.ts
@@ -7,7 +7,10 @@ import { Pipe, PipeTransform } from '@angular/core';
   pure: true,
 })
 export class selectedTirggerOrActionPipe implements PipeTransform {
-  transform(value:string, items: (ActionBase[] | TriggerBase[])): (string | undefined) {
-    return items.find(i => i.name === value)?.displayName;
+  transform(
+    value: string,
+    items: ActionBase[] | TriggerBase[]
+  ): string | undefined {
+    return items.find((i) => i.name === value)?.displayName;
   }
 }
diff --git a/packages/ui/feature-builder-form-controls/src/lib/ui-feature-builder-form-controls.module.ts b/packages/ui/feature-builder-form-controls/src/lib/ui-feature-builder-form-controls.module.ts
index ee864a7cbf..dd83d457b1 100644
--- a/packages/ui/feature-builder-form-controls/src/lib/ui-feature-builder-form-controls.module.ts
+++ b/packages/ui/feature-builder-form-controls/src/lib/ui-feature-builder-form-controls.module.ts
@@ -56,7 +56,7 @@ const exportedDeclarations = [
   BuilderAutocompleteMentionsDropdownComponent,
   ActionErrorHandlingFormControlComponent,
   PiecePropertiesFormComponent,
-  DynamicPropertyControlComponent
+  DynamicPropertyControlComponent,
 ];
 @NgModule({
   imports: [
@@ -83,7 +83,7 @@ const exportedDeclarations = [
     ActionOrTriggerDropdownComponent,
     DynamicInputToggleComponent,
     ShouldShwoDynamicInputToggleAboveInputPipe,
-    FormGroupCasterPipe  
+    FormGroupCasterPipe,
   ],
   declarations: [
     ...exportedDeclarations,
diff --git a/packages/ui/feature-builder-store/src/lib/store/flow/flow.action.ts b/packages/ui/feature-builder-store/src/lib/store/flow/flow.action.ts
index 84344fca06..d12bdd8d94 100755
--- a/packages/ui/feature-builder-store/src/lib/store/flow/flow.action.ts
+++ b/packages/ui/feature-builder-store/src/lib/store/flow/flow.action.ts
@@ -14,7 +14,7 @@ import {
   FlowStatus,
   ApId,
 } from '@activepieces/shared';
-import { PiecePropertyMap } from '../../../../../../pieces/community/framework/src';
+import { PiecePropertyMap } from '@activepieces/pieces-framework';
 
 export enum FlowsActionType {
   // Flow Version Modifying Action
@@ -48,7 +48,7 @@ const updateTrigger = createAction(
 );
 const newTriggerOrActionSelected = createAction(
   FlowsActionType.NEW_TRIGGER_OR_ACTION_SELECTED,
-  props<{ displayName: string; name: string; properties:PiecePropertyMap }>()
+  props<{ displayName: string; name: string; properties: PiecePropertyMap }>()
 );
 const moveAction = createAction(
   FlowsActionType.MOVE_ACTION,
diff --git a/packages/ui/feature-flow-builder/package.json b/packages/ui/feature-flow-builder/package.json
index dca987a666..6c04fbe8b5 100644
--- a/packages/ui/feature-flow-builder/package.json
+++ b/packages/ui/feature-flow-builder/package.json
@@ -13,7 +13,7 @@
     "@angular/material": "17.1.2",
     "@angular/cdk": "17.1.2",
     "@activepieces/ui/feature-builder-left-sidebar": "0.0.1",
-    "@activepieces/shared": "0.10.97",
+    "@activepieces/shared": "0.10.98",
     "@activepieces/ui-canvas-utils": "0.0.1",
     "@ctrl/ngx-codemirror": "5.1.1",
     "angular-svg-icon": "15.0.0",