@procore/saved-views 1.0.0 → 5.0.0-alpha.5

package/dist/legacy/index.js

@@ -63,7 +63,7 @@ var require_big = __commonJS({
     "use strict";
     (function(GLOBAL) {
       "use strict";
-      var Big, DP = 20, RM = 1, MAX_DP = 1e6, MAX_POWER = 1e6, NE = -7, PE = 21, STRICT = false, NAME = "[big.js] ", INVALID = NAME + "Invalid ", INVALID_DP = INVALID + "decimal places", INVALID_RM = INVALID + "rounding mode", DIV_BY_ZERO = NAME + "Division by zero", P4 = {}, UNDEFINED = void 0, NUMERIC = /^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;
+      var Big, DP = 20, RM = 1, MAX_DP = 1e6, MAX_POWER = 1e6, NE = -7, PE = 21, STRICT = false, NAME = "[big.js] ", INVALID = NAME + "Invalid ", INVALID_DP = INVALID + "decimal places", INVALID_RM = INVALID + "rounding mode", DIV_BY_ZERO = NAME + "Division by zero", P3 = {}, UNDEFINED = void 0, NUMERIC = /^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;
       function _Big_() {
         function Big2(n2) {
           var x2 = this;
@@ -84,7 +84,7 @@ var require_big = __commonJS({
           }
           x2.constructor = Big2;
         }
-        Big2.prototype = P4;
+        Big2.prototype = P3;
         Big2.DP = DP;
         Big2.RM = RM;
         Big2.NE = NE;
@@ -181,12 +181,12 @@ var require_big = __commonJS({
         }
         return x2.s < 0 && isNonzero ? "-" + s2 : s2;
       }
-      P4.abs = function() {
+      P3.abs = function() {
         var x2 = new this.constructor(this);
         x2.s = 1;
         return x2;
       };
-      P4.cmp = function(y2) {
+      P3.cmp = function(y2) {
         var isneg, x2 = this, xc = x2.c, yc = (y2 = new x2.constructor(y2)).c, i2 = x2.s, j2 = y2.s, k2 = x2.e, l2 = y2.e;
         if (!xc[0] || !yc[0])
           return !xc[0] ? !yc[0] ? 0 : -j2 : i2;
@@ -202,7 +202,7 @@ var require_big = __commonJS({
         }
         return k2 == l2 ? 0 : k2 > l2 ^ isneg ? 1 : -1;
       };
-      P4.div = function(y2) {
+      P3.div = function(y2) {
         var x2 = this, Big2 = x2.constructor, a2 = x2.c, b2 = (y2 = new Big2(y2)).c, k2 = x2.s == y2.s ? 1 : -1, dp = Big2.DP;
         if (dp !== ~~dp || dp < 0 || dp > MAX_DP) {
           throw Error(INVALID_DP);
@@ -265,22 +265,22 @@ var require_big = __commonJS({
           round(q2, p, Big2.RM, r2[0] !== UNDEFINED);
         return q2;
       };
-      P4.eq = function(y2) {
+      P3.eq = function(y2) {
         return this.cmp(y2) === 0;
       };
-      P4.gt = function(y2) {
+      P3.gt = function(y2) {
         return this.cmp(y2) > 0;
       };
-      P4.gte = function(y2) {
+      P3.gte = function(y2) {
         return this.cmp(y2) > -1;
       };
-      P4.lt = function(y2) {
+      P3.lt = function(y2) {
         return this.cmp(y2) < 0;
       };
-      P4.lte = function(y2) {
+      P3.lte = function(y2) {
         return this.cmp(y2) < 1;
       };
-      P4.minus = P4.sub = function(y2) {
+      P3.minus = P3.sub = function(y2) {
         var i2, j2, t2, xlty, x2 = this, Big2 = x2.constructor, a2 = x2.s, b2 = (y2 = new Big2(y2)).s;
         if (a2 != b2) {
           y2.s = -b2;
@@ -350,7 +350,7 @@ var require_big = __commonJS({
         y2.e = ye2;
         return y2;
       };
-      P4.mod = function(y2) {
+      P3.mod = function(y2) {
         var ygtx, x2 = this, Big2 = x2.constructor, a2 = x2.s, b2 = (y2 = new Big2(y2)).s;
         if (!y2.c[0]) {
           throw Error(DIV_BY_ZERO);
@@ -369,12 +369,12 @@ var require_big = __commonJS({
         Big2.RM = b2;
         return this.minus(x2.times(y2));
       };
-      P4.neg = function() {
+      P3.neg = function() {
         var x2 = new this.constructor(this);
         x2.s = -x2.s;
         return x2;
       };
-      P4.plus = P4.add = function(y2) {
+      P3.plus = P3.add = function(y2) {
         var e2, k2, t2, x2 = this, Big2 = x2.constructor;
         y2 = new Big2(y2);
         if (x2.s != y2.s) {
@@ -424,7 +424,7 @@ var require_big = __commonJS({
         y2.e = ye2;
         return y2;
       };
-      P4.pow = function(n2) {
+      P3.pow = function(n2) {
         var x2 = this, one = new x2.constructor("1"), y2 = one, isneg = n2 < 0;
         if (n2 !== ~~n2 || n2 < -MAX_POWER || n2 > MAX_POWER) {
           throw Error(INVALID + "exponent");
@@ -441,13 +441,13 @@ var require_big = __commonJS({
         }
         return isneg ? one.div(y2) : y2;
       };
-      P4.prec = function(sd, rm) {
+      P3.prec = function(sd, rm) {
         if (sd !== ~~sd || sd < 1 || sd > MAX_DP) {
           throw Error(INVALID + "precision");
         }
         return round(new this.constructor(this), sd, rm);
       };
-      P4.round = function(dp, rm) {
+      P3.round = function(dp, rm) {
         if (dp === UNDEFINED)
           dp = 0;
         else if (dp !== ~~dp || dp < -MAX_DP || dp > MAX_DP) {
@@ -455,7 +455,7 @@ var require_big = __commonJS({
         }
         return round(new this.constructor(this), dp + this.e + 1, rm);
       };
-      P4.sqrt = function() {
+      P3.sqrt = function() {
         var r2, c2, t2, x2 = this, Big2 = x2.constructor, s2 = x2.s, e2 = x2.e, half = new Big2("0.5");
         if (!x2.c[0])
           return new Big2(x2);
@@ -480,7 +480,7 @@ var require_big = __commonJS({
         } while (t2.c.slice(0, e2).join("") !== r2.c.slice(0, e2).join(""));
         return round(r2, (Big2.DP -= 4) + r2.e + 1, Big2.RM);
       };
-      P4.times = P4.mul = function(y2) {
+      P3.times = P3.mul = function(y2) {
         var c2, x2 = this, Big2 = x2.constructor, xc = x2.c, yc = (y2 = new Big2(y2)).c, a2 = xc.length, b2 = yc.length, i2 = x2.e, j2 = y2.e;
         y2.s = x2.s == y2.s ? 1 : -1;
         if (!xc[0] || !yc[0]) {
@@ -516,7 +516,7 @@ var require_big = __commonJS({
         y2.c = c2;
         return y2;
       };
-      P4.toExponential = function(dp, rm) {
+      P3.toExponential = function(dp, rm) {
         var x2 = this, n2 = x2.c[0];
         if (dp !== UNDEFINED) {
           if (dp !== ~~dp || dp < 0 || dp > MAX_DP) {
@@ -528,7 +528,7 @@ var require_big = __commonJS({
         }
         return stringify(x2, true, !!n2);
       };
-      P4.toFixed = function(dp, rm) {
+      P3.toFixed = function(dp, rm) {
         var x2 = this, n2 = x2.c[0];
         if (dp !== UNDEFINED) {
           if (dp !== ~~dp || dp < 0 || dp > MAX_DP) {
@@ -540,18 +540,18 @@ var require_big = __commonJS({
         }
         return stringify(x2, false, !!n2);
       };
-      P4.toJSON = P4.toString = function() {
+      P3.toJSON = P3.toString = function() {
         var x2 = this, Big2 = x2.constructor;
         return stringify(x2, x2.e <= Big2.NE || x2.e >= Big2.PE, !!x2.c[0]);
       };
-      P4.toNumber = function() {
+      P3.toNumber = function() {
         var n2 = +stringify(this, true, true);
         if (this.constructor.strict === true && !this.eq(n2.toString())) {
           throw Error(NAME + "Imprecise conversion");
         }
         return n2;
       };
-      P4.toPrecision = function(sd, rm) {
+      P3.toPrecision = function(sd, rm) {
         var x2 = this, Big2 = x2.constructor, n2 = x2.c[0];
         if (sd !== UNDEFINED) {
           if (sd !== ~~sd || sd < 1 || sd > MAX_DP) {
@@ -563,7 +563,7 @@ var require_big = __commonJS({
         }
         return stringify(x2, sd <= x2.e || x2.e <= Big2.NE || x2.e >= Big2.PE, !!n2);
       };
-      P4.valueOf = function() {
+      P3.valueOf = function() {
         var x2 = this, Big2 = x2.constructor;
         if (Big2.strict === true) {
           throw Error(NAME + "valueOf disallowed");
@@ -1873,13 +1873,13 @@ var require_GetFallbackLocaleList = __commonJS({
 var require_GetTranslationsFromLocale = __commonJS({
   "../../node_modules/@procore/globalization-toolkit/dist/getTranslationsFromLocale/GetTranslationsFromLocale.js"(exports2) {
     "use strict";
-    var __awaiter = exports2 && exports2.__awaiter || function(thisArg, _arguments, P4, generator) {
+    var __awaiter = exports2 && exports2.__awaiter || function(thisArg, _arguments, P3, generator) {
       function adopt(value) {
-        return value instanceof P4 ? value : new P4(function(resolve) {
+        return value instanceof P3 ? value : new P3(function(resolve) {
           resolve(value);
         });
       }
-      return new (P4 || (P4 = Promise))(function(resolve, reject) {
+      return new (P3 || (P3 = Promise))(function(resolve, reject) {
         function fulfilled(value) {
           try {
             step(generator.next(value));
@@ -2011,9 +2011,9 @@ var require_dist = __commonJS({
   }
 });
 
-// ../../node_modules/styled-components/node_modules/react-is/cjs/react-is.production.min.js
+// node_modules/react-is/cjs/react-is.production.min.js
 var require_react_is_production_min = __commonJS({
-  "../../node_modules/styled-components/node_modules/react-is/cjs/react-is.production.min.js"(exports2) {
+  "node_modules/react-is/cjs/react-is.production.min.js"(exports2) {
     "use strict";
     var b2 = 60103;
     var c2 = 60106;
@@ -2149,9 +2149,9 @@ var require_react_is_production_min = __commonJS({
   }
 });
 
-// ../../node_modules/styled-components/node_modules/react-is/cjs/react-is.development.js
+// node_modules/react-is/cjs/react-is.development.js
 var require_react_is_development = __commonJS({
-  "../../node_modules/styled-components/node_modules/react-is/cjs/react-is.development.js"(exports2) {
+  "node_modules/react-is/cjs/react-is.development.js"(exports2) {
     "use strict";
     if (process.env.NODE_ENV !== "production") {
       (function() {
@@ -2341,9 +2341,9 @@ var require_react_is_development = __commonJS({
   }
 });
 
-// ../../node_modules/styled-components/node_modules/react-is/index.js
+// node_modules/react-is/index.js
 var require_react_is = __commonJS({
-  "../../node_modules/styled-components/node_modules/react-is/index.js"(exports2, module2) {
+  "node_modules/react-is/index.js"(exports2, module2) {
     "use strict";
     if (process.env.NODE_ENV === "production") {
       module2.exports = require_react_is_production_min();
@@ -8467,18 +8467,17 @@ var src_exports = {};
 __export(src_exports, {
   DataTableSavedViews: () => DataTableSavedViews,
   ExpandedPanel: () => ExpandedPanel,
-  FormModal: () => FormModal,
   PanelContent: () => PanelContent,
   SavedViewCollectionMenuItem: () => SavedViewCollectionMenuItem,
-  SavedViews: () => SavedViews,
   SavedViewsDeleteConfirmationModalShared: () => SavedViewsDeleteConfirmationModalShared,
+  SavedViewsFormModal: () => SavedViewsFormModal,
   SmartGridSavedViews: () => SmartGridSavedViews,
   getTranslations: () => getTranslations,
   useSavedViewsPanel: () => useSavedViewsPanel_default
 });
 module.exports = __toCommonJS(src_exports);
 
-// src/utils/translations/translations.ts
+// src/utils/Translations/translations.ts
 var import_globalization_toolkit = __toESM(require_dist());
 
 // src/locales/de-DE.json
@@ -8808,12 +8807,7 @@ var en_default = {
       create: "Create",
       edit: "Edit",
       cancel: "Cancel",
-      close: "Close",
-      viewTemporarily: "View Temporarily",
-      createView: "Create View",
-      copyShareLink: "Copy Share Link",
-      linkCopied: "Share link copied to clipboard",
-      clearTemporary: "Remove"
+      close: "Close"
     },
     modal: {
       edit: {
@@ -8826,9 +8820,6 @@ var en_default = {
         headline: "Delete Saved View",
         description: "This view cannot be restored once it has been deleted."
       },
-      copyConfirmation: {
-        description: "You pasted a link to a saved view that does not yet exist for you.\nYou can create it as a personal saved view or just view it\ntemporarily."
-      },
       fields: {
         name: "Name",
         description: "Description",
@@ -8861,25 +8852,16 @@ var en_default = {
     update: {
       success: "The saved view was successfully updated."
     },
-    create: {
-      success: "The saved view was successfully created."
-    },
-    copy: {
-      success: "The link was successfully created and copied to the clipboard."
-    },
     errors: {
       fetch: "Sorry, the saved views couldn't be fetched. Try again.",
       create: "Sorry, the saved view couldn't be created. Try again.",
       update: "Sorry, the saved view couldn't be updated. Try again.",
-      delete: "Sorry, the saved view couldn't be deleted. Try again.",
-      copyFailed: "Failed to copy share link to clipboard",
-      notFound: "Sorry, the saved view could not be found. Please try again."
+      delete: "Sorry, the saved view couldn't be deleted. Try again."
     },
     defaultViewTitle: {
       rfi: "All RFIs",
       submittal_log: "All Submittals"
     },
-    temporaryViewName: "Temporary View",
     viewLevel: {
       company: "Company Views",
       project: "Project Views",
@@ -9278,84 +9260,6 @@ var is_IS_default = {
   }
 };
 
-// src/locales/it-IT.json
-var it_IT_default = {
-  savedViews: {
-    name: "Vista salvata",
-    title: "Viste salvate",
-    tooltip: "Creare e salvare qualsiasi layout di tabella personalizzato per tornare rapidamente alla vista preferita.",
-    button: {
-      title: "Viste"
-    },
-    actions: {
-      update: "Aggiorna",
-      delete: "Elimina",
-      create: "Crea",
-      edit: "Modifica",
-      cancel: "Annulla",
-      close: "Chiudi"
-    },
-    modal: {
-      edit: {
-        title: "Aggiorna vista salvata"
-      },
-      create: {
-        title: "Crea vista salvata"
-      },
-      delete: {
-        headline: "Elimina vista salvata",
-        description: "Una volta eliminata, non sar\xE0 pi\xF9 possibile ripristinare la vista."
-      },
-      fields: {
-        name: "Nome",
-        description: "Descrizione",
-        viewLevel: "Livello vista",
-        viewLevels: {
-          company: "Vista dell'azienda",
-          project: "Vista del progetto",
-          personal: "Vista personale"
-        }
-      },
-      errors: {
-        maxLengthName: "Non pu\xF2 contenere pi\xF9 di {{maxLength}} caratteri.",
-        required: "Il campo non pu\xF2 essere vuoto.",
-        duplicateName: "Esiste gi\xE0 una vista salvata con questo nome. Rinominarla e riprovare.",
-        unknown: "Si \xE8 verificato un errore. Riprovare.",
-        title: "Impossibile {{mode}} questa vista salvata",
-        description: {
-          create: "Correggere gli errori di seguito e provare a creare di nuovo",
-          update: "Correggere gli errori di seguito e provare ad aggiornare di nuovo"
-        }
-      },
-      info: {
-        required_fields: "campi obbligatori"
-      }
-    },
-    ariaLabels: {
-      menuItem: "Voce di menu Viste salvate {{name}}",
-      modal: "Finestra modale per creare/aggiornare viste salvate"
-    },
-    update: {
-      success: "Vista salvata aggiornata correttamente."
-    },
-    errors: {
-      fetch: "Impossibile recuperare le viste salvate. Riprovare.",
-      create: "Impossibile creare la vista salvata. Riprovare.",
-      update: "Impossibile aggiornare la vista salvata. Riprovare.",
-      delete: "Impossibile eliminare la vista salvata. Riprovare."
-    },
-    defaultViewTitle: {
-      rfi: "Tutte le RDI",
-      submittal_log: "Tutti gli elementi da inoltrare"
-    },
-    viewLevel: {
-      company: "Viste dell'azienda",
-      project: "Viste del progetto",
-      personal: "Viste personali"
-    }
-  }
-};
-
 // src/locales/ja-JP.json
 var ja_JP_default = {
   savedViews: {
@@ -9746,8 +9650,8 @@ var zh_SG_default = {
   }
 };
 
-// src/locales/index.ts
-var locales_default = {
+// src/utils/Translations/translations.ts
+var supportedLocales = {
   "de-DE": de_DE_default,
   "en-AU": en_AU_default,
   "en-CA": en_CA_default,
@@ -9758,18 +9662,12 @@ var locales_default = {
   "fr-CA": fr_CA_default,
   "fr-FR": fr_FR_default,
   "is-IS": is_IS_default,
-  "it-IT": it_IT_default,
   "ja-JP": ja_JP_default,
-  "pl-PL": pl_PL_default,
   "pt-BR": pt_BR_default,
   "th-TH": th_TH_default,
-  "zh-SG": zh_SG_default
-};
-
-// src/utils/translations/translations.ts
-var supportedLocales = {
-  ...locales_default,
-  pseudo: locales_default.en
+  "zh-SG": zh_SG_default,
+  "pl-PL": pl_PL_default,
+  pseudo: en_default
 };
 function getTranslations(envLocale) {
   return Object.fromEntries(
@@ -9780,7 +9678,7 @@ function getTranslations(envLocale) {
   );
 }
 
-// src/components/buttons/useSavedViewsPanel.tsx
+// src/SavedViews/components/Buttons/useSavedViewsPanel.tsx
 var import_react4 = require("react");
 
 // ../../node_modules/tslib/tslib.es6.mjs
@@ -9809,7 +9707,7 @@ function __rest(s2, e2) {
   return t2;
 }
 
-// node_modules/@procore/core-icons/dist/Icon.js
+// ../../node_modules/@procore/core-icons/dist/Icon.js
 var React = __toESM(require("react"));
 function getSize(size) {
   if (size === "sm") {
@@ -9828,7 +9726,7 @@ function Icon(_a) {
   return React.isValidElement(children) ? React.cloneElement(children, __assign(__assign({ "aria-hidden": true, "data-qa": "ci-".concat(props.name) }, props), { width: getSize(props.size), height: getSize(props.size), focusable: false, style: __assign(__assign({}, props.style), { flex: "0 0 auto" }) })) : null;
 }
 
-// node_modules/@procore/core-icons/dist/icons/Building.js
+// ../../node_modules/@procore/core-icons/dist/icons/Building.js
 var React2 = __toESM(require("react"));
 var Building = React2.forwardRef(function Building2(props, ref) {
   return React2.createElement(
@@ -9844,7 +9742,7 @@ var Building = React2.forwardRef(function Building2(props, ref) {
 Building.displayName = "Building";
 var Building_default = Building;
 
-// node_modules/@procore/core-icons/dist/icons/ChevronDown.js
+// ../../node_modules/@procore/core-icons/dist/icons/ChevronDown.js
 var React3 = __toESM(require("react"));
 var ChevronDown = React3.forwardRef(function ChevronDown2(props, ref) {
   return React3.createElement(
@@ -9860,7 +9758,7 @@ var ChevronDown = React3.forwardRef(function ChevronDown2(props, ref) {
 ChevronDown.displayName = "ChevronDown";
 var ChevronDown_default = ChevronDown;
 
-// node_modules/@procore/core-icons/dist/icons/ChevronRight.js
+// ../../node_modules/@procore/core-icons/dist/icons/ChevronRight.js
 var React4 = __toESM(require("react"));
 var ChevronRight = React4.forwardRef(function ChevronRight2(props, ref) {
   return React4.createElement(
@@ -9876,127 +9774,94 @@ var ChevronRight = React4.forwardRef(function ChevronRight2(props, ref) {
 ChevronRight.displayName = "ChevronRight";
 var ChevronRight_default = ChevronRight;
 
-// node_modules/@procore/core-icons/dist/icons/Clear.js
+// ../../node_modules/@procore/core-icons/dist/icons/Excavator.js
 var React5 = __toESM(require("react"));
-var Clear = React5.forwardRef(function Clear2(props, ref) {
+var Excavator = React5.forwardRef(function Excavator2(props, ref) {
   return React5.createElement(
-    Icon,
-    __assign({}, props, { name: "Clear" }),
-    React5.createElement(
-      "svg",
-      { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref },
-      React5.createElement("path", { d: "M14.3686 12.0003L21.0003 5.36856L18.6317 3L12 9.63169L5.36856 3.00025L3 5.36881L9.63144 12.0003L3 18.6317L5.36856 21.0003L12 14.3688L18.6317 21.0005L21.0003 18.6319L14.3686 12.0003Z", fill: "currentColor" })
-    )
-  );
-});
-Clear.displayName = "Clear";
-var Clear_default = Clear;
-
-// node_modules/@procore/core-icons/dist/icons/Excavator.js
-var React6 = __toESM(require("react"));
-var Excavator = React6.forwardRef(function Excavator2(props, ref) {
-  return React6.createElement(
     Icon,
     __assign({}, props, { name: "Excavator" }),
-    React6.createElement(
+    React5.createElement(
       "svg",
       { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref },
-      React6.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.54979 2H8.26065L11.4955 8H17.5V12.5L20 14.5V16H9.5V8.5L7.27126 3.72125H6.64878L3.82536 10.525H7.55556L6.32099 13.9675H2V10.525V10.5L5.54979 2ZM15.3333 10.0325H12V12.3275H15.3333V10.0325Z", fill: "currentColor" }),
-      React6.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.55556 19.705C7.55556 18.4375 8.55048 17.41 9.77778 17.41H19.7778C21.0051 17.41 22 18.4375 22 19.705C22 20.9725 21.0051 22 19.7778 22H9.77778C8.55048 22 7.55556 20.9725 7.55556 19.705ZM10.6111 20.4844C11.0713 20.4844 11.4444 20.0991 11.4444 19.6238C11.4444 19.1484 11.0713 18.7631 10.6111 18.7631C10.1509 18.7631 9.77778 19.1484 9.77778 19.6238C9.77778 20.0991 10.1509 20.4844 10.6111 20.4844ZM14.2222 19.6238C14.2222 20.0991 13.8491 20.4844 13.3889 20.4844C12.9287 20.4844 12.5556 20.0991 12.5556 19.6238C12.5556 19.1484 12.9287 18.7631 13.3889 18.7631C13.8491 18.7631 14.2222 19.1484 14.2222 19.6238ZM16.1667 20.4844C16.6269 20.4844 17 20.0991 17 19.6238C17 19.1484 16.6269 18.7631 16.1667 18.7631C15.7064 18.7631 15.3333 19.1484 15.3333 19.6238C15.3333 20.0991 15.7064 20.4844 16.1667 20.4844ZM19.7778 19.6238C19.7778 20.0991 19.4047 20.4844 18.9444 20.4844C18.4842 20.4844 18.1111 20.0991 18.1111 19.6238C18.1111 19.1484 18.4842 18.7631 18.9444 18.7631C19.4047 18.7631 19.7778 19.1484 19.7778 19.6238Z", fill: "currentColor" })
+      React5.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.54979 2H8.26065L11.4955 8H17.5V12.5L20 14.5V16H9.5V8.5L7.27126 3.72125H6.64878L3.82536 10.525H7.55556L6.32099 13.9675H2V10.525V10.5L5.54979 2ZM15.3333 10.0325H12V12.3275H15.3333V10.0325Z", fill: "currentColor" }),
+      React5.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.55556 19.705C7.55556 18.4375 8.55048 17.41 9.77778 17.41H19.7778C21.0051 17.41 22 18.4375 22 19.705C22 20.9725 21.0051 22 19.7778 22H9.77778C8.55048 22 7.55556 20.9725 7.55556 19.705ZM10.6111 20.4844C11.0713 20.4844 11.4444 20.0991 11.4444 19.6238C11.4444 19.1484 11.0713 18.7631 10.6111 18.7631C10.1509 18.7631 9.77778 19.1484 9.77778 19.6238C9.77778 20.0991 10.1509 20.4844 10.6111 20.4844ZM14.2222 19.6238C14.2222 20.0991 13.8491 20.4844 13.3889 20.4844C12.9287 20.4844 12.5556 20.0991 12.5556 19.6238C12.5556 19.1484 12.9287 18.7631 13.3889 18.7631C13.8491 18.7631 14.2222 19.1484 14.2222 19.6238ZM16.1667 20.4844C16.6269 20.4844 17 20.0991 17 19.6238C17 19.1484 16.6269 18.7631 16.1667 18.7631C15.7064 18.7631 15.3333 19.1484 15.3333 19.6238C15.3333 20.0991 15.7064 20.4844 16.1667 20.4844ZM19.7778 19.6238C19.7778 20.0991 19.4047 20.4844 18.9444 20.4844C18.4842 20.4844 18.1111 20.0991 18.1111 19.6238C18.1111 19.1484 18.4842 18.7631 18.9444 18.7631C19.4047 18.7631 19.7778 19.1484 19.7778 19.6238Z", fill: "currentColor" })
     )
   );
 });
 Excavator.displayName = "Excavator";
 var Excavator_default = Excavator;
 
-// node_modules/@procore/core-icons/dist/icons/ExpandSidebar.js
-var React7 = __toESM(require("react"));
-var ExpandSidebar = React7.forwardRef(function ExpandSidebar2(props, ref) {
-  return React7.createElement(
+// ../../node_modules/@procore/core-icons/dist/icons/ExpandSidebar.js
+var React6 = __toESM(require("react"));
+var ExpandSidebar = React6.forwardRef(function ExpandSidebar2(props, ref) {
+  return React6.createElement(
     Icon,
     __assign({}, props, { name: "ExpandSidebar" }),
-    React7.createElement(
+    React6.createElement(
       "svg",
       { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref },
-      React7.createElement("path", { d: "M3 6.5H11V9H3V6.5Z", fill: "currentColor" }),
-      React7.createElement("path", { d: "M3 15H11V17.5H3V15Z", fill: "currentColor" }),
-      React7.createElement("path", { d: "M16.2319 13.25H3V10.75H16.2336L12.2665 6.78227L14.0344 5.01465L21.0179 11.9993L14.034 18.9839L12.2661 17.2162L16.2319 13.25Z", fill: "currentColor" })
+      React6.createElement("path", { d: "M3 6.5H11V9H3V6.5Z", fill: "currentColor" }),
+      React6.createElement("path", { d: "M3 15H11V17.5H3V15Z", fill: "currentColor" }),
+      React6.createElement("path", { d: "M16.2319 13.25H3V10.75H16.2336L12.2665 6.78227L14.0344 5.01465L21.0179 11.9993L14.034 18.9839L12.2661 17.2162L16.2319 13.25Z", fill: "currentColor" })
     )
   );
 });
 ExpandSidebar.displayName = "ExpandSidebar";
 var ExpandSidebar_default = ExpandSidebar;
 
-// node_modules/@procore/core-icons/dist/icons/Help.js
-var React8 = __toESM(require("react"));
-var Help = React8.forwardRef(function Help2(props, ref) {
-  return React8.createElement(
+// ../../node_modules/@procore/core-icons/dist/icons/Help.js
+var React7 = __toESM(require("react"));
+var Help = React7.forwardRef(function Help2(props, ref) {
+  return React7.createElement(
     Icon,
     __assign({}, props, { name: "Help" }),
-    React8.createElement(
+    React7.createElement(
       "svg",
       { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref },
-      React8.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22.5 12C22.5 17.799 17.799 22.5 12 22.5C6.20101 22.5 1.5 17.799 1.5 12C1.5 6.20101 6.20101 1.5 12 1.5C17.799 1.5 22.5 6.20101 22.5 12ZM10.5263 7.95937C10.2808 8.36033 10.1916 8.91994 10.1916 9.37657H7.5C7.5 8.66165 7.62111 7.4859 8.25879 6.44439C8.95769 5.30289 10.172 4.5 11.9579 4.5C13.5589 4.5 14.7796 4.98286 15.5728 5.91817C16.3382 6.82071 16.5 7.90665 16.5 8.67364C16.5 10.8341 15.0595 12.1455 13.8423 12.7536C13.5724 12.8885 13.381 13.0989 13.2617 13.2697V14.25H10.5701V13.1798C10.5701 12.8171 10.6368 12.3478 10.903 11.8984C11.162 11.4612 11.7165 10.699 12.681 10.2171C13.3984 9.85866 13.8084 9.32492 13.8084 8.67364C13.8084 8.26908 13.7179 7.97113 13.5581 7.78266C13.426 7.62697 13.0486 7.31172 11.9579 7.31172C11.0523 7.31172 10.7105 7.65841 10.5263 7.95937ZM11.954 19.5059C12.925 19.5059 13.7121 18.7187 13.7121 17.7477C13.7121 16.7767 12.925 15.9895 11.954 15.9895C10.9829 15.9895 10.1958 16.7767 10.1958 17.7477C10.1958 18.7187 10.9829 19.5059 11.954 19.5059Z", fill: "currentColor" })
+      React7.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22.5 12C22.5 17.799 17.799 22.5 12 22.5C6.20101 22.5 1.5 17.799 1.5 12C1.5 6.20101 6.20101 1.5 12 1.5C17.799 1.5 22.5 6.20101 22.5 12ZM10.5263 7.95937C10.2808 8.36033 10.1916 8.91994 10.1916 9.37657H7.5C7.5 8.66165 7.62111 7.4859 8.25879 6.44439C8.95769 5.30289 10.172 4.5 11.9579 4.5C13.5589 4.5 14.7796 4.98286 15.5728 5.91817C16.3382 6.82071 16.5 7.90665 16.5 8.67364C16.5 10.8341 15.0595 12.1455 13.8423 12.7536C13.5724 12.8885 13.381 13.0989 13.2617 13.2697V14.25H10.5701V13.1798C10.5701 12.8171 10.6368 12.3478 10.903 11.8984C11.162 11.4612 11.7165 10.699 12.681 10.2171C13.3984 9.85866 13.8084 9.32492 13.8084 8.67364C13.8084 8.26908 13.7179 7.97113 13.5581 7.78266C13.426 7.62697 13.0486 7.31172 11.9579 7.31172C11.0523 7.31172 10.7105 7.65841 10.5263 7.95937ZM11.954 19.5059C12.925 19.5059 13.7121 18.7187 13.7121 17.7477C13.7121 16.7767 12.925 15.9895 11.954 15.9895C10.9829 15.9895 10.1958 16.7767 10.1958 17.7477C10.1958 18.7187 10.9829 19.5059 11.954 19.5059Z", fill: "currentColor" })
     )
   );
 });
 Help.displayName = "Help";
 var Help_default = Help;
 
-// node_modules/@procore/core-icons/dist/icons/Link.js
-var React9 = __toESM(require("react"));
-var Link = React9.forwardRef(function Link2(props, ref) {
-  return React9.createElement(
-    Icon,
-    __assign({}, props, { name: "Link" }),
-    React9.createElement(
-      "svg",
-      { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref },
-      React9.createElement("path", { d: "M6.01273 13.106C6.21565 9.97594 8.81868 7.5 12 7.5H13.5V10.5L12 10.5C10.3431 10.5 9 11.8431 9 13.5L9 16.5C9 18.1569 10.3431 19.5 12 19.5H16.5C18.1569 19.5 19.5 18.1569 19.5 16.5L19.5 8.30269C21.2934 9.34012 22.5 11.2792 22.5 13.5V16.5C22.5 19.8137 19.8137 22.5 16.5 22.5H12C8.68629 22.5 6 19.8137 6 16.5L6 13.0987L6.01273 13.106Z", fill: "currentColor" }),
-      React9.createElement("path", { d: "M15 10.5C15 10.501 15 10.502 15 10.503V10.5269C14.9854 12.1712 13.6478 13.5 12 13.5L10.5 13.5V16.5H12C15.1813 16.5 17.7844 14.0241 17.9873 10.894L18.0086 10.9064L18.0001 10.8343L18 7.5C18 4.18629 15.3137 1.5 12 1.5H7.5C4.18629 1.5 1.5 4.18629 1.5 7.5V10.5C1.5 12.7208 2.7066 14.6599 4.5 15.6973L4.5 7.5C4.5 5.84315 5.84315 4.5 7.5 4.5L12 4.5C13.6569 4.5 15 5.84315 15 7.5H14.9867L15 7.52707L15 10.5Z", fill: "currentColor" })
-    )
-  );
-});
-Link.displayName = "Link";
-var Link_default = Link;
-
-// node_modules/@procore/core-icons/dist/icons/Person.js
-var React10 = __toESM(require("react"));
-var Person = React10.forwardRef(function Person2(props, ref) {
-  return React10.createElement(
+// ../../node_modules/@procore/core-icons/dist/icons/Person.js
+var React8 = __toESM(require("react"));
+var Person = React8.forwardRef(function Person2(props, ref) {
+  return React8.createElement(
     Icon,
     __assign({}, props, { name: "Person" }),
-    React10.createElement(
+    React8.createElement(
       "svg",
       { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref },
-      React10.createElement("path", { d: "M12 12C14.21 12 16 10.21 16 8C16 5.79 14.21 4 12 4C9.79 4 8 5.79 8 8C8 10.21 9.79 12 12 12ZM12 14C9.33 14 4 15.34 4 18V20H20V18C20 15.34 14.67 14 12 14Z", fill: "currentColor" })
+      React8.createElement("path", { d: "M12 12C14.21 12 16 10.21 16 8C16 5.79 14.21 4 12 4C9.79 4 8 5.79 8 8C8 10.21 9.79 12 12 12ZM12 14C9.33 14 4 15.34 4 18V20H20V18C20 15.34 14.67 14 12 14Z", fill: "currentColor" })
     )
   );
 });
 Person.displayName = "Person";
 var Person_default = Person;
 
-// node_modules/@procore/core-icons/dist/icons/Plus.js
-var React11 = __toESM(require("react"));
-var Plus = React11.forwardRef(function Plus2(props, ref) {
-  return React11.createElement(
+// ../../node_modules/@procore/core-icons/dist/icons/Plus.js
+var React9 = __toESM(require("react"));
+var Plus = React9.forwardRef(function Plus2(props, ref) {
+  return React9.createElement(
     Icon,
     __assign({}, props, { name: "Plus" }),
-    React11.createElement(
+    React9.createElement(
       "svg",
       { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref },
-      React11.createElement("path", { d: "M13.25 5H10.75V10.75H5V13.25H10.75V19H13.25V13.25H19V10.75H13.25V5Z", fill: "currentColor" })
+      React9.createElement("path", { d: "M13.25 5H10.75V10.75H5V13.25H10.75V19H13.25V13.25H19V10.75H13.25V5Z", fill: "currentColor" })
     )
   );
 });
 Plus.displayName = "Plus";
 var Plus_default = Plus;
 
-// src/components/buttons/SavedViewsButton.tsx
+// src/SavedViews/components/Buttons/SavedViewsButton.tsx
 var import_core_react2 = require("@procore/core-react");
 var import_react3 = __toESM(require("react"));
 
-// ../../node_modules/styled-components/dist/styled-components.esm.js
+// node_modules/styled-components/dist/styled-components.esm.js
 var import_react_is = __toESM(require_react_is());
 var import_react = __toESM(require("react"));
 var import_shallowequal = __toESM(require_shallowequal());
@@ -10131,7 +9996,7 @@ function stylis_min(W2) {
                     break;
                   }
                 default:
-                  58 !== f2.charCodeAt(t2 - 1) && (p += P4(f2, q2, g2, f2.charCodeAt(2)));
+                  58 !== f2.charCodeAt(t2 - 1) && (p += P3(f2, q2, g2, f2.charCodeAt(2)));
               }
             I = r2 = u2 = q2 = 0;
             f2 = "";
@@ -10304,7 +10169,7 @@ function stylis_min(W2) {
     }
     return d + c2;
   }
-  function P4(d, c2, e2, h) {
+  function P3(d, c2, e2, h) {
     var a2 = d + ";", m2 = 2 * c2 + 3 * e2 + 4 * h;
     if (944 === m2) {
       d = a2.indexOf(":", 9) + 1;
@@ -10411,7 +10276,7 @@ function stylis_min(W2) {
       case 931:
       case 953:
         if (true === la.test(d))
-          return 115 === (b2 = d.substring(d.indexOf(":") + 1)).charCodeAt(0) ? P4(d.replace("stretch", "fill-available"), c2, e2, h).replace(":fill-available", ":stretch") : a2.replace(b2, "-webkit-" + b2) + a2.replace(b2, "-moz-" + b2.replace("fill-", "")) + a2;
+          return 115 === (b2 = d.substring(d.indexOf(":") + 1)).charCodeAt(0) ? P3(d.replace("stretch", "fill-available"), c2, e2, h).replace(":fill-available", ":stretch") : a2.replace(b2, "-webkit-" + b2) + a2.replace(b2, "-moz-" + b2.replace("fill-", "")) + a2;
         break;
       case 962:
         if (a2 = "-webkit-" + a2 + (102 === a2.charCodeAt(5) ? "-ms-" + a2 : "") + a2, 211 === e2 + h && 105 === a2.charCodeAt(13) && 0 < a2.indexOf("transform", 10))
@@ -10425,7 +10290,7 @@ function stylis_min(W2) {
     return R2(2 !== c2 ? h : h.replace(na, "$1"), e2, c2);
   }
   function ea(d, c2) {
-    var e2 = P4(c2, c2.charCodeAt(0), c2.charCodeAt(1), c2.charCodeAt(2));
+    var e2 = P3(c2, c2.charCodeAt(0), c2.charCodeAt(1), c2.charCodeAt(2));
     return e2 !== c2 + ";" ? e2.replace(oa, " or ($1)").substring(4) : "(" + c2 + ")";
   }
   function H3(d, c2, e2, h, a2, m2, b2, v2, n2, q2) {
@@ -10551,7 +10416,7 @@ function memoize(fn) {
   };
 }
 
-// ../../node_modules/styled-components/node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js
+// ../../node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js
 var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;
 var isPropValid = /* @__PURE__ */ memoize(
   function(prop) {
@@ -10560,7 +10425,7 @@ var isPropValid = /* @__PURE__ */ memoize(
   /* Z+1 */
 );
 
-// ../../node_modules/styled-components/dist/styled-components.esm.js
+// node_modules/styled-components/dist/styled-components.esm.js
 var import_hoist_non_react_statics = __toESM(require_hoist_non_react_statics_cjs());
 function m() {
   return (m = Object.assign || function(e2) {
@@ -11083,7 +10948,7 @@ function Fe(e2, t2, n2) {
   o2 && e2.shouldForwardProp && (N = t2.shouldForwardProp ? function(n3, r2, o3) {
     return e2.shouldForwardProp(n3, r2, o3) && t2.shouldForwardProp(n3, r2, o3);
   } : e2.shouldForwardProp);
-  var A2, C2 = new re(n2, v2, o2 ? e2.componentStyle : void 0), I = C2.isStatic && 0 === c2.length, P4 = function(e3, t3) {
+  var A2, C2 = new re(n2, v2, o2 ? e2.componentStyle : void 0), I = C2.isStatic && 0 === c2.length, P3 = function(e3, t3) {
     return function(e4, t4, n3, r2) {
       var o3 = e4.attrs, i3 = e4.componentStyle, a3 = e4.defaultProps, c3 = e4.foldedComponentIds, l3 = e4.shouldForwardProp, d2 = e4.styledComponentId, h2 = e4.target, f2 = function(e5, t5, n4) {
         void 0 === e5 && (e5 = S);
@@ -11102,7 +10967,7 @@ function Fe(e2, t2, n2) {
       return t4.style && v3.style !== t4.style && (A3.style = m({}, t4.style, {}, v3.style)), A3.className = Array.prototype.concat(c3, d2, g2 !== d2 ? g2 : null, t4.className, v3.className).filter(Boolean).join(" "), A3.ref = E2, (0, import_react.createElement)(b2, A3);
     }(A2, e3, t3, I);
   };
-  return P4.displayName = y2, (A2 = import_react.default.forwardRef(P4)).attrs = _3, A2.componentStyle = C2, A2.displayName = y2, A2.shouldForwardProp = N, A2.foldedComponentIds = o2 ? Array.prototype.concat(e2.foldedComponentIds, e2.styledComponentId) : g, A2.styledComponentId = v2, A2.target = o2 ? e2.target : e2, A2.withComponent = function(e3) {
+  return P3.displayName = y2, (A2 = import_react.default.forwardRef(P3)).attrs = _3, A2.componentStyle = C2, A2.displayName = y2, A2.shouldForwardProp = N, A2.foldedComponentIds = o2 ? Array.prototype.concat(e2.foldedComponentIds, e2.styledComponentId) : g, A2.styledComponentId = v2, A2.target = o2 ? e2.target : e2, A2.withComponent = function(e3) {
     var r2 = t2.componentId, o3 = function(e4, t3) {
       if (null == e4)
         return {};
@@ -11207,7 +11072,7 @@ var Ue = function() {
 "production" !== process.env.NODE_ENV && "undefined" != typeof navigator && "ReactNative" === navigator.product && console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native"), "production" !== process.env.NODE_ENV && "test" !== process.env.NODE_ENV && "undefined" != typeof window && (window["__styled-components-init__"] = window["__styled-components-init__"] || 0, 1 === window["__styled-components-init__"] && console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://s-c.sh/2BAXzed for more info."), window["__styled-components-init__"] += 1);
 var styled_components_esm_default = Ye;
 
-// src/components/EnvironmentI18nProvider.tsx
+// src/SavedViews/components/EnvironmentI18nProvider.tsx
 var import_react2 = __toESM(require("react"));
 var import_core_react = require("@procore/core-react");
 var import_cdn_translations = require("@procore/cdn-translations");
@@ -11237,7 +11102,7 @@ var EnvironmentI18nProvider = ({ children }) => {
   return /* @__PURE__ */ import_react2.default.createElement(import_core_react.I18nContext.Provider, { value: i18n }, children);
 };
 
-// src/components/buttons/SavedViewsButton.tsx
+// src/SavedViews/components/Buttons/SavedViewsButton.tsx
 var StyledButton = styled_components_esm_default(import_core_react2.Button)`
   background-color: hsl(218, 75%, 96%);
   color: hsl(218, 75%, 45%);
@@ -11273,7 +11138,7 @@ var SavedViewsButton = ({
   ));
 };
 
-// src/components/buttons/useSavedViewsPanel.tsx
+// src/SavedViews/components/Buttons/useSavedViewsPanel.tsx
 var import_react5 = __toESM(require("react"));
 var useSavedViewsPanel = (domain, tableName) => {
   const key = (domain2, tableName2) => `savedViewsPanel-${domain2}-${tableName2}`;
@@ -11284,15 +11149,14 @@ var useSavedViewsPanel = (domain, tableName) => {
     setIsOpen(!isOpen);
     localStorage.setItem(key(domain, tableName), JSON.stringify(!isOpen));
   };
-  const Button7 = () => /* @__PURE__ */ import_react5.default.createElement(SavedViewsButton, { handleClick, isOpen });
-  return { isOpen, SavedViewsButton: Button7 };
+  const Button6 = () => /* @__PURE__ */ import_react5.default.createElement(SavedViewsButton, { handleClick, isOpen });
+  return { isOpen, SavedViewsButton: Button6 };
 };
 var useSavedViewsPanel_default = useSavedViewsPanel;
 
-// src/components/menu-items/SavedViewsCollectionsMenuItem.tsx
+// src/SavedViews/components/MenuItems/SavedViewsCollectionsMenuItem.tsx
 var import_core_react3 = require("@procore/core-react");
-var React15 = __toESM(require("react"));
-var import_toast_alert = require("@procore/toast-alert");
+var React13 = __toESM(require("react"));
 var RowActionsBox = styled_components_esm_default(import_core_react3.Flex)`
   justify-content: center;
   align-items: center;
@@ -11307,13 +11171,8 @@ var Container2 = styled_components_esm_default(import_core_react3.Flex)`
 
   ${({ "aria-selected": selected }) => selected ? "color: hsl(218, 75%, 45%);" : ""}
 `;
-var IconWrapper = styled_components_esm_default.span`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`;
 var SavedViewCollectionMenuItem = (props) => {
-  const onClick = React15.useCallback(
+  const onClick = React13.useCallback(
     (a2) => {
       var _a, _b;
       if (!props.item) {
@@ -11337,20 +11196,7 @@ var SavedViewCollectionMenuItem = (props) => {
     event.stopPropagation();
     (_a = props.onUpdate) == null ? void 0 : _a.call(props, props.item);
   };
-  const { showToast } = (0, import_toast_alert.useToastAlertContext)();
   const i18n = (0, import_core_react3.useI18nContext)();
-  const copyShareLink = async (event) => {
-    event.stopPropagation();
-    try {
-      const { origin, pathname } = window.location;
-      const shareUrl = new URL(`${origin}${pathname}`);
-      shareUrl.searchParams.set("saved-view", props.item.share_token);
-      await navigator.clipboard.writeText(shareUrl.toString());
-      showToast.success(i18n.t("savedViews.actions.linkCopied"));
-    } catch (error) {
-      showToast.error(i18n.t("savedViews.errors.copyFailed"));
-    }
-  };
   const flyoutMenuOptions = [
     {
       value: "editNameDesc",
@@ -11361,7 +11207,7 @@ var SavedViewCollectionMenuItem = (props) => {
       label: i18n.t("savedViews.actions.delete")
     }
   ];
-  return /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React13.createElement(
     Container2,
     {
       "aria-selected": Boolean(props.selected),
@@ -11372,7 +11218,7 @@ var SavedViewCollectionMenuItem = (props) => {
       }),
       "data-testid": "saved-view-collection-menu-item"
     },
-    /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React13.createElement(
       "span",
       {
         "data-testid": "saved-view-display-name",
@@ -11380,7 +11226,7 @@ var SavedViewCollectionMenuItem = (props) => {
       },
       props.item.name
     ),
-    /* @__PURE__ */ React15.createElement(RowActionsBox, null, /* @__PURE__ */ React15.createElement(import_core_react3.Box, { justifyContent: "space-between" }, props.item.view_level !== "default" && props.canUpdate && /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React13.createElement(RowActionsBox, null, /* @__PURE__ */ React13.createElement(import_core_react3.Box, { justifyContent: "space-between" }, props.item.id !== "default" && props.canUpdate && /* @__PURE__ */ React13.createElement("div", null, /* @__PURE__ */ React13.createElement(
       import_core_react3.Button,
       {
         onClick: updateItem,
@@ -11391,32 +11237,7 @@ var SavedViewCollectionMenuItem = (props) => {
         loading: props.isUpdateProcessing
       },
       i18n.t("savedViews.actions.update")
-    )), props.item.view_level !== "default" && props.selected && !props.canUpdate && props.item.id !== "temporary" && /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement(
-      import_core_react3.Button,
-      {
-        onClick: copyShareLink,
-        variant: "tertiary",
-        size: "sm",
-        "aria-label": i18n.t("savedViews.actions.copyShareLink"),
-        "data-testid": "copy-share-link-button"
-      },
-      /* @__PURE__ */ React15.createElement(IconWrapper, null, /* @__PURE__ */ React15.createElement(Link_default, { size: "sm" }))
-    )), props.item.id === "temporary" && /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement(
-      import_core_react3.Button,
-      {
-        onClick: (e2) => {
-          var _a;
-          e2.stopPropagation();
-          (_a = props.onClearTemporary) == null ? void 0 : _a.call(props);
-        },
-        variant: "tertiary",
-        size: "sm",
-        "aria-label": i18n.t("savedViews.actions.clearTemporary"),
-        title: i18n.t("savedViews.actions.clearTemporary"),
-        "data-testid": "clear-temporary-view-button"
-      },
-      /* @__PURE__ */ React15.createElement(IconWrapper, null, /* @__PURE__ */ React15.createElement(Clear_default, { size: "sm" }))
-    ))), /* @__PURE__ */ React15.createElement(import_core_react3.Box, null, props.item.view_level !== "default" && props.canEditOrDelete && /* @__PURE__ */ React15.createElement("div", { onClick: (e2) => e2.stopPropagation() }, /* @__PURE__ */ React15.createElement(
+    ))), /* @__PURE__ */ React13.createElement(import_core_react3.Box, null, props.item.id !== "default" && props.canEditOrDelete && /* @__PURE__ */ React13.createElement("div", { onClick: (e2) => e2.stopPropagation() }, /* @__PURE__ */ React13.createElement(
       import_core_react3.DropdownFlyout,
       {
         "data-testid": "saved-view-overflow-button",
@@ -11431,7 +11252,7 @@ var SavedViewCollectionMenuItem = (props) => {
   );
 };
 
-// src/components/panels/ExpandedPanel.tsx
+// src/SavedViews/components/Panels/ExpandedPanel.tsx
 var import_core_react4 = require("@procore/core-react");
 var ExpandedPanel = styled_components_esm_default(import_core_react4.Panel)`
   width: ${({ provider }) => provider === "data-table" ? "316px" : "100%"};
@@ -11439,238 +11260,76 @@ var ExpandedPanel = styled_components_esm_default(import_core_react4.Panel)`
   border-radius: 4px 0 0 4px;
 `;
 
-// src/components/panels/PanelContent.tsx
-var import_core_react8 = require("@procore/core-react");
-var import_toast_alert2 = require("@procore/toast-alert");
+// src/SavedViews/components/Panels/PanelContent.tsx
+var import_core_react6 = require("@procore/core-react");
+var import_toast_alert = require("@procore/toast-alert");
 var import_react9 = __toESM(require("react"));
 
-// node_modules/@procore/core-http/dist/modern/index.js
-function getCSRFToken() {
-  const token = document.cookie.match("(^|;)\\s*csrf_token\\s*=\\s*([^;]+)");
-  return token ? decodeURIComponent(token.pop() || "") : "";
-}
-function getCSRFHeader() {
-  const csrfToken = getCSRFToken();
-  return csrfToken ? { "X-CSRF-TOKEN": csrfToken } : {};
-}
-function removeLeadingSlash(url) {
-  return url.startsWith("/") ? url.substring(1, url.length) : url;
-}
-function removeTrailingSlash(url) {
-  return url.endsWith("/") ? url.substring(0, url.length - 1) : url;
-}
-function applyBaseUrl(url, baseUrl) {
-  return `${removeTrailingSlash(baseUrl)}/${removeLeadingSlash(url)}`;
-}
-function getOptions({ headers, ...options }) {
-  const opts = {
-    credentials: "same-origin",
-    headers: {
-      ...getCSRFHeader(),
-      ...headers
-    },
-    mode: "same-origin",
-    ...options
+// src/utils/Constants/viewLevels.ts
+var VIEW_LEVELS = ["company", "project", "personal"];
+
+// src/SavedViews/components/Panels/PanelContentUtils.ts
+var import_lodash = __toESM(require_lodash());
+
+// src/SavedViews/components/SavedViews/SmartGrid/SmartGridUtils.ts
+function getSmartGridConfig(api) {
+  const columnStateResult = api.getColumnState();
+  const columnGroupStateResult = api.getColumnGroupState();
+  const rowGroupStateResult = api.getRowGroupColumns();
+  const rowHeightResult = api.getGridOption("rowHeight") || api.getSizesForCurrentTheme().rowHeight;
+  const serverFiltersResult = api.getFilterModel();
+  const smartGridConfig = {
+    columnState: columnStateResult,
+    rowHeight: rowHeightResult,
+    columnGroupState: columnGroupStateResult,
+    rowGroupState: rowGroupStateResult.filter((col) => typeof (col == null ? void 0 : col.getColId) === "function").map((col) => col.getColId()),
+    filterState: serverFiltersResult
   };
-  return opts;
+  return smartGridConfig;
 }
-function getUrl(url, baseUrl) {
-  return baseUrl ? applyBaseUrl(url, baseUrl) : url;
-}
-function request(url, { baseUrl, ...options } = {}) {
-  return fetch(getUrl(url, baseUrl), getOptions(options));
-}
-function requestJSON(url, requestParams = {}) {
-  return request(url, requestParams).then(
-    (response) => response.json()
-  );
+function setSmartGridConfig(api, config) {
+  api.applyColumnState({
+    state: config.columnState,
+    applyOrder: true
+  });
+  api.setColumnGroupState(config.columnGroupState);
+  api.setRowGroupColumns(config.rowGroupState);
+  api.setFilterModel(config.filterState);
+  if (config.rowHeight) {
+    api.setGridOption("rowHeight", config.rowHeight);
+  }
 }
 
-// src/utils/api/queries.ts
-var import_react_query2 = require("@tanstack/react-query");
-
-// src/utils/api/queriesHandler.ts
-var import_react_query = require("@tanstack/react-query");
-var import_core_react5 = require("@procore/core-react");
-var useApiRequest = (props, method, mutationKey) => {
-  const { projectId, companyId, domain, tableName } = props;
-  const queryClient2 = (0, import_react_query.useQueryClient)();
-  const { locale: locale2 } = (0, import_core_react5.useI18nContext)();
-  return (0, import_react_query.useMutation)({
-    mutationKey,
-    mutationFn: async (savedView) => {
-      let url = "";
-      if (method === "DELETE" || method === "PUT") {
-        url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views/${savedView.share_token}?permissions_domain=${domain}`;
-      } else {
-        url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views?table_name=${tableName}&permissions_domain=${domain}`;
-      }
-      const response = await requestJSON(url, {
-        method,
-        body: JSON.stringify(savedView),
-        headers: {
-          "Content-Type": "application/json",
-          "Accept-Language": locale2
-        }
-      });
-      if (response.error) {
-        throw response.error;
-      }
-      return response.data;
-    },
-    onSuccess: (savedView) => {
-      if (method === "DELETE" || method === "POST") {
-        queryClient2.invalidateQueries({
-          queryKey: ["savedViews", domain, tableName]
-        });
-        return;
-      } else {
-        const oldData = queryClient2.getQueryData([
-          "savedViews",
-          domain,
-          tableName
-        ]);
-        const oldView = oldData == null ? void 0 : oldData.find(
-          (item) => item.share_token === savedView.share_token
-        );
-        if ((oldView == null ? void 0 : oldView.name) !== savedView.name) {
-          queryClient2.invalidateQueries({
-            queryKey: ["savedViews", domain, tableName]
-          });
-          return;
-        }
-      }
-      queryClient2.setQueryData(
-        ["savedViews", domain, tableName],
-        (oldData) => {
-          if (!oldData)
-            return [savedView];
-          return oldData.map(
-            (item) => item.share_token === savedView.share_token ? savedView : item
-          );
-        }
-      );
-    }
+// src/SavedViews/components/SavedViews/SavedViewsUtils.ts
+var customAndConfigSync = (viewTableConfig, defaultTableConfig) => {
+  if (!viewTableConfig && !defaultTableConfig)
+    return void 0;
+  if (!(viewTableConfig == null ? void 0 : viewTableConfig.columnState))
+    return defaultTableConfig;
+  if (!(defaultTableConfig == null ? void 0 : defaultTableConfig.columnState))
+    return viewTableConfig;
+  const viewColumns = viewTableConfig.columnState;
+  const defaultViewColumns = defaultTableConfig.columnState;
+  if (!Array.isArray(viewColumns) || !Array.isArray(defaultViewColumns))
+    return void 0;
+  const viewFields = new Set(
+    viewColumns.map((col) => getColumnIdentifier(col))
+  );
+  const defaultViewFields = new Set(
+    defaultViewColumns.map((col) => getColumnIdentifier(col))
+  );
+  const newColumns = defaultViewColumns.filter(
+    (col) => !viewFields.has(getColumnIdentifier(col))
+  );
+  const updatedColumns = viewColumns.filter((col) => {
+    const identifier = getColumnIdentifier(col);
+    return identifier.startsWith("ag-Grid-") || defaultViewFields.has(identifier);
   });
-};
-
-// src/utils/constants/viewLevels.ts
-var VIEW_LEVELS = ["company", "project", "personal"];
-
-// src/utils/api/queries.ts
-var PAGE_SIZE = 50 * VIEW_LEVELS.length;
-var useSavedViewsQuery = (props) => {
-  const { projectId, companyId, domain, tableName } = props;
-  const url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views?table_name=${tableName}&permissions_domain=${domain}`;
-  return (0, import_react_query2.useQuery)({
-    queryKey: ["savedViews", domain, tableName],
-    queryFn: async () => {
-      const getUrl2 = `${url}&per_page=${PAGE_SIZE}`;
-      const response = await requestJSON(getUrl2);
-      return response.data;
-    }
-  });
-};
-var useSavedViewsPermissions = (props) => {
-  const { projectId, companyId, domain } = props;
-  const url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views/permissions?permissions_domain=${domain}`;
-  return (0, import_react_query2.useQuery)({
-    queryKey: ["savedViewsConfig", domain],
-    queryFn: async () => {
-      const response = await requestJSON(url);
-      return response.data;
-    }
-  });
-};
-var useCreateSavedView = (props) => useApiRequest(props, "POST", [
-  "createSavedView",
-  props.domain,
-  props.tableName
-]);
-var useUpdateSavedView = (props) => useApiRequest(props, "PUT", [
-  "updateSavedView",
-  props.domain,
-  props.tableName
-]);
-var useDeleteSavedView = (props) => useApiRequest(props, "DELETE", [
-  "deleteSavedView",
-  props.domain,
-  props.tableName
-]);
-var useFetchSavedViewById = (savedViewToken, queryInput, enabled = true) => {
-  const { projectId, companyId } = queryInput;
-  return (0, import_react_query2.useQuery)({
-    enabled: enabled && Boolean(savedViewToken),
-    queryKey: ["savedView", savedViewToken],
-    queryFn: async () => {
-      const url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views/${savedViewToken}`;
-      const response = await requestJSON(url);
-      return response.data;
-    }
-  });
-};
-
-// src/components/panels/PanelContentUtils.ts
-var import_lodash = __toESM(require_lodash());
-
-// src/components/adapters/smart-grid/SmartGridUtils.ts
-function getSmartGridConfig(api) {
-  const columnState = api.getColumnState();
-  const columnGroupState = api.getColumnGroupState();
-  const rowGroupState = api.getRowGroupColumns().map((col) => col.getColId());
-  const rowHeight = api.getGridOption("rowHeight") ?? api.getSizesForCurrentTheme().rowHeight;
-  const filterState = api.getFilterModel();
-  return {
-    columnState,
-    rowHeight,
-    columnGroupState,
-    rowGroupState,
-    filterState
-  };
-}
-function setSmartGridConfig(api, config) {
-  api.applyColumnState({
-    state: config.columnState,
-    applyOrder: true
-  });
-  api.setColumnGroupState(config.columnGroupState);
-  api.setRowGroupColumns(config.rowGroupState);
-  api.setFilterModel(config.filterState);
-  if (config.rowHeight) {
-    api.setGridOption("rowHeight", config.rowHeight);
-  }
-}
-
-// src/components/saved-views/SavedViewsUtils.ts
-var customAndConfigSync = (viewTableConfig, defaultTableConfig) => {
-  if (!viewTableConfig && !defaultTableConfig)
-    return void 0;
-  if (!(viewTableConfig == null ? void 0 : viewTableConfig.columnState))
-    return defaultTableConfig;
-  if (!(defaultTableConfig == null ? void 0 : defaultTableConfig.columnState))
-    return viewTableConfig;
-  const viewColumns = viewTableConfig.columnState;
-  const defaultViewColumns = defaultTableConfig.columnState;
-  if (!Array.isArray(viewColumns) || !Array.isArray(defaultViewColumns))
-    return void 0;
-  const viewFields = new Set(
-    viewColumns.map((col) => getColumnIdentifier(col))
-  );
-  const defaultViewFields = new Set(
-    defaultViewColumns.map((col) => getColumnIdentifier(col))
-  );
-  const newColumns = defaultViewColumns.filter(
-    (col) => !viewFields.has(getColumnIdentifier(col))
-  );
-  const updatedColumns = viewColumns.filter((col) => {
-    const identifier = getColumnIdentifier(col);
-    return identifier.startsWith("ag-Grid-") || defaultViewFields.has(identifier);
-  });
-  const finalColumns = [...updatedColumns, ...newColumns];
-  return {
-    ...viewTableConfig,
-    columnState: finalColumns
-  };
+  const finalColumns = [...updatedColumns, ...newColumns];
+  return {
+    ...viewTableConfig,
+    columnState: finalColumns
+  };
 };
 var getColumnIdentifier = (col) => {
   if ("field" in col && typeof col.field === "string") {
@@ -11681,7 +11340,7 @@ var getColumnIdentifier = (col) => {
   }
   return "";
 };
-var updateTableConfig = (view, tableApi, provider) => {
+var updateTableConfig = (view, tableApi, provider, onTableConfigChange) => {
   if (provider === "smart-grid") {
     setSmartGridConfig(
       tableApi,
@@ -11696,11 +11355,14 @@ var updateTableConfig = (view, tableApi, provider) => {
         dataTableApi == null ? void 0 : dataTableApi.setRowHeight(rowHeight);
       }
       dataTableApi == null ? void 0 : dataTableApi.setTableConfiguration(tableConfig);
+      if (onTableConfigChange) {
+        onTableConfigChange(tableConfig);
+      }
     }
   }
 };
 
-// src/components/panels/PanelContentUtils.ts
+// src/SavedViews/components/Panels/PanelContentUtils.ts
 var getOrderedVisibleColumns = (columns, idKey) => {
   if (!columns)
     return [];
@@ -11759,12 +11421,13 @@ var normalizeForComparison = (config) => {
   if (!(config == null ? void 0 : config.columnState))
     return config;
   return {
-    ...config,
+    ...import_lodash.default.omit(config, ["enableRowGrouping", "enableColumnGrouping"]),
     columnState: config.columnState.map((col) => {
+      const res = import_lodash.default.omit(col, ["aggFunc"]);
       if (col.flex) {
-        return import_lodash.default.omit(col, ["width", "flex"]);
+        return import_lodash.default.omit(res, ["width", "flex"]);
       }
-      return col;
+      return res;
     })
   };
 };
@@ -11777,10 +11440,14 @@ var isEqual = (viewTableConfig, tableConfig, defaultViewConfig, provider) => {
   );
   const normalizedViewConfig = normalizeForComparison(syncedViewTableConfig);
   const normalizedCurrentConfig = normalizeForComparison(tableConfig);
-  return import_lodash.default.isEqual(
-    cleanObject(normalizedViewConfig, provider),
-    cleanObject(normalizedCurrentConfig, provider)
-  );
+  const cleanedViewConfig = cleanObject(normalizedViewConfig, provider);
+  const cleanedCurrentConfig = cleanObject(normalizedCurrentConfig, provider);
+  console.log("xx:Difference between view config and current config:", {
+    viewConfig: cleanedViewConfig,
+    currentConfig: cleanedCurrentConfig,
+    areEqual: import_lodash.default.isEqual(cleanedViewConfig, cleanedCurrentConfig)
+  });
+  return import_lodash.default.isEqual(cleanedViewConfig, cleanedCurrentConfig);
 };
 var hasPermissionForViewLevel = (viewLevel, permissions) => {
   switch (viewLevel) {
@@ -11795,7 +11462,7 @@ var hasPermissionForViewLevel = (viewLevel, permissions) => {
   }
 };
 
-// src/components/panels/useGroups.ts
+// src/SavedViews/components/Panels/useGroups.ts
 var import_react6 = require("react");
 var useGroups = () => {
   const [groups, setGroups] = (0, import_react6.useState)(
@@ -11807,8 +11474,8 @@ var useGroups = () => {
   return { groups, toggleGroup };
 };
 
-// src/components/panels/ViewLevelHeader.tsx
-var import_core_react6 = require("@procore/core-react");
+// src/SavedViews/components/Panels/ViewLevelHeader.tsx
+var import_core_react5 = require("@procore/core-react");
 var import_react7 = __toESM(require("react"));
 var groupIcon = (group) => {
   switch (group) {
@@ -11820,31 +11487,31 @@ var groupIcon = (group) => {
       return /* @__PURE__ */ import_react7.default.createElement(Building_default, null);
   }
 };
-var Header = styled_components_esm_default(import_core_react6.Flex)`
+var Header = styled_components_esm_default(import_core_react5.Flex)`
   width: 100%;
   &:hover {
-    background-color: ${import_core_react6.colors.gray98};
+    background-color: ${import_core_react5.colors.gray98};
   }
 `;
 var ViewLevelHeader = ({ expanded, toggleGroup, group }) => {
-  const I18n = (0, import_core_react6.useI18nContext)();
+  const I18n = (0, import_core_react5.useI18nContext)();
   return /* @__PURE__ */ import_react7.default.createElement(
     Header,
     {
       alignItems: "center",
-      padding: `${import_core_react6.spacing.sm}px`,
-      gap: `${import_core_react6.spacing.sm}px`,
+      padding: `${import_core_react5.spacing.sm}px`,
+      gap: `${import_core_react5.spacing.sm}px`,
       style: { cursor: "pointer" },
       onClick: () => toggleGroup(group)
     },
     expanded ? /* @__PURE__ */ import_react7.default.createElement(ChevronDown_default, { size: "sm" }) : /* @__PURE__ */ import_react7.default.createElement(ChevronRight_default, { size: "sm" }),
     groupIcon(group),
-    /* @__PURE__ */ import_react7.default.createElement(import_core_react6.Typography, { weight: "semibold" }, I18n.t(`savedViews.viewLevel.${group}`))
+    /* @__PURE__ */ import_react7.default.createElement(import_core_react5.Typography, { weight: "semibold" }, I18n.t(`savedViews.viewLevel.${group}`))
   );
 };
 var ViewLevelHeader_default = ViewLevelHeader;
 
-// src/utils/hooks/useScrollToRef.ts
+// src/utils/Hooks/useScrollToRef.ts
 var import_react8 = require("react");
 var useScrollToRef = (dependency) => {
   const ref = (0, import_react8.useRef)(null);
@@ -11856,102 +11523,77 @@ var useScrollToRef = (dependency) => {
   return ref;
 };
 
-// src/components/panels/PanelContent.styles.ts
-var import_core_react7 = require("@procore/core-react");
-var Row = styled_components_esm_default(import_core_react7.UNSAFE_Menu.Item)`
+// src/SavedViews/components/Panels/PanelContent.tsx
+var Row = styled_components_esm_default(import_core_react6.UNSAFE_Menu.Item)`
   width: 100%;
   padding-left: 35px;
   padding-right: 4px;
-  background-color: ${({ selected }) => selected ? import_core_react7.colors.blue96 : "transparent"};
+  background-color: ${({ selected }) => selected ? import_core_react6.colors.blue96 : "transparent"};
 
   &:hover {
-    background-color: ${({ selected }) => selected ? import_core_react7.colors.blue96 : import_core_react7.colors.gray98};
+    background-color: ${({ selected }) => selected ? import_core_react6.colors.blue96 : import_core_react6.colors.gray98};
   }
 `;
-var Panel2 = styled_components_esm_default(import_core_react7.DetailPage.Card)`
+var Panel2 = styled_components_esm_default(import_core_react6.DetailPage.Card)`
   margin: 0;
   height: 100%;
-  padding-top: ${import_core_react7.spacing.sm}px;
+  padding-top: ${import_core_react6.spacing.sm}px;
   box-shadow: none;
 `;
-
-// src/components/panels/PanelContent.tsx
 var PanelContent = (props) => {
-  const { queryInput, selectedSavedView, tableConfig } = props;
-  const { showToast } = (0, import_toast_alert2.useToastAlertContext)();
-  const I18n = (0, import_core_react8.useI18nContext)();
-  const { data: savedViewsFromQuery, error: savedViewsError } = useSavedViewsQuery(props.queryInput);
-  const updateMutation = useUpdateSavedView(queryInput);
-  const { mutate: updateSavedView } = updateMutation;
-  const isUpdateLoading = "isPending" in updateMutation ? updateMutation.isPending : updateMutation.isLoading ?? false;
-  const savedViews = props.savedViews ?? savedViewsFromQuery;
+  var _a;
+  const { showToast } = (0, import_toast_alert.useToastAlertContext)();
+  const I18n = (0, import_core_react6.useI18nContext)();
+  const { useSavedViewsQuery: useSavedViewsQuery2, useSavedViewsPermissions: useSavedViewsPermissions2, useUpdateSavedView: useUpdateSavedView2 } = props.backend;
+  const { mutate: updateSavedView, isPending: isUpdateLoading } = useUpdateSavedView2(props.queryInput);
+  const { data: savedViews, error: savedViewsError } = useSavedViewsQuery2(
+    props.queryInput
+  );
   const errorToastRef = import_react9.default.useRef(null);
   import_react9.default.useEffect(() => {
     if (savedViewsError && savedViewsError !== errorToastRef.current) {
       showToast.error(I18n.t("savedViews.errors.fetch"));
       errorToastRef.current = savedViewsError;
     }
-  }, [savedViewsError, showToast, I18n]);
-  const { data: permissions } = useSavedViewsPermissions(props.queryInput);
+  }, [savedViewsError]);
+  const { data: permissions } = useSavedViewsPermissions2(props.queryInput);
   const selectedRowRef = useScrollToRef(savedViews);
-  const { groups, toggleGroup } = useGroups();
-  const isTemporarySelected = (selectedSavedView == null ? void 0 : selectedSavedView.id) === "temporary";
-  const temporaryView = savedViews == null ? void 0 : savedViews.find((view) => view.id === "temporary");
-  const presetViews = props.presetViews || [props.defaultView];
   const onUpdate = (data) => {
     const newSavedView = {
       ...data,
-      ...selectedSavedView,
-      table_config: tableConfig
+      ...props.selectedSavedView,
+      table_config: props.tableConfig
     };
     updateSavedView(newSavedView, {
       onSuccess: () => {
         showToast.success(I18n.t("savedViews.update.success"));
-        props.onSelect({ item: newSavedView });
+        props.updateLocalStorage(newSavedView);
+        props.setSelectedSavedView(newSavedView);
       },
       onError: () => {
         showToast.error(I18n.t("savedViews.errors.update"));
       }
     });
   };
-  return /* @__PURE__ */ import_react9.default.createElement(Panel2, { "data-testid": "inner-panel" }, /* @__PURE__ */ import_react9.default.createElement(import_core_react8.Flex, { direction: "column", style: { height: "100%", width: "100%" } }, temporaryView && /* @__PURE__ */ import_react9.default.createElement(
+  const { groups, toggleGroup } = useGroups();
+  const isDefaultSelected = ((_a = props.selectedSavedView) == null ? void 0 : _a.id) === "default";
+  return /* @__PURE__ */ import_react9.default.createElement(Panel2, { "data-testid": "inner-panel" }, /* @__PURE__ */ import_react9.default.createElement(import_core_react6.Flex, { direction: "column", style: { height: "100%", width: "100%" } }, /* @__PURE__ */ import_react9.default.createElement(
     Row,
     {
-      selected: isTemporarySelected,
-      onClick: () => props.onSelect({ item: temporaryView }),
-      ref: isTemporarySelected ? selectedRowRef : null
+      selected: isDefaultSelected,
+      onClick: () => props.onSelect({ item: props.defaultView }),
+      ref: isDefaultSelected ? selectedRowRef : null
     },
     /* @__PURE__ */ import_react9.default.createElement(
       SavedViewCollectionMenuItem,
       {
-        item: temporaryView,
-        selected: isTemporarySelected,
-        onClearTemporary: props.onClearTemporary
+        item: props.defaultView,
+        selected: isDefaultSelected
       }
     )
-  ), presetViews.map((presetView) => {
-    const isSelected = (selectedSavedView == null ? void 0 : selectedSavedView.id) === presetView.id;
-    return /* @__PURE__ */ import_react9.default.createElement(
-      Row,
-      {
-        key: presetView.id,
-        selected: isSelected,
-        onClick: () => props.onSelect({ item: presetView }),
-        ref: isSelected ? selectedRowRef : null
-      },
-      /* @__PURE__ */ import_react9.default.createElement(
-        SavedViewCollectionMenuItem,
-        {
-          item: presetView,
-          selected: isSelected
-        }
-      )
-    );
-  }), VIEW_LEVELS.map((level) => {
+  ), VIEW_LEVELS.map((level) => {
     const isExpanded = groups[level];
-    const views = isExpanded && savedViews ? savedViews.filter(
-      (view) => view.view_level === level && view.id !== "temporary"
-    ) : [];
+    const views = isExpanded && savedViews ? savedViews.filter((view) => view.view_level === level) : [];
     return /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, { key: level }, /* @__PURE__ */ import_react9.default.createElement(
       ViewLevelHeader_default,
       {
@@ -11960,10 +11602,11 @@ var PanelContent = (props) => {
         expanded: isExpanded
       }
     ), views.map((view) => {
-      const isSelected = (selectedSavedView == null ? void 0 : selectedSavedView.id) === view.id;
+      var _a2;
+      const isSelected = ((_a2 = props.selectedSavedView) == null ? void 0 : _a2.id) === view.id;
       const canUpdate = isSelected && hasPermissionForViewLevel(view.view_level, permissions) && !isEqual(
         view.table_config,
-        tableConfig,
+        props.tableConfig,
         props.defaultView.table_config,
         props.provider
       );
@@ -11999,23 +11642,82 @@ var PanelContent = (props) => {
   })));
 };
 
-// src/components/saved-views/SavedViews.tsx
-var import_core_react14 = require("@procore/core-react");
+// src/SavedViews/components/SavedViews/SmartGrid/SmartGridSavedViews.tsx
+var import_react14 = __toESM(require("react"));
+
+// src/SavedViews/components/SavedViews/SmartGrid/SmartGridDefaultSavedView.tsx
+var import_core_react7 = require("@procore/core-react");
+var useDefaultViewName = (domain, defaultViewName) => {
+  const i18n = (0, import_core_react7.useI18nContext)();
+  return defaultViewName || i18n.t(domain, {
+    scope: "savedViews.defaultViewTitle",
+    defaultValue: "Default View"
+  });
+};
+var useDefaultView = (props) => {
+  const name = useDefaultViewName(props.domain, props.defaultViewName);
+  return {
+    id: "default",
+    view_level: "default",
+    name,
+    table_config: {}
+  };
+};
+
+// src/SavedViews/components/SavedViews/SmartGrid/useSmartGridConfig.ts
+var import_react10 = require("react");
+var GRID_STATE_EVENTS = [
+  "sortChanged",
+  "filterOpened",
+  "filterChanged",
+  "columnRowGroupChanged",
+  "dragStopped",
+  "columnResized",
+  "columnVisible",
+  "columnPinned",
+  "columnMoved",
+  "modelUpdated",
+  "gridColumnsChanged",
+  "gridReady"
+];
+var useSmartGridConfig = (gridApi) => {
+  const [config, setConfig] = (0, import_react10.useState)(
+    () => getSmartGridConfig(gridApi)
+  );
+  (0, import_react10.useEffect)(() => {
+    if (!gridApi)
+      return;
+    const updateConfig = () => {
+      setConfig(getSmartGridConfig(gridApi));
+    };
+    GRID_STATE_EVENTS.forEach((event) => {
+      gridApi.addEventListener(event, updateConfig);
+    });
+    return () => {
+      GRID_STATE_EVENTS.forEach((event) => {
+        gridApi.removeEventListener(event, updateConfig);
+      });
+    };
+  }, [gridApi]);
+  return { config, setConfig };
+};
+
+// src/SavedViews/components/SavedViews/SavedViews.tsx
+var import_core_react12 = require("@procore/core-react");
 var import_react13 = __toESM(require("react"));
 var import_react_query3 = require("@tanstack/react-query");
-var import_toast_alert3 = require("@procore/toast-alert");
 
-// src/components/modals/DeleteConfirmationModal.tsx
-var import_core_react9 = require("@procore/core-react");
-var import_react10 = __toESM(require("react"));
+// src/SavedViews/components/SavedViewsModals/SavedViewsDeleteConfirmationModalShared.tsx
+var import_core_react8 = require("@procore/core-react");
+var import_react11 = __toESM(require("react"));
 var SavedViewsDeleteConfirmationModalShared = ({
   onCancel,
   onDelete,
   open
 }) => {
-  const i18n = (0, import_core_react9.useI18nContext)();
-  return /* @__PURE__ */ import_react10.default.createElement(
-    import_core_react9.ConfirmModal,
+  const i18n = (0, import_core_react8.useI18nContext)();
+  return /* @__PURE__ */ import_react11.default.createElement(
+    import_core_react8.ConfirmModal,
     {
       "data-testid": "delete-confirmation-modal",
       open,
@@ -12024,17 +11726,17 @@ var SavedViewsDeleteConfirmationModalShared = ({
       onClose: onCancel,
       style: { overflowWrap: "anywhere" }
     },
-    /* @__PURE__ */ import_react10.default.createElement(import_core_react9.Modal.Body, null, /* @__PURE__ */ import_react10.default.createElement(import_core_react9.P, null, i18n.t("savedViews.modal.delete.description"))),
-    /* @__PURE__ */ import_react10.default.createElement(import_core_react9.Modal.Footer, null, /* @__PURE__ */ import_react10.default.createElement(import_core_react9.Modal.FooterButtons, null, /* @__PURE__ */ import_react10.default.createElement(import_core_react9.Button, { variant: "secondary", onClick: onCancel }, i18n.t("savedViews.actions.cancel")), /* @__PURE__ */ import_react10.default.createElement(import_core_react9.Button, { variant: "primary", onClick: onDelete }, i18n.t("savedViews.actions.delete"))))
+    /* @__PURE__ */ import_react11.default.createElement(import_core_react8.Modal.Body, null, /* @__PURE__ */ import_react11.default.createElement(import_core_react8.P, null, i18n.t("savedViews.modal.delete.description"))),
+    /* @__PURE__ */ import_react11.default.createElement(import_core_react8.Modal.Footer, null, /* @__PURE__ */ import_react11.default.createElement(import_core_react8.Modal.FooterButtons, null, /* @__PURE__ */ import_react11.default.createElement(import_core_react8.Button, { variant: "secondary", onClick: onCancel }, i18n.t("savedViews.actions.cancel")), /* @__PURE__ */ import_react11.default.createElement(import_core_react8.Button, { variant: "primary", onClick: onDelete }, i18n.t("savedViews.actions.delete"))))
   );
 };
 
-// src/components/modals/form-modal/FormModal.tsx
-var import_react11 = __toESM(require("react"));
+// src/SavedViews/components/SavedViewsModals/SavedViewsFormModal.tsx
+var import_react12 = __toESM(require("react"));
 
-// src/components/modals/form-modal/FormModalBase.tsx
-var import_core_react10 = require("@procore/core-react");
-var React19 = __toESM(require("react"));
+// src/SavedViews/components/SavedViewsModals/SavedViewsCreateUpdateModalBase.tsx
+var import_core_react9 = require("@procore/core-react");
+var React17 = __toESM(require("react"));
 
 // ../../node_modules/yup/index.esm.js
 var import_property_expr = __toESM(require_property_expr());
@@ -14328,7 +14030,7 @@ var TupleSchema = class extends Schema {
 };
 create$1.prototype = TupleSchema.prototype;
 
-// src/components/modals/form-modal/FormModalBaseUtils.ts
+// src/SavedViews/components/SavedViewsModals/CreateUpdateModalBaseUtils.ts
 var getViewLevelOptions = (permissions, i18n) => {
   const options = ["personal"];
   if (permissions == null ? void 0 : permissions.can_create_project_saved_views)
@@ -14361,11 +14063,12 @@ function extractMessage(error, I18n) {
   return { form: I18n.t("savedViews.modal.errors.unknown") };
 }
 
-// src/components/modals/form-modal/FormModalBase.tsx
+// src/SavedViews/components/SavedViewsModals/SavedViewsCreateUpdateModalBase.tsx
+var { useEffect: useEffect3, useRef: useRef2 } = React17;
 var ScrollContainer = styled_components_esm_default("div")`
   overflow: auto;
 `;
-var FormModalBase = ({
+var SavedViewsCreateUpdateModalBase = ({
   open,
   mode,
   onCancel,
@@ -14377,23 +14080,40 @@ var FormModalBase = ({
   tableName,
   defaultView,
   selectedSavedView,
+  setSelectedSavedView,
   setOpenEditCreateModal,
-  onSelect
+  onSelect,
+  backend
 }) => {
-  const I18n = (0, import_core_react10.useI18nContext)();
+  const I18n = (0, import_core_react9.useI18nContext)();
   const NAME_MAX_LENGTH = 150;
+  const originalBodyWidth = useRef2("");
+  useEffect3(() => {
+    if (open) {
+      originalBodyWidth.current = document.body.style.width || "";
+      document.body.style.width = "100%";
+    } else {
+      document.body.style.width = originalBodyWidth.current;
+    }
+    return () => {
+      if (originalBodyWidth.current !== void 0) {
+        document.body.style.width = originalBodyWidth.current;
+      }
+    };
+  }, [open]);
+  const { useCreateSavedView: useCreateSavedView2, useUpdateSavedView: useUpdateSavedView2, useSavedViewsPermissions: useSavedViewsPermissions2 } = backend;
   const {
     mutate: createSavedView,
     isPending: isCreating,
     error: createError,
     reset: resetCreateMutation
-  } = useCreateSavedView(queryInput);
+  } = useCreateSavedView2(queryInput);
   const {
     mutate: updateSavedView,
     isPending: isUpdating,
     error: updateError,
     reset: resetUpdateMutation
-  } = useUpdateSavedView(queryInput);
+  } = useUpdateSavedView2(queryInput);
   const resetMutations = () => {
     resetCreateMutation();
     resetUpdateMutation();
@@ -14402,7 +14122,7 @@ var FormModalBase = ({
     resetMutations();
     onCancel();
   };
-  const { data: permissions } = useSavedViewsPermissions(queryInput);
+  const { data: permissions } = useSavedViewsPermissions2(queryInput);
   const isLoading = isCreating || isUpdating;
   const errors = extractMessage(createError || updateError, I18n);
   const handleOnSubmit = (data) => {
@@ -14414,8 +14134,8 @@ var FormModalBase = ({
       };
       updateSavedView(body, {
         onSuccess: (updatedSavedView) => {
-          onSelect(updatedSavedView);
           setOpenEditCreateModal(false);
+          setSelectedSavedView(updatedSavedView);
         }
       });
     } else {
@@ -14434,8 +14154,8 @@ var FormModalBase = ({
     }
   };
   const viewLevelOptions = getViewLevelOptions(permissions, I18n);
-  return /* @__PURE__ */ React19.createElement(
-    import_core_react10.Modal,
+  return /* @__PURE__ */ React17.createElement(
+    import_core_react9.Modal,
     {
       "aria-label": I18n.t("savedViews.ariaLabels.modal"),
       onClickOverlay: onClose,
@@ -14443,15 +14163,15 @@ var FormModalBase = ({
       style: { width: "540px" },
       "data-testid": "create-update-modal"
     },
-    /* @__PURE__ */ React19.createElement(ScrollContainer, null, /* @__PURE__ */ React19.createElement(
-      import_core_react10.Modal.Header,
+    /* @__PURE__ */ React17.createElement(ScrollContainer, null, /* @__PURE__ */ React17.createElement(
+      import_core_react9.Modal.Header,
       {
         onClose,
-        style: { borderBottom: `1px solid ${import_core_react10.colors.gray85}` }
+        style: { borderBottom: `1px solid ${import_core_react9.colors.gray85}` }
       },
-      /* @__PURE__ */ React19.createElement(import_core_react10.H2, null, header)
-    ), /* @__PURE__ */ React19.createElement(
-      import_core_react10.Form,
+      /* @__PURE__ */ React17.createElement(import_core_react9.H2, null, header)
+    ), /* @__PURE__ */ React17.createElement(
+      import_core_react9.Form,
       {
         initialValues: {
           name: initialName,
@@ -14476,14 +14196,14 @@ var FormModalBase = ({
         onReset: onCancel,
         validateOnChange: true
       },
-      /* @__PURE__ */ React19.createElement(import_core_react10.Form.Form, { name: header }, /* @__PURE__ */ React19.createElement(
-        import_core_react10.Modal.Body,
+      /* @__PURE__ */ React17.createElement(import_core_react9.Form.Form, { name: header }, /* @__PURE__ */ React17.createElement(
+        import_core_react9.Modal.Body,
         {
-          style: { paddingTop: 0, paddingBottom: 0, marginTop: import_core_react10.spacing.lg }
+          style: { paddingTop: 0, paddingBottom: 0, marginTop: import_core_react9.spacing.lg }
         },
-        errors && /* @__PURE__ */ React19.createElement(import_core_react10.ErrorBanner, { style: { marginBottom: import_core_react10.spacing.xl } }, /* @__PURE__ */ React19.createElement(import_core_react10.Banner.Content, null, /* @__PURE__ */ React19.createElement(import_core_react10.Banner.Title, null, I18n.t("savedViews.modal.errors.title", { mode })), /* @__PURE__ */ React19.createElement(import_core_react10.Banner.Body, null, (errors == null ? void 0 : errors.form) || I18n.t(`savedViews.modal.errors.description.${mode}`)))),
-        /* @__PURE__ */ React19.createElement(import_core_react10.Form.Row, null, /* @__PURE__ */ React19.createElement(
-          import_core_react10.Form.Text,
+        errors && /* @__PURE__ */ React17.createElement(import_core_react9.ErrorBanner, { style: { marginBottom: import_core_react9.spacing.xl } }, /* @__PURE__ */ React17.createElement(import_core_react9.Banner.Content, null, /* @__PURE__ */ React17.createElement(import_core_react9.Banner.Title, null, I18n.t("savedViews.modal.errors.title", { mode })), /* @__PURE__ */ React17.createElement(import_core_react9.Banner.Body, null, (errors == null ? void 0 : errors.form) || I18n.t(`savedViews.modal.errors.description.${mode}`)))),
+        /* @__PURE__ */ React17.createElement(import_core_react9.Form.Row, null, /* @__PURE__ */ React17.createElement(
+          import_core_react9.Form.Text,
           {
             name: "name",
             error: errors == null ? void 0 : errors.name,
@@ -14493,13 +14213,13 @@ var FormModalBase = ({
             onChange: () => resetMutations()
           }
         )),
-        /* @__PURE__ */ React19.createElement(
-          import_core_react10.Form.Row,
+        /* @__PURE__ */ React17.createElement(
+          import_core_react9.Form.Row,
           {
-            style: { marginTop: (errors == null ? void 0 : errors.name) ? import_core_react10.spacing.xl : import_core_react10.spacing.none }
+            style: { marginTop: (errors == null ? void 0 : errors.name) ? import_core_react9.spacing.xl : import_core_react9.spacing.none }
           },
-          /* @__PURE__ */ React19.createElement(
-            import_core_react10.Form.TextArea,
+          /* @__PURE__ */ React17.createElement(
+            import_core_react9.Form.TextArea,
             {
               name: "description",
               placeholder: I18n.t("savedViews.modal.fields.description"),
@@ -14509,19 +14229,20 @@ var FormModalBase = ({
             }
           )
         ),
-        viewLevelOptions.length > 1 && mode === "create" /* CREATE */ ? /* @__PURE__ */ React19.createElement(import_core_react10.Form.Row, null, /* @__PURE__ */ React19.createElement(
-          import_core_react10.Form.Select,
+        viewLevelOptions.length > 1 && mode === "create" /* CREATE */ ? /* @__PURE__ */ React17.createElement(import_core_react9.Form.Row, null, /* @__PURE__ */ React17.createElement(
+          import_core_react9.Form.Select,
           {
             name: "view_level",
+            qa: { label: "view-level" },
             options: viewLevelOptions,
             label: I18n.t("savedViews.modal.fields.viewLevel"),
             colWidth: 12,
             onSearch: false,
             onClear: false
           }
-        )) : /* @__PURE__ */ React19.createElement(React19.Fragment, null)
-      ), /* @__PURE__ */ React19.createElement(import_core_react10.Modal.Footer, { style: { borderTop: `1px solid ${import_core_react10.colors.gray85}` } }, /* @__PURE__ */ React19.createElement(import_core_react10.Flex, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React19.createElement(import_core_react10.Typography, { color: "gray45", italic: true }, /* @__PURE__ */ React19.createElement(import_core_react10.Typography, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React19.createElement(import_core_react10.Modal.FooterButtons, null, /* @__PURE__ */ React19.createElement(import_core_react10.Button, { type: "reset", variant: "tertiary", disabled: isLoading }, I18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React19.createElement(
-        import_core_react10.Button,
+        )) : /* @__PURE__ */ React17.createElement(React17.Fragment, null)
+      ), /* @__PURE__ */ React17.createElement(import_core_react9.Modal.Footer, { style: { borderTop: `1px solid ${import_core_react9.colors.gray85}` } }, /* @__PURE__ */ React17.createElement(import_core_react9.Flex, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React17.createElement(import_core_react9.Typography, { color: "gray45", italic: true }, /* @__PURE__ */ React17.createElement(import_core_react9.Typography, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React17.createElement(import_core_react9.Modal.FooterButtons, null, /* @__PURE__ */ React17.createElement(import_core_react9.Button, { type: "reset", variant: "tertiary", disabled: isLoading }, I18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React17.createElement(
+        import_core_react9.Button,
         {
           "data-testid": "create-update-modal-button",
           type: "submit",
@@ -14535,9 +14256,9 @@ var FormModalBase = ({
   );
 };
 
-// src/components/modals/form-modal/FormModal.tsx
-var import_core_react11 = require("@procore/core-react");
-var FormModal = ({
+// src/SavedViews/components/SavedViewsModals/SavedViewsFormModal.tsx
+var import_core_react10 = require("@procore/core-react");
+var SavedViewsFormModal = ({
   open,
   mode,
   onCancel,
@@ -14545,13 +14266,15 @@ var FormModal = ({
   tableName,
   queryInput,
   selectedSavedView,
+  setSelectedSavedView,
   setOpenEditCreateModal,
   onSelect,
-  defaultView
+  defaultView,
+  backend
 }) => {
-  const i18n = (0, import_core_react11.useI18nContext)();
-  return /* @__PURE__ */ import_react11.default.createElement(
-    FormModalBase,
+  const i18n = (0, import_core_react10.useI18nContext)();
+  return /* @__PURE__ */ import_react12.default.createElement(
+    SavedViewsCreateUpdateModalBase,
     {
       open,
       mode,
@@ -14563,321 +14286,174 @@ var FormModal = ({
       tableConfig,
       tableName,
       selectedSavedView,
+      setSelectedSavedView,
       setOpenEditCreateModal,
       onSelect,
-      defaultView
+      defaultView,
+      backend
     }
   );
 };
 
-// src/components/modals/form-modal/SharedViewFormModal.tsx
-var import_core_react12 = require("@procore/core-react");
-var React21 = __toESM(require("react"));
-var SharedViewFormModal = ({
-  open,
-  fetchedView,
-  onClose,
-  onCreateTemporaryView,
-  onCreateView,
-  createError,
-  isCreating,
-  resetCreateError
-}) => {
-  const I18n = (0, import_core_react12.useI18nContext)();
-  const NAME_MAX_LENGTH = 150;
-  const errors = extractMessage(createError, I18n);
-  const handleNameChange = () => {
-    if (resetCreateError) {
-      resetCreateError();
-    }
-  };
-  const handleOnSubmit = (data) => {
-    onCreateView(data.name, data.description);
-  };
-  return /* @__PURE__ */ React21.createElement(
-    import_core_react12.Modal,
-    {
-      "data-testid": "shared-view-form-modal",
-      open,
-      onClickOverlay: onClose,
-      style: { width: "540px" }
+// ../../node_modules/@procore/core-http/dist/modern/index.js
+function getCSRFToken() {
+  const token = document.cookie.match("(^|;)\\s*csrf_token\\s*=\\s*([^;]+)");
+  return token ? decodeURIComponent(token.pop() || "") : "";
+}
+function getCSRFHeader() {
+  const csrfToken = getCSRFToken();
+  return csrfToken ? { "X-CSRF-TOKEN": csrfToken } : {};
+}
+function removeLeadingSlash(url) {
+  return url.startsWith("/") ? url.substring(1, url.length) : url;
+}
+function removeTrailingSlash(url) {
+  return url.endsWith("/") ? url.substring(0, url.length - 1) : url;
+}
+function applyBaseUrl(url, baseUrl) {
+  return `${removeTrailingSlash(baseUrl)}/${removeLeadingSlash(url)}`;
+}
+function getOptions({ headers, ...options }) {
+  const opts = {
+    credentials: "same-origin",
+    headers: {
+      ...getCSRFHeader(),
+      ...headers
     },
-    /* @__PURE__ */ React21.createElement(
-      import_core_react12.Modal.Header,
-      {
-        onClose,
-        style: {
-          paddingTop: import_core_react12.spacing.lg,
-          paddingBottom: import_core_react12.spacing.xs,
-          paddingLeft: import_core_react12.spacing.xl,
-          paddingRight: import_core_react12.spacing.xl
-        }
-      },
-      I18n.t("savedViews.modal.create.title")
-    ),
-    /* @__PURE__ */ React21.createElement(
-      import_core_react12.P,
-      {
-        style: {
-          paddingLeft: import_core_react12.spacing.xl,
-          paddingRight: import_core_react12.spacing.xl,
-          paddingBottom: import_core_react12.spacing.lg,
-          paddingTop: import_core_react12.spacing.none,
-          margin: 0,
-          color: import_core_react12.colors.gray45,
-          whiteSpace: "pre-line"
+    mode: "same-origin",
+    ...options
+  };
+  return opts;
+}
+function getUrl(url, baseUrl) {
+  return baseUrl ? applyBaseUrl(url, baseUrl) : url;
+}
+function request(url, { baseUrl, ...options } = {}) {
+  return fetch(getUrl(url, baseUrl), getOptions(options));
+}
+function requestJSON(url, requestParams = {}) {
+  return request(url, requestParams).then(
+    (response) => response.json()
+  );
+}
+
+// src/utils/Api/queries.ts
+var import_react_query2 = require("@tanstack/react-query");
+
+// src/utils/Api/queriesHandler.ts
+var import_react_query = require("@tanstack/react-query");
+var import_core_react11 = require("@procore/core-react");
+var useApiRequest = (props, method, mutationKey) => {
+  const { projectId, companyId, domain, tableName } = props;
+  const queryClient2 = (0, import_react_query.useQueryClient)();
+  const { locale: locale2 } = (0, import_core_react11.useI18nContext)();
+  return (0, import_react_query.useMutation)({
+    mutationKey,
+    mutationFn: async (savedView) => {
+      let url = "";
+      if (method === "DELETE" || method === "PUT") {
+        url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views/${savedView.id}?permissions_domain=${domain}`;
+      } else {
+        url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views?table_name=${tableName}&permissions_domain=${domain}`;
+      }
+      const response = await requestJSON(url, {
+        method,
+        body: JSON.stringify(savedView),
+        headers: {
+          "Content-Type": "application/json",
+          "Accept-Language": locale2
         }
-      },
-      I18n.t("savedViews.modal.copyConfirmation.description")
-    ),
-    /* @__PURE__ */ React21.createElement(
-      import_core_react12.Form,
-      {
-        initialValues: {
-          name: fetchedView.name,
-          description: fetchedView.description ?? ""
-        },
-        view: "create",
-        validationSchema: create$3().shape({
-          name: create$6().trim().max(
-            NAME_MAX_LENGTH,
-            I18n.t("savedViews.modal.errors.maxLengthName", {
-              maxLength: NAME_MAX_LENGTH
-            })
-          ).required(I18n.t("savedViews.modal.errors.required"))
-        }),
-        onSubmit: handleOnSubmit,
-        validateOnChange: true
-      },
-      /* @__PURE__ */ React21.createElement(import_core_react12.Form.Form, { name: "share-view-form" }, /* @__PURE__ */ React21.createElement(
-        import_core_react12.Modal.Body,
-        {
-          style: {
-            paddingTop: import_core_react12.spacing.lg,
-            paddingBottom: 0,
-            borderTop: `1px solid ${import_core_react12.colors.gray85}`
-          }
-        },
-        errors && /* @__PURE__ */ React21.createElement(import_core_react12.ErrorBanner, { style: { marginBottom: import_core_react12.spacing.xl } }, /* @__PURE__ */ React21.createElement(import_core_react12.Banner.Content, null, /* @__PURE__ */ React21.createElement(import_core_react12.Banner.Title, null, I18n.t("savedViews.modal.errors.title", {
-          mode: "create"
-        })), /* @__PURE__ */ React21.createElement(import_core_react12.Banner.Body, null, (errors == null ? void 0 : errors.form) || I18n.t("savedViews.modal.errors.description.create")))),
-        /* @__PURE__ */ React21.createElement(import_core_react12.Form.Row, null, /* @__PURE__ */ React21.createElement(
-          import_core_react12.Form.Text,
-          {
-            name: "name",
-            error: errors == null ? void 0 : errors.name,
-            placeholder: I18n.t("savedViews.modal.fields.name"),
-            label: I18n.t("savedViews.modal.fields.name"),
-            colWidth: 12,
-            onChange: handleNameChange
-          }
-        )),
-        /* @__PURE__ */ React21.createElement(
-          import_core_react12.Form.Row,
-          {
-            style: { marginTop: (errors == null ? void 0 : errors.name) ? import_core_react12.spacing.xl : import_core_react12.spacing.none }
-          },
-          /* @__PURE__ */ React21.createElement(
-            import_core_react12.Form.TextArea,
-            {
-              name: "description",
-              placeholder: I18n.t("savedViews.modal.fields.description"),
-              label: I18n.t("savedViews.modal.fields.description"),
-              colWidth: 12,
-              resize: "vertical"
-            }
-          )
-        )
-      ), /* @__PURE__ */ React21.createElement(import_core_react12.Modal.Footer, { style: { borderTop: `1px solid ${import_core_react12.colors.gray85}` } }, /* @__PURE__ */ React21.createElement(import_core_react12.Flex, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React21.createElement(import_core_react12.Typography, { color: "gray45", italic: true }, /* @__PURE__ */ React21.createElement(import_core_react12.Typography, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React21.createElement(import_core_react12.Modal.FooterButtons, null, /* @__PURE__ */ React21.createElement(
-        import_core_react12.Button,
-        {
-          variant: "secondary",
-          onClick: onCreateTemporaryView,
-          "data-testid": "view-temporarily-button",
-          disabled: isCreating
-        },
-        I18n.t("savedViews.actions.viewTemporarily")
-      ), /* @__PURE__ */ React21.createElement(
-        import_core_react12.Button,
-        {
-          type: "submit",
-          variant: "primary",
-          "data-testid": "create-view-button",
-          disabled: isCreating,
-          loading: isCreating
-        },
-        I18n.t("savedViews.actions.create")
-      )))))
-    )
-  );
-};
-
-// src/utils/hooks/useViewSelection.ts
-var import_react12 = require("react");
-var import_react_router_dom = require("react-router-dom");
-var import_core_react13 = require("@procore/core-react");
-
-// src/utils/viewStorage.ts
-var ViewStorage = {
-  save(key, view) {
-    localStorage.setItem(key, JSON.stringify(view));
-  },
-  load(key, defaultView) {
-    try {
-      const stored = localStorage.getItem(key);
-      if (!stored)
-        return defaultView;
-      const parsed = JSON.parse(stored);
-      if (!parsed)
-        return defaultView;
-      const isTableConfigOnly = !parsed.id && !parsed.share_token;
-      return isTableConfigOnly ? { ...defaultView, table_config: parsed } : parsed;
-    } catch {
-      return defaultView;
-    }
-  },
-  remove(key) {
-    localStorage.removeItem(key);
-  }
-};
-
-// src/utils/hooks/useViewSelection.ts
-var getUpdatedSearchParams = (currentParams, view) => {
-  const updatedParams = new URLSearchParams(currentParams);
-  if (view.id === "default") {
-    updatedParams.set("saved-view", "default");
-  } else if (view.id === "temporary") {
-    updatedParams.set("saved-view", "temporary");
-  } else {
-    updatedParams.set("saved-view", view.share_token);
-  }
-  return updatedParams;
-};
-var checkIsViewSelected = (selectedView, viewId) => {
-  return (selectedView == null ? void 0 : selectedView.share_token) === viewId || (selectedView == null ? void 0 : selectedView.id) === viewId;
-};
-var findViewByToken = (views, token) => {
-  return views.find((view) => view.share_token === token);
-};
-var setViewInUrl = (view, setSearchParams) => {
-  setSearchParams(
-    (currentParams) => getUpdatedSearchParams(currentParams, view),
-    { replace: true }
-  );
-};
-var restoreUrlParameter = (currentParam, previousParam, setSearchParams) => {
-  if (previousParam && !currentParam) {
-    setSearchParams(
-      (currentParams) => {
-        const updatedParams = new URLSearchParams(currentParams);
-        updatedParams.set("saved-view", previousParam);
-        return updatedParams;
-      },
-      { replace: true }
-    );
-  }
-};
-var useViewSelection = (config, savedViews, presetViews, openSharedViewModal) => {
-  const I18n = (0, import_core_react13.useI18nContext)();
-  const storageKey = `savedView_${config.domain}_${config.tableName}_${config.companyId}_${config.projectId}_${config.userId}`;
-  const temporaryStorageKey = `${storageKey}-temporary`;
-  const [searchParams, setSearchParams] = (0, import_react_router_dom.useSearchParams)();
-  const previousSavedViewParamRef = (0, import_react12.useRef)(null);
-  const [selectedSavedView, setSelectedSavedView] = (0, import_react12.useState)(() => {
-    const stored = ViewStorage.load(storageKey, config.defaultView);
-    return stored ?? config.defaultView;
-  });
-  const [temporaryView, setTemporaryView] = (0, import_react12.useState)(() => {
-    const loaded = ViewStorage.load(temporaryStorageKey, config.defaultView);
-    return loaded && (loaded.id === "temporary" || loaded.view_level === "temporary") ? loaded : null;
-  });
-  const persistViewToStorageAndUrl = (0, import_react12.useCallback)(
-    (view) => {
-      ViewStorage.save(storageKey, view);
-      setViewInUrl(view, setSearchParams);
-    },
-    [storageKey, setSearchParams]
-  );
-  const baseViews = (0, import_react12.useMemo)(
-    () => [...savedViews ?? [], ...presetViews ?? []],
-    [savedViews, presetViews]
-  );
-  const allViews = (0, import_react12.useMemo)(
-    () => temporaryView ? [...baseViews, temporaryView] : baseViews,
-    [baseViews, temporaryView]
-  );
-  const selectView = (0, import_react12.useCallback)(
-    (view) => {
-      const viewToSelect = config.onSelect({ item: view });
-      setSelectedSavedView(viewToSelect);
-      persistViewToStorageAndUrl(viewToSelect);
-      return viewToSelect;
-    },
-    [config, persistViewToStorageAndUrl]
-  );
-  const createTemporaryView = (0, import_react12.useCallback)(
-    (fetchedView) => {
-      const tempView = {
-        ...fetchedView,
-        id: "temporary",
-        name: I18n.t("savedViews.temporaryViewName"),
-        view_level: "temporary"
-      };
-      ViewStorage.save(temporaryStorageKey, tempView);
-      setTemporaryView(tempView);
-      selectView(tempView);
-      return tempView;
+      });
+      if (response.error) {
+        throw response.error;
+      }
+      return response.data;
     },
-    [temporaryStorageKey, selectView]
-  );
-  const clearTemporaryView = (0, import_react12.useCallback)(() => {
-    ViewStorage.remove(temporaryStorageKey);
-    setTemporaryView(null);
-    selectView(config.defaultView);
-  }, [temporaryStorageKey, config.defaultView, selectView]);
-  const isViewAlreadySelected = (0, import_react12.useCallback)(
-    (viewId) => checkIsViewSelected(selectedSavedView, viewId),
-    [selectedSavedView]
-  );
-  const handleSavedViewFromUrl = (0, import_react12.useCallback)(
-    (viewId) => {
-      if (isViewAlreadySelected(viewId)) {
+    onSuccess: (savedView) => {
+      if (method === "DELETE" || method === "POST") {
+        queryClient2.invalidateQueries({
+          queryKey: ["savedViews", domain, tableName]
+        });
         return;
-      }
-      const viewInList = findViewByToken(allViews, viewId);
-      if (viewInList) {
-        selectView(viewInList);
       } else {
-        openSharedViewModal(viewId);
+        const oldData = queryClient2.getQueryData([
+          "savedViews",
+          domain,
+          tableName
+        ]);
+        const oldView = oldData == null ? void 0 : oldData.find((item) => item.id === savedView.id);
+        if ((oldView == null ? void 0 : oldView.name) !== savedView.name) {
+          queryClient2.invalidateQueries({
+            queryKey: ["savedViews", domain, tableName]
+          });
+          return;
+        }
       }
-    },
-    [isViewAlreadySelected, openSharedViewModal, allViews, selectView]
-  );
-  (0, import_react12.useEffect)(() => {
-    const savedViewId = searchParams.get("saved-view");
-    restoreUrlParameter(
-      savedViewId,
-      previousSavedViewParamRef.current,
-      setSearchParams
-    );
-    if (savedViewId) {
-      previousSavedViewParamRef.current = savedViewId;
+      queryClient2.setQueryData(
+        ["savedViews", domain, tableName],
+        (oldData) => {
+          if (!oldData)
+            return [savedView];
+          return oldData.map(
+            (item) => item.id === savedView.id ? savedView : item
+          );
+        }
+      );
     }
-    if (savedViewId && savedViews) {
-      handleSavedViewFromUrl(savedViewId);
+  });
+};
+
+// src/utils/Api/queries.ts
+var PAGE_SIZE = 50 * VIEW_LEVELS.length;
+var useSavedViewsQuery = (props) => {
+  const { projectId, companyId, domain, tableName } = props;
+  const url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views?table_name=${tableName}&permissions_domain=${domain}`;
+  return (0, import_react_query2.useQuery)({
+    enabled: props.enableSavedViews,
+    queryKey: ["savedViews", domain, tableName],
+    queryFn: async () => {
+      const getUrl2 = `${url}&per_page=${PAGE_SIZE}`;
+      const response = await requestJSON(getUrl2);
+      return response.data;
     }
-  }, [searchParams, handleSavedViewFromUrl, allViews.length]);
-  return {
-    selectedView: selectedSavedView,
-    selectView,
-    temporaryView,
-    createTemporaryView,
-    clearTemporaryView,
-    allViews
-  };
+  });
 };
+var useSavedViewsPermissions = (props) => {
+  const { projectId, companyId, domain } = props;
+  const url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views/permissions?permissions_domain=${domain}`;
+  return (0, import_react_query2.useQuery)({
+    enabled: props.enableSavedViews,
+    queryKey: ["savedViewsConfig", domain],
+    queryFn: async () => {
+      const response = await requestJSON(url);
+      return response.data;
+    }
+  });
+};
+var useCreateSavedView = (props) => useApiRequest(props, "POST", [
+  "createSavedView",
+  props.domain,
+  props.tableName
+]);
+var useUpdateSavedView = (props) => useApiRequest(props, "PUT", [
+  "updateSavedView",
+  props.domain,
+  props.tableName
+]);
+var useDeleteSavedView = (props) => useApiRequest(props, "DELETE", [
+  "deleteSavedView",
+  props.domain,
+  props.tableName
+]);
+var createQueries = (customBackend) => ({
+  useSavedViewsQuery: (customBackend == null ? void 0 : customBackend.useSavedViewsQuery) ?? useSavedViewsQuery,
+  useSavedViewsPermissions: (customBackend == null ? void 0 : customBackend.useSavedViewsPermissions) ?? useSavedViewsPermissions,
+  useCreateSavedView: (customBackend == null ? void 0 : customBackend.useCreateSavedView) ?? useCreateSavedView,
+  useUpdateSavedView: (customBackend == null ? void 0 : customBackend.useUpdateSavedView) ?? useUpdateSavedView,
+  useDeleteSavedView: (customBackend == null ? void 0 : customBackend.useDeleteSavedView) ?? useDeleteSavedView
+});
 
-// src/components/saved-views/SavedViews.tsx
+// src/SavedViews/components/SavedViews/SavedViews.tsx
 var StyledPanel = styled_components_esm_default.div`
   border: ${({ provider }) => provider === "data-table" ? "1px solid #d6dadc" : "none"};
 `;
@@ -14887,105 +14463,62 @@ var SavedViewsContent = (props) => {
   const queryInput = {
     domain: props.domain,
     tableName: props.tableName,
+    enableSavedViews: props.enableSavedViews,
     projectId,
     companyId
   };
-  const { data: savedViews } = useSavedViewsQuery(queryInput);
-  const { mutate: deleteSavedView } = useDeleteSavedView(queryInput);
-  const { showToast } = (0, import_toast_alert3.useToastAlertContext)();
-  const i18n = (0, import_core_react14.useI18nContext)();
-  const [activeModal, setActiveModal] = (0, import_react13.useState)(null);
-  const [modalData, setModalData] = (0, import_react13.useState)(null);
-  const openModal = (type, data) => {
-    setActiveModal(type);
-    setModalData(data ?? null);
-  };
-  const closeModal = (0, import_react13.useCallback)(() => {
-    setActiveModal(null);
-    setModalData(null);
-  }, []);
-  const isModalOpen = (type) => activeModal === type;
-  const openSharedViewModal = (viewId) => {
-    openModal("sharedView" /* SHARED_VIEW */, { viewId });
-  };
-  const {
-    selectedView,
-    selectView,
-    createTemporaryView,
-    clearTemporaryView,
-    allViews
-  } = useViewSelection(
-    {
-      domain: props.domain,
-      tableName: props.tableName,
-      userId: props.userId,
-      projectId,
-      companyId,
-      defaultView: props.defaultView,
-      onSelect: props.onSelect
-    },
-    savedViews,
-    props.presetViews,
-    openSharedViewModal
-  );
-  const { data: fetchedView, isError: fetchError } = useFetchSavedViewById(
-    (modalData == null ? void 0 : modalData.viewId) ?? null,
-    queryInput,
-    Boolean(modalData == null ? void 0 : modalData.viewId)
-  );
-  const {
-    mutate: createSavedView,
-    isPending: isCreating,
-    error: createError,
-    reset: resetCreateError
-  } = useCreateSavedView(queryInput);
-  (0, import_react13.useEffect)(() => {
-    if (fetchError) {
-      showToast.error(i18n.t("savedViews.errors.notFound"));
-      selectView(selectedView ?? props.defaultView);
-      closeModal();
-    }
-  }, [fetchError, selectedView, props.defaultView, selectView, closeModal]);
-  const viewSharedViewTemporarily = () => {
-    if (fetchedView) {
-      createTemporaryView(fetchedView);
-      closeModal();
+  const backend = createQueries(props.backend);
+  const { mutate: deleteSavedView } = backend.useDeleteSavedView(queryInput);
+  const [selectedSavedView, setSelectedSavedView] = (0, import_react13.useState)(() => {
+    try {
+      const savedView = JSON.parse(
+        localStorage.getItem(
+          `${props.domain}_${props.tableName}_${props.stickyViewsKey}_${projectId}_${props.userId}`
+        )
+      );
+      return savedView || props.defaultView;
+    } catch (e2) {
+      return props.defaultView;
     }
-  };
-  const createPersonalCopyOfSharedView = (name, description) => {
-    if (fetchedView) {
-      const viewToCreate = {
-        id: "",
-        name,
-        description,
-        table_name: props.tableName,
-        table_config: fetchedView.table_config,
-        view_level: "personal",
-        share_token: ""
-      };
-      createSavedView(viewToCreate, {
-        onSuccess: (newView) => {
-          showToast.success(i18n.t("savedViews.create.success"));
-          selectView(newView);
-          closeModal();
-        }
-      });
+  });
+  const updateLocalStorage = (view) => {
+    if (props.stickyViewsKey) {
+      localStorage.setItem(
+        `${props.domain}_${props.tableName}_${props.stickyViewsKey}_${projectId}_${props.userId}`,
+        JSON.stringify(view)
+      );
     }
   };
-  const selectCurrentViewAndCloseModal = () => {
-    selectView(selectedView ?? props.defaultView);
-    closeModal();
+  const handleViewItemSelect = ({ item }) => {
+    const viewToSetAsSelected = props.onSelect({ item });
+    setSelectedSavedView(viewToSetAsSelected);
+    updateLocalStorage(viewToSetAsSelected);
   };
-  const deleteSelectedView = () => {
-    if (selectedView) {
-      deleteSavedView(selectedView, {
-        onSuccess: () => selectView(props.defaultView)
+  const onDelete = () => {
+    if (selectedSavedView) {
+      deleteSavedView(selectedSavedView, {
+        onSuccess: () => handleViewItemSelect({ item: props.defaultView })
       });
     }
   };
-  const confirmDeleteAndCloseModal = () => {
-    deleteSelectedView();
-    closeModal();
+  const i18n = (0, import_core_react12.useI18nContext)();
+  const [openDeleteModal, setOpenDeleteModal] = (0, import_react13.useState)(false);
+  const [openEditCreateModal, setOpenEditCreateModal] = (0, import_react13.useState)(false);
+  const [editCreateModalType, setEditCreateModalType] = (0, import_react13.useState)(
+    "create" /* CREATE */
+  );
+  const onCloseDeleteModal = () => {
+    setOpenDeleteModal(false);
+  };
+  const onCloseEditModal = () => {
+    setOpenEditCreateModal(false);
+  };
+  const openModal = (type) => {
+    setEditCreateModalType(type);
+    setOpenEditCreateModal(true);
+  };
+  const onOpenDeleteModal = () => {
+    setOpenDeleteModal(true);
   };
   return /* @__PURE__ */ import_react13.default.createElement(StyledPanel, { provider: props.provider }, /* @__PURE__ */ import_react13.default.createElement(
     ExpandedPanel,
@@ -14993,14 +14526,14 @@ var SavedViewsContent = (props) => {
       "data-testid": "saved-view-expanded-panel",
       provider: props.provider
     },
-    /* @__PURE__ */ import_react13.default.createElement(import_core_react14.Panel.Header, { id: "saved-views-collections-panel-header" }, /* @__PURE__ */ import_react13.default.createElement(import_core_react14.Panel.Title, null, /* @__PURE__ */ import_react13.default.createElement(import_core_react14.Flex, { alignItems: "center" }, /* @__PURE__ */ import_react13.default.createElement(import_core_react14.Box, { paddingRight: "sm" }, i18n.t("savedViews.title")), /* @__PURE__ */ import_react13.default.createElement(import_core_react14.Tooltip, { showDelay: 200, overlay: i18n.t("savedViews.tooltip") }, /* @__PURE__ */ import_react13.default.createElement(Help_default, { size: "sm" })))), /* @__PURE__ */ import_react13.default.createElement(
-      import_core_react14.Tooltip,
+    /* @__PURE__ */ import_react13.default.createElement(import_core_react12.Panel.Header, { id: "saved-views-collections-panel-header" }, /* @__PURE__ */ import_react13.default.createElement(import_core_react12.Panel.Title, null, /* @__PURE__ */ import_react13.default.createElement(import_core_react12.Flex, { alignItems: "center" }, /* @__PURE__ */ import_react13.default.createElement(import_core_react12.Box, { paddingRight: "sm" }, i18n.t("savedViews.title")), /* @__PURE__ */ import_react13.default.createElement(import_core_react12.Tooltip, { showDelay: 200, overlay: i18n.t("savedViews.tooltip") }, /* @__PURE__ */ import_react13.default.createElement(Help_default, { size: "sm" })))), /* @__PURE__ */ import_react13.default.createElement(
+      import_core_react12.Tooltip,
       {
         overlay: i18n.t("savedViews.actions.create"),
         showDelay: 1e3
       },
       /* @__PURE__ */ import_react13.default.createElement("span", null, /* @__PURE__ */ import_react13.default.createElement(
-        import_core_react14.Button,
+        import_core_react12.Button,
         {
           icon: /* @__PURE__ */ import_react13.default.createElement(Plus_default, null),
           variant: "secondary",
@@ -15011,216 +14544,116 @@ var SavedViewsContent = (props) => {
         i18n.t("savedViews.actions.create")
       ))
     )),
-    /* @__PURE__ */ import_react13.default.createElement(import_core_react14.Panel.Body, { style: { display: "flex", flexFlow: "column" } }, /* @__PURE__ */ import_react13.default.createElement(
+    /* @__PURE__ */ import_react13.default.createElement(import_core_react12.Panel.Body, { style: { display: "flex", flexFlow: "column" } }, /* @__PURE__ */ import_react13.default.createElement(
       PanelContent,
       {
-        onSelect: ({ item }) => selectView(item),
+        onSelect: handleViewItemSelect,
         openModal,
-        onDelete: () => openModal("delete" /* DELETE */),
+        onDelete: onOpenDeleteModal,
+        updateLocalStorage,
+        setSelectedSavedView,
         queryInput,
-        selectedSavedView: selectedView,
+        selectedSavedView,
         tableConfig: props.tableConfig,
         defaultView: props.defaultView,
-        presetViews: props.presetViews,
-        savedViews: allViews,
+        stickyViewsKey: props.stickyViewsKey,
         provider: props.provider,
         userId: props.userId,
-        onClearTemporary: clearTemporaryView
+        backend
       }
     ))
-  ), (isModalOpen("create" /* CREATE */) || isModalOpen("update" /* UPDATE */)) && /* @__PURE__ */ import_react13.default.createElement(
-    FormModal,
+  ), /* @__PURE__ */ import_react13.default.createElement(
+    SavedViewsFormModal,
     {
-      open: true,
-      mode: activeModal,
-      onCancel: closeModal,
+      open: openEditCreateModal,
+      mode: editCreateModalType,
+      onCancel: onCloseEditModal,
       queryInput,
       tableConfig: props.tableConfig,
       tableName: props.tableName,
-      selectedSavedView: selectedView,
-      onSelect: selectView,
-      setOpenEditCreateModal: closeModal,
-      defaultView: props.defaultView
+      selectedSavedView,
+      setSelectedSavedView,
+      onSelect: (view) => handleViewItemSelect({ item: view }),
+      setOpenEditCreateModal,
+      defaultView: props.defaultView,
+      backend
     }
-  ), selectedView && isModalOpen("delete" /* DELETE */) && /* @__PURE__ */ import_react13.default.createElement(
+  ), selectedSavedView && /* @__PURE__ */ import_react13.default.createElement(
     SavedViewsDeleteConfirmationModalShared,
     {
-      open: true,
-      onDelete: confirmDeleteAndCloseModal,
-      onCancel: closeModal
-    }
-  ), fetchedView && isModalOpen("sharedView" /* SHARED_VIEW */) && /* @__PURE__ */ import_react13.default.createElement(
-    SharedViewFormModal,
-    {
-      open: true,
-      fetchedView,
-      onClose: selectCurrentViewAndCloseModal,
-      onCreateTemporaryView: viewSharedViewTemporarily,
-      onCreateView: createPersonalCopyOfSharedView,
-      createError,
-      isCreating,
-      resetCreateError
+      open: openDeleteModal,
+      onDelete: () => {
+        onDelete();
+        onCloseDeleteModal();
+      },
+      onCancel: onCloseDeleteModal
     }
   ));
 };
 var SavedViews = (props) => {
-  return /* @__PURE__ */ import_react13.default.createElement(EnvironmentI18nProvider, null, /* @__PURE__ */ import_react13.default.createElement(import_react_query3.QueryClientProvider, { client: queryClient }, /* @__PURE__ */ import_react13.default.createElement(import_toast_alert3.ToastAlertProvider, null, /* @__PURE__ */ import_react13.default.createElement(SavedViewsContent, { ...props }))));
-};
-
-// src/components/adapters/smart-grid/SmartGridSavedViews.tsx
-var import_react16 = __toESM(require("react"));
-
-// src/components/adapters/smart-grid/SmartGridDefaultSavedView.tsx
-var import_react14 = require("react");
-var DEFAULT_COLUMN_STATE = {
-  hide: false,
-  pinned: null,
-  width: 200,
-  sort: null,
-  sortIndex: null,
-  pivot: false,
-  pivotIndex: null,
-  aggFunc: null,
-  rowGroup: false,
-  rowGroupIndex: null,
-  flex: null
-};
-var getColumnStateFromDefs = (columnDefs) => {
-  return columnDefs.map((colDef) => {
-    const field = colDef.field ?? colDef.colId;
-    if (!field)
-      return null;
-    return {
-      colId: field,
-      hide: colDef.hide ?? false,
-      pinned: colDef.pinned ?? null,
-      width: colDef.width ?? colDef.minWidth ?? DEFAULT_COLUMN_STATE.width,
-      sort: null,
-      sortIndex: null,
-      pivot: false,
-      pivotIndex: null,
-      aggFunc: null,
-      rowGroup: false,
-      rowGroupIndex: null,
-      flex: colDef.flex ?? null
-    };
-  }).filter((col) => col !== null);
-};
-var extractDefaultView = (gridApi, receivedConfig) => {
-  var _a, _b;
-  const columnDefs = gridApi.getColumnDefs() ?? [];
-  const defaultColumnState = ((_a = receivedConfig == null ? void 0 : receivedConfig.columnState) == null ? void 0 : _a.length) ? receivedConfig.columnState : getColumnStateFromDefs(columnDefs);
-  const result = {
-    columnState: defaultColumnState,
-    columnGroupState: (receivedConfig == null ? void 0 : receivedConfig.columnGroupState) ?? [],
-    rowGroupState: (receivedConfig == null ? void 0 : receivedConfig.rowGroupState) ?? [],
-    filterState: (receivedConfig == null ? void 0 : receivedConfig.filterState) ?? {},
-    rowHeight: (receivedConfig == null ? void 0 : receivedConfig.rowHeight) ?? ((_b = gridApi.getSizesForCurrentTheme()) == null ? void 0 : _b.rowHeight)
-  };
-  return result;
-};
-var useNormalizedDefaultViews = (defaultViews, gridApi) => {
-  return (0, import_react14.useMemo)(() => {
-    if (!gridApi)
-      return defaultViews.map((view) => ({ ...view, share_token: view.id }));
-    return defaultViews.map((view) => ({
-      ...view,
-      share_token: view.id,
-      table_config: extractDefaultView(gridApi, view.table_config)
-    }));
-  }, [defaultViews, gridApi]);
+  return /* @__PURE__ */ import_react13.default.createElement(EnvironmentI18nProvider, null, /* @__PURE__ */ import_react13.default.createElement(import_react_query3.QueryClientProvider, { client: queryClient }, /* @__PURE__ */ import_react13.default.createElement(SavedViewsContent, { ...props })));
 };
 
-// src/components/adapters/smart-grid/useSmartGridConfig.ts
-var import_react15 = require("react");
-var GRID_STATE_EVENTS = [
-  "sortChanged",
-  "filterOpened",
-  "filterChanged",
-  "columnRowGroupChanged",
-  "dragStopped",
-  "columnResized",
-  "columnVisible",
-  "columnPinned",
-  "columnMoved",
-  "modelUpdated",
-  "gridColumnsChanged",
-  "gridReady"
-];
-var useSmartGridConfig = (gridApi) => {
-  const [config, setConfig] = (0, import_react15.useState)(
-    () => getSmartGridConfig(gridApi)
-  );
-  (0, import_react15.useEffect)(() => {
-    if (!gridApi)
-      return;
-    const updateConfig = () => {
-      setConfig(getSmartGridConfig(gridApi));
-    };
-    GRID_STATE_EVENTS.forEach((event) => {
-      gridApi.addEventListener(event, updateConfig);
-    });
-    return () => {
-      GRID_STATE_EVENTS.forEach((event) => {
-        gridApi.removeEventListener(event, updateConfig);
-      });
-    };
-  }, [gridApi]);
-  return { config, setConfig };
-};
-
-// src/components/adapters/smart-grid/SmartGridSavedViews.tsx
+// src/SavedViews/components/SavedViews/SmartGrid/SmartGridSavedViews.tsx
+var import_toast_alert2 = require("@procore/toast-alert");
 var SmartGridSavedViews = (props) => {
-  const { gridApi, userId, projectId, companyId } = props;
+  const { gridApi, projectId, companyId } = props;
   const { config: tableConfig, setConfig: setTableConfig } = useSmartGridConfig(gridApi);
-  const presetViews = useNormalizedDefaultViews(props.defaultViews, gridApi);
-  const defaultView = presetViews.find((view) => view.id === "default") ?? presetViews[0];
-  const onSelect = (0, import_react16.useCallback)(
-    ({ item }) => {
-      if (!gridApi)
-        return item;
-      const isPresetView = item.view_level === "default";
-      if (isPresetView) {
-        updateTableConfig(item, gridApi, "smart-grid");
-        setTableConfig(item.table_config);
-        return item;
-      }
-      const updatedView = {
-        ...item,
-        table_config: customAndConfigSync(
-          item.table_config,
-          tableConfig
-        )
-      };
-      updateTableConfig(updatedView, gridApi, "smart-grid");
-      setTableConfig(updatedView.table_config);
-      return updatedView;
-    },
-    [gridApi, tableConfig, setTableConfig]
-  );
-  return /* @__PURE__ */ import_react16.default.createElement(
+  const defaultView = useDefaultView({
+    defaultViewName: props.defaultViewName,
+    domain: props.domain
+  });
+  const onSelect = ({ item }) => {
+    var _a;
+    if (!gridApi)
+      return item;
+    if (item.id === "default") {
+      gridApi.autoSizeAllColumns();
+      gridApi.resetColumnState();
+      gridApi.setFilterModel(props.defaultViewFilters);
+      gridApi.setGridOption("rowHeight", props.defaultRowHeight);
+      gridApi.refreshCells();
+      return item;
+    }
+    const tableConfig2 = item.table_config;
+    const updatedItemConfig = ((_a = props.transformSettings) == null ? void 0 : _a.call(props, tableConfig2)) ?? tableConfig2;
+    const updatedView = {
+      ...item,
+      table_config: customAndConfigSync(
+        updatedItemConfig,
+        tableConfig2
+      )
+    };
+    updateTableConfig(updatedView, gridApi, "smart-grid");
+    setTableConfig(updatedView.table_config);
+    return updatedView;
+  };
+  return /* @__PURE__ */ import_react14.default.createElement(import_toast_alert2.ToastAlertProvider, null, /* @__PURE__ */ import_react14.default.createElement(
     SavedViews,
     {
       onSelect,
       domain: props.domain,
-      userId,
+      userId: props.userId,
       projectId,
       companyId,
       provider: "smart-grid",
       defaultView,
-      presetViews,
       tableName: props.tableName,
-      tableConfig
+      tableConfig,
+      stickyViewsKey: props.stickyViewsKey,
+      enableSavedViews: props.enableSavedViews,
+      backend: props.backend
     }
-  );
+  ));
 };
 
-// src/components/adapters/data-table/DataTableSavedViews.tsx
-var import_react18 = __toESM(require("react"));
+// src/SavedViews/components/SavedViews/DataTable/DataTableSavedViews.tsx
+var import_react16 = __toESM(require("react"));
 
-// src/components/adapters/data-table/DataTableDefaultSavedView.tsx
-var import_react17 = require("react");
-var DEFAULT_COLUMN_STATE2 = {
+// src/SavedViews/components/SavedViews/DataTable/DataTableDefaultSavedView.tsx
+var import_react15 = require("react");
+var import_core_react13 = require("@procore/core-react");
+var DEFAULT_COLUMN_STATE = {
   hidden: false,
   pinned: null,
   width: 200,
@@ -15235,7 +14668,7 @@ var getColumnState = (columnDefinitions) => {
     if (column.field.includes("custom_field")) {
       return {
         field: column.field,
-        ...DEFAULT_COLUMN_STATE2
+        ...DEFAULT_COLUMN_STATE
       };
     }
     return {
@@ -15246,11 +14679,11 @@ var getColumnState = (columnDefinitions) => {
       rowGroupIndex: null,
       sort: null,
       sortIndex: null,
-      width: (column.minWidth ?? DEFAULT_COLUMN_STATE2.width) > DEFAULT_COLUMN_STATE2.width ? column.minWidth ?? DEFAULT_COLUMN_STATE2.width : (column.maxWidth ?? DEFAULT_COLUMN_STATE2.width) < DEFAULT_COLUMN_STATE2.width ? column.maxWidth ?? DEFAULT_COLUMN_STATE2.width : DEFAULT_COLUMN_STATE2.width
+      width: (column.minWidth ?? DEFAULT_COLUMN_STATE.width) > DEFAULT_COLUMN_STATE.width ? column.minWidth ?? DEFAULT_COLUMN_STATE.width : (column.maxWidth ?? DEFAULT_COLUMN_STATE.width) < DEFAULT_COLUMN_STATE.width ? column.maxWidth ?? DEFAULT_COLUMN_STATE.width : DEFAULT_COLUMN_STATE.width
     };
   });
 };
-var extractDefaultView2 = (columnDefinitions, receivedConfigFromTool) => {
+var extractDefaultView = (columnDefinitions, receivedConfigFromTool) => {
   var _a, _b, _c;
   const defaultColumnState = getColumnState(columnDefinitions);
   const result = {
@@ -15266,78 +14699,93 @@ var extractDefaultView2 = (columnDefinitions, receivedConfigFromTool) => {
   };
   return result;
 };
-var useNormalizedDefaultViews2 = (defaultViews, columnDefinitions) => {
-  return (0, import_react17.useMemo)(
-    () => defaultViews.map((view) => ({
-      ...view,
-      share_token: "",
-      table_config: extractDefaultView2(columnDefinitions, view.table_config)
-    })),
-    [defaultViews, columnDefinitions]
+var useDefaultViewName2 = (domain, defaultViewName) => {
+  const i18n = (0, import_core_react13.useI18nContext)();
+  return defaultViewName || i18n.t(domain, {
+    scope: "savedViews.defaultViewTitle",
+    defaultValue: "Default View"
+  });
+};
+var useDefaultView2 = (props) => {
+  const name = useDefaultViewName2(props.domain, props.defaultViewName);
+  const extractedDefaultConfig = (0, import_react15.useMemo)(
+    () => extractDefaultView(props.columnDefinitions, props.receivedConfigFromTool),
+    [props.columnDefinitions, props.receivedConfigFromTool]
   );
+  return {
+    id: "default",
+    view_level: "default",
+    name,
+    table_config: extractedDefaultConfig
+  };
 };
 
-// src/components/adapters/data-table/DataTableSavedViews.tsx
-var DataTableSavedViews = (0, import_react18.forwardRef)((props, ref) => {
-  const { tableApi, userId, projectId, companyId } = props;
-  const presetViews = useNormalizedDefaultViews2(
-    props.defaultViews,
-    props.columnDefinitions
-  );
-  const defaultView = presetViews.find((view) => view.id === "default") ?? presetViews[0];
-  const [internalTableConfig, setInternalTableConfig] = (0, import_react18.useState)(
-    ViewStorage.load(props.stickyViewsKey, defaultView).table_config
+// src/SavedViews/components/SavedViews/DataTable/DataTableSavedViews.tsx
+var import_toast_alert3 = require("@procore/toast-alert");
+var DataTableSavedViews = (0, import_react16.forwardRef)((props, ref) => {
+  const { tableApi, onTableConfigChange, projectId, companyId } = props;
+  const [internalTableConfig, setInternalTableConfig] = (0, import_react16.useState)(
+    props.defaultViewConfig
   );
-  (0, import_react18.useImperativeHandle)(ref, () => ({
+  (0, import_react16.useImperativeHandle)(ref, () => ({
     setTableConfig: (newConfig) => {
-      setInternalTableConfig(newConfig);
+      handleConfigChange(newConfig);
     }
   }));
-  const onSelect = (0, import_react18.useCallback)(
-    ({ item }) => {
-      const isPresetView = item.view_level === "default";
-      const updatedView = isPresetView ? item : {
-        ...item,
-        table_config: customAndConfigSync(
-          item.table_config,
-          defaultView.table_config
-        )
-      };
-      updateTableConfig(updatedView, tableApi, "data-table");
-      setInternalTableConfig(updatedView.table_config);
-      return updatedView;
+  const handleConfigChange = (0, import_react16.useCallback)(
+    (newConfig) => {
+      setInternalTableConfig(newConfig);
+      onTableConfigChange(newConfig);
     },
-    [defaultView, tableApi]
+    [onTableConfigChange]
   );
+  const defaultView = useDefaultView2({
+    defaultViewName: props.defaultViewName,
+    receivedConfigFromTool: props.defaultViewConfig,
+    domain: props.domain,
+    columnDefinitions: props.columnDefinitions
+  });
+  const onSelect = ({ item }) => {
+    const isDefaultView = item.id === "default";
+    const updatedView = isDefaultView ? defaultView : {
+      ...item,
+      table_config: customAndConfigSync(
+        item.table_config,
+        defaultView.table_config
+      )
+    };
+    updateTableConfig(updatedView, tableApi, "data-table", handleConfigChange);
+    return updatedView;
+  };
   if (!internalTableConfig) {
     return null;
   }
-  return /* @__PURE__ */ import_react18.default.createElement(
+  return /* @__PURE__ */ import_react16.default.createElement(import_toast_alert3.ToastAlertProvider, null, /* @__PURE__ */ import_react16.default.createElement(
     SavedViews,
     {
       onSelect,
       domain: props.domain,
-      userId,
+      userId: props.userId,
       projectId,
       companyId,
       provider: "data-table",
       defaultView,
-      presetViews,
       tableName: props.tableName,
-      tableConfig: internalTableConfig
+      tableConfig: internalTableConfig,
+      stickyViewsKey: props.stickyViewsKey,
+      enableSavedViews: props.enableSavedViews
     }
-  );
+  ));
 });
 DataTableSavedViews.displayName = "DataTableSavedViews";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   DataTableSavedViews,
   ExpandedPanel,
-  FormModal,
   PanelContent,
   SavedViewCollectionMenuItem,
-  SavedViews,
   SavedViewsDeleteConfirmationModalShared,
+  SavedViewsFormModal,
   SmartGridSavedViews,
   getTranslations,
   useSavedViewsPanel