@procore/saved-views 5.0.0-alpha.4 → 5.1.0-alpha

package/dist/modern/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", P3 = {}, 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", P4 = {}, 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 = P3;
+        Big2.prototype = P4;
         Big2.DP = DP;
         Big2.RM = RM;
         Big2.NE = NE;
@@ -187,12 +187,12 @@ var require_big = __commonJS({
         }
         return x2.s < 0 && isNonzero ? "-" + s2 : s2;
       }
-      P3.abs = function() {
+      P4.abs = function() {
         var x2 = new this.constructor(this);
         x2.s = 1;
         return x2;
       };
-      P3.cmp = function(y2) {
+      P4.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;
       };
-      P3.div = function(y2) {
+      P4.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;
       };
-      P3.eq = function(y2) {
+      P4.eq = function(y2) {
         return this.cmp(y2) === 0;
       };
-      P3.gt = function(y2) {
+      P4.gt = function(y2) {
         return this.cmp(y2) > 0;
       };
-      P3.gte = function(y2) {
+      P4.gte = function(y2) {
         return this.cmp(y2) > -1;
       };
-      P3.lt = function(y2) {
+      P4.lt = function(y2) {
         return this.cmp(y2) < 0;
       };
-      P3.lte = function(y2) {
+      P4.lte = function(y2) {
         return this.cmp(y2) < 1;
       };
-      P3.minus = P3.sub = function(y2) {
+      P4.minus = P4.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;
       };
-      P3.mod = function(y2) {
+      P4.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));
       };
-      P3.neg = function() {
+      P4.neg = function() {
         var x2 = new this.constructor(this);
         x2.s = -x2.s;
         return x2;
       };
-      P3.plus = P3.add = function(y2) {
+      P4.plus = P4.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;
       };
-      P3.pow = function(n2) {
+      P4.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;
       };
-      P3.prec = function(sd, rm) {
+      P4.prec = function(sd, rm) {
         if (sd !== ~~sd || sd < 1 || sd > MAX_DP) {
           throw Error(INVALID + "precision");
         }
         return round(new this.constructor(this), sd, rm);
       };
-      P3.round = function(dp, rm) {
+      P4.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);
       };
-      P3.sqrt = function() {
+      P4.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);
       };
-      P3.times = P3.mul = function(y2) {
+      P4.times = P4.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;
       };
-      P3.toExponential = function(dp, rm) {
+      P4.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);
       };
-      P3.toFixed = function(dp, rm) {
+      P4.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);
       };
-      P3.toJSON = P3.toString = function() {
+      P4.toJSON = P4.toString = function() {
         var x2 = this, Big2 = x2.constructor;
         return stringify(x2, x2.e <= Big2.NE || x2.e >= Big2.PE, !!x2.c[0]);
       };
-      P3.toNumber = function() {
+      P4.toNumber = function() {
         var n2 = +stringify(this, true, true);
         if (this.constructor.strict === true && !this.eq(n2.toString())) {
           throw Error(NAME + "Imprecise conversion");
         }
         return n2;
       };
-      P3.toPrecision = function(sd, rm) {
+      P4.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);
       };
-      P3.valueOf = function() {
+      P4.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, P3, generator) {
+    var __awaiter = exports && exports.__awaiter || function(thisArg, _arguments, P4, generator) {
       function adopt(value) {
-        return value instanceof P3 ? value : new P3(function(resolve) {
+        return value instanceof P4 ? value : new P4(function(resolve) {
           resolve(value);
         });
       }
-      return new (P3 || (P3 = Promise))(function(resolve, reject) {
+      return new (P4 || (P4 = Promise))(function(resolve, reject) {
         function fulfilled(value) {
           try {
             step(generator.next(value));
@@ -8798,7 +8798,11 @@ var en_default = {
       create: "Create",
       edit: "Edit",
       cancel: "Cancel",
-      close: "Close"
+      close: "Close",
+      viewTemporarily: "View Temporarily",
+      createView: "Create View",
+      copyShareLink: "Copy Share Link",
+      linkCopied: "Share link copied to clipboard"
     },
     modal: {
       edit: {
@@ -8811,6 +8815,10 @@ var en_default = {
         headline: "Delete Saved View",
         description: "This view cannot be restored once it has been deleted."
       },
+      copyConfirmation: {
+        headline: 'Create "{{savedViewName}}" as a personal saved view?',
+        description: "You pasted a link to a saved view that does not yet exist for you. You can create it as a personal saved view or just view it temporarily."
+      },
       fields: {
         name: "Name",
         description: "Description",
@@ -8843,11 +8851,15 @@ var en_default = {
     update: {
       success: "The saved view was successfully updated."
     },
+    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."
+      delete: "Sorry, the saved view couldn't be deleted. Try again.",
+      copyFailed: "Failed to copy share link to clipboard"
     },
     defaultViewTitle: {
       rfi: "All RFIs",
@@ -9816,16 +9828,33 @@ var Help = React7.forwardRef(function Help2(props, ref) {
 Help.displayName = "Help";
 var Help_default = Help;
 
-// ../../node_modules/@procore/core-icons/dist/icons/Person.js
+// ../../node_modules/@procore/core-icons/dist/icons/Link.js
 import * as React8 from "react";
-var Person = React8.forwardRef(function Person2(props, ref) {
+var Link = React8.forwardRef(function Link2(props, ref) {
   return React8.createElement(
     Icon,
-    __assign({}, props, { name: "Person" }),
+    __assign({}, props, { name: "Link" }),
     React8.createElement(
       "svg",
       { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref },
-      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" })
+      React8.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" }),
+      React8.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 React9 from "react";
+var Person = React9.forwardRef(function Person2(props, ref) {
+  return React9.createElement(
+    Icon,
+    __assign({}, props, { name: "Person" }),
+    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: "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" })
     )
   );
 });
@@ -9833,15 +9862,15 @@ Person.displayName = "Person";
 var Person_default = Person;
 
 // ../../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(
+import * as React10 from "react";
+var Plus = React10.forwardRef(function Plus2(props, ref) {
+  return React10.createElement(
     Icon,
     __assign({}, props, { name: "Plus" }),
-    React9.createElement(
+    React10.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: "M13.25 5H10.75V10.75H5V13.25H10.75V19H13.25V13.25H19V10.75H13.25V5Z", fill: "currentColor" })
+      React10.createElement("path", { d: "M13.25 5H10.75V10.75H5V13.25H10.75V19H13.25V13.25H19V10.75H13.25V5Z", fill: "currentColor" })
     )
   );
 });
@@ -9850,7 +9879,7 @@ var Plus_default = Plus;
 
 // src/SavedViews/components/Buttons/SavedViewsButton.tsx
 import { Button } from "@procore/core-react";
-import React11 from "react";
+import React12 from "react";
 
 // node_modules/styled-components/dist/styled-components.esm.js
 var import_react_is = __toESM(require_react_is());
@@ -9987,7 +10016,7 @@ function stylis_min(W2) {
                     break;
                   }
                 default:
-                  58 !== f2.charCodeAt(t2 - 1) && (p += P3(f2, q2, g2, f2.charCodeAt(2)));
+                  58 !== f2.charCodeAt(t2 - 1) && (p += P4(f2, q2, g2, f2.charCodeAt(2)));
               }
             I = r2 = u2 = q2 = 0;
             f2 = "";
@@ -10160,7 +10189,7 @@ function stylis_min(W2) {
     }
     return d + c2;
   }
-  function P3(d, c2, e2, h) {
+  function P4(d, c2, e2, h) {
     var a2 = d + ";", m2 = 2 * c2 + 3 * e2 + 4 * h;
     if (944 === m2) {
       d = a2.indexOf(":", 9) + 1;
@@ -10267,7 +10296,7 @@ function stylis_min(W2) {
       case 931:
       case 953:
         if (true === la.test(d))
-          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;
+          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;
         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))
@@ -10281,7 +10310,7 @@ function stylis_min(W2) {
     return R2(2 !== c2 ? h : h.replace(na, "$1"), e2, c2);
   }
   function ea(d, c2) {
-    var e2 = P3(c2, c2.charCodeAt(0), c2.charCodeAt(1), c2.charCodeAt(2));
+    var e2 = P4(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) {
@@ -10939,7 +10968,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, P3 = function(e3, t3) {
+  var A2, C2 = new re(n2, v2, o2 ? e2.componentStyle : void 0), I = C2.isStatic && 0 === c2.length, P4 = 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);
@@ -10958,7 +10987,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 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) {
+  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) {
     var r2 = t2.componentId, o3 = function(e4, t3) {
       if (null == e4)
         return {};
@@ -11064,7 +11093,7 @@ var Ue = function() {
 var styled_components_esm_default = Ye;
 
 // src/SavedViews/components/EnvironmentI18nProvider.tsx
-import React10 from "react";
+import React11 from "react";
 import { I18nContext, useI18n, useI18nContext } from "@procore/core-react";
 import { useRequestTranslations } from "@procore/cdn-translations";
 var useCDNTranslations = () => {
@@ -11090,7 +11119,7 @@ var useCDNTranslations = () => {
 };
 var EnvironmentI18nProvider = ({ children }) => {
   const i18n = useCDNTranslations();
-  return /* @__PURE__ */ React10.createElement(I18nContext.Provider, { value: i18n }, children);
+  return /* @__PURE__ */ React11.createElement(I18nContext.Provider, { value: i18n }, children);
 };
 
 // src/SavedViews/components/Buttons/SavedViewsButton.tsx
@@ -11117,12 +11146,12 @@ var SavedViewsButton = ({
   isOpen
 }) => {
   const I18n = useCDNTranslations();
-  return /* @__PURE__ */ React11.createElement(Container, null, /* @__PURE__ */ React11.createElement(
+  return /* @__PURE__ */ React12.createElement(Container, null, /* @__PURE__ */ React12.createElement(
     StyledButton,
     {
       variant: "secondary",
       onClick: handleClick,
-      icon: /* @__PURE__ */ React11.createElement(StyledIcon, { left: isOpen }),
+      icon: /* @__PURE__ */ React12.createElement(StyledIcon, { left: isOpen }),
       "data-testid": "saved-views-button"
     },
     I18n.t("savedViews.button.title")
@@ -11130,7 +11159,7 @@ var SavedViewsButton = ({
 };
 
 // src/SavedViews/components/Buttons/useSavedViewsPanel.tsx
-import React12 from "react";
+import React13 from "react";
 var useSavedViewsPanel = (domain, tableName) => {
   const key = (domain2, tableName2) => `savedViewsPanel-${domain2}-${tableName2}`;
   const [isOpen, setIsOpen] = useState(
@@ -11140,8 +11169,8 @@ var useSavedViewsPanel = (domain, tableName) => {
     setIsOpen(!isOpen);
     localStorage.setItem(key(domain, tableName), JSON.stringify(!isOpen));
   };
-  const Button6 = () => /* @__PURE__ */ React12.createElement(SavedViewsButton, { handleClick, isOpen });
-  return { isOpen, SavedViewsButton: Button6 };
+  const Button7 = () => /* @__PURE__ */ React13.createElement(SavedViewsButton, { handleClick, isOpen });
+  return { isOpen, SavedViewsButton: Button7 };
 };
 var useSavedViewsPanel_default = useSavedViewsPanel;
 
@@ -11153,7 +11182,8 @@ import {
   Flex,
   useI18nContext as useI18nContext2
 } from "@procore/core-react";
-import * as React13 from "react";
+import * as React14 from "react";
+import { useToastAlertContext } from "@procore/toast-alert";
 var RowActionsBox = styled_components_esm_default(Flex)`
   justify-content: center;
   align-items: center;
@@ -11169,7 +11199,7 @@ var Container2 = styled_components_esm_default(Flex)`
   ${({ "aria-selected": selected }) => selected ? "color: hsl(218, 75%, 45%);" : ""}
 `;
 var SavedViewCollectionMenuItem = (props) => {
-  const onClick = React13.useCallback(
+  const onClick = React14.useCallback(
     (a2) => {
       if (!props.item) {
         return;
@@ -11191,7 +11221,19 @@ var SavedViewCollectionMenuItem = (props) => {
     event.stopPropagation();
     props.onUpdate?.(props.item);
   };
+  const { showToast } = useToastAlertContext();
   const i18n = useI18nContext2();
+  const copyShareLink = async (event) => {
+    event.stopPropagation();
+    try {
+      const currentUrl = new URL(window.location.href);
+      await navigator.clipboard.writeText(currentUrl.toString());
+      showToast.success(i18n.t("savedViews.actions.linkCopied"));
+    } catch (error) {
+      console.error("Failed to copy link:", error);
+      showToast.error(i18n.t("savedViews.errors.copyFailed"));
+    }
+  };
   const flyoutMenuOptions = [
     {
       value: "editNameDesc",
@@ -11202,7 +11244,7 @@ var SavedViewCollectionMenuItem = (props) => {
       label: i18n.t("savedViews.actions.delete")
     }
   ];
-  return /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React14.createElement(
     Container2,
     {
       "aria-selected": Boolean(props.selected),
@@ -11213,7 +11255,7 @@ var SavedViewCollectionMenuItem = (props) => {
       }),
       "data-testid": "saved-view-collection-menu-item"
     },
-    /* @__PURE__ */ React13.createElement(
+    /* @__PURE__ */ React14.createElement(
       "span",
       {
         "data-testid": "saved-view-display-name",
@@ -11221,7 +11263,7 @@ var SavedViewCollectionMenuItem = (props) => {
       },
       props.item.name
     ),
-    /* @__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(
+    /* @__PURE__ */ React14.createElement(RowActionsBox, null, /* @__PURE__ */ React14.createElement(Box, { justifyContent: "space-between" }, props.item.id !== "default" && props.canUpdate && /* @__PURE__ */ React14.createElement("div", null, /* @__PURE__ */ React14.createElement(
       Button2,
       {
         onClick: updateItem,
@@ -11232,7 +11274,17 @@ var SavedViewCollectionMenuItem = (props) => {
         loading: props.isUpdateProcessing
       },
       i18n.t("savedViews.actions.update")
-    ))), /* @__PURE__ */ React13.createElement(Box, null, props.item.id !== "default" && props.canEditOrDelete && /* @__PURE__ */ React13.createElement("div", { onClick: (e2) => e2.stopPropagation() }, /* @__PURE__ */ React13.createElement(
+    )), props.item.id !== "default" && props.selected && !props.canUpdate && props.item.id !== "temporary" && /* @__PURE__ */ React14.createElement("div", null, /* @__PURE__ */ React14.createElement(
+      Button2,
+      {
+        onClick: copyShareLink,
+        variant: "tertiary",
+        size: "sm",
+        "aria-label": i18n.t("savedViews.actions.copyShareLink"),
+        "data-testid": "copy-share-link-button"
+      },
+      /* @__PURE__ */ React14.createElement(Link_default, { size: "sm" })
+    ))), /* @__PURE__ */ React14.createElement(Box, null, props.item.id !== "default" && props.canEditOrDelete && /* @__PURE__ */ React14.createElement("div", { onClick: (e2) => e2.stopPropagation() }, /* @__PURE__ */ React14.createElement(
       DropdownFlyout,
       {
         "data-testid": "saved-view-overflow-button",
@@ -11262,14 +11314,177 @@ import {
   Flex as Flex3,
   UNSAFE_Menu as MenuImperative,
   spacing as spacing2,
-  useI18nContext as useI18nContext4
+  useI18nContext as useI18nContext5
 } from "@procore/core-react";
-import { useToastAlertContext } from "@procore/toast-alert";
-import React15 from "react";
+import { useToastAlertContext as useToastAlertContext2 } from "@procore/toast-alert";
+import React16 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
+  };
+  return opts;
+}
+function getUrl(url, baseUrl) {
+  return baseUrl ? applyBaseUrl(url, baseUrl) : url;
+}
+function request(url, { baseUrl, ...options } = {}) {
+  return fetch(getUrl(url, baseUrl), getOptions(options));
+}
+function requestJSON(url, requestParams = {}) {
+  return request(url, requestParams).then(
+    (response) => response.json()
+  );
+}
+
+// src/utils/Api/queries.ts
+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.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;
+    },
+    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?.find((item) => item.id === savedView.id);
+        if (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.id === savedView.id ? 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({
+    enabled: props.enableSavedViews,
+    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({
+    enabled: props.enableSavedViews,
+    queryKey: ["savedViewsConfig", domain],
+    queryFn: async () => {
+      const response = await requestJSON(url);
+      return response.data;
+    }
+  });
+};
+var useCreateSavedView = (props) => useApiRequest(props, "POST", [
+  "createSavedView",
+  props.domain,
+  props.tableName
+]);
+var useUpdateSavedView = (props) => useApiRequest(props, "PUT", [
+  "updateSavedView",
+  props.domain,
+  props.tableName
+]);
+var useDeleteSavedView = (props) => useApiRequest(props, "DELETE", [
+  "deleteSavedView",
+  props.domain,
+  props.tableName
+]);
+var useFetchSavedViewById = (savedViewId, queryInput, enabled = true) => {
+  const { projectId, companyId } = queryInput;
+  return useQuery({
+    enabled: enabled && Boolean(savedViewId),
+    queryKey: ["savedView", savedViewId],
+    queryFn: async () => {
+      const url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views/${savedViewId}`;
+      const response = await requestJSON(url);
+      return response.data;
+    }
+  });
+};
+
 // src/SavedViews/components/Panels/PanelContentUtils.ts
 var import_lodash = __toESM(require_lodash());
 
@@ -11284,7 +11499,7 @@ function getSmartGridConfig(api) {
     columnState: columnStateResult,
     rowHeight: rowHeightResult,
     columnGroupState: columnGroupStateResult,
-    rowGroupState: rowGroupStateResult.filter((col) => typeof col?.getColId === "function").map((col) => col.getColId()),
+    rowGroupState: rowGroupStateResult,
     filterState: serverFiltersResult
   };
   return smartGridConfig;
@@ -11477,17 +11692,17 @@ import {
   Flex as Flex2,
   spacing,
   Typography,
-  useI18nContext as useI18nContext3
+  useI18nContext as useI18nContext4
 } from "@procore/core-react";
-import React14 from "react";
+import React15 from "react";
 var groupIcon = (group) => {
   switch (group) {
     case "personal":
-      return /* @__PURE__ */ React14.createElement(Person_default, null);
+      return /* @__PURE__ */ React15.createElement(Person_default, null);
     case "project":
-      return /* @__PURE__ */ React14.createElement(Excavator_default, null);
+      return /* @__PURE__ */ React15.createElement(Excavator_default, null);
     case "company":
-      return /* @__PURE__ */ React14.createElement(Building_default, null);
+      return /* @__PURE__ */ React15.createElement(Building_default, null);
   }
 };
 var Header = styled_components_esm_default(Flex2)`
@@ -11497,8 +11712,8 @@ var Header = styled_components_esm_default(Flex2)`
   }
 `;
 var ViewLevelHeader = ({ expanded, toggleGroup, group }) => {
-  const I18n = useI18nContext3();
-  return /* @__PURE__ */ React14.createElement(
+  const I18n = useI18nContext4();
+  return /* @__PURE__ */ React15.createElement(
     Header,
     {
       alignItems: "center",
@@ -11507,9 +11722,9 @@ var ViewLevelHeader = ({ expanded, toggleGroup, group }) => {
       style: { cursor: "pointer" },
       onClick: () => toggleGroup(group)
     },
-    expanded ? /* @__PURE__ */ React14.createElement(ChevronDown_default, { size: "sm" }) : /* @__PURE__ */ React14.createElement(ChevronRight_default, { size: "sm" }),
+    expanded ? /* @__PURE__ */ React15.createElement(ChevronDown_default, { size: "sm" }) : /* @__PURE__ */ React15.createElement(ChevronRight_default, { size: "sm" }),
     groupIcon(group),
-    /* @__PURE__ */ React14.createElement(Typography, { weight: "semibold" }, I18n.t(`savedViews.viewLevel.${group}`))
+    /* @__PURE__ */ React15.createElement(Typography, { weight: "semibold" }, I18n.t(`savedViews.viewLevel.${group}`))
   );
 };
 var ViewLevelHeader_default = ViewLevelHeader;
@@ -11544,21 +11759,19 @@ var Panel2 = styled_components_esm_default(DetailPage.Card)`
   box-shadow: none;
 `;
 var PanelContent = (props) => {
-  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(() => {
+  const { showToast } = useToastAlertContext2();
+  const I18n = useI18nContext5();
+  const { mutate: updateSavedView, isPending: isUpdateLoading } = useUpdateSavedView(props.queryInput);
+  const { data: savedViewsFromQuery, error: savedViewsError } = useSavedViewsQuery(props.queryInput);
+  const savedViews = props.savedViews ?? savedViewsFromQuery;
+  const errorToastRef = React16.useRef(null);
+  React16.useEffect(() => {
     if (savedViewsError && savedViewsError !== errorToastRef.current) {
       showToast.error(I18n.t("savedViews.errors.fetch"));
       errorToastRef.current = savedViewsError;
     }
-  }, [savedViewsError]);
-  const { data: permissions } = useSavedViewsPermissions2(props.queryInput);
+  }, [savedViewsError, showToast, I18n]);
+  const { data: permissions } = useSavedViewsPermissions(props.queryInput);
   const selectedRowRef = useScrollToRef(savedViews);
   const onUpdate = (data) => {
     const newSavedView = {
@@ -11579,14 +11792,30 @@ var PanelContent = (props) => {
   };
   const { groups, toggleGroup } = useGroups();
   const isDefaultSelected = props.selectedSavedView?.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(
+  const isTemporarySelected = props.selectedSavedView?.id === "temporary";
+  const temporaryView = savedViews?.find((view) => view.id === "temporary");
+  return /* @__PURE__ */ React16.createElement(Panel2, { "data-testid": "inner-panel" }, /* @__PURE__ */ React16.createElement(Flex3, { direction: "column", style: { height: "100%", width: "100%" } }, temporaryView && /* @__PURE__ */ React16.createElement(
+    Row,
+    {
+      selected: isTemporarySelected,
+      onClick: () => props.onSelect({ item: temporaryView }),
+      ref: isTemporarySelected ? selectedRowRef : null
+    },
+    /* @__PURE__ */ React16.createElement(
+      SavedViewCollectionMenuItem,
+      {
+        item: temporaryView,
+        selected: isTemporarySelected
+      }
+    )
+  ), /* @__PURE__ */ React16.createElement(
     Row,
     {
       selected: isDefaultSelected,
       onClick: () => props.onSelect({ item: props.defaultView }),
       ref: isDefaultSelected ? selectedRowRef : null
     },
-    /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React16.createElement(
       SavedViewCollectionMenuItem,
       {
         item: props.defaultView,
@@ -11595,8 +11824,10 @@ var PanelContent = (props) => {
     )
   ), VIEW_LEVELS.map((level) => {
     const isExpanded = groups[level];
-    const views = isExpanded && savedViews ? savedViews.filter((view) => view.view_level === level) : [];
-    return /* @__PURE__ */ React15.createElement(React15.Fragment, { key: level }, /* @__PURE__ */ React15.createElement(
+    const views = isExpanded && savedViews ? savedViews.filter(
+      (view) => view.view_level === level && view.id !== "temporary"
+    ) : [];
+    return /* @__PURE__ */ React16.createElement(React16.Fragment, { key: level }, /* @__PURE__ */ React16.createElement(
       ViewLevelHeader_default,
       {
         group: level,
@@ -11612,7 +11843,7 @@ var PanelContent = (props) => {
         props.provider
       );
       const canEditOrDelete = isSelected && hasPermissionForViewLevel(view.view_level, permissions);
-      return /* @__PURE__ */ React15.createElement(
+      return /* @__PURE__ */ React16.createElement(
         Row,
         {
           key: view.id,
@@ -11623,7 +11854,7 @@ var PanelContent = (props) => {
           },
           ref: isSelected ? selectedRowRef : null
         },
-        /* @__PURE__ */ React15.createElement(
+        /* @__PURE__ */ React16.createElement(
           SavedViewCollectionMenuItem,
           {
             item: view,
@@ -11644,12 +11875,12 @@ var PanelContent = (props) => {
 };
 
 // src/SavedViews/components/SavedViews/SmartGrid/SmartGridSavedViews.tsx
-import React20 from "react";
+import React23 from "react";
 
 // src/SavedViews/components/SavedViews/SmartGrid/SmartGridDefaultSavedView.tsx
-import { useI18nContext as useI18nContext5 } from "@procore/core-react";
+import { useI18nContext as useI18nContext6 } from "@procore/core-react";
 var useDefaultViewName = (domain, defaultViewName) => {
-  const i18n = useI18nContext5();
+  const i18n = useI18nContext6();
   return defaultViewName || i18n.t(domain, {
     scope: "savedViews.defaultViewTitle",
     defaultValue: "Default View"
@@ -11706,13 +11937,13 @@ var useSmartGridConfig = (gridApi) => {
 // src/SavedViews/components/SavedViews/SavedViews.tsx
 import {
   Box as Box2,
-  Button as Button5,
+  Button as Button6,
   Flex as Flex5,
   Panel as Panel3,
   Tooltip,
-  useI18nContext as useI18nContext10
+  useI18nContext as useI18nContext11
 } from "@procore/core-react";
-import React19, { useState as useState4 } from "react";
+import React22 from "react";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 
 // src/SavedViews/components/SavedViewsModals/SavedViewsDeleteConfirmationModalShared.tsx
@@ -11721,16 +11952,16 @@ import {
   ConfirmModal,
   Modal,
   P as P2,
-  useI18nContext as useI18nContext6
+  useI18nContext as useI18nContext7
 } from "@procore/core-react";
-import React16 from "react";
+import React17 from "react";
 var SavedViewsDeleteConfirmationModalShared = ({
   onCancel,
   onDelete,
   open
 }) => {
-  const i18n = useI18nContext6();
-  return /* @__PURE__ */ React16.createElement(
+  const i18n = useI18nContext7();
+  return /* @__PURE__ */ React17.createElement(
     ConfirmModal,
     {
       "data-testid": "delete-confirmation-modal",
@@ -11740,13 +11971,13 @@ var SavedViewsDeleteConfirmationModalShared = ({
       onClose: onCancel,
       style: { overflowWrap: "anywhere" }
     },
-    /* @__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"))))
+    /* @__PURE__ */ React17.createElement(Modal.Body, null, /* @__PURE__ */ React17.createElement(P2, null, i18n.t("savedViews.modal.delete.description"))),
+    /* @__PURE__ */ React17.createElement(Modal.Footer, null, /* @__PURE__ */ React17.createElement(Modal.FooterButtons, null, /* @__PURE__ */ React17.createElement(Button3, { variant: "secondary", onClick: onCancel }, i18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React17.createElement(Button3, { variant: "primary", onClick: onDelete }, i18n.t("savedViews.actions.delete"))))
   );
 };
 
 // src/SavedViews/components/SavedViewsModals/SavedViewsFormModal.tsx
-import React18 from "react";
+import React19 from "react";
 
 // src/SavedViews/components/SavedViewsModals/SavedViewsCreateUpdateModalBase.tsx
 import {
@@ -11760,9 +11991,9 @@ import {
   Modal as Modal2,
   spacing as spacing3,
   Typography as Typography2,
-  useI18nContext as useI18nContext7
+  useI18nContext as useI18nContext8
 } from "@procore/core-react";
-import * as React17 from "react";
+import * as React18 from "react";
 
 // ../../node_modules/yup/index.esm.js
 var import_property_expr = __toESM(require_property_expr());
@@ -14090,7 +14321,6 @@ function extractMessage(error, I18n) {
 }
 
 // src/SavedViews/components/SavedViewsModals/SavedViewsCreateUpdateModalBase.tsx
-var { useEffect: useEffect3, useRef: useRef2 } = React17;
 var ScrollContainer = styled_components_esm_default("div")`
   overflow: auto;
 `;
@@ -14108,38 +14338,22 @@ var SavedViewsCreateUpdateModalBase = ({
   selectedSavedView,
   setSelectedSavedView,
   setOpenEditCreateModal,
-  onSelect,
-  backend
+  onSelect
 }) => {
-  const I18n = useI18nContext7();
+  const I18n = useI18nContext8();
   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
-  } = useCreateSavedView2(queryInput);
+  } = useCreateSavedView(queryInput);
   const {
     mutate: updateSavedView,
     isPending: isUpdating,
     error: updateError,
     reset: resetUpdateMutation
-  } = useUpdateSavedView2(queryInput);
+  } = useUpdateSavedView(queryInput);
   const resetMutations = () => {
     resetCreateMutation();
     resetUpdateMutation();
@@ -14148,7 +14362,7 @@ var SavedViewsCreateUpdateModalBase = ({
     resetMutations();
     onCancel();
   };
-  const { data: permissions } = useSavedViewsPermissions2(queryInput);
+  const { data: permissions } = useSavedViewsPermissions(queryInput);
   const isLoading = isCreating || isUpdating;
   const errors = extractMessage(createError || updateError, I18n);
   const handleOnSubmit = (data) => {
@@ -14180,7 +14394,7 @@ var SavedViewsCreateUpdateModalBase = ({
     }
   };
   const viewLevelOptions = getViewLevelOptions(permissions, I18n);
-  return /* @__PURE__ */ React17.createElement(
+  return /* @__PURE__ */ React18.createElement(
     Modal2,
     {
       "aria-label": I18n.t("savedViews.ariaLabels.modal"),
@@ -14189,14 +14403,14 @@ var SavedViewsCreateUpdateModalBase = ({
       style: { width: "540px" },
       "data-testid": "create-update-modal"
     },
-    /* @__PURE__ */ React17.createElement(ScrollContainer, null, /* @__PURE__ */ React17.createElement(
+    /* @__PURE__ */ React18.createElement(ScrollContainer, null, /* @__PURE__ */ React18.createElement(
       Modal2.Header,
       {
         onClose,
         style: { borderBottom: `1px solid ${colors3.gray85}` }
       },
-      /* @__PURE__ */ React17.createElement(H2, null, header)
-    ), /* @__PURE__ */ React17.createElement(
+      /* @__PURE__ */ React18.createElement(H2, null, header)
+    ), /* @__PURE__ */ React18.createElement(
       Form,
       {
         initialValues: {
@@ -14222,13 +14436,13 @@ var SavedViewsCreateUpdateModalBase = ({
         onReset: onCancel,
         validateOnChange: true
       },
-      /* @__PURE__ */ React17.createElement(Form.Form, { name: header }, /* @__PURE__ */ React17.createElement(
+      /* @__PURE__ */ React18.createElement(Form.Form, { name: header }, /* @__PURE__ */ React18.createElement(
         Modal2.Body,
         {
           style: { paddingTop: 0, paddingBottom: 0, marginTop: spacing3.lg }
         },
-        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?.form || I18n.t(`savedViews.modal.errors.description.${mode}`)))),
-        /* @__PURE__ */ React17.createElement(Form.Row, null, /* @__PURE__ */ React17.createElement(
+        errors && /* @__PURE__ */ React18.createElement(ErrorBanner, { style: { marginBottom: spacing3.xl } }, /* @__PURE__ */ React18.createElement(Banner.Content, null, /* @__PURE__ */ React18.createElement(Banner.Title, null, I18n.t("savedViews.modal.errors.title", { mode })), /* @__PURE__ */ React18.createElement(Banner.Body, null, errors?.form || I18n.t(`savedViews.modal.errors.description.${mode}`)))),
+        /* @__PURE__ */ React18.createElement(Form.Row, null, /* @__PURE__ */ React18.createElement(
           Form.Text,
           {
             name: "name",
@@ -14239,12 +14453,12 @@ var SavedViewsCreateUpdateModalBase = ({
             onChange: () => resetMutations()
           }
         )),
-        /* @__PURE__ */ React17.createElement(
+        /* @__PURE__ */ React18.createElement(
           Form.Row,
           {
             style: { marginTop: errors?.name ? spacing3.xl : spacing3.none }
           },
-          /* @__PURE__ */ React17.createElement(
+          /* @__PURE__ */ React18.createElement(
             Form.TextArea,
             {
               name: "description",
@@ -14255,19 +14469,18 @@ var SavedViewsCreateUpdateModalBase = ({
             }
           )
         ),
-        viewLevelOptions.length > 1 && mode === "create" /* CREATE */ ? /* @__PURE__ */ React17.createElement(Form.Row, null, /* @__PURE__ */ React17.createElement(
+        viewLevelOptions.length > 1 && mode === "create" /* CREATE */ ? /* @__PURE__ */ React18.createElement(Form.Row, null, /* @__PURE__ */ React18.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__ */ 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(
+        )) : /* @__PURE__ */ React18.createElement(React18.Fragment, null)
+      ), /* @__PURE__ */ React18.createElement(Modal2.Footer, { style: { borderTop: `1px solid ${colors3.gray85}` } }, /* @__PURE__ */ React18.createElement(Flex4, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React18.createElement(Typography2, { color: "gray45", italic: true }, /* @__PURE__ */ React18.createElement(Typography2, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React18.createElement(Modal2.FooterButtons, null, /* @__PURE__ */ React18.createElement(Button4, { type: "reset", variant: "tertiary", disabled: isLoading }, I18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React18.createElement(
         Button4,
         {
           "data-testid": "create-update-modal-button",
@@ -14283,7 +14496,7 @@ var SavedViewsCreateUpdateModalBase = ({
 };
 
 // src/SavedViews/components/SavedViewsModals/SavedViewsFormModal.tsx
-import { useI18nContext as useI18nContext8 } from "@procore/core-react";
+import { useI18nContext as useI18nContext9 } from "@procore/core-react";
 var SavedViewsFormModal = ({
   open,
   mode,
@@ -14295,11 +14508,10 @@ var SavedViewsFormModal = ({
   setSelectedSavedView,
   setOpenEditCreateModal,
   onSelect,
-  defaultView,
-  backend
+  defaultView
 }) => {
-  const i18n = useI18nContext8();
-  return /* @__PURE__ */ React18.createElement(
+  const i18n = useI18nContext9();
+  return /* @__PURE__ */ React19.createElement(
     SavedViewsCreateUpdateModalBase,
     {
       open,
@@ -14315,169 +14527,276 @@ var SavedViewsFormModal = ({
       setSelectedSavedView,
       setOpenEditCreateModal,
       onSelect,
-      defaultView,
-      backend
+      defaultView
     }
   );
 };
 
-// ../../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/SavedViews/components/SavedViewsModals/CopyViewConfirmationModal.tsx
+import { Button as Button5, Modal as Modal3, P as P3, useI18nContext as useI18nContext10 } from "@procore/core-react";
+import React20 from "react";
+var CreateViewConfirmationModal = ({ open, savedViewName, onClose, onViewTemporarily, onCreateView }) => {
+  const i18n = useI18nContext10();
+  const handleViewTemporarily = () => {
+    onViewTemporarily?.();
   };
-  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()
+  const handleCreateView = () => {
+    onCreateView?.();
+  };
+  return /* @__PURE__ */ React20.createElement(
+    Modal3,
+    {
+      "data-testid": "create-view-confirmation-modal",
+      open,
+      onClickOverlay: onClose
+    },
+    /* @__PURE__ */ React20.createElement(Modal3.Header, { onClose }, i18n.t("savedViews.modal.copyConfirmation.headline", {
+      savedViewName
+    })),
+    /* @__PURE__ */ React20.createElement(Modal3.Body, null, /* @__PURE__ */ React20.createElement(P3, null, i18n.t("savedViews.modal.copyConfirmation.description"))),
+    /* @__PURE__ */ React20.createElement(Modal3.Footer, null, /* @__PURE__ */ React20.createElement(Modal3.FooterButtons, null, /* @__PURE__ */ React20.createElement(
+      Button5,
+      {
+        variant: "secondary",
+        onClick: handleViewTemporarily,
+        "data-testid": "view-temporarily-button"
+      },
+      i18n.t("savedViews.actions.viewTemporarily")
+    ), /* @__PURE__ */ React20.createElement(
+      Button5,
+      {
+        variant: "primary",
+        onClick: handleCreateView,
+        "data-testid": "create-view-button"
+      },
+      i18n.t("savedViews.actions.createView")
+    )))
   );
-}
+};
 
-// src/utils/Api/queries.ts
-import { useQuery } from "@tanstack/react-query";
+// src/utils/Hooks/useViewSelection.ts
+import { useState as useState4, useCallback as useCallback2 } from "react";
 
-// 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}`;
+// src/utils/Hooks/useUrlSync.ts
+import { useEffect as useEffect3 } from "react";
+import { useSearchParams } from "react-router-dom";
+var useUrlSync = (selectedView, availableViews, defaultView, onViewFound, onViewNotFound) => {
+  const [searchParams, setSearchParams] = useSearchParams();
+  const applySavedViewFromUrl = (savedViewId) => {
+    if (savedViewId === "default") {
+      if (defaultView.id !== selectedView?.id) {
+        onViewFound(defaultView);
       }
-      const response = await requestJSON(url, {
-        method,
-        body: JSON.stringify(savedView),
-        headers: {
-          "Content-Type": "application/json",
-          "Accept-Language": locale2
-        }
-      });
-      if (response.error) {
-        throw response.error;
-      }
-      return response.data;
-    },
-    onSuccess: (savedView) => {
-      if (method === "DELETE" || method === "POST") {
-        queryClient2.invalidateQueries({
-          queryKey: ["savedViews", domain, tableName]
-        });
-        return;
-      } else {
-        const oldData = queryClient2.getQueryData([
-          "savedViews",
-          domain,
-          tableName
-        ]);
-        const oldView = oldData?.find((item) => item.id === savedView.id);
-        if (oldView?.name !== savedView.name) {
-          queryClient2.invalidateQueries({
-            queryKey: ["savedViews", domain, tableName]
-          });
-          return;
-        }
+      return;
+    }
+    const viewInUserViews = availableViews.find((v2) => v2.id === savedViewId);
+    if (viewInUserViews) {
+      if (viewInUserViews.id !== selectedView?.id) {
+        onViewFound(viewInUserViews);
       }
-      queryClient2.setQueryData(
-        ["savedViews", domain, tableName],
-        (oldData) => {
-          if (!oldData)
-            return [savedView];
-          return oldData.map(
-            (item) => item.id === savedView.id ? savedView : item
-          );
+    } else {
+      onViewNotFound(savedViewId);
+    }
+  };
+  const applyListView = (viewParam) => {
+    if (viewParam === "list" && defaultView.id !== selectedView?.id) {
+      onViewFound(defaultView);
+    }
+  };
+  useEffect3(() => {
+    if (!availableViews.length)
+      return;
+    const savedViewId = searchParams.get("saved-view");
+    const viewParamFromConsumer = searchParams.get("view");
+    if (savedViewId) {
+      applySavedViewFromUrl(savedViewId);
+      return;
+    }
+    if (viewParamFromConsumer) {
+      applyListView(viewParamFromConsumer);
+    }
+  }, [
+    searchParams,
+    availableViews,
+    defaultView,
+    selectedView,
+    onViewFound,
+    onViewNotFound
+  ]);
+  const updateUrl = (view) => {
+    setSearchParams(
+      (currentParams) => {
+        const updatedParams = new URLSearchParams(currentParams);
+        if (view.id === "default") {
+          updatedParams.delete("saved-view");
+        } else {
+          updatedParams.set("saved-view", view.id);
         }
+        return updatedParams;
+      },
+      { replace: true }
+    );
+  };
+  return { updateUrl };
+};
+
+// src/utils/Hooks/useViewSelection.ts
+var useViewSelection = (config, savedViews, openCrossUserModal) => {
+  const [selectedSavedView, setSelectedSavedView] = useState4(() => {
+    try {
+      const savedView = JSON.parse(
+        localStorage.getItem(
+          `${config.domain}_${config.tableName}_${config.stickyViewsKey}_${config.projectId}_${config.userId}`
+        )
       );
+      return savedView || config.defaultView;
+    } catch (e2) {
+      return config.defaultView;
     }
   });
+  const [temporaryView, setTemporaryView] = useState4(null);
+  const createTemporaryView = useCallback2((fetchedView) => {
+    const tempView = {
+      ...fetchedView,
+      id: "temporary",
+      name: "Temporary View"
+    };
+    setTemporaryView(tempView);
+    return tempView;
+  }, []);
+  const clearTemporaryView = useCallback2(() => setTemporaryView(null), []);
+  const updateLocalStorage = useCallback2(
+    (view) => {
+      if (config.stickyViewsKey) {
+        localStorage.setItem(
+          `${config.domain}_${config.tableName}_${config.stickyViewsKey}_${config.projectId}_${config.userId}`,
+          JSON.stringify(view)
+        );
+      }
+    },
+    [
+      config.domain,
+      config.tableName,
+      config.stickyViewsKey,
+      config.projectId,
+      config.userId
+    ]
+  );
+  const allViews = temporaryView ? [...savedViews ?? [], temporaryView] : savedViews ?? [];
+  const onUrlViewFound = (foundView) => {
+    selectView(foundView);
+  };
+  const onUrlViewNotFound = (viewId) => {
+    if (viewId === selectedSavedView?.id) {
+      return;
+    }
+    openCrossUserModal(viewId);
+  };
+  const { updateUrl } = useUrlSync(
+    selectedSavedView,
+    allViews,
+    config.defaultView,
+    onUrlViewFound,
+    onUrlViewNotFound
+  );
+  const selectView = useCallback2(
+    (view) => {
+      if (view.id !== "temporary" && temporaryView) {
+        clearTemporaryView();
+      }
+      const viewToSelect = config.onSelect({ item: view });
+      setSelectedSavedView(viewToSelect);
+      updateLocalStorage(viewToSelect);
+      updateUrl(viewToSelect);
+      return viewToSelect;
+    },
+    [config, temporaryView, clearTemporaryView, updateLocalStorage, updateUrl]
+  );
+  return {
+    selectedView: selectedSavedView,
+    selectView,
+    updateLocalStorage,
+    temporaryView,
+    createTemporaryView
+  };
 };
 
-// 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;
+// src/utils/Hooks/useCrossUserSharing.ts
+import React21 from "react";
+var useCrossUserSharing = (queryInput, viewId, selectedSavedView, defaultView, actions, tableName) => {
+  const { data: fetchedView, isError: fetchError } = useFetchSavedViewById(
+    viewId,
+    queryInput,
+    Boolean(viewId)
+  );
+  const { mutate: createSavedView } = useCreateSavedView(queryInput);
+  React21.useEffect(() => {
+    if (fetchError && viewId) {
+      actions.selectView(selectedSavedView ?? defaultView);
+      actions.closeModal();
+    }
+  }, [fetchError, viewId, actions, selectedSavedView, defaultView]);
+  const viewSharedViewTemporarily = () => {
+    if (fetchedView) {
+      const tempView = actions.createTemporaryView(fetchedView);
+      actions.selectView(tempView);
+      actions.closeModal();
     }
-  });
-};
-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;
+  };
+  const createPersonalCopyOfSharedView = () => {
+    if (fetchedView) {
+      const viewToCreate = {
+        name: fetchedView.name,
+        description: fetchedView.description,
+        table_name: tableName,
+        table_config: fetchedView.table_config,
+        view_level: "personal"
+      };
+      createSavedView(viewToCreate, {
+        onSuccess: (newView) => {
+          actions.selectView(newView);
+          actions.closeModal();
+        }
+      });
     }
-  });
+  };
+  return {
+    fetchedView,
+    viewSharedViewTemporarily,
+    createPersonalCopyOfSharedView
+  };
+};
+
+// src/utils/Hooks/useModalState.ts
+import { useState as useState5, useCallback as useCallback3 } from "react";
+var useModalState = () => {
+  const [activeModal, setActiveModal] = useState5(null);
+  const [modalData, setModalData] = useState5(null);
+  const openModal = useCallback3(
+    (type, data) => {
+      setActiveModal(type);
+      setModalData(data ?? null);
+    },
+    []
+  );
+  const closeModal = useCallback3(() => {
+    setActiveModal(null);
+    setModalData(null);
+  }, []);
+  const isModalOpen = useCallback3(
+    (type) => {
+      return activeModal === type;
+    },
+    [activeModal]
+  );
+  return {
+    openModal,
+    closeModal,
+    isModalOpen,
+    modalData,
+    activeModal
+  };
 };
-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?.useSavedViewsQuery ?? useSavedViewsQuery,
-  useSavedViewsPermissions: customBackend?.useSavedViewsPermissions ?? useSavedViewsPermissions,
-  useCreateSavedView: customBackend?.useCreateSavedView ?? useCreateSavedView,
-  useUpdateSavedView: customBackend?.useUpdateSavedView ?? useUpdateSavedView,
-  useDeleteSavedView: customBackend?.useDeleteSavedView ?? useDeleteSavedView
-});
 
 // src/SavedViews/components/SavedViews/SavedViews.tsx
 var StyledPanel = styled_components_esm_default.div`
@@ -14493,75 +14812,80 @@ var SavedViewsContent = (props) => {
     projectId,
     companyId
   };
-  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;
-    }
-  });
-  const updateLocalStorage = (view) => {
-    if (props.stickyViewsKey) {
-      localStorage.setItem(
-        `${props.domain}_${props.tableName}_${props.stickyViewsKey}_${projectId}_${props.userId}`,
-        JSON.stringify(view)
-      );
-    }
+  const { data: savedViews } = useSavedViewsQuery(queryInput);
+  const { mutate: deleteSavedView } = useDeleteSavedView(queryInput);
+  const { openModal, closeModal, isModalOpen, modalData, activeModal } = useModalState();
+  const openCrossUserModal = (viewId) => {
+    openModal("crossUser" /* CROSS_USER */, { viewId });
   };
-  const handleViewItemSelect = ({ item }) => {
-    const viewToSetAsSelected = props.onSelect({ item });
-    setSelectedSavedView(viewToSetAsSelected);
-    updateLocalStorage(viewToSetAsSelected);
-  };
-  const onDelete = () => {
-    if (selectedSavedView) {
-      deleteSavedView(selectedSavedView, {
-        onSuccess: () => handleViewItemSelect({ item: props.defaultView })
+  const {
+    selectedView,
+    selectView,
+    updateLocalStorage,
+    temporaryView,
+    createTemporaryView
+  } = useViewSelection(
+    {
+      domain: props.domain,
+      tableName: props.tableName,
+      stickyViewsKey: props.stickyViewsKey,
+      userId: props.userId,
+      projectId,
+      defaultView: props.defaultView,
+      onSelect: props.onSelect
+    },
+    savedViews,
+    openCrossUserModal
+  );
+  const {
+    fetchedView,
+    viewSharedViewTemporarily,
+    createPersonalCopyOfSharedView
+  } = useCrossUserSharing(
+    queryInput,
+    modalData?.viewId ?? null,
+    selectedView,
+    props.defaultView,
+    {
+      selectView,
+      createTemporaryView,
+      closeModal
+    },
+    props.tableName
+  );
+  const deleteSelectedView = () => {
+    if (selectedView) {
+      deleteSavedView(selectedView, {
+        onSuccess: () => selectView(props.defaultView)
       });
     }
   };
-  const i18n = useI18nContext10();
-  const [openDeleteModal, setOpenDeleteModal] = useState4(false);
-  const [openEditCreateModal, setOpenEditCreateModal] = useState4(false);
-  const [editCreateModalType, setEditCreateModalType] = useState4(
-    "create" /* CREATE */
-  );
-  const onCloseDeleteModal = () => {
-    setOpenDeleteModal(false);
-  };
-  const onCloseEditModal = () => {
-    setOpenEditCreateModal(false);
-  };
-  const openModal = (type) => {
-    setEditCreateModalType(type);
-    setOpenEditCreateModal(true);
+  const confirmDeleteAndCloseModal = () => {
+    deleteSelectedView();
+    closeModal();
   };
-  const onOpenDeleteModal = () => {
-    setOpenDeleteModal(true);
+  const i18n = useI18nContext11();
+  const selectSavedViewFromList = ({ item }) => selectView(item);
+  const setSelectedSavedView = (view) => {
+    selectView(view);
   };
-  return /* @__PURE__ */ React19.createElement(StyledPanel, { provider: props.provider }, /* @__PURE__ */ React19.createElement(
+  const allViews = temporaryView ? [...savedViews ?? [], temporaryView] : savedViews ?? [];
+  return /* @__PURE__ */ React22.createElement(StyledPanel, { provider: props.provider }, /* @__PURE__ */ React22.createElement(
     ExpandedPanel,
     {
       "data-testid": "saved-view-expanded-panel",
       provider: props.provider
     },
-    /* @__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(
+    /* @__PURE__ */ React22.createElement(Panel3.Header, { id: "saved-views-collections-panel-header" }, /* @__PURE__ */ React22.createElement(Panel3.Title, null, /* @__PURE__ */ React22.createElement(Flex5, { 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(
       Tooltip,
       {
         overlay: i18n.t("savedViews.actions.create"),
         showDelay: 1e3
       },
-      /* @__PURE__ */ React19.createElement("span", null, /* @__PURE__ */ React19.createElement(
-        Button5,
+      /* @__PURE__ */ React22.createElement("span", null, /* @__PURE__ */ React22.createElement(
+        Button6,
         {
-          icon: /* @__PURE__ */ React19.createElement(Plus_default, null),
+          icon: /* @__PURE__ */ React22.createElement(Plus_default, null),
           variant: "secondary",
           "data-testid": "expanded-panel-create-button",
           onClick: () => openModal("create" /* CREATE */),
@@ -14570,54 +14894,59 @@ var SavedViewsContent = (props) => {
         i18n.t("savedViews.actions.create")
       ))
     )),
-    /* @__PURE__ */ React19.createElement(Panel3.Body, { style: { display: "flex", flexFlow: "column" } }, /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React22.createElement(Panel3.Body, { style: { display: "flex", flexFlow: "column" } }, /* @__PURE__ */ React22.createElement(
       PanelContent,
       {
-        onSelect: handleViewItemSelect,
+        onSelect: selectSavedViewFromList,
         openModal,
-        onDelete: onOpenDeleteModal,
+        onDelete: () => openModal("delete" /* DELETE */),
         updateLocalStorage,
         setSelectedSavedView,
         queryInput,
-        selectedSavedView,
+        selectedSavedView: selectedView,
         tableConfig: props.tableConfig,
         defaultView: props.defaultView,
         stickyViewsKey: props.stickyViewsKey,
+        savedViews: allViews,
         provider: props.provider,
-        userId: props.userId,
-        backend
+        userId: props.userId
       }
     ))
-  ), /* @__PURE__ */ React19.createElement(
+  ), (isModalOpen("create" /* CREATE */) || isModalOpen("update" /* UPDATE */)) && /* @__PURE__ */ React22.createElement(
     SavedViewsFormModal,
     {
-      open: openEditCreateModal,
-      mode: editCreateModalType,
-      onCancel: onCloseEditModal,
+      open: true,
+      mode: activeModal,
+      onCancel: closeModal,
       queryInput,
       tableConfig: props.tableConfig,
       tableName: props.tableName,
-      selectedSavedView,
+      selectedSavedView: selectedView,
       setSelectedSavedView,
-      onSelect: (view) => handleViewItemSelect({ item: view }),
-      setOpenEditCreateModal,
-      defaultView: props.defaultView,
-      backend
+      onSelect: selectView,
+      setOpenEditCreateModal: closeModal,
+      defaultView: props.defaultView
     }
-  ), selectedSavedView && /* @__PURE__ */ React19.createElement(
+  ), selectedView && isModalOpen("delete" /* DELETE */) && /* @__PURE__ */ React22.createElement(
     SavedViewsDeleteConfirmationModalShared,
     {
-      open: openDeleteModal,
-      onDelete: () => {
-        onDelete();
-        onCloseDeleteModal();
-      },
-      onCancel: onCloseDeleteModal
+      open: true,
+      onDelete: confirmDeleteAndCloseModal,
+      onCancel: closeModal
+    }
+  ), fetchedView && isModalOpen("crossUser" /* CROSS_USER */) && /* @__PURE__ */ React22.createElement(
+    CreateViewConfirmationModal,
+    {
+      open: true,
+      savedViewName: fetchedView.name,
+      onClose: closeModal,
+      onViewTemporarily: viewSharedViewTemporarily,
+      onCreateView: createPersonalCopyOfSharedView
     }
   ));
 };
 var SavedViews = (props) => {
-  return /* @__PURE__ */ React19.createElement(EnvironmentI18nProvider, null, /* @__PURE__ */ React19.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React19.createElement(SavedViewsContent, { ...props })));
+  return /* @__PURE__ */ React22.createElement(EnvironmentI18nProvider, null, /* @__PURE__ */ React22.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React22.createElement(SavedViewsContent, { ...props })));
 };
 
 // src/SavedViews/components/SavedViews/SmartGrid/SmartGridSavedViews.tsx
@@ -14640,20 +14969,18 @@ var SmartGridSavedViews = (props) => {
       gridApi.refreshCells();
       return item;
     }
-    const tableConfig2 = item.table_config;
-    const updatedItemConfig = props.transformSettings?.(tableConfig2) ?? tableConfig2;
     const updatedView = {
       ...item,
       table_config: customAndConfigSync(
-        updatedItemConfig,
-        tableConfig2
+        item.table_config,
+        tableConfig
       )
     };
     updateTableConfig(updatedView, gridApi, "smart-grid");
     setTableConfig(updatedView.table_config);
     return updatedView;
   };
-  return /* @__PURE__ */ React20.createElement(ToastAlertProvider, null, /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React23.createElement(ToastAlertProvider, null, /* @__PURE__ */ React23.createElement(
     SavedViews,
     {
       onSelect,
@@ -14666,23 +14993,22 @@ var SmartGridSavedViews = (props) => {
       tableName: props.tableName,
       tableConfig,
       stickyViewsKey: props.stickyViewsKey,
-      enableSavedViews: props.enableSavedViews,
-      backend: props.backend
+      enableSavedViews: props.enableSavedViews
     }
   ));
 };
 
 // src/SavedViews/components/SavedViews/DataTable/DataTableSavedViews.tsx
-import React21, {
-  forwardRef as forwardRef9,
+import React24, {
+  forwardRef as forwardRef10,
   useImperativeHandle,
-  useState as useState5,
-  useCallback as useCallback2
+  useState as useState6,
+  useCallback as useCallback4
 } from "react";
 
 // src/SavedViews/components/SavedViews/DataTable/DataTableDefaultSavedView.tsx
 import { useMemo } from "react";
-import { useI18nContext as useI18nContext11 } from "@procore/core-react";
+import { useI18nContext as useI18nContext12 } from "@procore/core-react";
 var DEFAULT_COLUMN_STATE = {
   hidden: false,
   pinned: null,
@@ -14729,7 +15055,7 @@ var extractDefaultView = (columnDefinitions, receivedConfigFromTool) => {
   return result;
 };
 var useDefaultViewName2 = (domain, defaultViewName) => {
-  const i18n = useI18nContext11();
+  const i18n = useI18nContext12();
   return defaultViewName || i18n.t(domain, {
     scope: "savedViews.defaultViewTitle",
     defaultValue: "Default View"
@@ -14751,9 +15077,9 @@ var useDefaultView2 = (props) => {
 
 // src/SavedViews/components/SavedViews/DataTable/DataTableSavedViews.tsx
 import { ToastAlertProvider as ToastAlertProvider2 } from "@procore/toast-alert";
-var DataTableSavedViews = forwardRef9((props, ref) => {
+var DataTableSavedViews = forwardRef10((props, ref) => {
   const { tableApi, onTableConfigChange, projectId, companyId } = props;
-  const [internalTableConfig, setInternalTableConfig] = useState5(
+  const [internalTableConfig, setInternalTableConfig] = useState6(
     props.defaultViewConfig
   );
   useImperativeHandle(ref, () => ({
@@ -14761,7 +15087,7 @@ var DataTableSavedViews = forwardRef9((props, ref) => {
       handleConfigChange(newConfig);
     }
   }));
-  const handleConfigChange = useCallback2(
+  const handleConfigChange = useCallback4(
     (newConfig) => {
       setInternalTableConfig(newConfig);
       onTableConfigChange(newConfig);
@@ -14789,7 +15115,7 @@ var DataTableSavedViews = forwardRef9((props, ref) => {
   if (!internalTableConfig) {
     return null;
   }
-  return /* @__PURE__ */ React21.createElement(ToastAlertProvider2, null, /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React24.createElement(ToastAlertProvider2, null, /* @__PURE__ */ React24.createElement(
     SavedViews,
     {
       onSelect,