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

package/dist/legacy/index.mjs

@@ -69,7 +69,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;
@@ -90,7 +90,7 @@ var require_big = __commonJS({
           }
           x2.constructor = Big2;
         }
-        Big2.prototype = P4;
+        Big2.prototype = P3;
         Big2.DP = DP;
         Big2.RM = RM;
         Big2.NE = NE;
@@ -187,12 +187,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;
@@ -208,7 +208,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);
@@ -271,22 +271,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;
@@ -356,7 +356,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);
@@ -375,12 +375,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) {
@@ -430,7 +430,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");
@@ -447,13 +447,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) {
@@ -461,7 +461,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);
@@ -486,7 +486,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]) {
@@ -522,7 +522,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) {
@@ -534,7 +534,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) {
@@ -546,18 +546,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) {
@@ -569,7 +569,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");
@@ -1879,13 +1879,13 @@ var require_GetFallbackLocaleList = __commonJS({
 var require_GetTranslationsFromLocale = __commonJS({
   "../../node_modules/@procore/globalization-toolkit/dist/getTranslationsFromLocale/GetTranslationsFromLocale.js"(exports) {
     "use strict";
-    var __awaiter = exports && exports.__awaiter || function(thisArg, _arguments, P4, generator) {
+    var __awaiter = exports && exports.__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));
@@ -2017,9 +2017,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"(exports) {
+  "node_modules/react-is/cjs/react-is.production.min.js"(exports) {
     "use strict";
     var b2 = 60103;
     var c2 = 60106;
@@ -2155,9 +2155,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"(exports) {
+  "node_modules/react-is/cjs/react-is.development.js"(exports) {
     "use strict";
     if (process.env.NODE_ENV !== "production") {
       (function() {
@@ -2347,9 +2347,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"(exports, module) {
+  "node_modules/react-is/index.js"(exports, module) {
     "use strict";
     if (process.env.NODE_ENV === "production") {
       module.exports = require_react_is_production_min();
@@ -8468,7 +8468,7 @@ var require_toposort = __commonJS({
   }
 });
 
-// src/utils/translations/translations.ts
+// src/utils/Translations/translations.ts
 var import_globalization_toolkit = __toESM(require_dist());
 
 // src/locales/de-DE.json
@@ -8798,12 +8798,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: {
@@ -8816,9 +8811,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",
@@ -8851,25 +8843,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",
@@ -9268,84 +9251,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: {
@@ -9736,8 +9641,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,
@@ -9748,18 +9653,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(
@@ -9770,7 +9669,7 @@ function getTranslations(envLocale) {
   );
 }
 
-// src/components/buttons/useSavedViewsPanel.tsx
+// src/SavedViews/components/Buttons/useSavedViewsPanel.tsx
 import { useState } from "react";
 
 // ../../node_modules/tslib/tslib.es6.mjs
@@ -9799,7 +9698,7 @@ function __rest(s2, e2) {
   return t2;
 }
 
-// node_modules/@procore/core-icons/dist/Icon.js
+// ../../node_modules/@procore/core-icons/dist/Icon.js
 import * as React from "react";
 function getSize(size) {
   if (size === "sm") {
@@ -9818,7 +9717,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
 import * as React2 from "react";
 var Building = React2.forwardRef(function Building2(props, ref) {
   return React2.createElement(
@@ -9834,7 +9733,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
 import * as React3 from "react";
 var ChevronDown = React3.forwardRef(function ChevronDown2(props, ref) {
   return React3.createElement(
@@ -9850,7 +9749,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
 import * as React4 from "react";
 var ChevronRight = React4.forwardRef(function ChevronRight2(props, ref) {
   return React4.createElement(
@@ -9866,127 +9765,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
 import * as React5 from "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
-import * as React6 from "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
-import * as React7 from "react";
-var ExpandSidebar = React7.forwardRef(function ExpandSidebar2(props, ref) {
-  return React7.createElement(
+// ../../node_modules/@procore/core-icons/dist/icons/ExpandSidebar.js
+import * as React6 from "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
-import * as React8 from "react";
-var Help = React8.forwardRef(function Help2(props, ref) {
-  return React8.createElement(
+// ../../node_modules/@procore/core-icons/dist/icons/Help.js
+import * as React7 from "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
-import * as React9 from "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
-import * as React10 from "react";
-var Person = React10.forwardRef(function Person2(props, ref) {
-  return React10.createElement(
+// ../../node_modules/@procore/core-icons/dist/icons/Person.js
+import * as React8 from "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
-import * as React11 from "react";
-var Plus = React11.forwardRef(function Plus2(props, ref) {
-  return React11.createElement(
+// ../../node_modules/@procore/core-icons/dist/icons/Plus.js
+import * as React9 from "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
 import { Button } from "@procore/core-react";
-import React13 from "react";
+import React11 from "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_shallowequal = __toESM(require_shallowequal());
 import r, { useState as o, useContext as s, useMemo as i, useEffect as a, useRef as c, createElement as u } from "react";
@@ -10121,7 +9987,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 = "";
@@ -10294,7 +10160,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;
@@ -10401,7 +10267,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))
@@ -10415,7 +10281,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) {
@@ -10541,7 +10407,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) {
@@ -10550,7 +10416,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) {
@@ -11073,7 +10939,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);
@@ -11092,7 +10958,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, u(b2, A3);
     }(A2, e3, t3, I);
   };
-  return P4.displayName = y2, (A2 = r.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 = r.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 {};
@@ -11197,8 +11063,8 @@ 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
-import React12 from "react";
+// src/SavedViews/components/EnvironmentI18nProvider.tsx
+import React10 from "react";
 import { I18nContext, useI18n, useI18nContext } from "@procore/core-react";
 import { useRequestTranslations } from "@procore/cdn-translations";
 var useCDNTranslations = () => {
@@ -11224,10 +11090,10 @@ var useCDNTranslations = () => {
 };
 var EnvironmentI18nProvider = ({ children }) => {
   const i18n = useCDNTranslations();
-  return /* @__PURE__ */ React12.createElement(I18nContext.Provider, { value: i18n }, children);
+  return /* @__PURE__ */ React10.createElement(I18nContext.Provider, { value: i18n }, children);
 };
 
-// src/components/buttons/SavedViewsButton.tsx
+// src/SavedViews/components/Buttons/SavedViewsButton.tsx
 var StyledButton = styled_components_esm_default(Button)`
   background-color: hsl(218, 75%, 96%);
   color: hsl(218, 75%, 45%);
@@ -11251,20 +11117,20 @@ var SavedViewsButton = ({
   isOpen
 }) => {
   const I18n = useCDNTranslations();
-  return /* @__PURE__ */ React13.createElement(Container, null, /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React11.createElement(Container, null, /* @__PURE__ */ React11.createElement(
     StyledButton,
     {
       variant: "secondary",
       onClick: handleClick,
-      icon: /* @__PURE__ */ React13.createElement(StyledIcon, { left: isOpen }),
+      icon: /* @__PURE__ */ React11.createElement(StyledIcon, { left: isOpen }),
       "data-testid": "saved-views-button"
     },
     I18n.t("savedViews.button.title")
   ));
 };
 
-// src/components/buttons/useSavedViewsPanel.tsx
-import React14 from "react";
+// src/SavedViews/components/Buttons/useSavedViewsPanel.tsx
+import React12 from "react";
 var useSavedViewsPanel = (domain, tableName) => {
   const key = (domain2, tableName2) => `savedViewsPanel-${domain2}-${tableName2}`;
   const [isOpen, setIsOpen] = useState(
@@ -11274,12 +11140,12 @@ var useSavedViewsPanel = (domain, tableName) => {
     setIsOpen(!isOpen);
     localStorage.setItem(key(domain, tableName), JSON.stringify(!isOpen));
   };
-  const Button7 = () => /* @__PURE__ */ React14.createElement(SavedViewsButton, { handleClick, isOpen });
-  return { isOpen, SavedViewsButton: Button7 };
+  const Button6 = () => /* @__PURE__ */ React12.createElement(SavedViewsButton, { handleClick, isOpen });
+  return { isOpen, SavedViewsButton: Button6 };
 };
 var useSavedViewsPanel_default = useSavedViewsPanel;
 
-// src/components/menu-items/SavedViewsCollectionsMenuItem.tsx
+// src/SavedViews/components/MenuItems/SavedViewsCollectionsMenuItem.tsx
 import {
   Box,
   Button as Button2,
@@ -11287,8 +11153,7 @@ import {
   Flex,
   useI18nContext as useI18nContext2
 } from "@procore/core-react";
-import * as React15 from "react";
-import { useToastAlertContext } from "@procore/toast-alert";
+import * as React13 from "react";
 var RowActionsBox = styled_components_esm_default(Flex)`
   justify-content: center;
   align-items: center;
@@ -11303,13 +11168,8 @@ var Container2 = styled_components_esm_default(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) {
@@ -11333,20 +11193,7 @@ var SavedViewCollectionMenuItem = (props) => {
     event.stopPropagation();
     (_a = props.onUpdate) == null ? void 0 : _a.call(props, props.item);
   };
-  const { showToast } = useToastAlertContext();
   const i18n = useI18nContext2();
-  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",
@@ -11357,7 +11204,7 @@ var SavedViewCollectionMenuItem = (props) => {
       label: i18n.t("savedViews.actions.delete")
     }
   ];
-  return /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React13.createElement(
     Container2,
     {
       "aria-selected": Boolean(props.selected),
@@ -11368,7 +11215,7 @@ var SavedViewCollectionMenuItem = (props) => {
       }),
       "data-testid": "saved-view-collection-menu-item"
     },
-    /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React13.createElement(
       "span",
       {
         "data-testid": "saved-view-display-name",
@@ -11376,7 +11223,7 @@ var SavedViewCollectionMenuItem = (props) => {
       },
       props.item.name
     ),
-    /* @__PURE__ */ React15.createElement(RowActionsBox, null, /* @__PURE__ */ React15.createElement(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(Box, { justifyContent: "space-between" }, props.item.id !== "default" && props.canUpdate && /* @__PURE__ */ React13.createElement("div", null, /* @__PURE__ */ React13.createElement(
       Button2,
       {
         onClick: updateItem,
@@ -11387,32 +11234,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(
-      Button2,
-      {
-        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(
-      Button2,
-      {
-        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(Box, null, props.item.view_level !== "default" && props.canEditOrDelete && /* @__PURE__ */ React15.createElement("div", { onClick: (e2) => e2.stopPropagation() }, /* @__PURE__ */ React15.createElement(
+    ))), /* @__PURE__ */ React13.createElement(Box, null, props.item.id !== "default" && props.canEditOrDelete && /* @__PURE__ */ React13.createElement("div", { onClick: (e2) => e2.stopPropagation() }, /* @__PURE__ */ React13.createElement(
       DropdownFlyout,
       {
         "data-testid": "saved-view-overflow-button",
@@ -11427,7 +11249,7 @@ var SavedViewCollectionMenuItem = (props) => {
   );
 };
 
-// src/components/panels/ExpandedPanel.tsx
+// src/SavedViews/components/Panels/ExpandedPanel.tsx
 import { Panel } from "@procore/core-react";
 var ExpandedPanel = styled_components_esm_default(Panel)`
   width: ${({ provider }) => provider === "data-table" ? "316px" : "100%"};
@@ -11435,268 +11257,116 @@ var ExpandedPanel = styled_components_esm_default(Panel)`
   border-radius: 4px 0 0 4px;
 `;
 
-// src/components/panels/PanelContent.tsx
-import { Flex as Flex3, useI18nContext as useI18nContext5 } from "@procore/core-react";
-import { useToastAlertContext as useToastAlertContext2 } from "@procore/toast-alert";
-import React17 from "react";
+// src/SavedViews/components/Panels/PanelContent.tsx
+import {
+  colors as colors2,
+  DetailPage,
+  Flex as Flex3,
+  UNSAFE_Menu as MenuImperative,
+  spacing as spacing2,
+  useI18nContext as useI18nContext4
+} from "@procore/core-react";
+import { useToastAlertContext } from "@procore/toast-alert";
+import React15 from "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;
-}
-function getUrl(url, baseUrl) {
-  return baseUrl ? applyBaseUrl(url, baseUrl) : url;
-}
-function request(url, { baseUrl, ...options } = {}) {
-  return fetch(getUrl(url, baseUrl), getOptions(options));
+  return smartGridConfig;
 }
-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
-import { useQuery } from "@tanstack/react-query";
-
-// src/utils/api/queriesHandler.ts
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { useI18nContext as useI18nContext3 } from "@procore/core-react";
-var useApiRequest = (props, method, mutationKey) => {
-  const { projectId, companyId, domain, tableName } = props;
-  const queryClient2 = useQueryClient();
-  const { locale: locale2 } = useI18nContext3();
-  return 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}`;
+// 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);
+  });
+  const finalColumns = [...updatedColumns, ...newColumns];
+  return {
+    ...viewTableConfig,
+    columnState: finalColumns
+  };
+};
+var getColumnIdentifier = (col) => {
+  if ("field" in col && typeof col.field === "string") {
+    return col.field;
+  }
+  if ("colId" in col && typeof col.colId === "string") {
+    return col.colId;
+  }
+  return "";
+};
+var updateTableConfig = (view, tableApi, provider, onTableConfigChange) => {
+  if (provider === "smart-grid") {
+    setSmartGridConfig(
+      tableApi,
+      view.table_config
+    );
+  } else {
+    const dataTableApi = tableApi;
+    const tableConfig = view.table_config;
+    if (tableConfig) {
+      const rowHeight = (tableConfig == null ? void 0 : tableConfig.rowHeight) ?? (dataTableApi == null ? void 0 : dataTableApi.getTableConfiguration().rowHeight);
+      if (rowHeight !== void 0) {
+        dataTableApi == null ? void 0 : dataTableApi.setRowHeight(rowHeight);
       }
-      const response = await requestJSON(url, {
-        method,
-        body: JSON.stringify(savedView),
-        headers: {
-          "Content-Type": "application/json",
-          "Accept-Language": locale2
-        }
-      });
-      if (response.error) {
-        throw response.error;
+      dataTableApi == null ? void 0 : dataTableApi.setTableConfiguration(tableConfig);
+      if (onTableConfigChange) {
+        onTableConfigChange(tableConfig);
       }
-      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/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 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 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 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
-  };
-};
-var getColumnIdentifier = (col) => {
-  if ("field" in col && typeof col.field === "string") {
-    return col.field;
-  }
-  if ("colId" in col && typeof col.colId === "string") {
-    return col.colId;
-  }
-  return "";
-};
-var updateTableConfig = (view, tableApi, provider) => {
-  if (provider === "smart-grid") {
-    setSmartGridConfig(
-      tableApi,
-      view.table_config
-    );
-  } else {
-    const dataTableApi = tableApi;
-    const tableConfig = view.table_config;
-    if (tableConfig) {
-      const rowHeight = (tableConfig == null ? void 0 : tableConfig.rowHeight) ?? (dataTableApi == null ? void 0 : dataTableApi.getTableConfiguration().rowHeight);
-      if (rowHeight !== void 0) {
-        dataTableApi == null ? void 0 : dataTableApi.setRowHeight(rowHeight);
-      }
-      dataTableApi == null ? void 0 : dataTableApi.setTableConfiguration(tableConfig);
     }
   }
 };
 
-// src/components/panels/PanelContentUtils.ts
+// src/SavedViews/components/Panels/PanelContentUtils.ts
 var getOrderedVisibleColumns = (columns, idKey) => {
   if (!columns)
     return [];
@@ -11755,12 +11425,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;
     })
   };
 };
@@ -11773,10 +11444,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) {
@@ -11791,7 +11466,7 @@ var hasPermissionForViewLevel = (viewLevel, permissions) => {
   }
 };
 
-// src/components/panels/useGroups.ts
+// src/SavedViews/components/Panels/useGroups.ts
 import { useState as useState2 } from "react";
 var useGroups = () => {
   const [groups, setGroups] = useState2(
@@ -11803,23 +11478,23 @@ var useGroups = () => {
   return { groups, toggleGroup };
 };
 
-// src/components/panels/ViewLevelHeader.tsx
+// src/SavedViews/components/Panels/ViewLevelHeader.tsx
 import {
   colors,
   Flex as Flex2,
   spacing,
   Typography,
-  useI18nContext as useI18nContext4
+  useI18nContext as useI18nContext3
 } from "@procore/core-react";
-import React16 from "react";
+import React14 from "react";
 var groupIcon = (group) => {
   switch (group) {
     case "personal":
-      return /* @__PURE__ */ React16.createElement(Person_default, null);
+      return /* @__PURE__ */ React14.createElement(Person_default, null);
     case "project":
-      return /* @__PURE__ */ React16.createElement(Excavator_default, null);
+      return /* @__PURE__ */ React14.createElement(Excavator_default, null);
     case "company":
-      return /* @__PURE__ */ React16.createElement(Building_default, null);
+      return /* @__PURE__ */ React14.createElement(Building_default, null);
   }
 };
 var Header = styled_components_esm_default(Flex2)`
@@ -11829,8 +11504,8 @@ var Header = styled_components_esm_default(Flex2)`
   }
 `;
 var ViewLevelHeader = ({ expanded, toggleGroup, group }) => {
-  const I18n = useI18nContext4();
-  return /* @__PURE__ */ React16.createElement(
+  const I18n = useI18nContext3();
+  return /* @__PURE__ */ React14.createElement(
     Header,
     {
       alignItems: "center",
@@ -11839,14 +11514,14 @@ var ViewLevelHeader = ({ expanded, toggleGroup, group }) => {
       style: { cursor: "pointer" },
       onClick: () => toggleGroup(group)
     },
-    expanded ? /* @__PURE__ */ React16.createElement(ChevronDown_default, { size: "sm" }) : /* @__PURE__ */ React16.createElement(ChevronRight_default, { size: "sm" }),
+    expanded ? /* @__PURE__ */ React14.createElement(ChevronDown_default, { size: "sm" }) : /* @__PURE__ */ React14.createElement(ChevronRight_default, { size: "sm" }),
     groupIcon(group),
-    /* @__PURE__ */ React16.createElement(Typography, { weight: "semibold" }, I18n.t(`savedViews.viewLevel.${group}`))
+    /* @__PURE__ */ React14.createElement(Typography, { weight: "semibold" }, I18n.t(`savedViews.viewLevel.${group}`))
   );
 };
 var ViewLevelHeader_default = ViewLevelHeader;
 
-// src/utils/hooks/useScrollToRef.ts
+// src/utils/Hooks/useScrollToRef.ts
 import { useEffect, useRef } from "react";
 var useScrollToRef = (dependency) => {
   const ref = useRef(null);
@@ -11858,13 +11533,7 @@ var useScrollToRef = (dependency) => {
   return ref;
 };
 
-// src/components/panels/PanelContent.styles.ts
-import {
-  colors as colors2,
-  DetailPage,
-  UNSAFE_Menu as MenuImperative,
-  spacing as spacing2
-} from "@procore/core-react";
+// src/SavedViews/components/Panels/PanelContent.tsx
 var Row = styled_components_esm_default(MenuImperative.Item)`
   width: 100%;
   padding-left: 35px;
@@ -11881,85 +11550,61 @@ var Panel2 = styled_components_esm_default(DetailPage.Card)`
   padding-top: ${spacing2.sm}px;
   box-shadow: none;
 `;
-
-// src/components/panels/PanelContent.tsx
 var PanelContent = (props) => {
-  const { queryInput, selectedSavedView, tableConfig } = props;
-  const { showToast } = useToastAlertContext2();
-  const I18n = useI18nContext5();
-  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;
-  const errorToastRef = React17.useRef(null);
-  React17.useEffect(() => {
+  var _a;
+  const { showToast } = useToastAlertContext();
+  const I18n = useI18nContext4();
+  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 = React15.useRef(null);
+  React15.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__ */ React17.createElement(Panel2, { "data-testid": "inner-panel" }, /* @__PURE__ */ React17.createElement(Flex3, { direction: "column", style: { height: "100%", width: "100%" } }, temporaryView && /* @__PURE__ */ React17.createElement(
+  const { groups, toggleGroup } = useGroups();
+  const isDefaultSelected = ((_a = props.selectedSavedView) == null ? void 0 : _a.id) === "default";
+  return /* @__PURE__ */ React15.createElement(Panel2, { "data-testid": "inner-panel" }, /* @__PURE__ */ React15.createElement(Flex3, { direction: "column", style: { height: "100%", width: "100%" } }, /* @__PURE__ */ React15.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__ */ React17.createElement(
+    /* @__PURE__ */ React15.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__ */ React17.createElement(
-      Row,
-      {
-        key: presetView.id,
-        selected: isSelected,
-        onClick: () => props.onSelect({ item: presetView }),
-        ref: isSelected ? selectedRowRef : null
-      },
-      /* @__PURE__ */ React17.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"
-    ) : [];
-    return /* @__PURE__ */ React17.createElement(React17.Fragment, { key: level }, /* @__PURE__ */ React17.createElement(
+    const views = isExpanded && savedViews ? savedViews.filter((view) => view.view_level === level) : [];
+    return /* @__PURE__ */ React15.createElement(React15.Fragment, { key: level }, /* @__PURE__ */ React15.createElement(
       ViewLevelHeader_default,
       {
         group: level,
@@ -11967,15 +11612,16 @@ 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
       );
       const canEditOrDelete = isSelected && hasPermissionForViewLevel(view.view_level, permissions);
-      return /* @__PURE__ */ React17.createElement(
+      return /* @__PURE__ */ React15.createElement(
         Row,
         {
           key: view.id,
@@ -11986,7 +11632,7 @@ var PanelContent = (props) => {
           },
           ref: isSelected ? selectedRowRef : null
         },
-        /* @__PURE__ */ React17.createElement(
+        /* @__PURE__ */ React15.createElement(
           SavedViewCollectionMenuItem,
           {
             item: view,
@@ -12006,20 +11652,79 @@ var PanelContent = (props) => {
   })));
 };
 
-// src/components/saved-views/SavedViews.tsx
+// src/SavedViews/components/SavedViews/SmartGrid/SmartGridSavedViews.tsx
+import React20 from "react";
+
+// src/SavedViews/components/SavedViews/SmartGrid/SmartGridDefaultSavedView.tsx
+import { useI18nContext as useI18nContext5 } from "@procore/core-react";
+var useDefaultViewName = (domain, defaultViewName) => {
+  const i18n = useI18nContext5();
+  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
+import { useState as useState3, useEffect as useEffect2 } from "react";
+var GRID_STATE_EVENTS = [
+  "sortChanged",
+  "filterOpened",
+  "filterChanged",
+  "columnRowGroupChanged",
+  "dragStopped",
+  "columnResized",
+  "columnVisible",
+  "columnPinned",
+  "columnMoved",
+  "modelUpdated",
+  "gridColumnsChanged",
+  "gridReady"
+];
+var useSmartGridConfig = (gridApi) => {
+  const [config, setConfig] = useState3(
+    () => getSmartGridConfig(gridApi)
+  );
+  useEffect2(() => {
+    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
 import {
   Box as Box2,
-  Button as Button6,
-  Flex as Flex6,
+  Button as Button5,
+  Flex as Flex5,
   Panel as Panel3,
   Tooltip,
-  useI18nContext as useI18nContext11
+  useI18nContext as useI18nContext10
 } from "@procore/core-react";
-import React22, { useState as useState4, useEffect as useEffect3, useCallback as useCallback3 } from "react";
+import React19, { useState as useState4 } from "react";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { useToastAlertContext as useToastAlertContext3, ToastAlertProvider } from "@procore/toast-alert";
 
-// src/components/modals/DeleteConfirmationModal.tsx
+// src/SavedViews/components/SavedViewsModals/SavedViewsDeleteConfirmationModalShared.tsx
 import {
   Button as Button3,
   ConfirmModal,
@@ -12027,14 +11732,14 @@ import {
   P as P2,
   useI18nContext as useI18nContext6
 } from "@procore/core-react";
-import React18 from "react";
+import React16 from "react";
 var SavedViewsDeleteConfirmationModalShared = ({
   onCancel,
   onDelete,
   open
 }) => {
   const i18n = useI18nContext6();
-  return /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React16.createElement(
     ConfirmModal,
     {
       "data-testid": "delete-confirmation-modal",
@@ -12044,15 +11749,15 @@ var SavedViewsDeleteConfirmationModalShared = ({
       onClose: onCancel,
       style: { overflowWrap: "anywhere" }
     },
-    /* @__PURE__ */ React18.createElement(Modal.Body, null, /* @__PURE__ */ React18.createElement(P2, null, i18n.t("savedViews.modal.delete.description"))),
-    /* @__PURE__ */ React18.createElement(Modal.Footer, null, /* @__PURE__ */ React18.createElement(Modal.FooterButtons, null, /* @__PURE__ */ React18.createElement(Button3, { variant: "secondary", onClick: onCancel }, i18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React18.createElement(Button3, { variant: "primary", onClick: onDelete }, i18n.t("savedViews.actions.delete"))))
+    /* @__PURE__ */ React16.createElement(Modal.Body, null, /* @__PURE__ */ React16.createElement(P2, null, i18n.t("savedViews.modal.delete.description"))),
+    /* @__PURE__ */ React16.createElement(Modal.Footer, null, /* @__PURE__ */ React16.createElement(Modal.FooterButtons, null, /* @__PURE__ */ React16.createElement(Button3, { variant: "secondary", onClick: onCancel }, i18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React16.createElement(Button3, { variant: "primary", onClick: onDelete }, i18n.t("savedViews.actions.delete"))))
   );
 };
 
-// src/components/modals/form-modal/FormModal.tsx
-import React20 from "react";
+// src/SavedViews/components/SavedViewsModals/SavedViewsFormModal.tsx
+import React18 from "react";
 
-// src/components/modals/form-modal/FormModalBase.tsx
+// src/SavedViews/components/SavedViewsModals/SavedViewsCreateUpdateModalBase.tsx
 import {
   Banner,
   Button as Button4,
@@ -12066,7 +11771,7 @@ import {
   Typography as Typography2,
   useI18nContext as useI18nContext7
 } from "@procore/core-react";
-import * as React19 from "react";
+import * as React17 from "react";
 
 // ../../node_modules/yup/index.esm.js
 var import_property_expr = __toESM(require_property_expr());
@@ -14360,7 +14065,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)
@@ -14393,11 +14098,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,
@@ -14409,23 +14115,40 @@ var FormModalBase = ({
   tableName,
   defaultView,
   selectedSavedView,
+  setSelectedSavedView,
   setOpenEditCreateModal,
-  onSelect
+  onSelect,
+  backend
 }) => {
   const I18n = useI18nContext7();
   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();
@@ -14434,7 +14157,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) => {
@@ -14446,8 +14169,8 @@ var FormModalBase = ({
       };
       updateSavedView(body, {
         onSuccess: (updatedSavedView) => {
-          onSelect(updatedSavedView);
           setOpenEditCreateModal(false);
+          setSelectedSavedView(updatedSavedView);
         }
       });
     } else {
@@ -14466,7 +14189,7 @@ var FormModalBase = ({
     }
   };
   const viewLevelOptions = getViewLevelOptions(permissions, I18n);
-  return /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React17.createElement(
     Modal2,
     {
       "aria-label": I18n.t("savedViews.ariaLabels.modal"),
@@ -14475,14 +14198,14 @@ var FormModalBase = ({
       style: { width: "540px" },
       "data-testid": "create-update-modal"
     },
-    /* @__PURE__ */ React19.createElement(ScrollContainer, null, /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React17.createElement(ScrollContainer, null, /* @__PURE__ */ React17.createElement(
       Modal2.Header,
       {
         onClose,
         style: { borderBottom: `1px solid ${colors3.gray85}` }
       },
-      /* @__PURE__ */ React19.createElement(H2, null, header)
-    ), /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React17.createElement(H2, null, header)
+    ), /* @__PURE__ */ React17.createElement(
       Form,
       {
         initialValues: {
@@ -14508,13 +14231,13 @@ var FormModalBase = ({
         onReset: onCancel,
         validateOnChange: true
       },
-      /* @__PURE__ */ React19.createElement(Form.Form, { name: header }, /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React17.createElement(Form.Form, { name: header }, /* @__PURE__ */ React17.createElement(
         Modal2.Body,
         {
           style: { paddingTop: 0, paddingBottom: 0, marginTop: spacing3.lg }
         },
-        errors && /* @__PURE__ */ React19.createElement(ErrorBanner, { style: { marginBottom: spacing3.xl } }, /* @__PURE__ */ React19.createElement(Banner.Content, null, /* @__PURE__ */ React19.createElement(Banner.Title, null, I18n.t("savedViews.modal.errors.title", { mode })), /* @__PURE__ */ React19.createElement(Banner.Body, null, (errors == null ? void 0 : errors.form) || I18n.t(`savedViews.modal.errors.description.${mode}`)))),
-        /* @__PURE__ */ React19.createElement(Form.Row, null, /* @__PURE__ */ React19.createElement(
+        errors && /* @__PURE__ */ React17.createElement(ErrorBanner, { style: { marginBottom: spacing3.xl } }, /* @__PURE__ */ React17.createElement(Banner.Content, null, /* @__PURE__ */ React17.createElement(Banner.Title, null, I18n.t("savedViews.modal.errors.title", { mode })), /* @__PURE__ */ React17.createElement(Banner.Body, null, (errors == null ? void 0 : errors.form) || I18n.t(`savedViews.modal.errors.description.${mode}`)))),
+        /* @__PURE__ */ React17.createElement(Form.Row, null, /* @__PURE__ */ React17.createElement(
           Form.Text,
           {
             name: "name",
@@ -14525,12 +14248,12 @@ var FormModalBase = ({
             onChange: () => resetMutations()
           }
         )),
-        /* @__PURE__ */ React19.createElement(
+        /* @__PURE__ */ React17.createElement(
           Form.Row,
           {
             style: { marginTop: (errors == null ? void 0 : errors.name) ? spacing3.xl : spacing3.none }
           },
-          /* @__PURE__ */ React19.createElement(
+          /* @__PURE__ */ React17.createElement(
             Form.TextArea,
             {
               name: "description",
@@ -14541,18 +14264,19 @@ var FormModalBase = ({
             }
           )
         ),
-        viewLevelOptions.length > 1 && mode === "create" /* CREATE */ ? /* @__PURE__ */ React19.createElement(Form.Row, null, /* @__PURE__ */ React19.createElement(
+        viewLevelOptions.length > 1 && mode === "create" /* CREATE */ ? /* @__PURE__ */ React17.createElement(Form.Row, null, /* @__PURE__ */ React17.createElement(
           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(Modal2.Footer, { style: { borderTop: `1px solid ${colors3.gray85}` } }, /* @__PURE__ */ React19.createElement(Flex4, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React19.createElement(Typography2, { color: "gray45", italic: true }, /* @__PURE__ */ React19.createElement(Typography2, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React19.createElement(Modal2.FooterButtons, null, /* @__PURE__ */ React19.createElement(Button4, { type: "reset", variant: "tertiary", disabled: isLoading }, I18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React19.createElement(
+        )) : /* @__PURE__ */ React17.createElement(React17.Fragment, null)
+      ), /* @__PURE__ */ React17.createElement(Modal2.Footer, { style: { borderTop: `1px solid ${colors3.gray85}` } }, /* @__PURE__ */ React17.createElement(Flex4, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React17.createElement(Typography2, { color: "gray45", italic: true }, /* @__PURE__ */ React17.createElement(Typography2, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React17.createElement(Modal2.FooterButtons, null, /* @__PURE__ */ React17.createElement(Button4, { type: "reset", variant: "tertiary", disabled: isLoading }, I18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React17.createElement(
         Button4,
         {
           "data-testid": "create-update-modal-button",
@@ -14567,9 +14291,9 @@ var FormModalBase = ({
   );
 };
 
-// src/components/modals/form-modal/FormModal.tsx
+// src/SavedViews/components/SavedViewsModals/SavedViewsFormModal.tsx
 import { useI18nContext as useI18nContext8 } from "@procore/core-react";
-var FormModal = ({
+var SavedViewsFormModal = ({
   open,
   mode,
   onCancel,
@@ -14577,13 +14301,15 @@ var FormModal = ({
   tableName,
   queryInput,
   selectedSavedView,
+  setSelectedSavedView,
   setOpenEditCreateModal,
   onSelect,
-  defaultView
+  defaultView,
+  backend
 }) => {
   const i18n = useI18nContext8();
-  return /* @__PURE__ */ React20.createElement(
-    FormModalBase,
+  return /* @__PURE__ */ React18.createElement(
+    SavedViewsCreateUpdateModalBase,
     {
       open,
       mode,
@@ -14595,333 +14321,174 @@ var FormModal = ({
       tableConfig,
       tableName,
       selectedSavedView,
+      setSelectedSavedView,
       setOpenEditCreateModal,
       onSelect,
-      defaultView
+      defaultView,
+      backend
     }
   );
 };
 
-// src/components/modals/form-modal/SharedViewFormModal.tsx
-import {
-  Banner as Banner2,
-  Button as Button5,
-  colors as colors4,
-  ErrorBanner as ErrorBanner2,
-  Flex as Flex5,
-  Form as Form2,
-  Modal as Modal3,
-  P as P3,
-  spacing as spacing4,
-  Typography as Typography3,
-  useI18nContext as useI18nContext9
-} from "@procore/core-react";
-import * as React21 from "react";
-var SharedViewFormModal = ({
-  open,
-  fetchedView,
-  onClose,
-  onCreateTemporaryView,
-  onCreateView,
-  createError,
-  isCreating,
-  resetCreateError
-}) => {
-  const I18n = useI18nContext9();
-  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(
-    Modal3,
-    {
-      "data-testid": "shared-view-form-modal",
-      open,
-      onClickOverlay: onClose,
-      style: { width: "540px" }
-    },
-    /* @__PURE__ */ React21.createElement(
-      Modal3.Header,
-      {
-        onClose,
-        style: {
-          paddingTop: spacing4.lg,
-          paddingBottom: spacing4.xs,
-          paddingLeft: spacing4.xl,
-          paddingRight: spacing4.xl
-        }
-      },
-      I18n.t("savedViews.modal.create.title")
-    ),
-    /* @__PURE__ */ React21.createElement(
-      P3,
-      {
-        style: {
-          paddingLeft: spacing4.xl,
-          paddingRight: spacing4.xl,
-          paddingBottom: spacing4.lg,
-          paddingTop: spacing4.none,
-          margin: 0,
-          color: colors4.gray45,
-          whiteSpace: "pre-line"
-        }
-      },
-      I18n.t("savedViews.modal.copyConfirmation.description")
-    ),
-    /* @__PURE__ */ React21.createElement(
-      Form2,
-      {
-        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(Form2.Form, { name: "share-view-form" }, /* @__PURE__ */ React21.createElement(
-        Modal3.Body,
-        {
-          style: {
-            paddingTop: spacing4.lg,
-            paddingBottom: 0,
-            borderTop: `1px solid ${colors4.gray85}`
-          }
-        },
-        errors && /* @__PURE__ */ React21.createElement(ErrorBanner2, { style: { marginBottom: spacing4.xl } }, /* @__PURE__ */ React21.createElement(Banner2.Content, null, /* @__PURE__ */ React21.createElement(Banner2.Title, null, I18n.t("savedViews.modal.errors.title", {
-          mode: "create"
-        })), /* @__PURE__ */ React21.createElement(Banner2.Body, null, (errors == null ? void 0 : errors.form) || I18n.t("savedViews.modal.errors.description.create")))),
-        /* @__PURE__ */ React21.createElement(Form2.Row, null, /* @__PURE__ */ React21.createElement(
-          Form2.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(
-          Form2.Row,
-          {
-            style: { marginTop: (errors == null ? void 0 : errors.name) ? spacing4.xl : spacing4.none }
-          },
-          /* @__PURE__ */ React21.createElement(
-            Form2.TextArea,
-            {
-              name: "description",
-              placeholder: I18n.t("savedViews.modal.fields.description"),
-              label: I18n.t("savedViews.modal.fields.description"),
-              colWidth: 12,
-              resize: "vertical"
-            }
-          )
-        )
-      ), /* @__PURE__ */ React21.createElement(Modal3.Footer, { style: { borderTop: `1px solid ${colors4.gray85}` } }, /* @__PURE__ */ React21.createElement(Flex5, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React21.createElement(Typography3, { color: "gray45", italic: true }, /* @__PURE__ */ React21.createElement(Typography3, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React21.createElement(Modal3.FooterButtons, null, /* @__PURE__ */ React21.createElement(
-        Button5,
-        {
-          variant: "secondary",
-          onClick: onCreateTemporaryView,
-          "data-testid": "view-temporarily-button",
-          disabled: isCreating
-        },
-        I18n.t("savedViews.actions.viewTemporarily")
-      ), /* @__PURE__ */ React21.createElement(
-        Button5,
-        {
-          type: "submit",
-          variant: "primary",
-          "data-testid": "create-view-button",
-          disabled: isCreating,
-          loading: isCreating
-        },
-        I18n.t("savedViews.actions.create")
-      )))))
-    )
+// ../../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
+  };
+  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/hooks/useViewSelection.ts
-import { useState as useState3, useCallback as useCallback2, useEffect as useEffect2, useRef as useRef2, useMemo } from "react";
-import { useSearchParams } from "react-router-dom";
-import { useI18nContext as useI18nContext10 } from "@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/Api/queries.ts
+import { useQuery } from "@tanstack/react-query";
 
-// 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 = useI18nContext10();
-  const storageKey = `savedView_${config.domain}_${config.tableName}_${config.companyId}_${config.projectId}_${config.userId}`;
-  const temporaryStorageKey = `${storageKey}-temporary`;
-  const [searchParams, setSearchParams] = useSearchParams();
-  const previousSavedViewParamRef = useRef2(null);
-  const [selectedSavedView, setSelectedSavedView] = useState3(() => {
-    const stored = ViewStorage.load(storageKey, config.defaultView);
-    return stored ?? config.defaultView;
-  });
-  const [temporaryView, setTemporaryView] = useState3(() => {
-    const loaded = ViewStorage.load(temporaryStorageKey, config.defaultView);
-    return loaded && (loaded.id === "temporary" || loaded.view_level === "temporary") ? loaded : null;
-  });
-  const persistViewToStorageAndUrl = useCallback2(
-    (view) => {
-      ViewStorage.save(storageKey, view);
-      setViewInUrl(view, setSearchParams);
-    },
-    [storageKey, setSearchParams]
-  );
-  const baseViews = useMemo(
-    () => [...savedViews ?? [], ...presetViews ?? []],
-    [savedViews, presetViews]
-  );
-  const allViews = useMemo(
-    () => temporaryView ? [...baseViews, temporaryView] : baseViews,
-    [baseViews, temporaryView]
-  );
-  const selectView = useCallback2(
-    (view) => {
-      const viewToSelect = config.onSelect({ item: view });
-      setSelectedSavedView(viewToSelect);
-      persistViewToStorageAndUrl(viewToSelect);
-      return viewToSelect;
-    },
-    [config, persistViewToStorageAndUrl]
-  );
-  const createTemporaryView = useCallback2(
-    (fetchedView) => {
-      const tempView = {
-        ...fetchedView,
-        id: "temporary",
-        name: I18n.t("savedViews.temporaryViewName"),
-        view_level: "temporary"
-      };
-      ViewStorage.save(temporaryStorageKey, tempView);
-      setTemporaryView(tempView);
-      selectView(tempView);
-      return tempView;
+// src/utils/Api/queriesHandler.ts
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { useI18nContext as useI18nContext9 } from "@procore/core-react";
+var useApiRequest = (props, method, mutationKey) => {
+  const { projectId, companyId, domain, tableName } = props;
+  const queryClient2 = useQueryClient();
+  const { locale: locale2 } = useI18nContext9();
+  return 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
+        }
+      });
+      if (response.error) {
+        throw response.error;
+      }
+      return response.data;
     },
-    [temporaryStorageKey, selectView]
-  );
-  const clearTemporaryView = useCallback2(() => {
-    ViewStorage.remove(temporaryStorageKey);
-    setTemporaryView(null);
-    selectView(config.defaultView);
-  }, [temporaryStorageKey, config.defaultView, selectView]);
-  const isViewAlreadySelected = useCallback2(
-    (viewId) => checkIsViewSelected(selectedSavedView, viewId),
-    [selectedSavedView]
-  );
-  const handleSavedViewFromUrl = useCallback2(
-    (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]
-  );
-  useEffect2(() => {
-    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
+          );
+        }
+      );
+    }
+  });
+};
+
+// 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 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;
     }
-    if (savedViewId && savedViews) {
-      handleSavedViewFromUrl(savedViewId);
+  });
+};
+var useSavedViewsPermissions = (props) => {
+  const { projectId, companyId, domain } = props;
+  const url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views/permissions?permissions_domain=${domain}`;
+  return useQuery({
+    enabled: props.enableSavedViews,
+    queryKey: ["savedViewsConfig", domain],
+    queryFn: async () => {
+      const response = await requestJSON(url);
+      return response.data;
     }
-  }, [searchParams, handleSavedViewFromUrl, allViews.length]);
-  return {
-    selectedView: selectedSavedView,
-    selectView,
-    temporaryView,
-    createTemporaryView,
-    clearTemporaryView,
-    allViews
-  };
+  });
 };
+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"};
 `;
@@ -14931,122 +14498,79 @@ 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 } = useToastAlertContext3();
-  const i18n = useI18nContext11();
-  const [activeModal, setActiveModal] = useState4(null);
-  const [modalData, setModalData] = useState4(null);
-  const openModal = (type, data) => {
-    setActiveModal(type);
-    setModalData(data ?? null);
-  };
-  const closeModal = useCallback3(() => {
-    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);
-  useEffect3(() => {
-    if (fetchError) {
-      showToast.error(i18n.t("savedViews.errors.notFound"));
-      selectView(selectedView ?? props.defaultView);
-      closeModal();
+  const backend = createQueries(props.backend);
+  const { mutate: deleteSavedView } = backend.useDeleteSavedView(queryInput);
+  const [selectedSavedView, setSelectedSavedView] = useState4(() => {
+    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;
     }
-  }, [fetchError, selectedView, props.defaultView, selectView, closeModal]);
-  const viewSharedViewTemporarily = () => {
-    if (fetchedView) {
-      createTemporaryView(fetchedView);
-      closeModal();
+  });
+  const updateLocalStorage = (view) => {
+    if (props.stickyViewsKey) {
+      localStorage.setItem(
+        `${props.domain}_${props.tableName}_${props.stickyViewsKey}_${projectId}_${props.userId}`,
+        JSON.stringify(view)
+      );
     }
   };
-  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 handleViewItemSelect = ({ item }) => {
+    const viewToSetAsSelected = props.onSelect({ item });
+    setSelectedSavedView(viewToSetAsSelected);
+    updateLocalStorage(viewToSetAsSelected);
+  };
+  const onDelete = () => {
+    if (selectedSavedView) {
+      deleteSavedView(selectedSavedView, {
+        onSuccess: () => handleViewItemSelect({ item: props.defaultView })
       });
     }
   };
-  const selectCurrentViewAndCloseModal = () => {
-    selectView(selectedView ?? props.defaultView);
-    closeModal();
+  const i18n = useI18nContext10();
+  const [openDeleteModal, setOpenDeleteModal] = useState4(false);
+  const [openEditCreateModal, setOpenEditCreateModal] = useState4(false);
+  const [editCreateModalType, setEditCreateModalType] = useState4(
+    "create" /* CREATE */
+  );
+  const onCloseDeleteModal = () => {
+    setOpenDeleteModal(false);
   };
-  const deleteSelectedView = () => {
-    if (selectedView) {
-      deleteSavedView(selectedView, {
-        onSuccess: () => selectView(props.defaultView)
-      });
-    }
+  const onCloseEditModal = () => {
+    setOpenEditCreateModal(false);
+  };
+  const openModal = (type) => {
+    setEditCreateModalType(type);
+    setOpenEditCreateModal(true);
   };
-  const confirmDeleteAndCloseModal = () => {
-    deleteSelectedView();
-    closeModal();
+  const onOpenDeleteModal = () => {
+    setOpenDeleteModal(true);
   };
-  return /* @__PURE__ */ React22.createElement(StyledPanel, { provider: props.provider }, /* @__PURE__ */ React22.createElement(
+  return /* @__PURE__ */ React19.createElement(StyledPanel, { provider: props.provider }, /* @__PURE__ */ React19.createElement(
     ExpandedPanel,
     {
       "data-testid": "saved-view-expanded-panel",
       provider: props.provider
     },
-    /* @__PURE__ */ React22.createElement(Panel3.Header, { id: "saved-views-collections-panel-header" }, /* @__PURE__ */ React22.createElement(Panel3.Title, null, /* @__PURE__ */ React22.createElement(Flex6, { alignItems: "center" }, /* @__PURE__ */ React22.createElement(Box2, { paddingRight: "sm" }, i18n.t("savedViews.title")), /* @__PURE__ */ React22.createElement(Tooltip, { showDelay: 200, overlay: i18n.t("savedViews.tooltip") }, /* @__PURE__ */ React22.createElement(Help_default, { size: "sm" })))), /* @__PURE__ */ React22.createElement(
+    /* @__PURE__ */ React19.createElement(Panel3.Header, { id: "saved-views-collections-panel-header" }, /* @__PURE__ */ React19.createElement(Panel3.Title, null, /* @__PURE__ */ React19.createElement(Flex5, { alignItems: "center" }, /* @__PURE__ */ React19.createElement(Box2, { paddingRight: "sm" }, i18n.t("savedViews.title")), /* @__PURE__ */ React19.createElement(Tooltip, { showDelay: 200, overlay: i18n.t("savedViews.tooltip") }, /* @__PURE__ */ React19.createElement(Help_default, { size: "sm" })))), /* @__PURE__ */ React19.createElement(
       Tooltip,
       {
         overlay: i18n.t("savedViews.actions.create"),
         showDelay: 1e3
       },
-      /* @__PURE__ */ React22.createElement("span", null, /* @__PURE__ */ React22.createElement(
-        Button6,
+      /* @__PURE__ */ React19.createElement("span", null, /* @__PURE__ */ React19.createElement(
+        Button5,
         {
-          icon: /* @__PURE__ */ React22.createElement(Plus_default, null),
+          icon: /* @__PURE__ */ React19.createElement(Plus_default, null),
           variant: "secondary",
           "data-testid": "expanded-panel-create-button",
           onClick: () => openModal("create" /* CREATE */),
@@ -15055,221 +14579,121 @@ var SavedViewsContent = (props) => {
         i18n.t("savedViews.actions.create")
       ))
     )),
-    /* @__PURE__ */ React22.createElement(Panel3.Body, { style: { display: "flex", flexFlow: "column" } }, /* @__PURE__ */ React22.createElement(
+    /* @__PURE__ */ React19.createElement(Panel3.Body, { style: { display: "flex", flexFlow: "column" } }, /* @__PURE__ */ React19.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__ */ React22.createElement(
-    FormModal,
+  ), /* @__PURE__ */ React19.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__ */ React22.createElement(
+  ), selectedSavedView && /* @__PURE__ */ React19.createElement(
     SavedViewsDeleteConfirmationModalShared,
     {
-      open: true,
-      onDelete: confirmDeleteAndCloseModal,
-      onCancel: closeModal
-    }
-  ), fetchedView && isModalOpen("sharedView" /* SHARED_VIEW */) && /* @__PURE__ */ React22.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__ */ React22.createElement(EnvironmentI18nProvider, null, /* @__PURE__ */ React22.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React22.createElement(ToastAlertProvider, null, /* @__PURE__ */ React22.createElement(SavedViewsContent, { ...props }))));
+  return /* @__PURE__ */ React19.createElement(EnvironmentI18nProvider, null, /* @__PURE__ */ React19.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React19.createElement(SavedViewsContent, { ...props })));
 };
 
-// src/components/adapters/smart-grid/SmartGridSavedViews.tsx
-import React23, { useCallback as useCallback4 } from "react";
-
-// src/components/adapters/smart-grid/SmartGridDefaultSavedView.tsx
-import { useMemo as useMemo2 } from "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 useMemo2(() => {
-    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]);
-};
-
-// src/components/adapters/smart-grid/useSmartGridConfig.ts
-import { useState as useState5, useEffect as useEffect4 } from "react";
-var GRID_STATE_EVENTS = [
-  "sortChanged",
-  "filterOpened",
-  "filterChanged",
-  "columnRowGroupChanged",
-  "dragStopped",
-  "columnResized",
-  "columnVisible",
-  "columnPinned",
-  "columnMoved",
-  "modelUpdated",
-  "gridColumnsChanged",
-  "gridReady"
-];
-var useSmartGridConfig = (gridApi) => {
-  const [config, setConfig] = useState5(
-    () => getSmartGridConfig(gridApi)
-  );
-  useEffect4(() => {
-    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
+import { ToastAlertProvider } from "@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 = useCallback4(
-    ({ 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__ */ React23.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__ */ React20.createElement(ToastAlertProvider, null, /* @__PURE__ */ React20.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
-import React24, {
-  forwardRef as forwardRef11,
+// src/SavedViews/components/SavedViews/DataTable/DataTableSavedViews.tsx
+import React21, {
+  forwardRef as forwardRef9,
   useImperativeHandle,
-  useState as useState6,
-  useCallback as useCallback5
+  useState as useState5,
+  useCallback as useCallback2
 } from "react";
 
-// src/components/adapters/data-table/DataTableDefaultSavedView.tsx
-import { useMemo as useMemo3 } from "react";
-var DEFAULT_COLUMN_STATE2 = {
+// src/SavedViews/components/SavedViews/DataTable/DataTableDefaultSavedView.tsx
+import { useMemo } from "react";
+import { useI18nContext as useI18nContext11 } from "@procore/core-react";
+var DEFAULT_COLUMN_STATE = {
   hidden: false,
   pinned: null,
   width: 200,
@@ -15284,7 +14708,7 @@ var getColumnState = (columnDefinitions) => {
     if (column.field.includes("custom_field")) {
       return {
         field: column.field,
-        ...DEFAULT_COLUMN_STATE2
+        ...DEFAULT_COLUMN_STATE
       };
     }
     return {
@@ -15295,11 +14719,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 = {
@@ -15315,77 +14739,92 @@ var extractDefaultView2 = (columnDefinitions, receivedConfigFromTool) => {
   };
   return result;
 };
-var useNormalizedDefaultViews2 = (defaultViews, columnDefinitions) => {
-  return useMemo3(
-    () => defaultViews.map((view) => ({
-      ...view,
-      share_token: "",
-      table_config: extractDefaultView2(columnDefinitions, view.table_config)
-    })),
-    [defaultViews, columnDefinitions]
+var useDefaultViewName2 = (domain, defaultViewName) => {
+  const i18n = useI18nContext11();
+  return defaultViewName || i18n.t(domain, {
+    scope: "savedViews.defaultViewTitle",
+    defaultValue: "Default View"
+  });
+};
+var useDefaultView2 = (props) => {
+  const name = useDefaultViewName2(props.domain, props.defaultViewName);
+  const extractedDefaultConfig = 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 = forwardRef11((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] = useState6(
-    ViewStorage.load(props.stickyViewsKey, defaultView).table_config
+// src/SavedViews/components/SavedViews/DataTable/DataTableSavedViews.tsx
+import { ToastAlertProvider as ToastAlertProvider2 } from "@procore/toast-alert";
+var DataTableSavedViews = forwardRef9((props, ref) => {
+  const { tableApi, onTableConfigChange, projectId, companyId } = props;
+  const [internalTableConfig, setInternalTableConfig] = useState5(
+    props.defaultViewConfig
   );
   useImperativeHandle(ref, () => ({
     setTableConfig: (newConfig) => {
-      setInternalTableConfig(newConfig);
+      handleConfigChange(newConfig);
     }
   }));
-  const onSelect = useCallback5(
-    ({ 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 = useCallback2(
+    (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__ */ React24.createElement(
+  return /* @__PURE__ */ React21.createElement(ToastAlertProvider2, null, /* @__PURE__ */ React21.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";
 export {
   DataTableSavedViews,
   ExpandedPanel,
-  FormModal,
   PanelContent,
   SavedViewCollectionMenuItem,
-  SavedViews,
   SavedViewsDeleteConfirmationModalShared,
+  SavedViewsFormModal,
   SmartGridSavedViews,
   getTranslations,
   useSavedViewsPanel_default as useSavedViewsPanel